/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2026 | 02:50:36 */
meta/* ============================================================
    TRIDENCE DESIGN SYSTEM  DESKTOP STYLE CONSISTENCY
    Phase 2 | June 2, 2026
    Scope: Desktop only (min-width: 1025px)
    ============================================================ */

/* ---- 1. CSS DESIGN TOKENS (Variables) ---- */
:root {
        --td-bg-primary:    #0a1629;   /* Main dark navy */
        --td-bg-secondary:  #0f1e36;   /* Slightly lighter navy for cards */
        --td-bg-accent:     #0d1a2e;   /* Deepest dark for hero sections */
        --td-teal:          #21a7c5;   /* Primary brand teal/cyan */
        --td-teal-light:    #00ceef;   /* Bright teal for highlights */
        --td-text-primary:  #ffffff;   /* Main body text */
        --td-text-secondary: rgba(255,255,255,0.82); /* Supporting text */
        --td-text-muted:    rgba(255,255,255,0.55);  /* Labels, captions */
        --td-border:        rgba(33,167,197,0.20);   /* Card/section borders */
        --td-btn-radius-pill: 50px;    /* Nav + header CTAs */
        --td-btn-radius-std:  8px;     /* Page body CTAs */
        --td-font-primary:  'Lufga', sans-serif;
        --td-font-heading:  'Playfair Display', serif;
}

