/*
 * ============================================================================
 * HERO BULLET POINTS - LARGE TEXT - ADD TO END OF reskin.css
 * ============================================================================
 */

/* Main tagline - "Get $200K to $15M in 2 Weeks" */
.nl-hero .lead,
.nl-hero p.lead {
  font-size: 2rem !important;
  font-weight: 700 !important;
}

.nl-hero .display-5-5 {
  font-size: 2.25rem !important;
  font-weight: 700 !important;
}

/* Subheading - "(Investment Property only...)" */
.nl-hero .text-white.fw-normal {
  font-size: 1.375rem !important;
}

/* Bullet point items - checkmark lines */
.nl-hero .fs-3.text-primary {
  font-size: 1.625rem !important;
  margin-bottom: 0.625rem !important;
  line-height: 1.35 !important;
}

.nl-hero .display-5-75 {
  font-size: 1.625rem !important;
  font-weight: 600 !important;
}

/* Checkmarks themselves - brighter */
.nl-hero .text-white .fs-3.text-primary {
  color: #8bc663 !important;
}

/* Container for bullets - add some breathing room */
.nl-hero .text-white.mb-5 {
  margin-bottom: 2.25rem !important;
}

/* ============================================================================
   TABLET - Scale down
   ============================================================================ */

@media (max-width: 992px) {
  .nl-hero .lead,
  .nl-hero p.lead {
    font-size: 1.75rem !important;
  }
  
  .nl-hero .display-5-5 {
    font-size: 1.875rem !important;
  }
  
  .nl-hero .text-white.fw-normal {
    font-size: 1.1875rem !important;
  }
  
  .nl-hero .fs-3.text-primary,
  .nl-hero .display-5-75 {
    font-size: 1.375rem !important;
  }
}

/* ============================================================================
   MOBILE - Proportionally smaller but still bold
   ============================================================================ */

@media (max-width: 768px) {
  .nl-hero .lead,
  .nl-hero p.lead {
    font-size: 1.4375rem !important;
  }
  
  .nl-hero .display-5-5 {
    font-size: 1.625rem !important;
  }
  
  .nl-hero .text-white.fw-normal {
    font-size: 1.0625rem !important;
  }
  
  .nl-hero .fs-3.text-primary {
    font-size: 1.1875rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .nl-hero .display-5-75 {
    font-size: 1.1875rem !important;
  }
  
  .nl-hero .text-white.mb-5 {
    margin-bottom: 1.625rem !important;
  }
}

@media (max-width: 576px) {
  .nl-hero .lead,
  .nl-hero p.lead {
    font-size: 1.25rem !important;
  }
  
  .nl-hero .display-5-5 {
    font-size: 1.4375rem !important;
  }
  
  .nl-hero .fs-3.text-primary,
  .nl-hero .display-5-75 {
    font-size: 1.0625rem !important;
  }
}