body { 
    background: var(--site-bg-bg-color-1)  !important; 
}
.accent {
    color: var(--site-primary);
}

.inter-content h1{
    color: var(--site-landing-banner-heading-color);
font-family: var(--site-heading-font); 
font-weight: var(--site-heading-weight);
}
.inter-content h1 .accent {
    color: var(--site-landing-banner-highlight-color);
}

.inter-content .eyebrow{
     color: var(--site-landing-banner-highlight-color);
}

.inter-content .subtext,
 .inter-content .stat p,
 .btn-clubpartner{
     color: var(--site-landing-banner-text-color);
}
 .btn-clubpartner{
font-family: var(--site-nav-font) !important;
    font-weight: var(--site-nav-weight);
}
.btn-primary {
    background: var(--site-landing-banner-cta-bg-color);
    color: var(--site-landing-banner-cta-text-color);
    font-family: var(--site-nav-font) !important;
    font-weight: var(--site-nav-weight);
}
.btn-primary svg{
    stroke: var(--site-landing-banner-cta-text-color);
}

.floating-card svg{
    stroke: var(--site-primary);
}

.floating-card .g-radient {
    background: linear-gradient(135deg, var(--site-landing-banner-cta-bg-color) 0%, var(--site-bg-bg-color-1) 100%);
}

.mini-bars span { 
    background: linear-gradient(to bottom, var(--site-bg-bg-color-1) 0%, var(--site-primary) 100%);
}

.pill {
   background: var(--site-landing-banner-cta-bg-color);
    color: var(--site-landing-banner-cta-text-color);
    margin-right: 5px;
}

.pill.outline {
    background: transparent;
    border: 1px solid  var(--site-landing-banner-cta-bg-color);
    color:  var(--site-landing-banner-cta-bg-color);
}


.h-2.rounded-full { 
    background-color: var(--site-primary);
     opacity: .7;
}
.h-2.rounded-full.bg-one {
     background-color: var(--site-primary);
     opacity: .5;
}

.h-2.rounded-full.bg-two {
      background-color: var(--site-primary);
     opacity: .1;
}

.h-2.rounded-full.bg-three {
     background-color: var(--site-primary);
     opacity: .6;
}

.stat h3 {
     color: var(--site-landing-banner-highlight-color);
}

.inter-hero:before{ 
    content: '';
    background: radial-gradient(circle, var(--site-primary) 0%, transparent 70%);
}


.floating-card .label{
color: var(--site-banner-floating-box-text-color);
}
.floating-card {
  background: var(--site-banner-floating-box-bg-color);
  border-color: var(--site-banner-floating-box-border-color);
}
.inter-hero-bg {
    background: linear-gradient(90deg, transparent, rgba(var(--site-primary-rgb), 0.1), transparent);
}

.btn-ghost {  
    border: 1px solid color-mix(in srgb, var(--site-landing-banner-cta-bg-color) 41%, transparent);
    color: var(--site-landing-banner-cta-bg-color);
    font-family: var(--site-nav-font) !important;
    font-weight: var(--site-nav-weight);
}