/* ---- 2. BODY / BASE (desktop) ---- */
@media (min-width: 1025px) {
    body {
        background-color: var(--td-bg-primary) !important;
        color: var(--td-text-primary) !important;
        font-family: var(--td-font-primary) !important;
    }

    /* ---- 3. TYPOGRAPHY HIERARCHY NORMALIZATION ---- */
    .elementor-widget-heading h1,
    .elementor h1 {
        font-family: var(--td-font-heading) !important;
        color: var(--td-text-primary) !important;
        font-weight: 700 !important;
    }

    .elementor-widget-heading h2,
    .elementor h2 {
        font-family: var(--td-font-heading) !important;
    }

    .elementor-widget-heading h3,
    .elementor h3 {
        font-family: var(--td-font-primary) !important;
        color: var(--td-text-primary) !important;
    }

    .elementor-widget-heading h4,
    .elementor-widget-heading h5,
    .elementor-widget-heading h6,
    .elementor h4,
    .elementor h5,
    .elementor h6 {
        font-family: var(--td-font-primary) !important;
        color: var(--td-text-primary) !important;
    }

    .elementor-widget-text-editor p,
    .elementor p {
        color: var(--td-text-secondary) !important;
        font-family: var(--td-font-primary) !important;
    }

    /* ---- 4. BUTTON STANDARDIZATION ---- */
    .elementor-section .elementor-button,
    .e-con .elementor-button,
    .elementor-section a.elementor-button,
    .e-con a.elementor-button {
        border-radius: var(--td-btn-radius-std) !important;
        font-family: var(--td-font-primary) !important;
        font-weight: 600 !important;
        letter-spacing: 0.02em !important;
    }

    .elementor-button.elementor-button-link,
    a.elementor-button:not(.elementor-button-ghost) {
        background-color: var(--td-teal) !important;
        color: #ffffff !important;
    }

    .elementor-button.elementor-button-ghost,
    a.elementor-button.elementor-button-ghost {
        border: 2px solid var(--td-teal) !important;
        color: var(--td-text-primary) !important;
        background: transparent !important;
        border-radius: var(--td-btn-radius-std) !important;
    }

    .elementor-button[type="submit"],
    button[type="submit"].elementor-button,
    .elementor-form .elementor-button {
        background-color: var(--td-teal) !important;
        color: #ffffff !important;
        border-radius: var(--td-btn-radius-std) !important;
        border: none !important;
    }

    .elementor-nav-menu .elementor-button,
    header .elementor-button,
    .e-n-menu .elementor-button {
        border-radius: var(--td-btn-radius-pill) !important;
    }

    /* ---- 5. SECTION BACKGROUND CONSISTENCY ---- */
    .elementor-section,
    .e-con {
        background-color: var(--td-bg-primary);
    }

    .elementor-section.alternate-bg,
    .e-con.alternate-bg {
        background-color: var(--td-bg-secondary) !important;
    }

    /* ---- 6. CARD / BOX STYLE CONSISTENCY ---- */
    .elementor-widget-icon-box .elementor-icon-box-wrapper,
    .elementor-widget-feature-box,
    .elementor-price-table,
    .elementor-widget-testimonial-carousel .elementor-testimonial {
        background-color: var(--td-bg-secondary) !important;
        border: 1px solid var(--td-border) !important;
        border-radius: 12px !important;
    }

    /* ---- 7. BREADCRUMB STANDARDIZATION ---- */
    .breadcrumbs,
    .breadcrumb-trail,
    .rank-math-breadcrumb,
    #breadcrumbs {
        color: var(--td-text-muted) !important;
        font-family: var(--td-font-primary) !important;
        font-size: 13px !important;
        padding: 12px 0 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    .breadcrumbs a,
    .breadcrumb-trail a,
    .rank-math-breadcrumb a,
    #breadcrumbs a {
        color: var(--td-teal) !important;
        text-decoration: none !important;
    }

    .breadcrumbs a:hover,
    .breadcrumb-trail a:hover {
        text-decoration: underline !important;
    }

    /* ---- 8. NAVIGATION LINK COLOR FIX ---- */
    .elementor-nav-menu > li > a,
    .elementor-nav-menu .elementor-item,
    header nav a,
    .elementor-location-header nav a {
        color: var(--td-text-primary) !important;
        font-family: var(--td-font-primary) !important;
    }

    .elementor-nav-menu > li > a:hover,
    .elementor-nav-menu .elementor-item:hover {
        color: var(--td-teal) !important;
    }

    /* ---- 9. SECTION DIVIDER / SPACING CONSISTENCY ---- */
    .elementor-divider-separator {
        border-color: var(--td-border) !important;
    }

    /* ---- 10. PAGE HERO SECTION HEIGHT CONSISTENCY ---- */
    .elementor-location-single .elementor-section:first-of-type,
    .elementor-template-full-width .elementor-section:first-of-type {
        padding-top: 80px !important;
    }

    /* ---- 11. LINK COLOR STANDARDIZATION ---- */
    .elementor a:not(.elementor-button):not(.elementor-nav-menu a) {
        color: var(--td-teal) !important;
    }

    .elementor a:not(.elementor-button):hover {
        color: var(--td-teal-light) !important;
    }

    /* ---- 12. FOOTER NEWSLETTER FIX ---- */
    .elementor-form .elementor-field-type-email input,
    .elementor-field-group input[type="email"] {
        background-color: rgba(255,255,255,0.08) !important;
        border: 1px solid var(--td-border) !important;
        color: var(--td-text-primary) !important;
        border-radius: 6px !important;
    }

    .elementor-form .elementor-field-type-email input::placeholder {
        color: var(--td-text-muted) !important;
    }


    /* ================================================================
       PHASE 2.1 — SERVICE PAGE HERO CONSISTENCY (2026-06-02)
       ================================================================ */

    /* ---- 13. SERVICE PAGE HERO — STANDARD LAYOUT ---- */
    /* Eyebrow label above H1: uppercase, small, teal-tinted */
    .ts-eyebrow,
    .elementor-widget-text-editor p[class*="eyebrow"],
    .elementor-section p.ts-eyebrow {
        font-size: 12px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        color: var(--td-teal) !important;
        margin-bottom: 16px !important;
        font-family: var(--td-font-primary) !important;
    }

    /* Lead paragraph (first body paragraph after H1) */
    .ts-lead,
    .lead,
    p.lead,
    .elementor-widget-text-editor p.lead {
        font-size: 18px !important;
        line-height: 1.65 !important;
        color: var(--td-text-secondary) !important;
        font-family: var(--td-font-primary) !important;
        max-width: 680px;
    }

    /* Micro stat line below buttons (30 years · 200+ brands etc) */
    .ts-micro,
    .micro,
    p.micro,
    .elementor-widget-text-editor p.micro {
        font-size: 12px !important;
        color: var(--td-text-muted) !important;
        font-family: var(--td-font-primary) !important;
        margin-top: 8px !important;
        letter-spacing: 0.04em !important;
    }

    /* ---- 14. EXTRA BOLD LINE NORMALIZATION ---- */
    /* Some service pages have an extra <strong> paragraph between body and CTAs
       Normalize it to match lead paragraph style — no bold stand-alone line */
    .elementor-widget-text-editor strong:only-child,
    .elementor-widget-text-editor p > strong:only-child,
    .ts-em-hero p > strong,
    .ts-em-hero p strong,
    .elementor p > strong:only-child {
        font-weight: 400 !important;
        font-size: 15px !important;
        color: rgba(255,255,255,0.55) !important;
        display: block;
    }

    /* ---- 15. SERVICE HERO H1 SIZE STANDARDIZATION ---- */
    /* All service sub-pages: consistent H1 size range */
    .elementor-location-single .elementor-widget-heading h1,
    .elementor-template-full-width .elementor-widget-heading h1 {
        font-size: clamp(44px, 5vw, 64px) !important;
        line-height: 1.1 !important;
        letter-spacing: -0.02em !important;
        color: var(--td-text-primary) !important;
        font-family: var(--td-font-heading) !important;
        font-weight: 700 !important;
    }

    /* ---- 16. HERO SECTION TOP SPACING — SERVICE PAGES ---- */
    /* Consistent breathing room below nav on all service pages */
    .elementor-location-single .elementor-top-section:first-of-type,
    .elementor-template-full-width .elementor-top-section:first-of-type {
        padding-top: 48px !important;
        padding-bottom: 60px !important;
    }

    /* ---- 17. NAVIGATION TOP-LEVEL SPACING FIX (ElementsKit nav) ---- */
    /* ElementsKit responsive.css sets 20.8px (1.3rem) top/bottom margin on li items.
       Must use high specificity with !important to override. */
    /* Ultra-specific nav fix: ElementsKit widget ID 276c1f18 + broad fallbacks */
    /* The 20.8px (1.3rem) top/bottom margin on li items comes from ElementsKit CSS */
    .elementor-element-276c1f18 .elementskit-navbar-nav > li,
    .elementor-element-276c1f18 .elementskit-navbar-nav li.nav-item,
    .ekit-wid-con .elementskit-navbar-nav > li.nav-item,
    .ekit-wid-con .elementskit-navbar-nav li.nav-item,
    header .ekit-wid-con .elementskit-navbar-nav li {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 6px !important;
        margin-right: 6px !important;
        padding: 0 !important;
        align-items: center;
    }

    /* Top-level nav link padding — even on all items */
    .elementor-element-276c1f18 .elementskit-navbar-nav > li > a,
    .elementor-element-276c1f18 .elementskit-navbar-nav li.nav-item > a,
    .ekit-wid-con .elementskit-navbar-nav > li.nav-item > a,
    header .ekit-wid-con .elementskit-navbar-nav li > a {
        padding: 6px 14px !important;
        font-size: 15px !important;
        font-family: var(--td-font-primary) !important;
        font-weight: 500 !important;
        letter-spacing: 0.01em !important;
        color: var(--td-text-primary) !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    /* Active/current page nav item highlight */
    .elementor-element-276c1f18 .elementskit-navbar-nav > li.current-menu-item > a,
    .elementor-element-276c1f18 .elementskit-navbar-nav > li.current_page_item > a,
    .elementor-element-276c1f18 .elementskit-navbar-nav > li.current-menu-ancestor > a,
    header .ekit-wid-con .elementskit-navbar-nav li > a:hover {
        color: var(--td-teal) !important;
    }

    /* Fallback for Elementor native nav */
    .elementor-nav-menu--layout-horizontal > li {
        margin: 0 6px !important;
    }
    .elementor-nav-menu--layout-horizontal > li > a {
        padding: 6px 14px !important;
        font-size: 15px !important;
        font-family: var(--td-font-primary) !important;
        font-weight: 500 !important;
        color: var(--td-text-primary) !important;
    }

    /* ---- 18. BREADCRUMB VISIBILITY ON SERVICE PAGES ---- */
    /* Ensure breadcrumbs show on ALL interior pages including service pages */
    .rank-math-breadcrumb,
    .rank-math-breadcrumb p {
        display: block !important;
        visibility: visible !important;
        color: var(--td-text-muted) !important;
        font-size: 13px !important;
        padding: 12px 0 8px !important;
    }

    /* ---- 19. TWO-BUTTON CTA ROW CONSISTENCY ---- */
    /* Hero CTA button pair: consistent gap and alignment */
    .elementor-widget-button + .elementor-widget-button,
    .elementor-col-50 .elementor-widget-button {
        margin-top: 0 !important;
    }

    /* Ghost outline button (second CTA) — consistent style */
    .elementor-section .elementor-button.elementor-button-ghost,
    .e-con .elementor-button.elementor-button-ghost,
    a.elementor-button.elementor-button-ghost {
        border: 2px solid rgba(33,167,197,0.6) !important;
        background: transparent !important;
        color: var(--td-text-primary) !important;
        border-radius: 50px !important;
    }




    /* ================================================================
       PHASE 2.2 — NAV SPACING FIX (margin-block-start logical property)
       2026-06-02: ElementsKit sets margin-block-start: 1.3rem on li
       items 2+. Physical margin !important doesn't override logical.
       Fix: explicitly set margin-block-start/end to 0 !important.
       Widget ID: 276c1f18 | Header post: 8559
       ================================================================ */

    /* ---- 20. NAVIGATION SPACING — LOGICAL PROPERTY FIX ---- */
    /* Override Elementor's CSS variables for margin-block-start on nav li */
    /* Elementor sets: margin-block-start: var(--margin-block-start) in 19922.css */
    /* The variable --margin-block-start is set to 1.3rem for list items */
    .elementskit-navbar-nav > li {
        --margin-block-start: 0px;
        --margin-block-end: 0px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
    }

    .elementor-element-276c1f18 .elementskit-navbar-nav > li {
        --margin-block-start: 0px;
        --margin-block-end: 0px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .elementor-element-276c1f18 .elementskit-navbar-nav > li > a {
        padding: 6px 14px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        letter-spacing: 0.01em !important;
        color: #ffffff !important;
        white-space: nowrap !important;
    }

    .elementor-element-276c1f18 .elementskit-navbar-nav > li > a:hover,
    .elementor-element-276c1f18 .elementskit-navbar-nav > li.current-menu-item > a,
    .elementor-element-276c1f18 .elementskit-navbar-nav > li.current-menu-ancestor > a,
    .elementor-element-276c1f18 .elementskit-navbar-nav > li.current_page_item > a {
        color: #21a7c5 !important;
    }


}

/* === NAV SERVICES ITEM HEIGHT FIX === */
/* Overrides wp-custom-css height: 80px on Services megamenu li (specificity 2,1,0 > 1,3,1) */
@media (min-width: 1025px) {
  #menu-primary-menu #menu-item-3988.menu-item {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}
/* === / NAV SERVICES ITEM HEIGHT FIX === */

/* ============================================================ */
/* === SECTION: SITE-WIDE HERO CONSISTENCY (2026-06-02) === */
/* ============================================================ */
/* All service & main pages: uniform hero top section           */
/* Eyebrow: plain all-caps, no pill/badge border                */
/* Breadcrumb: hidden visually (schema output retained for SEO) */
/* Desktop only: @media (min-width: 1025px)                     */

@media (min-width: 1025px) {

  /* --- 1. HIDE BREADCRUMBS (all known service page classes) --- */
  /* One rule covers all service + main page breadcrumbs */
  .ts-em-crumb,
  .ts-wdd-bread,
  .ts-soft-breadcrumb,
  .ts-int-breadcrumb,
  .ts-id-breadcrumb,
  .ts-ec-bread,
  .ts-logo-bread,
  .ts-vid-crumbs,
  .ts-crumb,
  .crumbs,
  .rank-math-breadcrumb {
    display: none !important;
  }

  /* --- 2. REMOVE PILL/BADGE FROM HERO EYEBROW LABELS --- */
  /* Web Design: ts-wdd-eyebrow (border-radius 999px, border solid) */
  .ts-wdd-eyebrow {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    letter-spacing: 0.12em !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #21a7c5 !important;
  }

  /* E-Commerce: ts-ec-eyebrow (border-radius 999px, bg tinted) */
  .ts-ec-eyebrow {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    letter-spacing: 0.12em !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #21a7c5 !important;
  }

  /* Logo Design: ts-logo-eyebrow (border-radius 999px) */
  .ts-logo-eyebrow {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    letter-spacing: 0.12em !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #21a7c5 !important;
  }

  /* Contact Page: eye (pill badge) */
  .eye {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    letter-spacing: 0.12em !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #21a7c5 !important;
  }

}
/* ============================================================ */
/* === / SECTION: SITE-WIDE HERO CONSISTENCY === */
/* ============================================================ */

/* ============================================================ */
/* === PHASE 2B — TECHNOLOGY + WEB DESIGN PAGE BREADCRUMBS === */
/* === Added: 2026-06-02 — Hide breadcrumbs site-wide       === */
/* ============================================================ */
@media (min-width: 1025px) {

  /* --- Breadcrumbs: Technology column pages --- */
  .ts-mw-bc,        /* Mobile & Wireless */
  .ts-cs-bc,        /* Cloud Services */
  .ts-gm-bc,        /* Gaming */
  .ts-cr-bc,        /* CRM Development */
  .ts-pa-bc,        /* Political Advertising */
  .ts-ai-bc,        /* AI Development */
  .crumb            /* Brand Design, Hispanic Marketing (singular) */
  {
    display: none !important;
  }

  /* --- De-pill: Mobile & Wireless eyebrow badge --- */
  .ts-mw-eye {
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
  }

}


/* ============================================================ */
/* === PHASE 2C — DE-PILL GENERIC .pill CLASS EYEBROW       === */
/* === Used by: Brand Design, Hispanic Marketing, and more  === */
/* ============================================================ */
@media (min-width: 1025px) {

  /* De-pill generic .pill eyebrow badges — ID-level specificity to override inline styles */
  /* #primary gives us 1,0,0 specificity that beats inline .ts-brand .pill 0,2,0 */
  #primary .ts-brand .pill,
  #primary [class*="ts-hm"] .pill,
  #primary [class*="ts-"] .pill,
  #primary .pill {
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    padding: 4px 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
  }

}


/* ============================================================ */
/* === PHASE 2D — METAVERSE + WEB3 PAGE BREADCRUMBS         === */
/* === Added: 2026-06-02                                     === */
/* ============================================================ */
@media (min-width: 1025px) {

  /* --- Breadcrumbs: Metaverse / Web3 column pages --- */
  .ts-bc-bc,   /* Blockchain */
  .ts-cy-bc,   /* Cryptocurrency */
  .ts-nf-bc,   /* NFT Creations */
  .bc          /* Web3 Dev, Consulting, Enterprise Apps */
  {
    display: none !important;
  }

}


/* ============================================================ */
/* === PHASE 2E — INTENT DATA PAGE HERO FIX                  === */
/* === Reduces oversized h1, aligns CTA to brand standard    === */
/* ============================================================ */
@media (min-width: 1025px) {

  /* --- Intent Data: scale down oversized h1 to match gold standard --- */
  .ts-int-h1 {
    font-size: clamp(32px, 3.6vw, 52px) !important;
    line-height: 1.06 !important;
  }

  /* --- Intent Data: primary CTA — match solid teal of gold standard --- */
  .ts-int-cta-primary {
    background: rgb(33, 167, 197) !important;
    background-image: none !important;
    border-color: transparent !important;
  }

}


/* ============================================================ */
/* === PHASE 2F — WEB3/METAVERSE PAGE H1 FONT-SIZE FIX      === */
/* === Web3 Dev, Consulting, Enterprise: 72px → 52px         === */
/* ============================================================ */
@media (min-width: 1025px) {

  /* Scope h1 fix to specific page containers — 72px is too large */
  .ts-w3 h1,      /* Web3 Development */
  .ts-co h1,      /* Consulting */
  .ts-en h1       /* Enterprise Applications */
  {
    font-size: clamp(32px, 3.6vw, 52px) !important;
    line-height: 1.06 !important;
  }

}


/* ============================================================
   PHASE 2G — Footer Pages: Eyebrow De-Pill + h1 Size Fixes
   Pages: Who We Are, Our Founder, Community, Privacy Policy,
          Podcast, Industries, Portfolio, Contact
   ============================================================ */
@media (min-width: 1025px) {

  /* --- Eyebrow de-pill: Our Founder --- */
  .ts-of .eyebrow {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* --- Eyebrow de-pill: Community Involvement --- */
  .tri-ci-eyebrow {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* --- Eyebrow de-pill: Privacy Policy --- */
  .ts-pp .eyebrow {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* --- Eyebrow de-pill: Podcast --- */
  .pc-wrap .eyebrow {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* --- Eyebrow de-pill: Industries --- */
  .ts-ind .eyebrow {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* --- Eyebrow de-pill: Portfolio --- */
  .tri-pf-eyebrow {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* --- h1 size fix: Who We Are (78px → 52px)
       Note: Elementor post-3927.css uses body.page-id-3927 .tri-diff-title
       so we need matching specificity + !important to win --- */
  body.page-id-3927 .tri-diff-title {
    font-size: clamp(32px, 3.6vw, 52px) !important;
    line-height: 1.06 !important;
  }

  /* --- h1 size fix: Contact (72px → 52px) --- */
  .ts-ct h1,
  .ts-ct-wrap h1 {
    font-size: clamp(32px, 3.6vw, 52px) !important;
    line-height: 1.06 !important;
  }

}

/* ===== PHASE 2H — Keyword Pill Tags Fix (Chicago & Jacksonville location pages) ===== */
@media (min-width: 1025px) {
  .tri-auth-keywords {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin: 40px 0 0 !important;
    padding: 0 !important;
  }
  .tri-auth-keywords span,
  .tri-auth-keywords a {
    display: inline-flex !important;
    align-items: center;
    background: rgba(33,167,197,.08) !important;
    border: 1px solid rgba(33,167,197,.22) !important;
    color: rgba(255,255,255,.55) !important;
    font-size: 12px !important;
    font-family: 'Lufga', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
    padding: 7px 16px !important;
    border-radius: 100px !important;
    white-space: nowrap;
    text-decoration: none;
    transition: background .2s, color .2s;
  }
  .tri-auth-keywords span:hover,
  .tri-auth-keywords a:hover {
    background: rgba(33,167,197,.18) !important;
    color: rgba(255,255,255,.8) !important;
  }
}