/* ============================================================
   BFIE MASTER CSS — SESSION 9 UPDATE
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --gold:         #D4AF37;
  --gold-light:   #F6D46B;
  --gold-dim:     rgba(212,175,55,0.12);
  --gold-border:  rgba(212,175,55,0.3);
  --navy:         #0B1F3A;
  --navy-mid:     #0F2744;
  --navy-deep:    #061224;
  --white:        #FFFFFF;
  --text-body:    #C8D8E8;
  --text-muted:   #8FA3BF;
  --radius:       10px;
  --max-width:    1200px;
}

/* ============================================================
   GLOBAL
   ============================================================ */

.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  line-height: 1.6 !important;
}

.entry-title, .page-title, h1.entry-title {
  display: none !important;
}

body {
  background-color: var(--navy-deep) !important;
  -webkit-font-smoothing: antialiased;
}

.e-con-inner {
  max-width: var(--max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ============================================================
   NAVBAR
   ============================================================ */

#bfie-navbar {
  position: relative !important;
  z-index: 9999 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

#bfie-navbar > .e-con-inner {
  padding: 0 !important;
  max-width: none !important;
}

/* ============================================================
   HERO — DESKTOP
   ============================================================ */

#bfie-hero {
  position: relative !important;
  min-height: 100vh !important;
  background-size: cover !important;
  background-position: center right !important;
  overflow: hidden !important;
  padding-top: 72px !important;
}

#bfie-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    105deg,
    rgba(0,0,0,1.0) 0%,
    rgba(0,0,0,0.92) 40%,
    rgba(0,0,0,0.5) 65%,
    transparent 100%
  ) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

#bfie-hero .e-con-inner,
#bfie-hero > .e-con-inner {
  position: relative !important;
  z-index: 2 !important;
  padding: 40px 60px 80px 60px !important;
  max-width: var(--max-width) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  align-items: flex-start !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#bfie-hero-title,
#bfie-hero-subtitle,
#bfie-hero-body,
#bfie-hero-buttons {
  align-self: flex-start !important;
  margin-left: 0 !important;
  text-align: left !important;
  position: relative !important;
  z-index: 2 !important;
}

#bfie-hero-title,
#bfie-hero-title h1 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 80px !important;
  color: #FFFFFF !important;
  line-height: 0.95 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  max-width: none !important;
  margin: 0 0 28px 0 !important;
  text-shadow: 0 4px 40px rgba(0,0,0,0.5) !important;
}

#bfie-hero-subtitle,
#bfie-hero-subtitle h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: var(--gold) !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
  max-width: none !important;
  margin: 0 0 32px 0 !important;
  text-shadow: 0 2px 20px rgba(212,175,55,0.3) !important;
}

#bfie-hero-body,
#bfie-hero-body p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.05rem !important;
  color: var(--text-body) !important;
  line-height: 1.75 !important;
  max-width: 520px !important;
  margin: 0 0 48px 0 !important;
}

div#bfie-hero-buttons,
#bfie-hero-buttons {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  row-gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
}

#bfie-btn-primary,
#bfie-btn-secondary {
  width: 100% !important;
}

#bfie-btn-primary .elementor-button,
#bfie-btn-primary a,
#bfie-btn-secondary .elementor-button,
#bfie-btn-secondary a {
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#bfie-hero-buttons.e-con > .e-con-inner,
#bfie-hero-buttons .e-con-inner {
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
}

#bfie-btn-primary .elementor-button,
#bfie-btn-primary a {
  background: linear-gradient(135deg, #D4AF37 0%, #b8960c 100%) !important;
  color: #061224 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 36px !important;
  border-radius: 4px !important;
  border: 2px solid var(--gold) !important;
  box-shadow: 0 4px 24px rgba(212,175,55,0.35) !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

#bfie-btn-primary .elementor-button:hover,
#bfie-btn-primary a:hover {
  background: linear-gradient(135deg, #F6D46B 0%, #D4AF37 100%) !important;
  box-shadow: 0 8px 36px rgba(212,175,55,0.55) !important;
  transform: translateY(-2px) !important;
}

#bfie-btn-secondary .elementor-button,
#bfie-btn-secondary a {
  background: transparent !important;
  color: var(--gold) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 36px !important;
  border-radius: 4px !important;
  border: 2px solid rgba(212,175,55,0.6) !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

#bfie-btn-secondary .elementor-button:hover,
#bfie-btn-secondary a:hover {
  background: rgba(212,175,55,0.1) !important;
  border-color: var(--gold) !important;
  color: var(--gold-light) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   HERO — MOBILE
   ============================================================ */

@media (max-width: 768px) {

  #bfie-hero {
    background-position: 70% center !important;
  }

  #bfie-hero::before {
    background: linear-gradient(
      to right,
      rgba(0,0,0,1.0) 0%,
      rgba(0,0,0,0.95) 40%,
      rgba(0,0,0,0.6) 65%,
      rgba(0,0,0,0.0) 100%
    ) !important;
  }

  #bfie-hero .e-con-inner,
  #bfie-hero > .e-con-inner {
    padding: 40px 20px 50px 20px !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
    gap: 0 !important;
    row-gap: 0 !important;
    --grid-row-gap: 0 !important;
  }

  #bfie-hero-title,
  #bfie-hero-title h1 {
    font-size: 46px !important;
    max-width: 260px !important;
    white-space: normal !important;
    line-height: 1.0 !important;
    margin: 0 0 24px 0 !important;
  }

  #bfie-hero-subtitle,
  #bfie-hero-subtitle h2 {
    font-size: 12px !important;
    max-width: 220px !important;
    white-space: normal !important;
    letter-spacing: 1.5px !important;
    line-height: 1.4 !important;
    margin: 0 0 28px 0 !important;
  }

  #bfie-hero-body,
  #bfie-hero-body p,
  #bfie-hero-body .elementor-widget-container,
  #bfie-hero-body .elementor-widget-container p,
  #bfie-hero-body .elementor-widget-text-editor,
  #bfie-hero-body .elementor-widget-text-editor p {
    font-size: 13px !important;
    max-width: 55% !important;
    line-height: 1.5 !important;
    margin-bottom: 48px !important;
  }

  #bfie-btn-primary {
    margin-bottom: 12px !important;
  }

  div#bfie-hero-buttons,
  #bfie-hero-buttons {
    gap: 0 !important;
    row-gap: 0 !important;
    max-width: 100% !important;
  }

  #bfie-btn-primary .elementor-button,
  #bfie-btn-primary a,
  #bfie-btn-secondary .elementor-button,
  #bfie-btn-secondary a {
    padding: 12px 24px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  #bfie-btn-primary,
  #bfie-btn-secondary {
    width: 100% !important;
  }
}

/* ============================================================
   TRUST BAR
   ============================================================ */

#bfie-trustbar {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(115deg,
    #b8860c 0%,
    #D4AF37 30%,
    #F6D46B 50%,
    #D4AF37 70%,
    #b8860c 100%) !important;
  background-size: 200% 200% !important;
  padding: 8px 0 !important;
  border-top: 1px solid rgba(255,255,255,0.25) !important;
  border-bottom: 1px solid rgba(6,18,36,0.4) !important;
}

#bfie-trustbar::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 18% 35%, rgba(255,255,255,0.45) 0%, transparent 22%),
    radial-gradient(circle at 82% 65%, rgba(255,255,255,0.30) 0%, transparent 18%),
    radial-gradient(circle at 50% 10%, rgba(255,255,255,0.20) 0%, transparent 30%) !important;
  mix-blend-mode: overlay !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#bfie-trustbar::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -60% !important;
  width: 45% !important;
  height: 100% !important;
  background: linear-gradient(100deg,
    transparent 0%,
    rgba(255,255,255,0.45) 50%,
    transparent 100%) !important;
  animation: bfie-trustbar-shimmer 7s ease-in-out infinite !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

@keyframes bfie-trustbar-shimmer {
  0%   { left: -60%; }
  45%  { left: 110%; }
  100% { left: 110%; }
}

#bfie-trustbar-list .elementor-icon-list-items {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  position: relative !important;
  z-index: 2 !important;
}

#bfie-trustbar-list .elementor-icon-list-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 2px 26px !important;
  margin: 0 !important;
  border-right: 1px solid rgba(6,18,36,0.25) !important;
  transition: all 0.3s ease !important;
}

