/* |-------------------------------------------------------------------------- | LeadGain Custom Styles |-------------------------------------------------------------------------- */ @font-face { font-family: 'Inter'; src: url('../fonts/inter/inter-v20-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('../fonts/inter/inter-v20-latin-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat/montserrat-v31-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } :root { --brand-dark: #111111; --brand-primary: #C9A13A; --brand-white: #FFFFFF; --brand-light: #F4F4F4; --brand-text: #777777; --brand-font-heading: 'Montserrat', sans-serif; --brand-font-body: 'Inter', sans-serif; --nav-bg: rgba(5,5,5,0.92); --nav-bg-mobile: rgba(5,5,5,0.96); --nav-border: rgba(255,255,255,0.08); --nav-link-color: rgba(255,255,255,0.78); --nav-link-hover: var(--brand-primary); --hero-bg-fallback: #050505; --hero-text-color: #ffffff; --hero-text-muted: rgba(255,255,255,0.78); --hero-trust-color: rgba(255,255,255,0.64); --hero-overlay-desktop: linear-gradient( 90deg, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.88) 34%, rgba(0,0,0,0.50) 58%, rgba(0,0,0,0.78) 100% ); --hero-overlay-mobile: linear-gradient( 180deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.72) 42%, rgba(0,0,0,0.92) 100% ); --hero-glow: radial-gradient(circle at 70% 40%, rgba(201,161,58,0.16), transparent 34%); --nav-brand-color: #ffffff; --nav-link-color-mobile: rgba(255,255,255,0.85); --nav-collapse-bg: rgba(10,10,10,0.98); --nav-collapse-border: rgba(255,255,255,0.06); --nav-toggler-border: rgba(255,255,255,0.22); --nav-toggler-icon-filter: invert(1); --nav-bg-scrolled: rgba(5,5,5,0.98); --nav-border-scrolled: rgba(255,255,255,0.12); --nav-shadow-scrolled: 0 16px 50px rgba(0,0,0,0.22); --section-eyebrow-color: var(--brand-primary); --section-title-color: var(--brand-dark); --section-text-color: var(--brand-text); --services-bg: #ffffff; --card-bg: #ffffff; --card-border: rgba(17,17,17,0.10); --card-border-hover: rgba(201,161,58,0.55); --card-shadow-hover: 0 24px 80px rgba(0,0,0,0.10); --card-title-color: var(--brand-dark); --card-text-color: var(--brand-text); --service-number-color: var(--brand-primary); --service-link-color: var(--brand-dark); --service-link-hover: var(--brand-primary); --benefits-bg: #ffffff; --benefit-card-glow: radial-gradient(circle at 20% 10%, rgba(201,161,58,0.12), transparent 42%); --trust-bg: #090909; --trust-border: rgba(255,255,255,0.08); --trust-glow: rgba(201,161,58,0.18); --trust-heading-color: #ffffff; --trust-text-color: rgba(255,255,255,0.68); --testimonial-bg: #ffffff; --testimonial-border: rgba(17,17,17,0.10); --testimonial-shadow: 0 20px 60px rgba(0,0,0,0.06); --testimonial-text-color: var(--brand-text); --testimonial-author-color: var(--brand-dark); --testimonial-company-color: var(--brand-text); --testimonial-image-bg: #f4f4f4; --testimonial-avatar-border: var(--brand-primary); --testimonial-shadow-hover: 0 28px 80px rgba(0,0,0,0.10); --modules-bg: #ffffff; --plans-bg: #0b0b0b; --plan-bg: #111111; --plan-border: rgba(255,255,255,0.08); --process-bg: #ffffff; --process-number-bg: #111111; --process-number-color: #ffffff; --faq-bg: #ffffff; --faq-item-bg: #ffffff; --faq-active-bg: #ffffff; --faq-border: rgba(17,17,17,0.10); --faq-shadow: 0 18px 60px rgba(0,0,0,0.045); --faq-question-color: var(--brand-dark); --faq-answer-color: var(--brand-text); --faq-icon-filter: none; --contact-bg: #ffffff; --contact-panel-bg: #ffffff; --contact-panel-border: rgba(17,17,17,0.10); --contact-panel-shadow: 0 24px 80px rgba(0,0,0,0.08); --contact-detail-color: var(--brand-dark); --contact-label-color: var(--brand-dark); --contact-input-bg: #ffffff; --contact-input-border: rgba(17,17,17,0.14); --contact-input-color: var(--brand-dark); --contact-input-focus: rgba(201,161,58,0.18); --contact-privacy-color: var(--brand-text); --footer-bg: #080808; --footer-text-color: rgba(255,255,255,0.62); --footer-heading-color: #ffffff; --footer-link-color: rgba(255,255,255,0.68); --footer-link-hover: var(--brand-primary); --footer-border: rgba(255,255,255,0.10); --footer-bottom-color: rgba(255,255,255,0.48); --footer-bottom-link-color: rgba(255,255,255,0.72); --footer-social-bg: rgba(255,255,255,0.04); --footer-social-border: rgba(255,255,255,0.12); --footer-social-color: rgba(255,255,255,0.72); --footer-social-bg-hover: var(--brand-primary); --footer-social-border-hover: var(--brand-primary); --footer-social-color-hover: #080808; --legal-bg: #ffffff; --legal-title-color: var(--brand-dark); --legal-heading-color: var(--brand-dark); --legal-text-color: var(--brand-text); --legal-link-color: var(--brand-dark); --legal-link-hover: var(--brand-primary); --form-required-color: var(--brand-primary); --form-required-note-color: var(--brand-text); --about-hero-bg: #ffffff; --about-hero-glow: rgba(201,161,58,0.14); --about-title-color: var(--brand-dark); --about-text-color: var(--brand-text); --about-pill-bg: rgba(201,161,58,0.08); --about-pill-border: rgba(201,161,58,0.22); --about-pill-color: var(--brand-dark); --about-image-bg: #111111; --about-image-border: rgba(17,17,17,0.10); --about-content-bg: #ffffff; --about-timeline-bg: #ffffff; --about-timeline-border: rgba(17,17,17,0.10); --about-values-bg: #ffffff; } body { font-family: var(--brand-font-body); color: var(--brand-text); } h1, h2, h3, h4, h5, h6 { font-family: var(--brand-font-heading); color: var(--brand-dark); font-weight: 700; } .btn-dark { background-color: var(--brand-dark); border-color: var(--brand-dark); } .btn-dark:hover { background-color: var(--brand-primary); border-color: var(--brand-primary); color: var(--brand-dark); } .site-footer-logo{ max-width:200px; max-height:200px !important; }