/*
 * ================================================================
 *  GO LEADS PRO — Light Theme Override Sheet
 *  Loaded LAST so it can override style.css safely.
 *  Scope: entire public site (not admin / dashboard).
 *  Preserved dark: .hero-banner-seven (index hero),
 *                  .inner-banner-two  (inner-page banners).
 * ================================================================
 */

/* ── 1. ROOT TOKENS ─────────────────────────────────────────── */
:root {
  --lt-bg:           #FFFFFF;
  --lt-surface:      #F8F9FA;
  --lt-surface-2:    #F3F4F6;
  --lt-border:       #E5E7EB;
  --lt-shadow:       0 2px 12px rgba(0,0,0,.08);
  --lt-text-h:       #111827;
  --lt-text-b:       #374151;
  --lt-text-m:       #6B7280;
  --lt-accent:       #69EEC6;
  --lt-accent-dark:  #0ea470;
  --lt-purple:       #8A42FF;
}

/* ── 2. BASE / BODY ─────────────────────────────────────────── */
body {
  background-color: var(--lt-bg) !important;
  color: var(--lt-text-b) !important;
  overflow-x: hidden !important;
}
h1, h2, h3, h4, h5, h6 { color: var(--lt-text-h) !important; }
p { color: var(--lt-text-b); }
.text-white     { color: var(--lt-text-h) !important; }
.text-white-50  { color: var(--lt-text-m) !important; }

/* ── 4. NAVBAR ──────────────────────────────────────────────── */
.theme-main-menu {
  background: var(--lt-bg) !important;
  box-shadow: 0 1px 0 var(--lt-border), var(--lt-shadow) !important;
}
.theme-main-menu.menu-overlay {
  background: transparent !important;
  box-shadow: none !important;
}
.theme-main-menu.fixed {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
}
.theme-main-menu.fixed.menu-style-one { background: rgba(255,255,255,0.97) !important; }
.theme-main-menu .nav-item .nav-link  { color: var(--lt-text-h) !important; }
.theme-main-menu .nav-item:hover .nav-link,
.theme-main-menu .nav-item .nav-link:hover { color: var(--lt-purple) !important; }