#bfie-trustbar-list .elementor-icon-list-item:last-child {
  border-right: none !important;
}

#bfie-trustbar-list .elementor-icon-list-icon {
  margin: 0 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}

#bfie-trustbar-list .elementor-icon-list-icon i,
#bfie-trustbar-list .elementor-icon-list-icon svg {
  color: var(--navy-deep) !important;
  fill: var(--navy-deep) !important;
  font-size: 1.28rem !important;
  width: 1.28em !important;
  height: 1.28em !important;
}

#bfie-trustbar-list .elementor-icon-list-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--navy-deep) !important;
  white-space: nowrap !important;
  transition: color 0.3s ease !important;
}

#bfie-trustbar-list .elementor-icon-list-item:hover .elementor-icon-list-text,
#bfie-trustbar-list .elementor-icon-list-item:hover .elementor-icon-list-icon i,
#bfie-trustbar-list .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  text-shadow: 0 1px 6px rgba(6,18,36,0.4) !important;
}

/* ============================================================
   WHO IS BFIE
   ============================================================ */

#bfie-about {
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-deep) 60%) !important;
  padding: 0 0 100px 0 !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

#bfie-about::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 120px !important;
  background: linear-gradient(to bottom, transparent 0%, #061224 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-about > .e-con {
  width: 100% !important;
  max-width: var(--max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 2 !important;
}

#bfie-about-kicker, #bfie-about-kicker h2, #bfie-about-kicker h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 12px !important;
}

#bfie-about-title, #bfie-about-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  color: var(--white) !important;
  line-height: 1.1 !important;
  letter-spacing: 1px !important;
  margin-bottom: 24px !important;
}

#bfie-about-body, #bfie-about-body p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: var(--text-body) !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
}

#bfie-about-btn .elementor-button, #bfie-about-btn a {
  background: linear-gradient(135deg, #D4AF37 0%, #b8960c 100%) !important;
  color: #061224 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: 0 4px 24px rgba(212,175,55,0.3) !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  margin-top: 16px !important;
}

#bfie-about-imagewrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
  overflow: hidden !important;
  margin: 0 0 100px 0 !important;
}

#bfie-about-img-main,
#bfie-about-img-1,
#bfie-about-img-2,
#bfie-about-img-3,
#bfie-about-img-4,
#bfie-about-img-5 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

#bfie-about-img-main img,
#bfie-about-img-1 img,
#bfie-about-img-2 img,
#bfie-about-img-3 img,
#bfie-about-img-4 img,
#bfie-about-img-5 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#bfie-about-img-main img {
  object-position: center 20% !important;
}

#bfie-about-img-main { animation: bfie-fade-0 24s infinite linear !important; }
#bfie-about-img-1   { animation: bfie-fade-1 24s infinite linear !important; }
#bfie-about-img-2   { animation: bfie-fade-2 24s infinite linear !important; }
#bfie-about-img-3   { animation: bfie-fade-3 24s infinite linear !important; }
#bfie-about-img-4   { animation: bfie-fade-4 24s infinite linear !important; }
#bfie-about-img-5   { animation: bfie-fade-5 24s infinite linear !important; }

@keyframes bfie-fade-0 {
  0%     { opacity: 0; }
  1.5%   { opacity: 1; }
  15.17% { opacity: 1; }
  16.67% { opacity: 0; }
  100%   { opacity: 0; }
}
@keyframes bfie-fade-1 {
  0%     { opacity: 0; }
  16.67% { opacity: 0; }
  18.17% { opacity: 1; }
  31.83% { opacity: 1; }
  33.33% { opacity: 0; }
  100%   { opacity: 0; }
}
@keyframes bfie-fade-2 {
  0%     { opacity: 0; }
  33.33% { opacity: 0; }
  34.83% { opacity: 1; }
  48.5%  { opacity: 1; }
  50%    { opacity: 0; }
  100%   { opacity: 0; }
}
@keyframes bfie-fade-3 {
  0%     { opacity: 0; }
  50%    { opacity: 0; }
  51.5%  { opacity: 1; }
  65.17% { opacity: 1; }
  66.67% { opacity: 0; }
  100%   { opacity: 0; }
}
@keyframes bfie-fade-4 {
  0%     { opacity: 0; }
  66.67% { opacity: 0; }
  68.17% { opacity: 1; }
  81.83% { opacity: 1; }
  83.33% { opacity: 0; }
  100%   { opacity: 0; }
}
@keyframes bfie-fade-5 {
  0%     { opacity: 0; }
  83.33% { opacity: 0; }
  84.83% { opacity: 1; }
  98.5%  { opacity: 1; }
  100%   { opacity: 0; }
}

#bfie-about-kicker,
#bfie-about-title,
#bfie-about-body,
#bfie-about-btn {
  text-align: center !important;
}

#bfie-about-title {
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#bfie-about-body, #bfie-about-body p {
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
   REMEMBER WHEN
   ============================================================ */

#bfie-remember {
  background: linear-gradient(
    180deg,
    #061224 0%,
    #0B1F3A 25%,
    #0F2744 50%,
    #0B1F3A 75%,
    #061224 100%
  ) !important;
  padding: 40px 0 80px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

#bfie-remember-title,
#bfie-remember-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  line-height: 1.1 !important;
  text-align: center !important;
  max-width: var(--max-width) !important;
  margin: 0 auto 24px auto !important;
  padding: 0 60px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

#bfie-remember-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 60px !important;
  max-width: var(--max-width) !important;
  margin: 0 auto 80px auto !important;
  padding: 0 60px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

#bfie-remember-text {
  flex: 0 0 48% !important;
  max-width: 48% !important;
  min-width: 0 !important;
}

#bfie-remember-body,
#bfie-remember-body p,
#bfie-remember-body em,
#bfie-remember-body * {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: #C8D8E8 !important;
  line-height: 1.85 !important;
  margin-bottom: 16px !important;
  text-align: left !important;
}

#bfie-remember-photo {
  flex: 0 0 48% !important;
  max-width: 48% !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#bfie-remember-photo .elementor-widget-wrap,
#bfie-remember-photo .e-con-inner,
#bfie-remember-photo .elementor-widget-container {
  overflow: visible !important;
  width: 100% !important;
}

#bfie-remember-photo img,
#bfie-remember-photo .elementor-image img,
#bfie-remember-photo .elementor-widget-image img,
#bfie-remember-photo .elementor-widget-container img,
#bfie-remember-photo .attachment-large,
#bfie-remember-photo .size-large {
  width: 130% !important;
  max-width: none !important;
  height: auto !important;
  margin-left: -15% !important;
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 95%) !important;
  mask-image: linear-gradient(to bottom, black 50%, transparent 95%) !important;
  display: block !important;
}

#bfie-remember-now {
  background: linear-gradient(135deg, rgba(212,175,55,0.1), rgba(212,175,55,0.03)) !important;
  border: 1px solid rgba(212,175,55,0.4) !important;
  box-shadow: none !important;
  border-radius: var(--radius) !important;
  padding: 48px !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#bfie-remember-now h2,
#bfie-remember-now h3 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  margin: 0 !important;
}

#bfie-remember-btn .elementor-button,
#bfie-remember-btn a {
  background: linear-gradient(135deg, #D4AF37 0%, #b8960c 100%) !important;
  color: #061224 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  border-radius: 4px !important;
  border: none !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  margin-top: 28px !important;
}

/* ============================================================
   LEARNING GOALS
   ============================================================ */

#bfie-goals {
  background: #000000 !important;
  padding: 120px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

#bfie-goals::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 90px !important;
  background: linear-gradient(to bottom, #061224 0%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-goals::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 140px !important;
  background: linear-gradient(to bottom, transparent 0%, #061224 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-goals-kicker, #bfie-goals-kicker h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  margin: 0 0 8px 0 !important;
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
}

#bfie-goals-subtitle, #bfie-goals-subtitle p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: var(--text-muted) !important;
  text-align: center !important;
  margin: 0 0 40px 0 !important;
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
}

