/* ===== BENEFITRA BRAND-LIGHT THEME =====
   Site-wide light-mode overrides applied to every Benefitra page that
   was previously dark or visually inconsistent. Linked from each page
   AFTER all per-page styles so the cascade wins.

   Canonical brand palette per BENEFITRA-Brand-Strategy-and-Website-Prototype:
   - ocean-600 #059669 (PRIMARY emerald)
   - navy-800/900 (hero/CTA/footer dark bookends)
   - amber-400/500 (accent)
   - gray-50/100/600/700/800 (neutrals)
   - white (#fff) body bg

   Pages that should NOT receive this stylesheet: /marketing/* (per Sam's
   explicit instruction — those keep their own roofing-orange + navy theme).

   Pattern: hero stays dark, body sections flip to white, footer stays dark.
*/

:root{
  /* Brand palette tokens (idempotent — repeats existing var declarations
     elsewhere are harmless since values match) */
  --gray-50:#f9fafb;
  --gray-100:#f3f4f6;
  --gray-200:#e5e7eb;
  --gray-600:#4b5563;
  --gray-700:#374151;
  --gray-800:#1f2937;
  --line-light:rgba(31,41,55,0.10);
  --ocean-50-bg:#ecfdf5;
}

/* Body */
body{background:#fff !important;color:var(--gray-800) !important}

/* Hero stays dark — bookend at top of every page */
.hero,
section.hero,
header.hero{
  background:linear-gradient(135deg,var(--navy-800,#0f1f38),var(--navy-900,#0a1628)) !important;
  color:#fff !important;
}
.hero h1, .hero h2, .hero h3, .hero h4{color:#fff !important}
.hero p, .hero .hero-sub, .hero .lede, .hero .subhead{color:rgba(255,255,255,0.7) !important}
.hero a{color:#fff !important}
.hero-eyebrow, .hero .eyebrow, .hero .badge, .hero .strategy-badge{color:var(--ocean-300,#6ee7b7) !important}

/* Generic body content sections */
main,
.section,
section.section,
.content-section,
.tools-section,
.results-section,
.filters-section,
.tile-section,
.cards-section{
  background:#fff !important;
  color:var(--gray-800) !important;
}

/* Headings inside light sections */
.section h1, .section h2, .section h3, .section h4,
.section-header h2, .section-header h3,
.section-title,
main h2, main h3{
  color:var(--gray-800) !important;
}
.section p,
.section-header p,
.section-desc,
.section-sub,
.section-lead{
  color:var(--gray-600) !important;
}
.section-label,
.eyebrow,
.kicker{
  color:var(--ocean-600,#059669) !important;
}

/* Cards / tiles — light surfaces with subtle border + brand emerald accent on hover */
.tool-card,
.tile,
.card,
.path-card,
.feature-card,
.cta-card,
.benefit-card{
  background:#fff !important;
  border:1px solid var(--line-light) !important;
  color:var(--gray-800) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.tool-card:hover,
.tile:hover,
.card:hover,
.feature-card:hover{
  border-color:rgba(5,150,105,0.30) !important;
  box-shadow:0 12px 36px rgba(31,41,55,0.08) !important;
}
.tool-card h3, .tool-card .tool-name, .tool-card .card-title,
.tile h3, .tile .tile-title,
.card h3, .card-title,
.feature-card h3{
  color:var(--gray-800) !important;
}
.tool-card p, .tool-card .tool-desc, .tool-card .card-desc, .tool-card .tile-desc,
.tile p, .tile-desc,
.card p, .card-desc,
.feature-card p{
  color:var(--gray-600) !important;
}
.tool-card a, .tool-card .tool-link, .tool-card .tile-link,
.tile-link, .tile a,
.card-link{
  color:var(--ocean-600,#059669) !important;
}

/* Buttons / CTAs */
.btn-primary, button.primary, .cta-btn-primary, .btn-gold, .btn-emerald{
  background:var(--ocean-600,#059669) !important;
  color:#fff !important;
  border-color:var(--ocean-600,#059669) !important;
}
.btn-primary:hover, button.primary:hover, .cta-btn-primary:hover, .btn-gold:hover{
  background:var(--ocean-700,#047857) !important;
  border-color:var(--ocean-700,#047857) !important;
}
.btn-secondary, .cta-btn-secondary, .btn-outline, .btn-navy{
  background:#fff !important;
  color:var(--navy-900,#0a1628) !important;
  border:1px solid var(--line-light) !important;
}
.btn-secondary:hover, .cta-btn-secondary:hover, .btn-outline:hover{
  background:var(--gray-50) !important;
  border-color:var(--ocean-600,#059669) !important;
  color:var(--ocean-700,#047857) !important;
}

/* btn-outline inside hero stays dark-background styled (white text on transparent) */
.hero .btn-outline,
section.hero .btn-outline,
header.hero .btn-outline{
  background:transparent !important;
  color:#fff !important;
  border:2px solid rgba(255,255,255,0.45) !important;
}
.hero .btn-outline:hover,
section.hero .btn-outline:hover{
  background:rgba(255,255,255,0.12) !important;
  border-color:rgba(255,255,255,0.75) !important;
  color:#fff !important;
}

/* Filter / chip / tab controls */
.filter-btn, .filter-chip, .tab-btn, button.chip, .pill-btn{
  background:var(--gray-50) !important;
  border:1px solid var(--line-light) !important;
  color:var(--gray-700) !important;
}
.filter-btn:hover, .filter-chip:hover, .tab-btn:hover{
  background:var(--gray-100) !important;
  border-color:rgba(5,150,105,0.30) !important;
  color:var(--ocean-700,#047857) !important;
}
.filter-btn.active, .filter-chip.active, .tab-btn.active, .tab-btn[aria-selected="true"]{
  background:var(--ocean-600,#059669) !important;
  color:#fff !important;
  border-color:var(--ocean-600,#059669) !important;
}

/* Form inputs */
input[type="search"], input[type="text"], input[type="email"], input[type="number"],
input[type="tel"], textarea, select, .search-input, .form-input{
  background:#fff !important;
  border:1px solid var(--line-light) !important;
  color:var(--gray-800) !important;
}
input::placeholder, textarea::placeholder{color:rgba(31,41,55,0.40) !important}
input:focus, textarea:focus, select:focus{
  border-color:var(--ocean-600,#059669) !important;
  box-shadow:0 0 0 3px rgba(5,150,105,0.12) !important;
  outline:none !important;
}

/* Subtle band sections (sage-50-ish hint for visual rhythm) */
.section-band, .section-subtle, .strategies-section, .funding-section{
  background:var(--gray-50) !important;
}

/* Footer stays dark — closes the bookend */
.footer, footer.footer, footer[role="contentinfo"]{
  background:var(--navy-900,#0a1628) !important;
}
.footer, .footer p, .footer a, .footer h4, .footer .footer-col h4{
  color:rgba(255,255,255,0.7) !important;
}
.footer h4, .footer .footer-col h4{
  color:rgba(255,255,255,0.45) !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  font-size:11px !important;
}
.footer a:hover{color:#fff !important}
.footer-bottom{color:rgba(255,255,255,0.45) !important}

/* CTA bands (typically full-width emerald or navy blocks) */
.cta-band, .cta-section, .final-cta{
  background:var(--navy-900,#0a1628) !important;
  color:#fff !important;
}
.cta-band h2, .cta-band h3, .cta-section h2, .final-cta h2,
.cta-band p, .cta-section p, .final-cta p{
  color:rgba(255,255,255,0.92) !important;
}

/* Reviews / testimonials — light cards on white */
.reviews-section, .testimonials, .reviews-inner{
  background:#fff !important;
}
.review-card, .testimonial-card{
  background:#fff !important;
  border:1px solid var(--line-light) !important;
  color:var(--gray-800) !important;
}
.review-text, .testimonial-text{
  color:var(--gray-700) !important;
}
.review-name, .testimonial-name{
  color:var(--gray-800) !important;
}
.review-date, .testimonial-date{
  color:var(--gray-600) !important;
}

/* Navigation: keep canonical dark nav as-is — nav has its own brand styles */
/* (no overrides here — nav styling is intentional) */

/* ===== CONTRAST FIXES 2026-05-02 (msg 8967, 8968, 8969) ===== */

/* Fix msg 8968: Taft Hartley peo4u-banner — dark gradient bg, must keep white text */
.peo4u-banner{
  background:linear-gradient(135deg,#1E1E62 0%,#060e1a 60%,#0a1628 100%) !important;
}
.peo4u-banner-content h3{
  color:#fff !important;
}
.peo4u-banner-content p{
  color:rgba(255,255,255,0.82) !important;
}
.peo4u-banner-content .label{
  color:#059669 !important;
}

/* Fix msg 8969: eb-cases-2026 REAL OUTCOMES section — keep dark so existing white text is readable */
section.eb-cases-2026{
  background:var(--navy-900,#0a1628) !important;
  color:#fff !important;
}
.eb-cases-2026 .eb-cs-title{
  color:#fff !important;
}
.eb-cases-2026 .eb-cs-sub{
  color:rgba(255,255,255,0.72) !important;
}
.eb-cases-2026 .eb-cs-eyebrow{
  color:#fbbf24 !important;
}
/* Trust bar: ensure dark panel looks intentional and labels are readable */
.eb-cases-2026 .eb-cs-trust{
  background:linear-gradient(135deg,rgba(15,31,56,0.85),rgba(10,22,40,0.75)) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
}
.eb-cases-2026 .eb-cs-trust-num{
  color:#34d399 !important;
}
.eb-cases-2026 .eb-cs-trust-label{
  color:rgba(255,255,255,0.72) !important;
}
/* Preserve eb-cases-2026 card, hero-quote, and supporting text on dark bg */
.eb-cases-2026 .eb-cs-card{
  background:linear-gradient(180deg,rgba(15,31,56,0.85),rgba(10,22,40,0.65)) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  color:#fff !important;
}
.eb-cases-2026 .eb-cs-card .eb-cs-headline{
  color:#fff !important;
}
.eb-cases-2026 .eb-cs-card .eb-cs-subhead,
.eb-cases-2026 .eb-cs-card .eb-cs-trigger,
.eb-cases-2026 .eb-cs-support-list li{
  color:rgba(255,255,255,0.75) !important;
}
.eb-cases-2026 .eb-cs-hero{
  background:linear-gradient(135deg,#0f1f38 0%,#0a1628 100%) !important;
  color:#fff !important;
}
.eb-cases-2026 .eb-cs-hero-quote{
  color:#fff !important;
}
.eb-cases-2026 .eb-cs-author{
  color:#fff !important;
}
/* Bottom CTA block inside eb-cases-2026 */
.eb-cases-2026 .eb-cs-bottom{
  background:linear-gradient(135deg,rgba(16,185,129,0.12),rgba(245,158,11,0.06)) !important;
  border:1px solid rgba(16,185,129,0.22) !important;
}
.eb-cases-2026 .eb-cs-bottom h2{
  color:#fff !important;
}
.eb-cases-2026 .eb-cs-bottom p{
  color:rgba(255,255,255,0.75) !important;
}

/* ===== CONTRAST PASS 2 — 2026-05-02 (msg 8980, 8981) ===== */

/* Strategy cards (#seven-strategies). Section bg is light per
   .strategies-section override; cards must flip to white-with-dark-text
   so the 6 non-flagship cards stop being white-on-light-gray. */
.strategies-section .strategy-card{
  background:#fff !important;
  border:1px solid var(--line-light) !important;
}
.strategies-section .strategy-card:hover{
  background:#fff !important;
  border-color:rgba(5,150,105,0.30) !important;
  box-shadow:0 12px 36px rgba(31,41,55,0.08) !important;
}
.strategies-section .strategy-card.flagship{
  background:linear-gradient(160deg,rgba(5,150,105,0.08),rgba(5,150,105,0.02)) !important;
  border-color:rgba(5,150,105,0.35) !important;
}
.strategies-section .strategy-card-name{
  color:var(--gray-800) !important;
}
.strategies-section .strategy-card.flagship .strategy-card-name{
  color:var(--ocean-600,#059669) !important;
}
.strategies-section .strategy-card-desc{
  color:var(--gray-700) !important;
}
.strategies-section .strategy-card-link{
  color:var(--ocean-600,#059669) !important;
}

/* Blog & Research card (.blog-tile). Native gradient is intentional
   dark navy. brand-light's main h2/h3 rule was forcing dark gray on
   the card heading. Restore white. */
.blog-tile{
  background:linear-gradient(160deg,#0f1f38,#060e1a) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color:#fff !important;
}
.blog-tile h3{
  color:#fff !important;
}
.blog-tile:hover h3{
  color:var(--ocean-300,#6ee7b7) !important;
}
.blog-tile p{
  color:rgba(255,255,255,0.78) !important;
}
.blog-tile .tile-cat{
  color:var(--ocean-300,#6ee7b7) !important;
}
.blog-tile .tile-link{
  color:var(--ocean-300,#6ee7b7) !important;
}

/* "Stories From Our Clients" carousel (.testimonials-section). Section
   is intentionally dark navy; brand-light's blanket .testimonial-card
   rule was forcing white card bg, leaving white text invisible. Re-anchor
   to the original dark-card-on-dark-section design. */
.testimonials-section{
  background:linear-gradient(135deg,var(--navy-800,#0f1f38) 0%,var(--navy-900,#0a1628) 100%) !important;
  color:#fff !important;
}
.testimonials-section .section-header h2,
.testimonials-section.section .section-header h2{
  color:#fff !important;
}
.testimonials-section .section-header p,
.testimonials-section.section .section-header p{
  color:rgba(255,255,255,0.7) !important;
}
.testimonials-section .section-label{
  color:var(--ocean-300,#6ee7b7) !important;
  background:none !important;
  border:none !important;
}
.testimonials-section .testimonial-card{
  background:rgba(255,255,255,0.08) !important;
  border:2px solid rgba(255,255,255,0.10) !important;
  color:#fff !important;
}
.testimonials-section .testimonial-card-name{
  color:#fff !important;
}
.testimonials-section .testimonial-card-role{
  color:rgba(255,255,255,0.55) !important;
  border-bottom:1px solid rgba(255,255,255,0.10) !important;
}
.testimonials-section .testimonial-card-text{
  color:rgba(255,255,255,0.85) !important;
}
.testimonials-section .testimonial-featured{
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color:#fff !important;
}
.testimonials-section .testimonial-featured-content,
.testimonials-section .testimonial-featured h3,
.testimonials-section .testimonial-quote{
  color:#fff !important;
}
.testimonials-section .testimonial-author-name{
  color:#fff !important;
}
.testimonials-section .testimonial-author-title{
  color:rgba(255,255,255,0.7) !important;
}

/* "How to read these" callout inside eb-cases-2026 (already navy section
   per pass-1 override). gray-300/400 vars were undefined and inherited
   body's gray-800 — invisible on navy. */
.eb-cases-2026 .eb-cs-howto{
  background:rgba(15,31,56,0.55) !important;
  border:1px dashed rgba(255,255,255,0.14) !important;
}
.eb-cases-2026 .eb-cs-howto h3{
  color:var(--amber-400,#fbbf24) !important;
}
.eb-cases-2026 .eb-cs-howto p{
  color:rgba(255,255,255,0.78) !important;
}
.eb-cases-2026 .eb-cs-howto .nda{
  color:rgba(255,255,255,0.6) !important;
}
.eb-cases-2026 .eb-cs-howto .nda a{
  color:var(--ocean-300,#6ee7b7) !important;
}
.eb-cases-2026 .eb-cs-howto em{
  color:#fff !important;
  font-style:italic;
}

/* eb-cases-2026 itself was max-width:1200px center, so the navy bg
   only painted inside 1200px and white showed on the sides. Make the
   section full-bleed and constrain children to the original 1200px. */
section.eb-cases-2026{
  max-width:none !important;
  width:100% !important;
  padding:80px 24px !important;
  margin:0 !important;
}
.eb-cases-2026 .eb-cs-header,
.eb-cases-2026 .eb-cs-grid,
.eb-cases-2026 .eb-cs-howto,
.eb-cases-2026 .eb-cs-bottom,
.eb-cases-2026 .eb-cs-trust-strip,
.eb-cases-2026 .eb-cs-hero{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ===== DARK-SECTION OVERRIDES — 2026-05-02 (msg 8992 / Sam contrast audit pass 3) =====
   Pages with mixed light/dark sections have their white-on-navy headings
   crushed by the global "main h2, main h3 { color: var(--gray-800) !important }" rule.
   These overrides re-assert white text for every dark section we know about.
   The rule of thumb: if the section background is navy/dark, it needs an explicit
   white-text carve-out here.
*/

/* /about/ — "What We Built" dark navy section.
   The section is a plain <section> with no class; we add class="dark-section" to it
   in the HTML, then this rule protects all headings inside. */
.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6{
  color:#fff !important;
}
.dark-section p{
  color:rgba(255,255,255,0.78) !important;
}

/* /platform/ — .eligibility section (background:var(--n900)) */
.eligibility h2,
.eligibility h3,
.eligibility h4{
  color:#fff !important;
}
.eligibility-card h3{
  color:#fff !important;
}
.eligibility p,
.eligibility-lede,
.eligibility-card p,
.eligibility-foot{
  color:rgba(255,255,255,0.7) !important;
}

/* /platform/ — .broker section (background:var(--n900)) */
.broker h2,
.broker h3,
.broker h4{
  color:#fff !important;
}
.broker p{
  color:rgba(255,255,255,0.5) !important;
}

/* /platform/ — inline dark calculator section (#calculator).
   background:linear-gradient(180deg,var(--n900)...) */
#calculator h2,
#calculator h3,
#calculator h4{
  color:#fff !important;
}
#calculator .calc-h h2,
#calculator .ct h4{
  color:#fff !important;
}

/* /platform/ — Total Comp result section (#tcResult, display:none initially).
   background:#0a1628 inline. */
#tcResult h2,
#tcResult h3,
#tcResult h4{
  color:#f8fafc !important;
}

/* /platform/ — DEMO section (.demo class, emerald gradient bg) */
.demo h2,
.demo h3,
.demo h4{
  color:#fff !important;
}

/* Contact page — hero H1 is white text; the brand-light .hero h1 rule already
   handles this, but add a belt-and-suspenders override for the contact page
   which uses a fixed SVG trajectory background with a white body. */
.hero h1{
  color:#fff !important;
}
.hero p{
  color:rgba(255,255,255,0.78) !important;
}

/* /benefits-discovery/ — funding-fit results CTA panel.
   .bd-results-cta is a dark navy gradient (linear-gradient(135deg,#0f1f38,#0a1628))
   inside the widget-rendered DOM. The widget sets color:#fff inline on the panel,
   but the global `main h2/h3/h4 !important` cascade overrides H3 to gray-800,
   producing 1.24:1 contrast on the dark navy background. Force white back. */
.bd-results-cta h2,
.bd-results-cta h3,
.bd-results-cta h4 {
  color: #ffffff !important;
}
.bd-results-cta p {
  color: rgba(255,255,255,0.78) !important;
}

/* ===== CONTACT PAGE — 2026-05-03 (Sam contrast fix pass 4) =====
   /contact/ ships with a dark-navy native palette + a fixed full-viewport
   chart-line SVG (.bg-trajectory) at z=0. brand-light then forces body
   white, which (a) makes the chart bleed into every section's transparent
   areas, (b) crushes .booking-card's white .card-title to gray-800, and
   (c) leaves the left-column "Get In Touch Directly" text using light
   tokens (--text-secondary #A8B4C4) which now sit on white = invisible.

   Strategy: scope every override to selectors only used on /contact/ so
   no other page is touched.
*/

/* 1. Confine the chart trajectory to the hero zone only (top 560px) and
      drop opacity. Was position:fixed; inset:0 over the whole viewport. */
.bg-trajectory{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:auto !important;
  height:560px !important;
  width:100% !important;
  opacity:0.45 !important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%) !important;
  mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%) !important;
}

/* 2. Booking cards (4 meeting-type cards). Native design = dark navy
      card with white title. brand-light's .card-title rule forces dark.
      Re-assert the original per-element design. */
.booking-card{
  background:linear-gradient(180deg,#12123E 0%,#0D0D2B 100%) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  color:#fff !important;
}
.booking-card:hover{
  border-color:rgba(245,166,35,0.35) !important;
  box-shadow:0 12px 36px rgba(245,166,35,0.10) !important;
}
.booking-card .card-type{
  color:rgba(255,255,255,0.55) !important;
}
.booking-card .card-title{
  color:#ffffff !important;
}
.booking-card .card-desc{
  color:rgba(255,255,255,0.72) !important;
}
.booking-card .card-duration{
  color:#F5A623 !important;
  background:rgba(245,166,35,0.12) !important;
}

/* Section heading + subtitle above the booking cards (now over white
   page bg with chart bleed). Force dark text for legibility. */
.booking-section .section-heading{
  color:var(--gray-800) !important;
}
.booking-section .section-subtitle{
  color:var(--gray-600) !important;
}
.booking-section .section-label{
  color:var(--ocean-600,#059669) !important;
}

/* 3. Quick-bar (contact pills above hero badge). Native uses light text
      designed for navy bg. On white body the text disappears and the
      chart bleeds through. Give it a solid pill on white surface. */
.quick-bar{
  background:#fff !important;
  border-radius:100px !important;
  padding-top:0.75rem !important;
  padding-bottom:0.75rem !important;
}
.quick-bar .quick-item{
  background:var(--gray-50,#f9fafb) !important;
  border:1px solid var(--line-light) !important;
  color:var(--gray-800) !important;
}
.quick-bar .quick-item:hover{
  background:#fff !important;
  border-color:rgba(5,150,105,0.30) !important;
  color:var(--ocean-700,#047857) !important;
}
.quick-bar .quick-item svg{
  color:var(--ocean-600,#059669) !important;
}

/* 4. Left "Get In Touch Directly" column. Sits on white body — flip the
      light-on-dark tokens to dark-on-light for readability. */
.content-section .info-col .info-label{
  color:var(--ocean-600,#059669) !important;
}
.content-section .info-col .info-title{
  color:var(--gray-800) !important;
}
.content-section .info-col .info-desc{
  color:var(--gray-700) !important;
}
.content-section .contact-item{
  background:#fff !important;
  border:1px solid var(--line-light) !important;
}
.content-section .contact-item:hover{
  border-color:rgba(5,150,105,0.30) !important;
  background:var(--gray-50,#f9fafb) !important;
}
.content-section .contact-item a{
  color:var(--gray-800) !important;
}
.content-section .contact-item a:hover{
  color:var(--ocean-700,#047857) !important;
}
.content-section .contact-item .sub{
  color:var(--gray-600) !important;
}
.content-section .contact-item .icon-box{
  background:rgba(5,150,105,0.10) !important;
  color:var(--ocean-600,#059669) !important;
}
/* Social row + trust badges in the same column */
.content-section .social-link{
  background:#fff !important;
  border:1px solid var(--line-light) !important;
  color:var(--gray-600) !important;
}
.content-section .social-link:hover{
  border-color:rgba(5,150,105,0.30) !important;
  color:var(--ocean-700,#047857) !important;
}
.content-section .trust-badge{
  color:var(--gray-700) !important;
}
.content-section .trust-badge .check{
  background:rgba(5,150,105,0.10) !important;
  color:var(--ocean-600,#059669) !important;
}

/* 5. Form card on the right stays dark navy by design — make sure the
      brand-light .card / .card-title rules don't crush it. */
.content-section .form-card{
  background:linear-gradient(180deg,#12123E 0%,#0D0D2B 100%) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  color:#fff !important;
}
.content-section .form-card .info-label{
  color:#F5A623 !important;
}
.content-section .form-card .info-title{
  color:#fff !important;
}
.content-section .form-card .info-desc{
  color:rgba(255,255,255,0.72) !important;
}
.content-section .form-card .form-group label{
  color:rgba(255,255,255,0.78) !important;
}
.content-section .form-card .form-group input,
.content-section .form-card .form-group textarea,
.content-section .form-card .form-group select{
  background:#0D0D2B !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color:#fff !important;
}
.content-section .form-card .form-group input::placeholder,
.content-section .form-card .form-group textarea::placeholder{
  color:rgba(255,255,255,0.40) !important;
}
.content-section .form-card .form-group input:focus,
.content-section .form-card .form-group textarea:focus,
.content-section .form-card .form-group select:focus{
  border-color:#F5A623 !important;
  box-shadow:0 0 0 3px rgba(245,166,35,0.15) !important;
}