@media screen and (min-width: 992px) {
  .navbar .dropdown-menu {
    background-color: #fff !important;
    border: 1px solid var(--lt-border) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.1) !important;
  }
  .navbar .dropdown-menu .dropdown-item { color: var(--lt-text-b) !important; }
  .navbar .dropdown-menu .dropdown-item:hover,
  .navbar .dropdown-menu .dropdown-item.active { color: var(--lt-purple) !important; }
}
@media screen and (max-width: 991px) {
  .navbar-collapse { background-color: #fff !important; }
  .white-vr .navbar-collapse { background-color: #fff !important; }
  .navbar .navbar-nav .nav-link {
    border-top: 1px dashed var(--lt-border) !important;
    color: var(--lt-text-h) !important;
  }
  .navbar .dropdown-menu {
    background: #f3f4f6 !important;
    border-top: 1px dashed var(--lt-border) !important;
  }
  .navbar .dropdown-menu .dropdown-item { color: var(--lt-text-b) !important; }
}

/* ── 5. SIDENAV ─────────────────────────────────────────────── */
.offcanvas.sidebar-nav { background: #fff !important; }
.offcanvas.sidebar-nav .sidebar-nav-item .nav-item > a { color: var(--lt-text-h) !important; }
.offcanvas.sidebar-nav .sidebar-nav-item .nav-item:hover > a,
.offcanvas.sidebar-nav .sidebar-nav-item .nav-item.active > a { color: var(--lt-purple) !important; }
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu { background: var(--lt-surface) !important; }
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a { color: var(--lt-text-b) !important; }
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a:hover { color: var(--lt-purple) !important; }
.offcanvas.sidebar-nav .title { color: var(--lt-text-h) !important; }
.offcanvas.sidebar-nav .address-block p { color: var(--lt-text-b) !important; }
.offcanvas.sidebar-nav .btn-close { filter: invert(0) !important; }

/* ── 8. DARK-BG SECTIONS → LIGHT ───────────────────────────── */
.dark-bg, .dark-bg-two, .dark-bg-three, .bg-one {
  background: var(--lt-surface) !important;
  color: var(--lt-text-b) !important;
}
.fancy-banner-five { background: var(--lt-surface-2) !important; }
.fancy-banner-five:before, .fancy-banner-five:after,
.fancy-banner-five .wrapper:before { border-color: var(--lt-border) !important; }
.inner-banner-three { background: var(--lt-surface) !important; }
.inner-banner-three:before, .inner-banner-three:after,
.inner-banner-three .wrapper:before { border-color: var(--lt-border) !important; }
.inner-banner-three h2 { color: var(--lt-text-h) !important; }
.inner-banner-three ul li { color: var(--lt-text-m) !important; }
.inner-banner-three ul li a { color: var(--lt-text-m) !important; }
.inner-banner-three ul li:last-child { color: var(--lt-text-h) !important; }
.feedback-section-five { background: var(--lt-surface) !important; }
.feedback-section-five:before, .feedback-section-five:after,
.feedback-section-five .wrapper:before { border-color: var(--lt-border) !important; }
.pricing-section-two { background: var(--lt-surface) !important; }
.pricing-section-two:before { opacity: 0.03 !important; }

/* ── 9. BUTTONS ─────────────────────────────────────────────── */
.btn-five {
  background: var(--lt-purple) !important;
  border-color: var(--lt-purple) !important;
  color: #fff !important;
}
.btn-five:hover {
  background: #6d2de0 !important;
  border-color: #6d2de0 !important;
  color: #fff !important;
}
.btn-eleven {
  background: var(--lt-text-h) !important;
  color: #fff !important;
  border-color: var(--lt-text-h) !important;
}
.btn-eleven.style-two {
  background: #fff !important;
  color: var(--lt-text-h) !important;
  border-color: var(--lt-text-h) !important;
}
.btn-eleven:hover {
  background: var(--lt-purple) !important;
  border-color: var(--lt-purple) !important;
  color: #fff !important;
}
.btn-eleven.style-two:hover {
  background: var(--lt-purple) !important;
  color: #fff !important;
  border-color: var(--lt-purple) !important;
}
.btn-seven {
  border-color: var(--lt-border) !important;
  color: var(--lt-text-h) !important;
}
.btn-seven:hover {
  background: var(--lt-purple) !important;
  border-color: var(--lt-purple) !important;
  color: #fff !important;
}
.btn-seven.style-two { background: var(--lt-text-h) !important; color: #fff !important; }
.btn-two {
  background: #fff !important;
  color: var(--lt-text-h) !important;
  border-color: var(--lt-border) !important;
}
.btn-two:hover {
  background: var(--lt-purple) !important;
  color: #fff !important;
  border-color: var(--lt-purple) !important;
}

/* ── 10. FORMS ──────────────────────────────────────────────── */
.contact-section-one .wrapper {
  background: var(--lt-surface) !important;
  border-color: var(--lt-border) !important;
}
.form-style-one .input-group-meta {
  border-color: var(--lt-border) !important;
  box-shadow: -5px 5px 0 var(--lt-border) !important;
  background: #fff !important;
}
.form-style-one .input-group-meta label { color: var(--lt-text-m) !important; }
.form-style-one .input-group-meta input,
.form-style-one .input-group-meta textarea {
  color: var(--lt-text-h) !important;
  background: transparent !important;
}
.form-style-one .input-group-meta input::placeholder,
.form-style-one .input-group-meta textarea::placeholder { color: var(--lt-text-m) !important; }
.form-style-one .input-group-meta input::-moz-placeholder,
.form-style-one .input-group-meta textarea::-moz-placeholder { color: var(--lt-text-m) !important; }

.blog-details .blog-comment-form .input-wrapper {
  border-color: var(--lt-border) !important;
  box-shadow: 0 5px 0 var(--lt-border) !important;
  background: var(--lt-surface) !important;
}
.blog-details .blog-comment-form .input-wrapper input,
.blog-details .blog-comment-form .input-wrapper textarea { color: var(--lt-text-h) !important; }
.blog-details .blog-comment-form .input-wrapper input::placeholder,
.blog-details .blog-comment-form .input-wrapper textarea::placeholder { color: var(--lt-text-m) !important; }
.blog-details .blog-comment-form p { color: var(--lt-text-b) !important; }
.blog-details .blog-comment-form p a { color: var(--lt-purple) !important; }

.user-data-form {
  background: #fff !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
}
.user-data-form h2 { color: var(--lt-text-h) !important; }
.user-data-form p { color: var(--lt-text-b) !important; }
.user-data-form .form-wrapper .input-group-meta input {
  border-color: var(--lt-border) !important;
  color: var(--lt-text-h) !important;
  background: #fff !important;
}
.user-data-form .form-wrapper .input-group-meta label { color: var(--lt-text-b) !important; }
.user-data-form .form-wrapper .input-group-meta .placeholder_icon { color: var(--lt-text-m) !important; }
.user-data-form .form-wrapper .input-group-meta .placeholder_icon span:before { background: var(--lt-text-m) !important; }
.user-data-form .agreement-checkbox label { color: var(--lt-text-b) !important; }
.user-data-form .social-use-btn { color: var(--lt-text-h) !important; border-color: var(--lt-border) !important; }
.user-data-form .social-use-btn:hover { background: var(--lt-surface) !important; }
.login-page { background: var(--lt-surface) !important; }
.login-page .copyright-text { color: var(--lt-text-m) !important; }

/* ── 11. ACCORDION ──────────────────────────────────────────── */
.accordion-style-two {
  background: var(--lt-surface) !important;
  border: 1px solid var(--lt-border) !important;
}
.accordion-style-two .accordion-item { border-bottom-color: var(--lt-border) !important; }
.accordion-style-two .accordion-item .accordion-button { color: var(--lt-text-h) !important; }
.accordion-style-two .accordion-item .accordion-button:after { color: var(--lt-text-h) !important; }
.accordion-style-two .accordion-item .accordion-body p { color: var(--lt-text-b) !important; }
.accordion-style-two.style-two .accordion-item { border-bottom-color: var(--lt-border) !important; }
.accordion-style-two.style-two .accordion-item:first-child { border-top-color: var(--lt-border) !important; }
.accordion-style-five .accordion-item { border-bottom-color: var(--lt-border) !important; }
.accordion-style-five .accordion-item .accordion-button { color: var(--lt-text-h) !important; }
.accordion-style-five .accordion-item .accordion-button:after { color: var(--lt-text-h) !important; }
.accordion-style-five .accordion-item .accordion-body p { color: var(--lt-text-b) !important; }

/* ── 12. CARDS ──────────────────────────────────────────────── */
.block-feature-twentyOne .feature-block {
  background: var(--lt-surface) !important;
  border-color: var(--lt-border) !important;
}
.block-feature-twentyOne .feature-block .main-count { color: var(--lt-text-h) !important; }
.block-feature-twentyOne .feature-block .counter-block.border-style { border-right-color: var(--lt-border) !important; }
.block-feature-twentyOne .feature-block.block-two blockquote { color: var(--lt-text-b) !important; }
.block-feature-twentyOne .feature-block.block-two .name h6 { color: var(--lt-text-h) !important; }
.blog-meta-one { background: var(--lt-surface) !important; border-color: var(--lt-border) !important; }
.blog-meta-one .media { border-color: var(--lt-border) !important; }
.blog-meta-one .post-meta .tags a { border-color: var(--lt-border) !important; color: var(--lt-text-b) !important; }
.blog-meta-one .post-meta .blog-title h4 { color: var(--lt-text-h) !important; }
.blog-meta-one .post-meta p { color: var(--lt-text-b) !important; }
.blog-meta-one .post-meta .date { color: var(--lt-text-m) !important; }
.blog-details .blog-details-post p { color: var(--lt-text-b) !important; }
.blog-details .blog-details-post .media { border-color: var(--lt-border) !important; }
.blog-details .blog-details-post .quote-wrapper {
  border-color: var(--lt-border) !important;
  box-shadow: -15px 0 0 var(--lt-border) !important;
}
.blog-details .blog-details-post .quote-wrapper blockquote { color: var(--lt-text-h) !important; }
.blog-details .blog-details-post .bottom-widget {
  border-top-color: var(--lt-border) !important;
  border-bottom-color: var(--lt-border) !important;
}
.blog-details .blog-details-post .bottom-widget .tags li:first-child { color: var(--lt-text-h) !important; }
.blog-details .blog-details-post .bottom-widget .tags a { border-color: var(--lt-border) !important; color: var(--lt-text-b) !important; }
.blog-details .blog-details-post .bottom-widget .tags a:hover { color: #000 !important; background: #FFC226 !important; }
.blog-details .blog-details-post .bottom-widget .share-icon li:first-child { color: var(--lt-text-h) !important; }
.blog-details .blog-details-post .bottom-widget .share-icon a { border-color: var(--lt-border) !important; color: var(--lt-text-h) !important; }
.pagination-one li a { color: var(--lt-text-h) !important; }
.pagination-one li a:hover,
.pagination-one li.active a { background: var(--lt-text-h) !important; color: #fff !important; }
.pagination-one li:last-child a { color: var(--lt-text-b) !important; }
.filter-nav-one .isotop-menu-wrapper li { color: var(--lt-text-b) !important; }
.filter-nav-one .isotop-menu-wrapper li.is-checked { background: var(--lt-text-h) !important; color: #fff !important; }
.card-style-nine { background: var(--lt-surface) !important; border-color: var(--lt-border) !important; box-shadow: 8px 8px 0 var(--lt-border) !important; }

/* ── 13. TESTIMONIALS ───────────────────────────────────────── */
.feedback-block-one blockquote { color: var(--lt-text-h) !important; }
.feedback-block-one .rating li { color: var(--lt-text-h) !important; }
.feedback-section-five .feedback-wrapper .feedback-block {
  background: #fff !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
}
.feedback-section-five .feedback-wrapper .feedback-block blockquote { color: var(--lt-text-h) !important; }
.feedback-section-five .feedback-wrapper .feedback-block .rating { color: var(--lt-text-b) !important; }
.feedback-section-five .feedback-wrapper .feedback-block li { color: var(--lt-text-b) !important; }

.pricing-section-four .container {
  max-width: 1540px !important;
  width: 100% !important;
  padding-left: clamp(16px, 2.5vw, 40px) !important;
  padding-right: clamp(16px, 2.5vw, 40px) !important;
}

.pricing-section-four .pr-column {
  border: 1.5px solid var(--lt-border) !important;
  background: #FFFFFF !important;
  padding: 32px 24px 38px !important;
  border-radius: 30px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.pricing-section-four .pr-column:hover {
  transform: translateY(-6px) !important;
  border-color: #94A3B8 !important;
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.12) !important;
}
.pricing-section-four .pr-column .price {
  color: var(--lt-text-h) !important;
  font-size: clamp(32px, 2.4vw, 46px) !important;
}
.pricing-section-four .pr-column .price .price-period {
  color: var(--lt-text-m) !important;
  font-size: 13.5px !important;
}
.pricing-section-four .pr-column .plane-name {
  color: var(--lt-text-h) !important;
  font-size: 22px !important;
}
.pricing-section-four .pr-column .info1 {
  color: var(--lt-text-m) !important;
  font-size: 11.5px !important;
}
.pricing-section-four .pr-column .info2 {
  color: var(--lt-text-m) !important;
  font-size: 13px !important;
}
.pricing-section-four .pr-column .package-feature li {
  color: var(--lt-text-b) !important;
}
.pricing-section-four .pr-column .package-feature {
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.pricing-nav-three .nav { background: var(--lt-surface) !important; border: 1px solid var(--lt-border) !important; }
.pricing-nav-three .nav .nav-link { color: var(--lt-text-m) !important; }
.pricing-nav-three .nav .nav-link.active { background: var(--lt-text-h) !important; color: #fff !important; }

/* ── Long Pill Shaped Pricing Buttons ── */
.pricing-section-four .pr-column .btn-pricing-pill,
.pricing-section-four .pr-column .btn-eleven {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 48px !important;
  line-height: 1 !important;
  padding: 13px 20px !important;
  border-radius: 9999px !important; /* Pure long pill shape */
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  letter-spacing: 0.2px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
  border: none !important;
  margin-top: 10px !important;
}
.pricing-section-four .pr-column .btn-pricing-pill .btn-arrow-icon,
.pricing-section-four .pr-column .btn-eleven .btn-arrow-icon {
  width: 16px !important;
  height: 16px !important;
  transition: transform 0.25s ease !important;
  flex-shrink: 0 !important;
}
.pricing-section-four .pr-column .btn-pricing-pill:hover .btn-arrow-icon,
.pricing-section-four .pr-column .btn-eleven:hover .btn-arrow-icon {
  transform: translateX(4px) !important;
}
.pricing-section-four .pr-column .btn-eleven .icon {
  display: none !important;
}

.pricing-section-four .pr-column .btn-pill-free {
  background: #0f172a !important;
  color: #ffffff !important;
  border: 1.5px solid #1e293b !important;
}
.pricing-section-four .pr-column .btn-pill-free:hover {
  background: #1e293b !important;
  color: #38bdf8 !important;
  border-color: #38bdf8 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px -4px rgba(15, 23, 42, 0.25) !important;
}

.pricing-section-four .pr-column .btn-pill-pro {
  background: linear-gradient(135deg, #8A42FF 0%, #6366f1 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(138, 66, 255, 0.35) !important;
}
.pricing-section-four .pr-column .btn-pill-pro:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px rgba(138, 66, 255, 0.5) !important;
}

.pricing-section-four .pr-column .btn-pill-business {
  background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3) !important;
}
.pricing-section-four .pr-column .btn-pill-business:hover {
  background: linear-gradient(135deg, #0284c7 0%, #0891b2 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px rgba(14, 165, 233, 0.45) !important;
}

.pricing-section-four .pr-column .btn-pill-custom {
  background: #0f172a !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255, 86, 187, 0.5) !important;
}
.pricing-section-four .pr-column .btn-pill-custom:hover {
  background: #FF56BB !important;
  color: #ffffff !important;
  border-color: #FF56BB !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(255, 86, 187, 0.35) !important;
}

/* ── 15. FOOTER ─────────────────────────────────────────────── */
.footer-two .bg-wrapper {
  background: var(--lt-surface) !important;
  border-color: var(--lt-border) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
}
.footer-two .footer-intro h3 { color: var(--lt-text-h) !important; }
.footer-two .footer-intro p { color: var(--lt-text-m) !important; }
.footer-two .footer-intro form input { border-bottom-color: var(--lt-border) !important; color: var(--lt-text-h) !important; }
.footer-two .footer-intro form input::placeholder { color: var(--lt-text-m) !important; }
.footer-two .footer-intro form input::-moz-placeholder { color: var(--lt-text-m) !important; }
.footer-two .footer-intro form input:focus { border-bottom-color: var(--lt-accent-dark) !important; }
.footer-two .footer-col-title { color: var(--lt-text-h) !important; }
.footer-two .footer-nav-link a { color: var(--lt-text-m) !important; }
.footer-two .footer-nav-link a:hover { color: var(--lt-accent-dark) !important; }
.footer-two .footer-contact p { color: var(--lt-text-m) !important; }
.footer-two .footer-contact .tel { color: var(--lt-accent-dark) !important; }
.footer-two .footer-contact .tel:hover { color: var(--lt-text-h) !important; }
.footer-two .footer-contact .social-icon li a {
  background: var(--lt-surface-2) !important;
  border-color: var(--lt-border) !important;
  color: var(--lt-text-h) !important;
}
.footer-two .footer-contact .social-icon li a:hover {
  background: var(--lt-accent) !important;
  color: #000 !important;
  border-color: var(--lt-accent) !important;
}
.footer-two .bottom-footer { border-top-color: var(--lt-border) !important; }
.footer-two .bottom-footer .copyright-text { color: var(--lt-text-m) !important; }
.footer-two .bottom-footer .copyright-text span { color: var(--lt-text-b) !important; }
.footer-two .bottom-footer ul li a { color: var(--lt-text-m) !important; }
.footer-two .bottom-footer ul li a:hover { color: var(--lt-accent-dark) !important; }
.footer-one { background: var(--lt-surface) !important; }
.footer-one .email-banner { border-color: var(--lt-border) !important; box-shadow: 8px 8px 0 var(--lt-border) !important; }
.footer-one .footer-contact .tel { color: var(--lt-text-m) !important; }
.footer-one .footer-contact .social-icon li a { border-color: var(--lt-border) !important; color: var(--lt-text-h) !important; }
.footer-one .footer-nav .footer-nav-link a { color: var(--lt-text-m) !important; }
.footer-one .footer-nav .footer-nav-link a:hover { color: var(--lt-purple) !important; }
.footer-one .copyright-text { color: var(--lt-text-m) !important; }

/* ── 17-19. MISC ────────────────────────────────────────────── */
.error-page h2 { color: var(--lt-purple) !important; }
.error-page h3 { color: var(--lt-text-h) !important; }
.scroll-top { background: var(--lt-purple) !important; }
.project-details .share-icon li:first-child { color: var(--lt-text-h) !important; }
.project-details .share-icon a { border-color: var(--lt-border) !important; color: var(--lt-text-h) !important; }
.project-details .share-icon a:hover { background: var(--lt-text-h) !important; color: #fff !important; }
.project-details h3 { color: var(--lt-text-h) !important; }
.project-details p { color: var(--lt-text-b) !important; }

/* ── 20. SECTION TEXT ───────────────────────────────────────── */
.title-one h1, .title-one h2,
.title-three h2, .title-four h2,
.title-eight h2, .title-ten h2 { color: var(--lt-text-h) !important; }
section p, .wrapper p, .container p, .container-fluid p { color: var(--lt-text-b); }
.contact-banner-one .text .title { color: var(--lt-text-h) !important; }
.counter-block-one .main-count { color: var(--lt-text-h) !important; }
.fancy-banner-five h2, .fancy-banner-five h3,
.fancy-banner-five p, .fancy-banner-five span { color: var(--lt-text-h) !important; }
section .fs-22, section .fs-24, section .fs-28 { color: var(--lt-text-b) !important; }

/* ── 30. SIDENAV BUTTON ─────────────────────────────────────── */
.sidenavbtn {
  background: var(--lt-surface) !important;
  color: var(--lt-text-h) !important;
  border: 1px solid var(--lt-border) !important;
}
.sidenavbtn:hover {
  background: var(--lt-purple) !important;
  border-color: var(--lt-purple) !important;
  color: #fff !important;
}

/* ── 31. GLOBAL INPUTS ──────────────────────────────────────── */
input, textarea, select {
  color: var(--lt-text-h) !important;
  background-color: #fff;
  border-color: var(--lt-border);
}
input::placeholder, textarea::placeholder { color: var(--lt-text-m) !important; }
a { color: var(--lt-text-b); }
a:hover { color: var(--lt-purple); }
.text-muted, small { color: var(--lt-text-m) !important; }

/* ── 32. HERO & INNER BANNERS (LIGHT THEME) ────────────────── */
.hero-banner-seven {
  background: var(--lt-bg) !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  overflow: visible !important;  /* shapes must NOT be clipped */
  box-sizing: border-box !important;
  padding-top: clamp(80px, 7vh, 105px) !important;
  padding-bottom: clamp(20px, 3vh, 40px) !important;
}

.hero-banner-seven .container {
  max-width: 1840px !important;
  width: 98% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(12px, 1.5vw, 24px) !important;
  padding-right: clamp(12px, 1.5vw, 24px) !important;
}

.hero-banner-seven .hero-heading {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.05em !important;
  line-height: 0.90 !important;
  color: var(--lt-text-h, #111827) !important;
  text-align: center !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  /* vw-driven: text block fills ~82% of viewport, ensuring flanking shapes fit within screen */
  font-size: clamp(68px, 6.15vw, 130px) !important;
  width: 100% !important;
  max-width: 100% !important;
}

.hero-banner-seven .hero-heading .hero-row {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto clamp(2px, 0.6vh, 8px) !important;
  white-space: nowrap !important;
  position: relative !important;
  box-sizing: border-box !important;
  flex-wrap: nowrap !important;
}

.hero-banner-seven .hero-heading .hero-row-1,
.hero-banner-seven .hero-heading .hero-row-2 {
  font-size: 1em !important;
}

/* Row 3 is longer than Rows 1 & 2. Scale it down proportionally so all three rows
   visually align edge-to-edge, making the headline block look tight and intentional. */
.hero-banner-seven .hero-heading .hero-row-3 {
  font-size: 0.81em !important;
  letter-spacing: -0.05em !important;
}

.hero-banner-seven .hero-heading .hero-text-chunk {
  display: inline-block !important;
  color: var(--lt-text-h, #111827) !important;
}

.hero-banner-seven .hero-heading span {
  color: var(--lt-text-h, #111827);
}

.hero-banner-seven .hero-heading .hero-highlight {
  font-style: italic !important;
  color: var(--lt-text-h, #111827) !important;
}

/* Flanking decorative SVG shapes */
.hero-banner-seven .hero-heading .shape {
  height: 0.52em !important;
  max-height: 64px !important;
  width: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.hero-banner-seven .hero-heading .shape.shape_01 {
  margin-right: clamp(6px, 0.9vw, 16px) !important;
}
.hero-banner-seven .hero-heading .shape.shape_02 {
  margin-left: clamp(6px, 0.9vw, 16px) !important;
}
.hero-banner-seven .hero-heading .shape.shape_03 {
  margin-right: clamp(6px, 0.8vw, 14px) !important;
}
.hero-banner-seven .hero-heading .shape.shape_04 {
  margin-left: clamp(6px, 0.8vw, 14px) !important;
}

/* Sparkles on Row 2 */
.hero-banner-seven .hero-heading .shape_05 {
  position: absolute !important;
  right: clamp(-36px, -2vw, -20px) !important;
  top: clamp(-24px, -1.8vh, -12px) !important;
  max-height: clamp(32px, 3.8vh, 48px) !important;
  width: auto !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.hero-banner-seven .hero-heading .shape_06 {
  position: absolute !important;
  left: clamp(-36px, -2vw, -20px) !important;
  bottom: clamp(-22px, -1.8vh, -10px) !important;
  max-height: clamp(32px, 3.8vh, 48px) !important;
  width: auto !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Smile Icon */
.hero-banner-seven .hero-heading .smile_icon {
  width: 0.68em !important;
  height: 0.68em !important;
  max-width: 66px !important;
  max-height: 66px !important;
  display: inline-block !important;
  vertical-align: -0.05em !important;
  margin-left: clamp(6px, 0.8vw, 14px) !important;
  position: static !important;
  transform: none !important;
  flex-shrink: 0 !important;
}

/* Hero Subtitle */
.hero-banner-seven p.hero-subtext,
.hero-banner-seven p.fs-20,
.hero-banner-seven p.fs-18,
.hero-banner-seven p,
.hero-banner-seven .text-white-50 {
  color: var(--lt-text-m, #4B5563) !important;
  font-size: clamp(14px, 1.15vw, 17px) !important;
  line-height: 1.5 !important;
  max-width: 800px !important;
  margin: clamp(10px, 1.6vh, 20px) auto 0 !important;
  text-align: center !important;
}

/* CTA buttons wrapper */
.hero-banner-seven .hero-cta-wrapper {
  margin-top: 18px !important;
}

.hero-banner-seven .btn-extract-leads {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: clamp(15px, 1.1vw, 17px) !important;
  line-height: 52px !important;
  padding: 0 clamp(24px, 2.2vw, 36px) !important;
  border-radius: 40px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 20px rgba(255, 207, 37, 0.35) !important;
  background: #FFCF25 !important;
  color: #111827 !important;
  border: 2px solid #FFCF25 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.hero-banner-seven .btn-extract-leads:hover {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 25px rgba(17, 24, 39, 0.25) !important;
  transform: translateY(-2px) !important;
}

.hero-banner-seven .btn-demo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: clamp(15px, 1.1vw, 17px) !important;
  line-height: 52px !important;
  padding: 0 clamp(22px, 2vw, 32px) !important;
  border-radius: 40px !important;
  font-weight: 600 !important;
  background: #FFFFFF !important;
  color: #111827 !important;
  border: 2px solid #E5E7EB !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.hero-banner-seven .btn-demo:hover {
  background: #F3F4F6 !important;
  border-color: #111827 !important;
  color: #111827 !important;
  transform: translateY(-2px) !important;
}

/* ── Screen Height Optimization ── */
/* On short screens (e.g. 1366x768 laptops), stop the font from getting too tall */
@media (max-height: 780px) {
  .hero-banner-seven {
    padding-top: 70px !important;
    padding-bottom: 16px !important;
  }
  .hero-banner-seven .hero-heading {
    font-size: clamp(54px, 6.15vw, 102px) !important;
    line-height: 0.90 !important;
  }
  .hero-banner-seven .hero-heading .hero-row {
    margin-bottom: 3px !important;
  }
  .hero-banner-seven p.hero-subtext,
  .hero-banner-seven p.fs-20,
  .hero-banner-seven p.fs-18,
  .hero-banner-seven p,
  .hero-banner-seven .text-white-50 {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
  }
  .hero-banner-seven .hero-cta-wrapper {
    margin-top: 12px !important;
  }
  .hero-banner-seven .btn-extract-leads,
  .hero-banner-seven .btn-demo {
    line-height: 44px !important;
    font-size: 14px !important;
    padding: 0 22px !important;
  }
}

@media (max-height: 640px) {
  .hero-banner-seven {
    padding-top: 52px !important;
    padding-bottom: 8px !important;
    min-height: unset !important;
  }
  .hero-banner-seven .hero-heading {
    font-size: clamp(44px, 5.8vw, 82px) !important;
    line-height: 0.92 !important;
  }
  .hero-banner-seven p.hero-subtext,
  .hero-banner-seven p.fs-20,
  .hero-banner-seven p.fs-18,
  .hero-banner-seven p,
  .hero-banner-seven .text-white-50 {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    margin-top: 5px !important;
  }
  .hero-banner-seven .hero-cta-wrapper {
    margin-top: 8px !important;
  }
}

/* ── Screen Width Breakpoints ── */
@media (max-width: 1199px) and (min-width: 992px) {
  .hero-banner-seven .hero-heading {
    font-size: clamp(52px, 6.15vw, 92px) !important;
  }
}

@media (max-width: 991px) {
  .hero-banner-seven {
    padding-top: 80px !important;
    padding-bottom: 24px !important;
  }
  .hero-banner-seven .hero-heading {
    font-size: clamp(38px, 5.4vw, 58px) !important;
  }
  .hero-banner-seven .hero-heading .shape_05,
  .hero-banner-seven .hero-heading .shape_06 {
    display: none !important;
  }
  .hero-banner-seven .hero-heading .shape {
    max-height: 32px !important;
  }
  .hero-banner-seven .hero-heading .smile_icon {
    max-width: 34px !important;
    max-height: 34px !important;
  }
}

@media (max-width: 767px) {
  .hero-banner-seven {
    padding-top: 75px !important;
    padding-bottom: 20px !important;
  }
  .hero-banner-seven .hero-heading {
    font-size: clamp(17px, 4.7vw, 34px) !important;
    letter-spacing: -0.025em !important;
    line-height: 1.05 !important;
  }
  .hero-banner-seven .hero-heading .hero-row {
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    margin-bottom: 4px !important;
  }
  .hero-banner-seven .hero-heading .shape {
    height: 0.52em !important;
    max-height: 20px !important;
  }
  .hero-banner-seven .hero-heading .shape.shape_01,
  .hero-banner-seven .hero-heading .shape.shape_03 {
    margin-right: 4px !important;
  }
  .hero-banner-seven .hero-heading .shape.shape_02,
  .hero-banner-seven .hero-heading .shape.shape_04 {
    margin-left: 4px !important;
  }
  .hero-banner-seven .hero-heading .smile_icon {
    width: 0.68em !important;
    height: 0.68em !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin-left: 4px !important;
  }
  .hero-banner-seven p.hero-subtext {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    padding: 0 10px !important;
  }
  .hero-banner-seven .hero-cta-wrapper {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .hero-banner-seven .btn-extract-leads,
  .hero-banner-seven .btn-demo {
    width: 100% !important;
    max-width: 320px !important;
    line-height: 48px !important;
    font-size: 13.5px !important;
    white-space: nowrap !important;
    padding: 0 14px !important;
  }
}

@media (max-width: 400px) {
  .hero-banner-seven .hero-heading {
    font-size: clamp(21px, 5.2vw, 26px) !important;
  }
  .hero-banner-seven .hero-heading .shape {
    max-height: 18px !important;
  }
  .hero-banner-seven .hero-heading .smile_icon {
    max-width: 20px !important;
    max-height: 20px !important;
  }
}

/* Inner Page Banners (e.g. /about, /contact, /pricing, /faq, /terms) */
.inner-banner-two {
  background: var(--lt-surface) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
  border-radius: 24px !important;
}
.inner-banner-two::before {
  background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(99, 14, 212, 0.04) 0%, transparent 70%) !important;
}
.inner-banner-two .title-one h1,
.inner-banner-two .title-one h2,
.inner-banner-two h1,
.inner-banner-two h2 {
  color: var(--lt-text-h) !important;
}
.inner-banner-two p {
  color: var(--lt-text-m) !important;
}
.inner-banner-two .inner-breadcrumb li {
  color: var(--lt-text-m) !important;
}
.inner-banner-two .inner-breadcrumb li + li::before {
  border-right-color: var(--lt-text-m) !important;
  border-top-color: var(--lt-text-m) !important;
}
.inner-banner-two .inner-breadcrumb li a {
  color: var(--lt-text-m) !important;
}
.inner-banner-two .inner-breadcrumb li a:hover {
  color: var(--lt-purple) !important;
}
.inner-banner-two .inner-breadcrumb li.active {
  color: var(--lt-purple) !important;
  font-weight: 600 !important;
}
.inner-banner-two .shape_01 {
  opacity: 0.06 !important;
}

/* ── 33. HOMEPAGE TRUST STRIP & INTRO STATS ─────────────────── */
.client-logo-wrapper {
  background: var(--lt-surface) !important;
  border-color: var(--lt-border) !important;
}
.client-logo-wrapper p {
  color: var(--lt-text-m) !important;
}
.client-logo-wrapper span {
  color: var(--lt-text-h) !important;
}
.intro-stats-section {
  border-color: var(--lt-border) !important;
  background: var(--lt-bg) !important;
}
.intro-stats-divider {
  border-color: var(--lt-border) !important;
}

/* ── 34. BOOTSTRAP DARK BORDER OVERRIDES ────────────────────── */
.border-dark {
  border-color: var(--lt-border) !important;
}

/* ── 35. WCAG AA ACCESSIBILITY & CONTRAST OVERRIDES ─────────── */
/* Convert low-contrast mint text (#69EEC6) to high-contrast emerald (#047857) on light surfaces */
[style*="color: #69EEC6"],
[style*="color:#69EEC6"],
[style*="color: #69eec6"],
[style*="color:#69eec6"] {
  color: #047857 !important;
}
/* Convert low-contrast yellow text (#FFC736, #FFCF25) to accessible amber (#B45309) on light surfaces */
[style*="color: #FFC736"],
[style*="color:#FFC736"],
[style*="color: #ffc736"],
[style*="color:#ffc736"],
[style*="color: #FFCF25"],
[style*="color:#FFCF25"],
[style*="color: #ffcf25"],
[style*="color:#ffcf25"] {
  color: #B45309 !important;
}
/* Ensure svg/icon fills stay readable */
i[style*="color: #69EEC6"],
i[style*="color:#69EEC6"] {
  color: #059669 !important;
}

/* ── 36. TABLES & DATA DISPLAYS ─────────────────────────────── */
table {
  background-color: #FFFFFF !important;
  color: var(--lt-text-b) !important;
  border-color: var(--lt-border) !important;
}
table th {
  background-color: var(--lt-surface) !important;
  color: var(--lt-text-h) !important;
  border-color: var(--lt-border) !important;
  font-weight: 700;
}
table td {
  border-color: var(--lt-border) !important;
  color: var(--lt-text-b) !important;
}
table tbody tr:nth-child(even) td {
  background-color: #F9FAFB !important;
}
table tbody tr:hover td {
  background-color: #F3F4F6 !important;
}

/* Comparison tables */
.comparison-table, .pricing-table {
  background: #FFFFFF !important;
  border: 1px solid var(--lt-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

/* ── 37. BADGES, TAGS, & CHIPS ──────────────────────────────── */
.badge, .tag, .chip, .response-pill-badge {
  background: var(--lt-surface) !important;
  color: var(--lt-text-h) !important;
  border: 1px solid var(--lt-border) !important;
}
.badge-success, .tag-success {
  background: #ECFDF5 !important;
  color: #047857 !important;
  border-color: #A7F3D0 !important;
}
.badge-warning, .tag-warning {
  background: #FFFBEB !important;
  color: #B45309 !important;
  border-color: #FDE68A !important;
}
.badge-primary, .tag-primary {
  background: #F5F3FF !important;
  color: #630ed4 !important;
  border-color: #DDD6FE !important;
}

/* ── 38. INPUTS FOCUS RINGS ─────────────────────────────────── */
input:focus, textarea:focus, select:focus {
  border-color: var(--lt-purple) !important;
  box-shadow: 0 0 0 3px rgba(138, 66, 255, 0.15) !important;
  outline: none !important;
}

/* ── 39. MODALS & POPUPS ────────────────────────────────────── */
.modal-content {
  background-color: #FFFFFF !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
  color: var(--lt-text-b) !important;
}
.modal-header {
  border-bottom-color: var(--lt-border) !important;
}
.modal-footer {
  border-top-color: var(--lt-border) !important;
}
.modal-title {
  color: var(--lt-text-h) !important;
}

/* ── 40. CLEAN UNIFORM MINIMAL CARDS ────────────────────────── */
.how-it-works-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 24px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  overflow: hidden;
}
.how-it-works-card:hover {
  transform: translateY(-4px) !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.09), 0 6px 12px -4px rgba(0, 0, 0, 0.04) !important;
}

.feature-card-clean {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 24px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.feature-card-clean:hover {
  transform: translateY(-4px) !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.09) !important;
}

.who-uses-pill-card,
.user-persona-card {
  background: #FFFFFF !important;
  border: 1.5px solid #E5E7EB !important;
  border-radius: 48px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02) !important;
  padding: 22px 24px 20px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.who-uses-pill-card:hover,
.user-persona-card:hover {
  transform: translateY(-5px) !important;
  border-color: #69EEC6 !important;
  box-shadow: 0 14px 32px rgba(105, 238, 198, 0.22), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

.who-uses-pill-card .pill-icon-badge,
.user-persona-card .pill-icon-badge {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  flex-shrink: 0 !important;
}

.who-uses-pill-card:hover .pill-icon-badge,
.user-persona-card:hover .pill-icon-badge {
  transform: scale(1.12) !important;
}

.who-uses-pill-card .pill-icon-badge i,
.user-persona-card .pill-icon-badge i {
  font-size: 19px !important;
  line-height: 1 !important;
}

.who-uses-pill-card .pill-card-title,
.user-persona-card .pill-card-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  color: #111827 !important;
  margin: 0 0 8px !important;
  line-height: 1.3 !important;
}

.who-uses-pill-card .pill-card-desc,
.user-persona-card .pill-card-desc {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  color: #4B5563 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  max-width: 320px !important;
}

@media (max-width: 991px) {
  .who-uses-pill-card,
  .user-persona-card {
    padding: 20px 22px 18px !important;
    border-radius: 42px !important;
  }
  .who-uses-pill-card .pill-card-title,
  .user-persona-card .pill-card-title {
    font-size: 14.5px !important;
  }
  .who-uses-pill-card .pill-card-desc,
  .user-persona-card .pill-card-desc {
    font-size: 12px !important;
  }
}

@media (max-width: 575px) {
  .who-uses-pill-card,
  .user-persona-card {
    padding: 18px 20px 16px !important;
    border-radius: 36px !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .who-uses-pill-card .pill-icon-badge,
  .user-persona-card .pill-icon-badge {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 10px !important;
  }
  .who-uses-pill-card .pill-icon-badge i,
  .user-persona-card .pill-icon-badge i {
    font-size: 17px !important;
  }
  .who-uses-pill-card .pill-card-title,
  .user-persona-card .pill-card-title {
    font-size: 14px !important;
  }
}

/* ── 41. RAPID, INSTANT SCROLL ANIMATIONS ────────────────────── */
.animated {
  -webkit-animation-duration: 0.18s !important;
  animation-duration: 0.18s !important;
  -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
}

/* Eliminate all delays so sections reveal rapidly and immediately on scroll */
.wow,
[class*="wow"],
[data-wow-delay],
.animated {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
}

/* Snappy micro-reveal for fadeInUp */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}