#bfie-goals-row-1.e-con, #bfie-goals-row-2.e-con, #bfie-goals-row-3.e-con,
#bfie-goals-row-4.e-con, #bfie-goals-row-5.e-con, #bfie-goals-row-6.e-con,
div#bfie-goals-row-1, div#bfie-goals-row-2, div#bfie-goals-row-3,
div#bfie-goals-row-4, div#bfie-goals-row-5, div#bfie-goals-row-6,
#bfie-goals-row-1, #bfie-goals-row-2, #bfie-goals-row-3,
#bfie-goals-row-4, #bfie-goals-row-5, #bfie-goals-row-6 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 60px !important;
  max-width: var(--max-width) !important;
  width: 100% !important;
  margin: 0 auto 56px auto !important;
  padding: 48px 60px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  border-radius: 16px !important;
}

#bfie-goals-row-6 { margin-bottom: 0 !important; }

#bfie-goals-row-1, #bfie-goals-row-3, #bfie-goals-row-5 {
  background: #14304F !important;
}

#bfie-goals-row-2, #bfie-goals-row-4, #bfie-goals-row-6 {
  background: #081729 !important;
}

#bfie-goals-text-1, #bfie-goals-text-2, #bfie-goals-text-3,
#bfie-goals-text-4, #bfie-goals-text-5, #bfie-goals-text-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

#bfie-goals-img-1, #bfie-goals-img-2, #bfie-goals-img-3,
#bfie-goals-img-4, #bfie-goals-img-5, #bfie-goals-img-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35) !important;
  line-height: 0 !important;
  font-size: 0 !important;
  align-self: center !important;
}

#bfie-goals-photo-1, #bfie-goals-photo-2, #bfie-goals-photo-3,
#bfie-goals-photo-4, #bfie-goals-photo-5, #bfie-goals-photo-6,
#bfie-goals-photo-1 img, #bfie-goals-photo-2 img, #bfie-goals-photo-3 img,
#bfie-goals-photo-4 img, #bfie-goals-photo-5 img, #bfie-goals-photo-6 img,
#bfie-goals-photo-1 .elementor-widget-container img,
#bfie-goals-photo-2 .elementor-widget-container img,
#bfie-goals-photo-3 .elementor-widget-container img,
#bfie-goals-photo-4 .elementor-widget-container img,
#bfie-goals-photo-5 .elementor-widget-container img,
#bfie-goals-photo-6 .elementor-widget-container img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: var(--radius) !important;
  margin: 0 !important;
  vertical-align: top !important;
  object-fit: cover !important;
}

#bfie-goals-label-1, #bfie-goals-label-2, #bfie-goals-label-3,
#bfie-goals-label-4, #bfie-goals-label-5, #bfie-goals-label-6,
#bfie-goals-label-1 h2, #bfie-goals-label-2 h2, #bfie-goals-label-3 h2,
#bfie-goals-label-4 h2, #bfie-goals-label-5 h2, #bfie-goals-label-6 h2,
#bfie-goals-label-1 h3, #bfie-goals-label-2 h3, #bfie-goals-label-3 h3,
#bfie-goals-label-4 h3, #bfie-goals-label-5 h3, #bfie-goals-label-6 h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin: 0 0 14px 0 !important;
  display: block !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

#bfie-goals-title-1, #bfie-goals-title-2, #bfie-goals-title-3,
#bfie-goals-title-4, #bfie-goals-title-5, #bfie-goals-title-6,
#bfie-goals-title-1 h2, #bfie-goals-title-2 h2, #bfie-goals-title-3 h2,
#bfie-goals-title-4 h2, #bfie-goals-title-5 h2, #bfie-goals-title-6 h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2.6rem, 5vw, 3.8rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  line-height: 1.08 !important;
  margin: 0 0 22px 0 !important;
}

#bfie-goals-body-1, #bfie-goals-body-2, #bfie-goals-body-3,
#bfie-goals-body-4, #bfie-goals-body-5, #bfie-goals-body-6,
#bfie-goals-body-1 p, #bfie-goals-body-2 p, #bfie-goals-body-3 p,
#bfie-goals-body-4 p, #bfie-goals-body-5 p, #bfie-goals-body-6 p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: var(--text-body) !important;
  line-height: 1.75 !important;
  margin: 0 0 28px 0 !important;
}

#bfie-goals-btn-1 .elementor-button, #bfie-goals-btn-1 a,
#bfie-goals-btn-2 .elementor-button, #bfie-goals-btn-2 a,
#bfie-goals-btn-3 .elementor-button, #bfie-goals-btn-3 a,
#bfie-goals-btn-4 .elementor-button, #bfie-goals-btn-4 a,
#bfie-goals-btn-5 .elementor-button, #bfie-goals-btn-5 a,
#bfie-goals-btn-6 .elementor-button, #bfie-goals-btn-6 a {
  background: linear-gradient(135deg, #D4AF37 0%, #b8960c 100%) !important;
  color: #061224 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: 0 4px 24px rgba(212,175,55,0.3) !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

#bfie-goals-btn-1 .elementor-button:hover, #bfie-goals-btn-1 a:hover,
#bfie-goals-btn-2 .elementor-button:hover, #bfie-goals-btn-2 a:hover,
#bfie-goals-btn-3 .elementor-button:hover, #bfie-goals-btn-3 a:hover,
#bfie-goals-btn-4 .elementor-button:hover, #bfie-goals-btn-4 a:hover,
#bfie-goals-btn-5 .elementor-button:hover, #bfie-goals-btn-5 a:hover,
#bfie-goals-btn-6 .elementor-button:hover, #bfie-goals-btn-6 a:hover {
  background: linear-gradient(135deg, #F6D46B 0%, #D4AF37 100%) !important;
  box-shadow: 0 8px 32px rgba(212,175,55,0.5) !important;
  transform: translateY(-2px) !important;
}

/* ---- Learning Goals — Mobile ---- */

@media (max-width: 768px) {

  #bfie-goals { padding: 70px 0 !important; }

  #bfie-goals-kicker, #bfie-goals-kicker h2 {
    padding: 0 24px !important;
    display: block !important;
    width: 100% !important;
    position: relative !important;
    z-index: 3 !important;
  }

  #bfie-goals-subtitle, #bfie-goals-subtitle p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    margin: 12px 0 48px 0 !important;
  }

  #bfie-goals .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  #bfie-goals-row-1, #bfie-goals-row-2, #bfie-goals-row-3,
  #bfie-goals-row-4, #bfie-goals-row-5, #bfie-goals-row-6 {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
    margin: 0 0 24px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    overflow: visible !important;
    position: static !important;
    left: auto !important;
  }


  #bfie-goals #bfie-goals-row-1 > .e-con-inner,
  #bfie-goals #bfie-goals-row-2 > .e-con-inner,
  #bfie-goals #bfie-goals-row-3 > .e-con-inner,
  #bfie-goals #bfie-goals-row-4 > .e-con-inner,
  #bfie-goals #bfie-goals-row-5 > .e-con-inner,
  #bfie-goals #bfie-goals-row-6 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #bfie-goals #bfie-goals-row-1 > .e-con-inner > *,
  #bfie-goals #bfie-goals-row-2 > .e-con-inner > *,
  #bfie-goals #bfie-goals-row-3 > .e-con-inner > *,
  #bfie-goals #bfie-goals-row-4 > .e-con-inner > *,
  #bfie-goals #bfie-goals-row-5 > .e-con-inner > *,
  #bfie-goals #bfie-goals-row-6 > .e-con-inner > * {
    --widgets-spacing: 0px !important;
    --widgets-spacing-row: 0px !important;
    --widgets-spacing-column: 0px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #bfie-goals-text-1, #bfie-goals-text-2, #bfie-goals-text-3,
  #bfie-goals-text-4, #bfie-goals-text-5, #bfie-goals-text-6 {
    padding-bottom: 28px !important;
  }

  #bfie-goals-row-6 { margin-bottom: 0 !important; }

  #bfie-goals-text-1, #bfie-goals-text-2, #bfie-goals-text-3,
  #bfie-goals-text-4, #bfie-goals-text-5, #bfie-goals-text-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
    padding: 28px 24px 0 24px !important;
    box-sizing: border-box !important;
  }

  #bfie-goals-label-1, #bfie-goals-label-2, #bfie-goals-label-3,
  #bfie-goals-label-4, #bfie-goals-label-5, #bfie-goals-label-6,
  #bfie-goals-title-1, #bfie-goals-title-2, #bfie-goals-title-3,
  #bfie-goals-title-4, #bfie-goals-title-5, #bfie-goals-title-6,
  #bfie-goals-body-1, #bfie-goals-body-2, #bfie-goals-body-3,
  #bfie-goals-body-4, #bfie-goals-body-5, #bfie-goals-body-6,
  #bfie-goals-body-1 p, #bfie-goals-body-2 p, #bfie-goals-body-3 p,
  #bfie-goals-body-4 p, #bfie-goals-body-5 p, #bfie-goals-body-6 p {
    text-align: center !important;
    width: 100% !important;
  }

  #bfie-goals-btn-1, #bfie-goals-btn-2, #bfie-goals-btn-3,
  #bfie-goals-btn-4, #bfie-goals-btn-5, #bfie-goals-btn-6 {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }


  #bfie-goals-img-1, #bfie-goals-img-2, #bfie-goals-img-3,
  #bfie-goals-img-4, #bfie-goals-img-5, #bfie-goals-img-6 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    order: -1 !important;
    border-radius: 0 !important;
    align-self: stretch !important;
  }

  #bfie-goals-title-1, #bfie-goals-title-2, #bfie-goals-title-3,
  #bfie-goals-title-4, #bfie-goals-title-5, #bfie-goals-title-6 {
    font-size: 1.7rem !important;
  }
}

/* ============================================================
   WHY CHOOSE BFIE
   ============================================================ */

#bfie-why {
  background: var(--navy) !important;
  padding: 40px 0 100px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

#bfie-why::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 220px !important;
  background: linear-gradient(to bottom, #061224 0%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-why::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 90px !important;
  background: linear-gradient(to bottom, transparent 0%, #000000 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-why-kicker, #bfie-why-kicker h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  color: var(--gold) !important;
  opacity: 1 !important;
  letter-spacing: 3px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 0 0 8px 0 !important;
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
}

#bfie-why-title, #bfie-why-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2.4rem, 5vw, 3.6rem) !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  max-width: 700px !important;
  margin: 0 auto 16px auto !important;
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
}

#bfie-why-subtitle {
  color: var(--text-muted) !important;
  opacity: 1 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  text-align: center !important;
  max-width: 560px !important;
  margin: 0 auto 70px auto !important;
  position: relative !important;
  z-index: 2 !important;
}

#bfie-why-grid,
#bfie-why-grid.e-con,
#bfie-why-grid > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 60px !important;
  gap: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

#bfie-why-grid .e-con,
[id^="bfie-why-card-"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  gap: 24px !important;
  padding: 36px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid rgba(143, 163, 191, 0.18) !important;
}

[id^="bfie-why-card-"]:nth-child(odd) {
  border-right: 1px solid rgba(143, 163, 191, 0.18) !important;
}

#bfie-why-card-5,
#bfie-why-card-6 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

[id^="bfie-why-card-"] .bfie-why-numeral {
  font-family: 'Bebas Neue', sans-serif !important;
  font-weight: 400 !important;
  font-size: 3.4rem !important;
  line-height: 1 !important;
  min-width: 64px !important;
  flex-shrink: 0 !important;
  user-select: none !important;
  background: linear-gradient(160deg, #F6D46B 0%, #D4AF37 45%, #b8860c 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}


[id^="bfie-why-card-"] .bfie-why-textcol {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 6px !important;
}

[id^="bfie-why-card-"] .bfie-why-pillar-title {
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}

[id^="bfie-why-card-"] .bfie-why-pillar-body {
  color: #8FA3BF !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* ---- Scrolling facts ticker ---- */

#bfie-why-ticker {
  position: relative !important;
  overflow: hidden !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 80px calc(50% - 50vw) 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  height: 48px !important;
  max-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  background: linear-gradient(115deg,
    #b8860c 0%,
    #D4AF37 30%,
    #F6D46B 50%,
    #D4AF37 70%,
    #b8860c 100%) !important;
  background-size: 200% 200% !important;
  border-top: 1px solid rgba(255,255,255,0.25) !important;
  border-bottom: 1px solid rgba(6,18,36,0.4) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.35) !important;
}

#bfie-why-ticker::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 18% 35%, rgba(255,255,255,0.45) 0%, transparent 22%),
    radial-gradient(circle at 82% 65%, rgba(255,255,255,0.30) 0%, transparent 18%),
    radial-gradient(circle at 50% 10%, rgba(255,255,255,0.20) 0%, transparent 30%) !important;
  mix-blend-mode: overlay !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#bfie-why-ticker::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -60% !important;
  width: 45% !important;
  height: 100% !important;
  background: linear-gradient(100deg,
    transparent 0%,
    rgba(255,255,255,0.45) 50%,
    transparent 100%) !important;
  animation: bfie-trustbar-shimmer 7s ease-in-out infinite !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-why-ticker-track {
  position: relative !important;
  z-index: 2 !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 48px !important;
  max-height: 48px !important;
  display: flex !important;
  align-items: center !important;
}

#bfie-why-ticker-track > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: max-content !important;
  max-width: none !important;
  height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  will-change: transform !important;
  animation: bfie-why-ticker-scroll 20s linear infinite !important;
}

.bfie-why-ticker-set {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  height: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
}

#bfie-why-ticker-track .elementor-widget-html,
#bfie-why-ticker-track .elementor-widget-container {
  height: 48px !important;
  max-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.bfie-why-ticker-item {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--navy-deep) !important;
  white-space: nowrap !important;
  display: inline-block !important;
  padding: 0 48px !important;
  position: relative !important;
}

.bfie-why-ticker-item::after {
  content: '\2022' !important;
  position: absolute !important;
  right: 0 !important;
  color: rgba(6,18,36,0.35) !important;
}

@keyframes bfie-why-ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-16.6667%); }
}

/* ---- Why Choose BFIE — Mobile ---- */

@media (max-width: 820px) {

  #bfie-why { padding: 80px 0 70px 0 !important; }
  #bfie-why::after { height: 50px !important; }

  #bfie-why#bfie-why #bfie-why-kicker,
  #bfie-why#bfie-why #bfie-why-kicker h2 {
    color: var(--gold) !important;
    opacity: 1 !important;
  }

  #bfie-why#bfie-why #bfie-why-title,
  #bfie-why#bfie-why #bfie-why-title h2 {
    color: #FFFFFF !important;
    opacity: 1 !important;
    font-size: 1.9rem !important;
    padding: 0 24px !important;
  }

  #bfie-why#bfie-why #bfie-why-subtitle {
    color: var(--text-muted) !important;
    opacity: 1 !important;
    padding: 0 24px !important;
    margin-bottom: 50px !important;
  }

  #bfie-why #bfie-why-grid,
  #bfie-why #bfie-why-grid > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    padding: 0 24px !important;
    width: 100% !important;
  }

  #bfie-why [id^="bfie-why-card-"] {
    display: flex !important;
    flex-direction: row !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    border-right: none !important;
    padding: 28px 0 !important;
    box-sizing: border-box !important;
  }

  #bfie-why #bfie-why-card-6 { border-bottom: none !important; padding-bottom: 0 !important; }
  #bfie-why #bfie-why-card-5 {
    border-bottom: 1px solid rgba(143, 163, 191, 0.18) !important;
    padding-bottom: 28px !important;
  }

  #bfie-why [id^="bfie-why-card-"] .bfie-why-numeral {
    font-size: 2.6rem !important;
    min-width: 48px !important;
  }

  #bfie-why [id^="bfie-why-card-"] .bfie-why-pillar-title { font-size: 1.05rem !important; }
  #bfie-why [id^="bfie-why-card-"] .bfie-why-pillar-body { font-size: 0.9rem !important; }

  #bfie-why-ticker {
    margin: 50px calc(50% - 50vw) 0 calc(50% - 50vw) !important;
    height: 38px !important;
    max-height: 38px !important;
  }

  #bfie-why-ticker-track,
  #bfie-why-ticker-track > .e-con-inner,
  .bfie-why-ticker-set,
  #bfie-why-ticker-track .elementor-widget-html,
  #bfie-why-ticker-track .elementor-widget-container {
    height: 38px !important;
    max-height: 38px !important;
  }

  .bfie-why-ticker-item { font-size: 0.68rem !important; padding: 0 18px !important; }
}

/* ============================================================
   FEATURED TEACHERS
   ============================================================ */

#bfie-teachers {
  background: #000000 !important;
  padding: 100px 0 !important;
  text-align: center !important;
  position: relative !important;
}

#bfie-teachers-kicker, #bfie-teachers-kicker h2, #bfie-teachers-kicker h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 12px !important;
}

#bfie-teachers-title, #bfie-teachers-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
}

#bfie-teachers-subtitle, #bfie-teachers-subtitle p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: var(--text-muted) !important;
  margin-bottom: 56px !important;
}

.bfie-teachers-badge {
  display: block !important;
  flex: none !important;
  position: relative !important;
  left: calc(50vw - 8px) !important;
  transform: translateX(-50%) !important;
  width: 88vw !important;
  max-width: 958px !important;
  margin: 0 0 8px 0 !important;
  box-sizing: border-box !important;
  background: linear-gradient(115deg, #b8860c 0%, #D4AF37 30%, #F6D46B 50%, #D4AF37 70%, #b8860c 100%) !important;
  color: #061224 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(1.1rem, 2.2vw, 1.5rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 11px 0 !important;
  border-radius: 6px !important;
}

#bfie-teachers-grid,
#bfie-teachers-grid.e-con,
#bfie-teachers-grid > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 32px !important;
  max-width: var(--max-width) !important;
  margin: 0 auto !important;
  padding: 0 60px !important;
  box-sizing: border-box !important;
}

#bfie-teacher-card-1, #bfie-teacher-card-2, #bfie-teacher-card-3 {
  background: linear-gradient(160deg, var(--navy), var(--navy-deep)) !important;
  border: 1px solid var(--gold-border) !important;
  border-radius: var(--radius) !important;
  padding: 28px !important;
  text-align: left !important;
  transition: all 0.3s ease !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

#bfie-teacher-card-1:hover, #bfie-teacher-card-2:hover, #bfie-teacher-card-3:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(212,175,55,0.6) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
}

[id^="bfie-teacher-card-"] [id^="bfie-teacher-photo-"] {
  width: calc(100% + 56px) !important;
  margin: -28px -28px 20px -28px !important;
  position: relative !important;
  height: 0 !important;
  padding-top: 100% !important;
  border-radius: var(--radius) var(--radius) 0 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
  flex-shrink: 0 !important;
}

[id^="bfie-teacher-card-"] [id^="bfie-teacher-photo-"] [id^="bfie-teacher-img-"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

[id^="bfie-teacher-card-"] [id^="bfie-teacher-img-"] img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: var(--radius) var(--radius) 0 0 !important;
  margin: 0 !important;
}

.bfie-teacher-name {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  color: #FFFFFF !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.2 !important;
}

.bfie-teacher-role {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin: 0 0 16px 0 !important;
}

.bfie-teacher-bio {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.92rem !important;
  color: var(--text-body) !important;
  line-height: 1.65 !important;
  margin: 0 0 20px 0 !important;
}

.bfie-teacher-quote {
  border-top: 1px solid rgba(212,175,55,0.25) !important;
  padding-top: 16px !important;
  margin-top: auto !important;
}

.bfie-teacher-quote p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  font-style: italic !important;
  color: var(--text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 0 8px 0 !important;
}

.bfie-teacher-quote span {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
}

#bfie-teachers-btn .elementor-button, #bfie-teachers-btn a {
  background: linear-gradient(135deg, #D4AF37 0%, #b8960c 100%) !important;
  color: #061224 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  border-radius: 4px !important;
  border: none !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  margin-top: 48px !important;
}

/* ---- Featured Teachers — Mobile ---- */

@media (max-width: 820px) {

  #bfie-teachers { padding: 70px 0 !important; }

  .bfie-teachers-badge {
    position: static !important;
    left: auto !important;
    transform: none !important;
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
    margin: 0 auto 24px auto !important;
    font-size: 1.1rem !important;
    padding: 12px 0 !important;
  }

  #bfie-teachers-grid {
    flex-direction: column !important;
    padding: 0 6px !important;
    gap: 24px !important;
  }

  #bfie-teachers-grid > .e-con-inner {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 24px !important;
  }

  #bfie-teacher-card-1, #bfie-teacher-card-2, #bfie-teacher-card-3 {
    flex: 1 1 100% !important;
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
    margin-left: calc(50% - 50vw + 26px) !important;
    margin-right: calc(50% - 50vw + 26px) !important;
    box-sizing: border-box !important;
  }

  #bfie-teachers-btn { margin-top: 8px !important; }
}

/* ============================================================
   FREE CONTENT
   ============================================================ */

#bfie-content {
  background: var(--navy-deep) !important;
  padding: 100px 0 !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

#bfie-content::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 160px !important;
  background: linear-gradient(to bottom, #000000 0%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-content::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 160px !important;
  background: linear-gradient(to bottom, transparent 0%, var(--navy) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-content-kicker,
#bfie-content-title,
#bfie-content-subtitle,
#bfie-content-grid,
#bfie-content-socials {
  position: relative !important;
  z-index: 2 !important;
}

#bfie-content-kicker, #bfie-content-kicker h2, #bfie-content-kicker h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}

#bfie-content-title, #bfie-content-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}

#bfie-content-subtitle, #bfie-content-subtitle p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: var(--text-muted) !important;
  text-align: center !important;
  max-width: 560px !important;
  margin: 0 auto 44px auto !important;
  line-height: 1.65 !important;
}

#bfie-content-grid,
#bfie-content-grid.e-con,
#bfie-content-grid > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 40px !important;
  max-width: var(--max-width) !important;
  margin: 0 auto !important;
  padding: 0 60px !important;
  box-sizing: border-box !important;
}

#bfie-video-2, #bfie-video-3 {
  width: 100% !important;
  max-width: 880px !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--gold-border) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

#bfie-video-2:hover, #bfie-video-3:hover {
  border-color: rgba(212,175,55,0.6) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.35) !important;
  transform: translateY(-4px) !important;
}

#bfie-video-2 .elementor-widget-container,
#bfie-video-3 .elementor-widget-container {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-top: 56.25% !important;
}

#bfie-video-2 .elementor-widget-container .elementor-wrapper,
#bfie-video-3 .elementor-widget-container .elementor-wrapper,
#bfie-video-2 .elementor-widget-container .elementor-video,
#bfie-video-3 .elementor-widget-container .elementor-video,
#bfie-video-2 .elementor-wrapper iframe,
#bfie-video-3 .elementor-wrapper iframe,
#bfie-video-2 .elementor-open-inline,
#bfie-video-3 .elementor-open-inline {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  margin: 0 !important;
}

#bfie-content-socials,
#bfie-content-socials.e-con,
#bfie-content-socials > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  max-width: var(--max-width) !important;
  margin: 48px auto 0 auto !important;
  padding: 0 60px !important;
  box-sizing: border-box !important;
}

#bfie-social-youtube .elementor-button, #bfie-social-youtube a,
#bfie-social-instagram .elementor-button, #bfie-social-instagram a,
#bfie-social-tiktok .elementor-button, #bfie-social-tiktok a,
#bfie-social-facebook .elementor-button, #bfie-social-facebook a {
  background: linear-gradient(135deg, #D4AF37 0%, #b8960c 100%) !important;
  color: #061224 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(212,175,55,0.3) !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

#bfie-social-youtube .elementor-button:hover, #bfie-social-youtube a:hover,
#bfie-social-instagram .elementor-button:hover, #bfie-social-instagram a:hover,
#bfie-social-tiktok .elementor-button:hover, #bfie-social-tiktok a:hover,
#bfie-social-facebook .elementor-button:hover, #bfie-social-facebook a:hover {
  background: linear-gradient(135deg, #F6D46B 0%, #D4AF37 100%) !important;
  box-shadow: 0 8px 28px rgba(212,175,55,0.5) !important;
  transform: translateY(-2px) !important;
}

/* ---- Free Content — Mobile ---- */

@media (max-width: 820px) {

  #bfie-content { padding: 70px 0 !important; }

  #bfie-content-kicker, #bfie-content-title, #bfie-content-subtitle {
    padding: 0 24px !important;
  }

  #bfie-content-subtitle { margin-bottom: 40px !important; }

  #bfie-content-grid,
  #bfie-content-grid.e-con,
  #bfie-content-grid > .e-con-inner {
    padding: 0 8px !important;
    gap: 16px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  #bfie-video-2, #bfie-video-3 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #bfie-content-socials,
  #bfie-content-socials.e-con,
  #bfie-content-socials > .e-con-inner {
    --flex-wrap: wrap !important;
    --flex-direction: row !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    padding: 0 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    margin-top: 36px !important;
    box-sizing: border-box !important;
  }

  #bfie-social-youtube,
  #bfie-social-instagram,
  #bfie-social-tiktok,
  #bfie-social-facebook {
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    box-sizing: border-box !important;
  }

  #bfie-social-youtube .elementor-button, #bfie-social-youtube a,
  #bfie-social-instagram .elementor-button, #bfie-social-instagram a,
  #bfie-social-tiktok .elementor-button, #bfie-social-tiktok a,
  #bfie-social-facebook .elementor-button, #bfie-social-facebook a {
    font-size: 0.72rem !important;
    padding: 14px 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
  }
}

/* ============================================================
   REVIEWS
   ============================================================ */

#bfie-reviews {
  background: var(--navy) !important;
  padding: 100px 0 !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

#bfie-reviews::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 200px !important;
  background: linear-gradient(to bottom, transparent 0%, var(--navy-deep) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-reviews-kicker, #bfie-reviews-kicker h2, #bfie-reviews-kicker h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 12px !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}

#bfie-reviews-title, #bfie-reviews-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  margin-bottom: 56px !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}

#bfie-reviews-grid,
#bfie-reviews-grid.e-con,
#bfie-reviews-grid > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  max-width: var(--max-width) !important;
  padding: 0 60px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}

#bfie-review-card-1, #bfie-review-card-2, #bfie-review-card-3,
#bfie-review-card-4, #bfie-review-card-5, #bfie-review-card-6 {
  flex: 1 1 calc(33.333% - 16px) !important;
  max-width: calc(33.333% - 16px) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  background: linear-gradient(160deg, var(--navy), var(--navy-deep)) !important;
  border: 1px solid var(--gold-border) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.3s ease !important;
  text-align: left !important;
  padding: 0 !important;
  position: relative !important;
}

#bfie-review-card-1:hover, #bfie-review-card-2:hover, #bfie-review-card-3:hover,
#bfie-review-card-4:hover, #bfie-review-card-5:hover, #bfie-review-card-6:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(212,175,55,0.6) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
}

#bfie-review-card-1::before, #bfie-review-card-2::before, #bfie-review-card-3::before,
#bfie-review-card-4::before, #bfie-review-card-5::before, #bfie-review-card-6::before {
  display: none !important;
}

#bfie-review-photo-1, #bfie-review-photo-2, #bfie-review-photo-3,
#bfie-review-photo-4, #bfie-review-photo-5, #bfie-review-photo-6 {
  width: 100% !important;
  position: relative !important;
  height: 220px !important;
  max-height: 220px !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  display: block !important;
  line-height: 0 !important;
  font-size: 0 !important;
  border-radius: var(--radius) var(--radius) 0 0 !important;
}

#bfie-review-photo-1 #bfie-review-img-1,
#bfie-review-photo-2 #bfie-review-img-2,
#bfie-review-photo-3 #bfie-review-img-3,
#bfie-review-photo-4 #bfie-review-img-4,
#bfie-review-photo-5 #bfie-review-img-5,
#bfie-review-photo-6 #bfie-review-img-6 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#bfie-review-photo-1 #bfie-review-img-1 img,
#bfie-review-photo-2 #bfie-review-img-2 img,
#bfie-review-photo-3 #bfie-review-img-3 img,
#bfie-review-photo-4 #bfie-review-img-4 img,
#bfie-review-photo-5 #bfie-review-img-5 img,
#bfie-review-photo-6 #bfie-review-img-6 img,
#bfie-review-photo-1 #bfie-review-img-1 .elementor-widget-container img,
#bfie-review-photo-2 #bfie-review-img-2 .elementor-widget-container img,
#bfie-review-photo-3 #bfie-review-img-3 .elementor-widget-container img,
#bfie-review-photo-4 #bfie-review-img-4 .elementor-widget-container img,
#bfie-review-photo-5 #bfie-review-img-5 .elementor-widget-container img,
#bfie-review-photo-6 #bfie-review-img-6 .elementor-widget-container img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

#bfie-review-card-1::after { background-image: url('https://becomefluentinenglish.com/wp-content/uploads/2026/06/japan-flag.png') !important; }
#bfie-review-card-2::after { background-image: url('https://becomefluentinenglish.com/wp-content/uploads/2026/06/south-korea-flag.png') !important; }
#bfie-review-card-3::after { background-image: url('https://becomefluentinenglish.com/wp-content/uploads/2026/06/china-flag.png') !important; }
#bfie-review-card-4::after { background-image: url('https://becomefluentinenglish.com/wp-content/uploads/2026/06/thailand-flag.png') !important; }
#bfie-review-card-5::after { background-image: url('https://becomefluentinenglish.com/wp-content/uploads/2026/06/vietnam-flag.png') !important; }
#bfie-review-card-6::after { background-image: url('https://becomefluentinenglish.com/wp-content/uploads/2026/06/taiwan-flag.png') !important; }

#bfie-review-card-1::after, #bfie-review-card-2::after, #bfie-review-card-3::after,
#bfie-review-card-4::after, #bfie-review-card-5::after, #bfie-review-card-6::after {
  content: '' !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 48px !important;
  height: 32px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

#bfie-review-card-1 .elementor-widget-wrap::before,
#bfie-review-card-2 .elementor-widget-wrap::before,
#bfie-review-card-3 .elementor-widget-wrap::before,
#bfie-review-card-4 .elementor-widget-wrap::before,
#bfie-review-card-5 .elementor-widget-wrap::before,
#bfie-review-card-6 .elementor-widget-wrap::before,
#bfie-review-card-1 .elementor-widget-wrap::after,
#bfie-review-card-2 .elementor-widget-wrap::after,
#bfie-review-card-3 .elementor-widget-wrap::after,
#bfie-review-card-4 .elementor-widget-wrap::after,
#bfie-review-card-5 .elementor-widget-wrap::after,
#bfie-review-card-6 .elementor-widget-wrap::after {
  display: none !important;
}

#bfie-review-card-1 .elementor-widget-text-editor,
#bfie-review-card-2 .elementor-widget-text-editor,
#bfie-review-card-3 .elementor-widget-text-editor,
#bfie-review-card-4 .elementor-widget-text-editor,
#bfie-review-card-5 .elementor-widget-text-editor,
#bfie-review-card-6 .elementor-widget-text-editor {
  padding: 20px 22px !important;
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
}

#bfie-review-card-1 .elementor-widget-text-editor p,
#bfie-review-card-2 .elementor-widget-text-editor p,
#bfie-review-card-3 .elementor-widget-text-editor p,
#bfie-review-card-4 .elementor-widget-text-editor p,
#bfie-review-card-5 .elementor-widget-text-editor p,
#bfie-review-card-6 .elementor-widget-text-editor p,
#bfie-review-card-1 p,
#bfie-review-card-2 p,
#bfie-review-card-3 p,
#bfie-review-card-4 p,
#bfie-review-card-5 p,
#bfie-review-card-6 p {
  font-family: Georgia, serif !important;
  font-size: 0.9rem !important;
  font-style: italic !important;
  color: var(--text-body) !important;
  line-height: 1.75 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin: 0 0 14px 0 !important;
  text-align: left !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#bfie-review-card-1 .elementor-widget-text-editor p:last-child,
#bfie-review-card-2 .elementor-widget-text-editor p:last-child,
#bfie-review-card-3 .elementor-widget-text-editor p:last-child,
#bfie-review-card-4 .elementor-widget-text-editor p:last-child,
#bfie-review-card-5 .elementor-widget-text-editor p:last-child,
#bfie-review-card-6 .elementor-widget-text-editor p:last-child {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: var(--white) !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  margin: 14px 0 0 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(212,175,55,0.25) !important;
  line-height: 1.5 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#bfie-review-card-1 .elementor-widget-text-editor p:first-child,
#bfie-review-card-2 .elementor-widget-text-editor p:first-child,
#bfie-review-card-3 .elementor-widget-text-editor p:first-child,
#bfie-review-card-4 .elementor-widget-text-editor p:first-child,
#bfie-review-card-5 .elementor-widget-text-editor p:first-child,
#bfie-review-card-6 .elementor-widget-text-editor p:first-child {
  display: none !important;
}

#bfie-review-photo-1::after, #bfie-review-photo-2::after, #bfie-review-photo-3::after,
#bfie-review-photo-4::after, #bfie-review-photo-5::after, #bfie-review-photo-6::after {
  content: '★★★★★' !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  font-size: 0.85rem !important;
  color: var(--gold) !important;
  letter-spacing: 3px !important;
  background: rgba(0,0,0,0.65) !important;
  padding: 5px 10px !important;
  border-radius: 6px !important;
  pointer-events: none !important;
  z-index: 4 !important;
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
}

/* ---- Reviews — Mobile: hide grid, show carousel ---- */

@media (max-width: 820px) {
  #bfie-reviews { padding: 70px 0 !important; }

  #bfie-reviews-grid,
  #bfie-reviews-grid.e-con,
  #bfie-reviews-grid > .e-con-inner {
    display: none !important;
  }
}

/* ============================================================
   MAILING LIST
   ============================================================ */

#bfie-mail {
  background: var(--navy-deep) !important;
  padding: 100px 0 !important;
}

#bfie-mail > .e-con-inner,
#bfie-mail > .elementor-container,
#bfie-mail .e-con-inner {
  text-align: center !important;
  max-width: var(--max-width) !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

#bfie-mail-inner {
  background: linear-gradient(135deg, rgba(212,175,55,0.07) 0%, rgba(11,31,58,0.4) 50%, rgba(212,175,55,0.03) 100%) !important;
  border: 1px solid rgba(212,175,55,0.3) !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  padding: 64px 48px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

#bfie-mail-kicker, #bfie-mail-kicker h2, #bfie-mail-kicker h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 12px !important;
}

#bfie-mail-title, #bfie-mail-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
}

#bfie-mail-sub, #bfie-mail-sub p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: var(--text-muted) !important;
  max-width: 480px !important;
  margin: 0 auto 32px !important;
  line-height: 1.65 !important;
}

/* ============================================================
   FAQ
   ============================================================ */

#bfie-faq {
  background: #000000 !important;
  padding: 60px 0 80px 0 !important;
  position: relative !important;
}

#bfie-faq::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 160px !important;
  background: linear-gradient(to bottom, var(--navy-deep) 0%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-faq::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 80px !important;
  background: linear-gradient(to bottom, transparent 0%, var(--navy-deep) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#bfie-faq-kicker,
#bfie-faq-title,
#bfie-faq-subtitle,
#bfie-faq-accordion {
  position: relative !important;
  z-index: 2 !important;
}

#bfie-faq-1, #bfie-faq-2, #bfie-faq-3, #bfie-faq-4,
#bfie-faq-5, #bfie-faq-6, #bfie-faq-7 {
  display: none !important;
}

#bfie-faq-kicker, #bfie-faq-kicker h2, #bfie-faq-kicker h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}

#bfie-faq-title, #bfie-faq-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}

#bfie-faq-subtitle, #bfie-faq-subtitle p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: var(--text-muted) !important;
  text-align: center !important;
  margin-bottom: 56px !important;
}

/* ============================================================
   FINAL CTA
   ============================================================ */

#bfie-cta-final {
  background: var(--navy-deep) !important;
  padding: 120px 0 !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

#bfie-cta-kicker, #bfie-cta-kicker h2, #bfie-cta-kicker h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 16px !important;
  display: block !important;
  width: 100% !important;
  opacity: 1 !important;
}

#bfie-cta-title, #bfie-cta-title h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
  color: var(--white) !important;
  letter-spacing: 1px !important;
  margin-bottom: 16px !important;
}

#bfie-cta-sub, #bfie-cta-sub p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.05rem !important;
  color: var(--text-muted) !important;
  max-width: 520px !important;
  margin: 0 auto 40px !important;
  line-height: 1.7 !important;
}

#bfie-cta-buttons {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

#bfie-cta-btn-primary {
  width: 100% !important;
  max-width: 360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 12px !important;
  display: flex !important;
  justify-content: center !important;
}

#bfie-cta-btn-secondary {
  width: 100% !important;
  max-width: 360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: center !important;
}

#bfie-cta-btn-primary .elementor-button, #bfie-cta-btn-primary a {
  background: linear-gradient(135deg, #D4AF37 0%, #b8960c 100%) !important;
  color: #061224 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  border-radius: 4px !important;
  border: 2px solid var(--gold) !important;
  box-shadow: 0 4px 24px rgba(212,175,55,0.3) !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  display: block !important;
}

#bfie-cta-btn-primary .elementor-button:hover, #bfie-cta-btn-primary a:hover {
  background: linear-gradient(135deg, #F6D46B 0%, #D4AF37 100%) !important;
  box-shadow: 0 8px 36px rgba(212,175,55,0.55) !important;
  transform: translateY(-2px) !important;
}

#bfie-cta-btn-secondary .elementor-button, #bfie-cta-btn-secondary a {
  background: transparent !important;
  color: var(--gold) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  border-radius: 4px !important;
  border: 2px solid rgba(212,175,55,0.5) !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  display: block !important;
}

#bfie-cta-btn-secondary .elementor-button:hover, #bfie-cta-btn-secondary a:hover {
  background: rgba(212,175,55,0.1) !important;
  border-color: var(--gold) !important;
  color: var(--gold-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(212,175,55,0.2) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */

#bfie-footer {
  background: #000000 !important;
  border-top: 1px solid var(--gold-border) !important;
  padding: 72px 0 40px 0 !important;
  text-align: center !important;
}

#bfie-footer > .e-con-inner {
  max-width: var(--max-width) !important;
  margin: 0 auto !important;
  padding: 0 60px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

#bfie-footer-brand-col > .e-con-inner,
#bfie-footer-socials-row > .e-con-inner,
#bfie-footer-nav > .e-con-inner {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

#bfie-footer-brand-col,
#bfie-footer-brand-col.e-con {
  width: 100% !important;
  max-width: 100% !important;
}

#bfie-footer-brand-col > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 100% !important;
}

#bfie-footer-logo {
  margin-bottom: 20px !important;
}

#bfie-footer-logo img,
#bfie-footer-logo .elementor-widget-container img {
  height: 64px !important;
  width: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

#bfie-footer-brand,
#bfie-footer-brand h2,
#bfie-footer-brand h3 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.6rem !important;
  color: var(--white) !important;
  letter-spacing: 4px !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

#bfie-footer-tagline,
#bfie-footer-tagline p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9rem !important;
  color: var(--text-muted) !important;
  line-height: 1.7 !important;
  margin: 0 0 32px 0 !important;
  text-align: center !important;
}

#bfie-footer-socials-row,
#bfie-footer-socials-row.e-con {
  width: 100% !important;
  max-width: 100% !important;
}

#bfie-footer-socials-row > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 !important;
  width: 100% !important;
}

#bfie-footer-youtube .elementor-button, #bfie-footer-youtube a,
#bfie-footer-instagram .elementor-button, #bfie-footer-instagram a,
#bfie-footer-tiktok .elementor-button, #bfie-footer-tiktok a,
#bfie-footer-facebook .elementor-button, #bfie-footer-facebook a {
  background: transparent !important;
  color: var(--text-muted) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  border: 1px solid var(--gold-border) !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

#bfie-footer-youtube .elementor-button:hover, #bfie-footer-youtube a:hover,
#bfie-footer-instagram .elementor-button:hover, #bfie-footer-instagram a:hover,
#bfie-footer-tiktok .elementor-button:hover, #bfie-footer-tiktok a:hover,
#bfie-footer-facebook .elementor-button:hover, #bfie-footer-facebook a:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}

#bfie-footer-nav {
  display: none !important;
}

#bfie-footer-copy,
#bfie-footer-copy p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important;
  color: var(--text-muted) !important;
  text-align: center !important;
  padding-top: 16px !important;
  margin-top: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ============================================================
   RESPONSIVE — GLOBAL MOBILE
   ============================================================ */

@media (max-width: 768px) {

  #bfie-about, #bfie-remember, #bfie-why,
  #bfie-teachers, #bfie-content, #bfie-reviews, #bfie-mail,
  #bfie-faq, #bfie-cta-final, #bfie-footer {
    padding: 70px 0 !important;
  }

  #bfie-about { padding: 0 0 70px 0 !important; }

  #bfie-about-imagewrap {
    aspect-ratio: 4 / 3 !important;
    margin: 0 0 40px 0 !important;
  }

  .e-con-inner {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  #bfie-goals .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #bfie-teachers-grid > .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #bfie-trustbar { padding: 8px 16px !important; }

  #bfie-trustbar-list .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 0 !important;
  }

  #bfie-trustbar-list .elementor-icon-list-item {
    width: 100% !important;
    box-sizing: border-box !important;
    border-right: none !important;
    justify-content: center !important;
    padding: 2px 4px 5px 4px !important;
  }

  #bfie-trustbar-list .elementor-icon-list-item:nth-child(1),
  #bfie-trustbar-list .elementor-icon-list-item:nth-child(2) {
    border-bottom: 1px solid rgba(6,18,36,0.25) !important;
  }

  #bfie-trustbar-list .elementor-icon-list-item:nth-child(3),
  #bfie-trustbar-list .elementor-icon-list-item:nth-child(4) {
    border-bottom: none !important;
  }

  #bfie-trustbar-list .elementor-icon-list-text {
    font-size: 0.6rem !important;
    letter-spacing: 0.08em !important;
  }

  #bfie-trustbar-list .elementor-icon-list-icon i,
  #bfie-trustbar-list .elementor-icon-list-icon svg {
    font-size: 1.05rem !important;
    width: 1.05em !important;
    height: 1.05em !important;
  }

  #bfie-remember { padding: 40px 0 60px 0 !important; }

  #bfie-remember-title,
  #bfie-remember-title h2 {
    padding: 0 24px !important;
    margin-bottom: 24px !important;
    font-size: 2rem !important;
  }

  #bfie-remember-inner {
    flex-direction: column !important;
    padding: 0 24px !important;
    gap: 32px !important;
    margin-bottom: 48px !important;
  }

  #bfie-remember-text { flex: 0 0 100% !important; max-width: 100% !important; }

  #bfie-remember-body,
  #bfie-remember-body p,
  #bfie-remember-body * {
    text-align: center !important;
  }

  #bfie-remember-photo {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    order: -1 !important;
  }

  #bfie-remember-photo img,
  #bfie-remember-photo .elementor-image img,
  #bfie-remember-photo .elementor-widget-image img,
  #bfie-remember-photo .elementor-widget-container img,
  #bfie-remember-photo .attachment-large,
  #bfie-remember-photo .size-large {
    width: 140% !important;
    margin-left: -20% !important;
  }

  #bfie-remember-now {
    margin: 0 auto !important;
    width: calc(100% - 48px) !important;
    padding: 32px 24px !important;
    box-sizing: border-box !important;
  }

  #bfie-remember-btn {
    width: calc(100% - 48px) !important;
    margin: 16px auto 0 auto !important;
    display: block !important;
  }

  #bfie-remember-btn .elementor-button,
  #bfie-remember-btn a {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  #bfie-cta-buttons {
    flex-direction: column !important;
    align-items: center !important;
  }

  #bfie-footer { padding: 48px 0 0 0 !important; background: #000000 !important; }

  #bfie-footer > .e-con-inner {
    padding: 0 24px !important;
    flex-direction: column !important;
  }

  #bfie-footer-socials-row > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  #bfie-footer-youtube,
  #bfie-footer-instagram,
  #bfie-footer-tiktok,
  #bfie-footer-facebook {
    width: 100% !important;
  }

  #bfie-footer-youtube .elementor-button, #bfie-footer-youtube a,
  #bfie-footer-instagram .elementor-button, #bfie-footer-instagram a,
  #bfie-footer-tiktok .elementor-button, #bfie-footer-tiktok a,
  #bfie-footer-facebook .elementor-button, #bfie-footer-facebook a {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    justify-content: center !important;
  }

  #bfie-footer-brand-col,
  #bfie-footer-brand-col.e-con,
  #bfie-footer-brand-col > .e-con-inner {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 40px !important;
  }

  #bfie-footer-tagline,
  #bfie-footer-tagline p {
    max-width: 100% !important;
  }

  #bfie-footer-nav,
  #bfie-footer-nav.e-con,
  #bfie-footer-nav > .e-con-inner {
    flex: 0 0 100% !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }

  #bfie-footer-col-1,
  #bfie-footer-col-2,
  #bfie-footer-col-3 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 0 32px 0 !important;
  }

  #bfie-footer-copy,
  #bfie-footer-copy p {
    margin-top: 4px !important;
    padding: 4px 24px 20px 24px !important;
    font-size: 0.65rem !important;
    white-space: nowrap !important;
  }

  #bfie-mail > .e-con-inner,
  #bfie-mail > .elementor-container {
    padding: 40px 24px !important;
  }
}

/* ============================================================
   GLOW & PULSE ANIMATIONS
   ============================================================ */

/* Hero primary button — wrapper glows since button itself is hard to animate */
@keyframes bfie-wrap-pulse {
  0%, 100% { filter: drop-shadow(0 0 6px rgba(212,175,55,0.4)); }
  50%       { filter: drop-shadow(0 0 18px rgba(212,175,55,0.8)); }
}

#bfie-btn-primary {
  filter: drop-shadow(0 0 6px rgba(212,175,55,0.4)) !important;
  animation: bfie-wrap-pulse 2.5s ease-in-out infinite !important;
}

#bfie-btn-primary:hover {
  animation: none !important;
  filter: none !important;
}

/* Final CTA primary button */
#bfie-cta-btn-primary {
  filter: drop-shadow(0 0 6px rgba(212,175,55,0.4)) !important;
  animation: bfie-wrap-pulse 2.5s ease-in-out infinite !important;
}

#bfie-cta-btn-primary:hover {
  animation: none !important;
  filter: none !important;
}

/* Why Choose BFIE numerals */
@keyframes bfie-numeral-glow {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(212,175,55,0.25)); }
  50%       { filter: drop-shadow(0 0 16px rgba(212,175,55,0.7)); }
}

[id^="bfie-why-card-"] .bfie-why-numeral {
  animation: bfie-numeral-glow 3s ease-in-out infinite !important;
}

/* Mailing list box */
@keyframes bfie-border-glow {
  0%, 100% { box-shadow: 0 0 0 rgba(212,175,55,0), 0 0 20px rgba(212,175,55,0.05) !important; }
  50%       { box-shadow: 0 0 30px rgba(212,175,55,0.2), 0 0 60px rgba(212,175,55,0.08) !important; }
}

#bfie-mail-inner {
  animation: bfie-border-glow 4s ease-in-out infinite !important;
}

/* Remember When gold box */
#bfie-remember-now {
  animation: bfie-border-glow 4s ease-in-out infinite !important;
}

/* Teacher cards on hover */
@keyframes bfie-hover-glow {
  0%, 100% { box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 20px rgba(212,175,55,0.15) !important; }
  50%       { box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 40px rgba(212,175,55,0.35) !important; }
}

#bfie-teacher-card-1:hover,
#bfie-teacher-card-2:hover,
#bfie-teacher-card-3:hover {
  animation: bfie-hover-glow 1.5s ease-in-out infinite !important;
}

/* Review cards on hover */
#bfie-review-card-1:hover, #bfie-review-card-2:hover,
#bfie-review-card-3:hover, #bfie-review-card-4:hover,
#bfie-review-card-5:hover, #bfie-review-card-6:hover {
  animation: bfie-hover-glow 1.5s ease-in-out infinite !important;
}

/* Enhanced trust bar shimmer */
@keyframes bfie-shimmer-enhanced {
  0%         { left: -60%; opacity: 0; }
  5%         { opacity: 1; }
  44%        { opacity: 1; }
  45%, 100%  { left: 110%; opacity: 0; }
}

#bfie-trustbar::after,
#bfie-why-ticker::after {
  animation: bfie-shimmer-enhanced 4s ease-in-out infinite !important;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  #bfie-btn-primary,
  #bfie-cta-btn-primary,
  [id^="bfie-why-card-"] .bfie-why-numeral,
  #bfie-mail-inner,
  #bfie-remember-now {
    animation: none !important;
    filter: none !important;
  }
}