/* === Flexi Boost brand palette (navy · white · gold) === */

:root {

  --fb-navy: #051229;

  --fb-navy-mid: #0a2640;

  --fb-gold: #D4AF37;

  --fb-gold-light: #E8C547;

  --fb-gold-dark: #B8922F;

  --fb-white: #ffffff;

  --fb-surface: #eef1f6;

  --fb-muted-dark: rgba(255, 255, 255, 0.68);

  --fb-muted-light: rgba(5, 18, 41, 0.62);

  --tj-color-theme-primary: #D4AF37;

  --tj-color-theme-dark: #051229;

  --tj-color-theme-bg: #eef1f6;

  --tj-color-heading-primary: #051229;

}



body,

#primary.site-main {

  background-color: var(--fb-surface) !important;

}



#primary.site-main {

  min-height: 60vh;

}



h1, h2, h3, h4, h5, h6,

.sec-title {

  color: var(--fb-navy);

}



p,

.desc,

.desc p {

  color: var(--fb-muted-light);

}



.tj-primary-btn {

  background-color: var(--fb-navy) !important;

  border-color: var(--fb-navy) !important;

  color: var(--fb-white) !important;

}



.tj-primary-btn:hover {

  background-color: var(--fb-gold) !important;

  border-color: var(--fb-gold) !important;

  color: var(--fb-navy) !important;

}



.sec-heading.style-4 .sub-title {

  background-color: rgba(212, 175, 55, 0.12) !important;

  color: var(--fb-gold-dark) !important;

}



.sec-heading.style-4 .sub-title::before {

  background-color: var(--fb-gold) !important;

}



/* Top announcement bar */

.tj-header-area .header-topbar {

  background: linear-gradient(155deg, var(--fb-navy) 0%, var(--fb-navy-mid) 42%, var(--fb-navy) 100%) !important;

}



.tj-header-area .topbar_note,

.tj-header-area .topbar_note a,

.tj-header-area .topbar_infos,

.tj-header-area .topbar_infos a {

  color: var(--fb-white) !important;

}



.tj-header-area .topbar_note i.tji-check,

.tj-header-area .topbar_infos .info_item > span i {

  color: var(--fb-gold) !important;

}



.tj-header-area .topbar_note a:hover {

  color: var(--fb-gold) !important;

}



.tj-header-area .topbar_note a > span::after {

  background-color: var(--fb-gold) !important;

}

/* Service detail pages — header matches home (header-5), nav readable on dark hero */
body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute {
  border-bottom: none !important;
  background-color: transparent !important;
}

body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .header-topbar {
  background: linear-gradient(155deg, var(--fb-navy) 0%, var(--fb-navy-mid) 42%, var(--fb-navy) 100%) !important;
  background-color: var(--fb-navy) !important;
  border-bottom: none !important;
}

body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .header-bottom {
  background: transparent !important;
}

body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .mainmenu ul > li > a {
  color: var(--fb-white) !important;
}

body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .mainmenu ul > li > a:hover,
body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .mainmenu ul > li.current-menu-item > a,
body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .mainmenu ul > li.current-menu-ancestor > a {
  color: var(--fb-gold) !important;
}

body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .menu_btn {
  color: var(--fb-white) !important;
}

body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .menu_btn .cubes span {
  border-color: var(--fb-white) !important;
}

body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-5.header-absolute .menu_btn .cubes span:nth-child(2) {
  box-shadow: inset 0 0 0 2px var(--fb-white) !important;
}

body:has(.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child) .tj-header-area.header-1.header-duplicate.header-sticky {
  border-bottom: none !important;
}

.site-main > :is(.fb-svc-hero, .fb-blog-hero):first-child {
  margin-top: 0 !important;
}



/* Page header / breadcrumb areas */

.tj-page-header {

  background: linear-gradient(135deg, var(--fb-navy) 0%, var(--fb-navy-mid) 100%) !important;

}



.tj-page-header .title,

.tj-page-header .breadcrumb-item,

.tj-page-header .breadcrumb-item a {

  color: var(--fb-white) !important;

}



.tj-page-header .breadcrumb-item.active {

  color: var(--fb-gold-light) !important;

}



/* FAQ */

.h5-faq-section,

.tj-faq-section {

  background-color: var(--fb-surface) !important;

}



/* CTA sections — matches About / Services hero style */

.tj-cta-section,

.h5-cta-section {

  position: relative;

  overflow: hidden;

  padding: 64px 0 !important;

  background: linear-gradient(155deg, var(--fb-navy) 0%, var(--fb-navy-mid) 48%, var(--fb-navy) 100%) !important;

  border-top: 1px solid rgba(212, 175, 55, 0.15);

}



.tj-cta-section::before {

  content: "";

  position: absolute;

  inset: 0;

  background-image:

    linear-gradient(rgba(212, 175, 55, 0.035) 1px, transparent 1px),

    linear-gradient(90deg, rgba(212, 175, 55, 0.035) 1px, transparent 1px);

  background-size: 48px 48px;

  pointer-events: none;

  z-index: 0;

}



.tj-cta-section .container {

  position: relative;

  z-index: 1;

}



.tj-cta-section .cta-shape-1,

.tj-cta-section .cta-shape-2 {

  opacity: 0.1;

  max-width: 110px !important;

  z-index: 0;

}



.tj-cta-section .cta-wrapper {

  position: relative;

  z-index: 1;

  gap: 24px !important;

}



.tj-cta-section .cta-title .title,

.tj-cta-section .cta-wrapper .cta-title .title {

  color: var(--fb-white) !important;

  font-size: clamp(1.65rem, 3.5vw, 2.5rem) !important;

  font-weight: 800 !important;

  letter-spacing: -0.02em !important;

  line-height: 1.15 !important;

  text-transform: none !important;

  margin-bottom: 0 !important;

}



.h5-cta-wrapper .sec-title,

.tj-cta-section .sec-title {

  color: var(--fb-white) !important;

}



.h5-cta-section .tj-primary-btn,

.tj-cta-section .tj-primary-btn,

.tj-cta-section .tj-primary-btn.white-btn {

  background-color: var(--fb-gold) !important;

  border-color: var(--fb-gold) !important;

  color: var(--fb-navy) !important;

  border-radius: 999px !important;

  font-weight: 700 !important;

}



.h5-cta-section .tj-primary-btn:hover,

.tj-cta-section .tj-primary-btn:hover,

.tj-cta-section .tj-primary-btn.white-btn:hover {

  background-color: var(--fb-white) !important;

  border-color: var(--fb-white) !important;

  color: var(--fb-navy) !important;

}



@media (max-width: 991px) {

  .tj-cta-section {

    padding: 52px 0 !important;

  }

  .tj-cta-section .cta-wrapper {

    justify-content: center !important;

    text-align: center;

  }

}



/* Footer (theme default areas) */

.tj-footer-area {

  background-color: var(--fb-surface) !important;

  color: var(--fb-navy) !important;

}



.tj-footer-area .footer-title .title {

  color: var(--fb-navy) !important;

}



.tj-footer-area .widget-menu ul li a,

.tj-footer-area .footer-info-item .content p,

.tj-footer-area .footer-contact-item a {

  color: var(--fb-muted-light) !important;

}



.tj-footer-area .widget-menu ul li a:hover,

.tj-footer-area .footer-contact-item a:hover {

  color: var(--fb-gold) !important;

}



.tj-footer-area .footer-socials a {

  background-color: var(--fb-gold) !important;

  color: var(--fb-white) !important;

}



.tj-footer-area .footer-socials a:hover {

  background-color: var(--fb-navy) !important;

}



/* Links & accents sitewide */

a:hover {

  color: var(--fb-gold);

}



.tj-service-area,

.service-style-2,

.blog-style-3 {

  --section-accent: var(--fb-gold);

}



/* No loading screen — show content immediately */

.preloader {

  display: none !important;

  visibility: hidden !important;

  opacity: 0 !important;

  pointer-events: none !important;

}



/* Mobile top bar — tagline left, Contact us right */

@media (max-width: 991px) {

  .header-topbar {

    padding: 8px 12px !important;

  }

  .header-topbar_wrap {

    justify-content: flex-start !important;

    width: 100% !important;

  }

  .topbar_note {

    display: flex !important;

    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    width: 100% !important;

  }

  .topbar_note > div:first-child {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    width: 100% !important;

    font-size: clamp(10px, 2.75vw, 13px) !important;

    line-height: 1.2 !important;

    gap: 6px !important;

    padding-right: 0 !important;

  }

  .topbar_note > div:first-child a {

    display: inline-flex !important;

    align-items: center !important;

    flex-shrink: 0 !important;

    white-space: nowrap !important;

    margin-left: auto !important;

  }

  .topbar_note > div:first-child a span {

    white-space: nowrap !important;

  }

}



@media (max-width: 400px) {

  .topbar_note > div:first-child {

    font-size: 9px !important;

    gap: 4px !important;

  }

}



/* Related services sidebar (service detail pages) */

.tj-service-sidebar .fb-related-services {

  padding: 0;

  background: #fff;

  border-radius: 20px;

  border: 1px solid rgba(5, 18, 41, 0.07);

  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.06);

  overflow: hidden;

}



.tj-service-sidebar .fb-related-services .tj-sidebar-widget-title {

  margin: 0;

  padding: 22px 24px 16px;

  font-size: 1.05rem;

  font-weight: 800;

  color: var(--fb-navy);

  letter-spacing: -0.02em;

  border-bottom: 1px solid rgba(5, 18, 41, 0.06);

}



.tj-service-sidebar .fb-related-services .service-category {

  padding: 8px 12px 16px;

}



.tj-service-sidebar .fb-related-services .service-category ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.tj-service-sidebar .fb-related-services .service-category ul li {

  margin: 0;

  padding: 0;

  border: none;

}



.tj-service-sidebar .fb-related-services .service-category ul li + li {

  margin-top: 2px;

}



.tj-service-sidebar .fb-related-services .service-category ul li a {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 12px 14px;

  border-radius: 12px;

  font-size: 0.92rem;

  font-weight: 500;

  color: rgba(5, 18, 41, 0.72);

  text-decoration: none;

  transition: background 0.25s ease, color 0.25s ease;

}



.tj-service-sidebar .fb-related-services .service-category ul li a:hover {

  background: rgba(212, 175, 55, 0.08);

  color: var(--fb-navy);

}



.tj-service-sidebar .fb-related-services .service-category ul li a.active {

  background: rgba(212, 175, 55, 0.14);

  color: var(--fb-gold-dark);

  font-weight: 700;

}



.tj-service-sidebar .fb-related-services .fb-related-services__icon {

  flex-shrink: 0;

  width: 36px;

  height: 36px;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(212, 175, 55, 0.12);

  color: var(--fb-gold);

  font-size: 14px;

}



.tj-service-sidebar .fb-related-services .service-category ul li a.active .fb-related-services__icon {

  background: rgba(212, 175, 55, 0.22);

  color: var(--fb-gold-dark);

}



.tj-service-sidebar .fb-related-services .fb-related-services__text {

  flex: 1;

  line-height: 1.35;

}



.tj-service-sidebar .fb-related-services .service-category ul li a .tji-angle-right {

  flex-shrink: 0;

  font-size: 12px;

  opacity: 0.45;

  transition: opacity 0.25s ease, transform 0.25s ease;

}



.tj-service-sidebar .fb-related-services .service-category ul li a:hover .tji-angle-right,

.tj-service-sidebar .fb-related-services .service-category ul li a.active .tji-angle-right {

  opacity: 1;

  transform: translateX(2px);

}


/* ── Service detail page heroes (shared) ── */
/* ── Service detail page heroes (shared) ── */
      .fb-svc-hero {
        position: relative;
        overflow: hidden;
        margin-top: 0;
        padding: 148px 0 88px;
        background: linear-gradient(155deg, #051229 0%, #0a2640 42%, #051229 100%);
        min-height: 620px;
        display: flex;
        align-items: center;
      }
      .fb-svc-hero__grid {
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(212, 175, 55, 0.04) 1px, transparent 1px),
          linear-gradient(90deg, rgba(212, 175, 55, 0.04) 1px, transparent 1px);
        background-size: 48px 48px;
        mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 20%, transparent 100%);
        pointer-events: none;
        z-index: 0;
      }
      .fb-svc-hero__canvas {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1;
        opacity: 0.85;
      }
      .fb-svc-hero__glow {
        position: absolute;
        width: 640px;
        height: 640px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(212, 175, 55, 0.14) 0%, transparent 68%);
        top: 50%;
        right: -8%;
        transform: translateY(-50%);
        pointer-events: none;
        z-index: 0;
      }
      .fb-svc-hero__inner { position: relative; z-index: 2; }
      .fb-svc-hero__badge {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 8px 16px 8px 12px;
        border-radius: 999px;
        border: 1px solid rgba(212, 175, 55, 0.35);
        background: rgba(255, 255, 255, 0.05);
        color: #E8C547;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 26px;
      }
      .fb-svc-hero__badge-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D4AF37;
        box-shadow: 0 0 12px rgba(212, 175, 55, 0.8);
        animation: fb-svc-pulse 2s ease-in-out infinite;
      }
      @keyframes fb-svc-pulse {
        0%, 100% { opacity: 1; transform: scale(1); }
        50% { opacity: 0.45; transform: scale(0.82); }
      }
      .fb-svc-hero__title { margin: 0 0 16px; line-height: 1.1; }
      .fb-svc-hero__title-main {
        display: block;
        font-size: clamp(2.4rem, 6.5vw, 4.2rem);
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.15;
        padding: 0.06em 0 0.12em;
        overflow: visible;
        background: linear-gradient(120deg, #E8C547 0%, #D4AF37 45%, #fff 90%, #D4AF37 100%);
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        animation: fb-svc-shimmer 5s linear infinite;
      }
      @keyframes fb-svc-shimmer {
        0% { background-position: 0% center; }
        100% { background-position: 200% center; }
      }
      .fb-svc-hero__title-tag {
        display: block;
        margin-top: 14px;
        font-size: clamp(1.05rem, 2.2vw, 1.35rem);
        font-weight: 500;
        color: rgba(255, 255, 255, 0.72);
        letter-spacing: -0.01em;
        line-height: 1.4;
      }
      .fb-svc-hero__title-tag em {
        font-style: normal;
        color: #E8C547;
        font-weight: 600;
      }
      .fb-svc-hero__rotate-line {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 8px;
        font-size: clamp(1rem, 2vw, 1.15rem);
        font-weight: 500;
        color: rgba(255, 255, 255, 0.55);
        margin-bottom: 20px;
        line-height: 1.5;
      }
      .fb-svc-hero__rotate {
        color: #D4AF37;
        font-weight: 700;
        transition: opacity 0.35s ease, transform 0.35s ease;
      }
      .fb-svc-hero__rotate.is-out {
        opacity: 0;
        transform: translateY(6px);
      }
      .fb-svc-hero__sub {
        font-size: 1.02rem;
        line-height: 1.75;
        color: rgba(255, 255, 255, 0.62);
        max-width: 520px;
        margin: 0 0 28px;
      }
      .fb-svc-hero__stats {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 28px;
      }
      .fb-svc-hero__stat {
        padding: 10px 18px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.05);
        color: rgba(255, 255, 255, 0.78);
        font-size: 0.88rem;
        font-weight: 500;
      }
      .fb-svc-hero__stat strong {
        color: #E8C547;
        font-weight: 700;
      }
      .fb-svc-hero__ctas {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-bottom: 28px;
      }
      .fb-svc-hero__btn-primary {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 14px 28px;
        border-radius: 999px;
        background: #D4AF37;
        color: #051229;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        transition: background 0.3s, gap 0.3s, transform 0.3s;
      }
      .fb-svc-hero__btn-primary:hover {
        background: #fff;
        gap: 12px;
        transform: translateY(-1px);
      }
      .fb-svc-hero__btn-ghost {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 14px 28px;
        border-radius: 999px;
        border: 1.5px solid rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0.85);
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: border-color 0.3s, background 0.3s, gap 0.3s;
      }
      .fb-svc-hero__btn-ghost:hover {
        border-color: rgba(212, 175, 55, 0.5);
        background: rgba(212, 175, 55, 0.08);
        gap: 12px;
      }
      .fb-svc-hero__crumb {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.4);
      }
      .fb-svc-hero__crumb a {
        color: rgba(255, 255, 255, 0.65);
        text-decoration: none;
        transition: color 0.25s;
      }
      .fb-svc-hero__crumb a:hover { color: #D4AF37; }

      /* Service hub visual */
      .fb-svc-hero__hub-wrap {
        position: relative;
        width: 100%;
        max-width: 420px;
        aspect-ratio: 1;
        margin: 0 auto;
      }
      .fb-svc-hero__hub-ring {
        position: absolute;
        inset: 8%;
        border-radius: 50%;
        border: 1px dashed rgba(212, 175, 55, 0.22);
        animation: fb-svc-ring-spin 80s linear infinite;
      }
      .fb-svc-hero__hub-ring--inner {
        inset: 22%;
        border-style: solid;
        border-color: rgba(212, 175, 55, 0.12);
        animation-direction: reverse;
        animation-duration: 55s;
      }
      @keyframes fb-svc-ring-spin { to { transform: rotate(360deg); } }
      .fb-svc-hero__hub-core {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 110px;
        height: 110px;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(145deg, rgba(212, 175, 55, 0.25), rgba(5, 18, 41, 0.6));
        border: 2px solid rgba(212, 175, 55, 0.45);
        box-shadow: 0 0 60px rgba(212, 175, 55, 0.25), inset 0 0 30px rgba(212, 175, 55, 0.1);
        z-index: 3;
        text-align: center;
        padding: 0 8px;
      }
      .fb-svc-hero__hub-core i {
        font-size: 1.6rem;
        color: #E8C547;
        margin-bottom: 4px;
      }
      .fb-svc-hero__hub-core strong {
        font-size: 1.1rem;
        font-weight: 800;
        color: #E8C547;
        line-height: 1.1;
      }
      .fb-svc-hero__hub-core span {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.65);
        margin-top: 4px;
      }
      .fb-svc-hero__orbit {
        position: absolute;
        inset: 0;
        animation: fb-svc-orbit-spin 50s linear infinite;
      }
      .fb-svc-hero__orbit:hover { animation-play-state: paused; }
      @keyframes fb-svc-orbit-spin { to { transform: rotate(360deg); } }
      .fb-svc-hero__node {
        --angle: 0deg;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 46px;
        height: 46px;
        margin: -23px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(212, 175, 55, 0.28);
        color: #E8C547;
        font-size: 17px;
        text-decoration: none;
        backdrop-filter: blur(8px);
        transform: rotate(var(--angle)) translateY(-168px) rotate(calc(-1 * var(--angle)));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.3s, color 0.3s;
        z-index: 2;
      }
      .fb-svc-hero__node:hover {
        background: rgba(212, 175, 55, 0.22);
        border-color: #D4AF37;
        color: #fff;
        box-shadow: 0 0 24px rgba(212, 175, 55, 0.35);
      }

      /* Floating context bubbles */
      .fb-svc-hero__bubble {
        position: absolute;
        max-width: 200px;
        padding: 10px 14px;
        border-radius: 14px;
        font-size: 11px;
        line-height: 1.45;
        font-weight: 500;
        z-index: 4;
        backdrop-filter: blur(10px);
        animation: fb-svc-bubble-float 6s ease-in-out infinite;
      }
      .fb-svc-hero__bubble--user {
        top: 6%;
        right: 0;
        background: rgba(212, 175, 55, 0.18);
        border: 1px solid rgba(212, 175, 55, 0.35);
        color: rgba(255, 255, 255, 0.9);
        border-bottom-right-radius: 4px;
        animation-delay: 0s;
      }
      .fb-svc-hero__bubble--bot {
        bottom: 8%;
        left: -4%;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.15);
        color: rgba(255, 255, 255, 0.78);
        border-bottom-left-radius: 4px;
        animation-delay: 1.5s;
      }
      .fb-svc-hero__bubble-label {
        display: block;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #D4AF37;
        margin-bottom: 4px;
      }
      @keyframes fb-svc-bubble-float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-8px); }
      }

      /* Bottom marquee */
      .fb-svc-hero__marquee-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        background: rgba(0, 0, 0, 0.18);
        overflow: hidden;
        padding: 13px 0;
      }
      .fb-svc-hero__marquee {
        display: flex;
        width: max-content;
        animation: fb-svc-marquee 38s linear infinite;
      }
      .fb-svc-hero__marquee:hover { animation-play-state: paused; }
      @keyframes fb-svc-marquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }
      .fb-svc-hero__marquee-group {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-right: 12px;
      }
      .fb-svc-hero__chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 14px;
        border-radius: 999px;
        border: 1px solid rgba(212, 175, 55, 0.2);
        background: rgba(255, 255, 255, 0.04);
        color: rgba(255, 255, 255, 0.7);
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
      }
      .fb-svc-hero__chip i { color: #D4AF37; font-size: 11px; }

      @media (max-width: 991px) {
        .fb-svc-hero {
          padding: 130px 0 100px;
          min-height: auto;
        }
        .fb-svc-hero__hub-wrap {
          max-width: 340px;
          margin-top: 48px;
        }
        .fb-svc-hero__node {
          transform: rotate(var(--angle)) translateY(-138px) rotate(calc(-1 * var(--angle)));
        }
        .fb-svc-hero__bubble--user { right: -2%; max-width: 170px; }
        .fb-svc-hero__bubble--bot { left: -2%; max-width: 170px; }
      }
      @media (max-width: 575px) {
        .fb-svc-hero__hub-wrap { max-width: 280px; }
        .fb-svc-hero__node {
          width: 40px;
          height: 40px;
          margin: -20px;
          font-size: 15px;
          transform: rotate(var(--angle)) translateY(-112px) rotate(calc(-1 * var(--angle)));
        }
        .fb-svc-hero__hub-core { width: 88px; height: 88px; }
        .fb-svc-hero__hub-core strong { font-size: 1rem; }
        .fb-svc-hero__bubble { display: none; }
      }
      @media (prefers-reduced-motion: reduce) {
        .fb-svc-hero__canvas { display: none; }
        .fb-svc-hero__orbit,
        .fb-svc-hero__hub-ring,
        .fb-svc-hero__marquee,
        .fb-svc-hero__bubble,
        .fb-svc-hero__title-main { animation: none; }
      }

/* ── Service detail page body (shared) ── */
.fb-svc-body {
  background: #eef1f6;
}
.fb-svc-body::before {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.35), transparent);
}
.fb-svc-body .tj-post-thumb { display: none; }
.fb-svc-body .tj-post-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  color: #051229;
  letter-spacing: -0.02em;
  margin-bottom: 28px;
  line-height: 1.25;
}
.fb-svc-intro {
  padding: 28px 30px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.05);
  margin-bottom: 48px;
}
.fb-svc-intro p {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.8;
  color: rgba(5, 18, 41, 0.72);
}
.fb-svc-intro p + p { margin-top: 16px; }
.fb-svc-section-head { margin-bottom: 28px; }
.fb-svc-section-head .sub-title {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.12);
  color: #B8922F;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.fb-svc-section-head h2 {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 800;
  color: #051229;
  letter-spacing: -0.02em;
  margin: 0;
  line-height: 1.25;
}
.fb-svc-cap {
  height: 100%;
  padding: 28px 26px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.05);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.fb-svc-cap:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(5, 18, 41, 0.1);
  border-color: rgba(212, 175, 55, 0.28);
}
.fb-svc-cap__icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(212, 175, 55, 0.14);
  color: #D4AF37;
  font-size: 20px;
  margin-bottom: 16px;
}
.fb-svc-cap h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #051229;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
  line-height: 1.35;
}
.fb-svc-cap p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.65;
  color: rgba(5, 18, 41, 0.62);
}
.fb-svc-caps { margin-bottom: 56px; }
.fb-svc-caps .row { --bs-gutter-y: 24px; }
.fb-svc-pricing { margin-bottom: 56px; }
.fb-svc-pricing .row { --bs-gutter-y: 24px; }
.fb-svc-plan {
  height: 100%;
  padding: 32px 28px 36px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.fb-svc-plan:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(5, 18, 41, 0.09);
}
.fb-svc-plan--featured {
  border-color: rgba(212, 175, 55, 0.45);
  box-shadow: 0 12px 40px rgba(212, 175, 55, 0.12);
  position: relative;
}
.fb-svc-plan--featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(90deg, #D4AF37, #E8C547);
}
.fb-svc-plan__badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #B8922F;
  background: rgba(212, 175, 55, 0.12);
  border-radius: 999px;
  padding: 4px 12px;
  margin-bottom: 14px;
}
.fb-svc-plan h3 {
  font-size: 1.2rem;
  font-weight: 800;
  color: #051229;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}
.fb-svc-plan__price {
  font-size: 1.5rem;
  font-weight: 800;
  color: #D4AF37;
  margin-bottom: 6px;
  letter-spacing: -0.02em;
}
.fb-svc-plan__focus {
  font-size: 0.88rem;
  font-weight: 600;
  color: rgba(5, 18, 41, 0.55);
  margin-bottom: 20px;
  line-height: 1.5;
}
.fb-svc-plan ul {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  flex: 1;
}
.fb-svc-plan li {
  position: relative;
  padding-left: 22px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: rgba(5, 18, 41, 0.68);
  margin-bottom: 10px;
}
.fb-svc-plan li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D4AF37;
}
.fb-svc-plan__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #051229;
  text-decoration: none;
  transition: gap 0.3s, color 0.3s;
}
.fb-svc-plan__link:hover {
  color: #D4AF37;
  gap: 12px;
}
.fb-svc-cta-block {
  padding: 40px 36px;
  border-radius: 20px;
  background: linear-gradient(155deg, #051229 0%, #0a2640 100%);
  text-align: center;
  margin-bottom: 56px;
}
.fb-svc-cta-block h2 {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}
.fb-svc-cta-block p {
  font-size: 1rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.65);
  max-width: 540px;
  margin: 0 auto 24px;
}
.fb-svc-cta-block .fb-svc-hero__btn-primary { display: inline-flex; }
.fb-svc-faq {
  padding: 36px 32px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.05);
}
.fb-svc-faq h4 {
  font-size: 1.25rem;
  font-weight: 800;
  color: #051229;
  margin-bottom: 24px;
  letter-spacing: -0.02em;
}
.fb-svc-faq .accordion-item {
  border: 1px solid rgba(5, 18, 41, 0.08);
  border-radius: 14px !important;
  overflow: hidden;
  margin-bottom: 12px;
  background: #eef1f6;
}
.fb-svc-faq .accordion-item:last-child { margin-bottom: 0; }
.fb-svc-faq .accordion-button {
  font-size: 0.95rem;
  font-weight: 600;
  color: #051229;
  background: transparent;
  padding: 18px 22px;
  box-shadow: none !important;
}
.fb-svc-faq .accordion-button:not(.collapsed) {
  background: rgba(212, 175, 55, 0.1);
  color: #051229;
}
.fb-svc-faq .accordion-button::after { filter: brightness(0); }
.fb-svc-faq .accordion-body {
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(5, 18, 41, 0.68);
  padding: 0 22px 20px;
  background: transparent;
}
@media (max-width: 767px) {
  .fb-svc-intro { padding: 22px 20px; }
  .fb-svc-cta-block { padding: 32px 24px; }
  .fb-svc-faq { padding: 28px 20px; }
}

/* ── Blog listing hero + cards (from blog.html) ── */
.fb-blog-hero {
position: relative;
overflow: hidden;
padding: 148px 0 88px;
background: linear-gradient(160deg, #051229 0%, #0a2640 50%, #051229 100%);
min-height: 580px;
}
.fb-blog-hero__lines {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(
0deg,
transparent,
transparent 31px,
rgba(212, 175, 55, 0.04) 31px,
rgba(212, 175, 55, 0.04) 32px
);
mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
pointer-events: none;
z-index: 0;
}
.fb-blog-hero__canvas {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
opacity: 0.7;
}
.fb-blog-hero__glow {
position: absolute;
top: -20%;
left: -10%;
width: 520px;
height: 520px;
border-radius: 50%;
background: radial-gradient(circle, rgba(212, 175, 55, 0.12) 0%, transparent 70%);
pointer-events: none;
z-index: 0;
}
.fb-blog-hero__inner {
position: relative;
z-index: 2;
overflow: visible;
}
.fb-blog-hero__inner > .row > [class*="col-"]:first-child {
overflow: visible;
}
.fb-blog-hero__badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 18px;
border-radius: 999px;
border: 1px solid rgba(212, 175, 55, 0.32);
background: rgba(255, 255, 255, 0.05);
color: #E8C547;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 24px;
}
.fb-blog-hero__badge i { font-size: 11px; }
.fb-blog-hero__title {
display: block;
font-size: clamp(3.2rem, 8vw, 5.5rem);
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.2;
margin: 0 0 16px;
padding: 0.06em 0 0.12em;
overflow: visible;
background: linear-gradient(120deg, #E8C547 0%, #D4AF37 45%, #fff 90%, #D4AF37 100%);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
animation: fb-blog-shimmer 5s linear infinite;
}
@keyframes fb-blog-shimmer {
0% { background-position: 0% center; }
100% { background-position: 200% center; }
}
.fb-blog-hero__rotate-line {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px;
font-size: clamp(1rem, 2vw, 1.2rem);
font-weight: 500;
color: rgba(255, 255, 255, 0.55);
margin-bottom: 20px;
line-height: 1.5;
}
.fb-blog-hero__rotate {
color: #D4AF37;
font-weight: 700;
transition: opacity 0.35s ease, transform 0.35s ease;
}
.fb-blog-hero__rotate.is-out {
opacity: 0;
transform: translateY(6px);
}
.fb-blog-hero__sub {
font-size: 1.02rem;
line-height: 1.75;
color: rgba(255, 255, 255, 0.62);
max-width: 480px;
margin: 0 0 28px;
}
.fb-blog-hero__cats {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 28px;
}
.fb-blog-hero__cat {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.05);
color: rgba(255, 255, 255, 0.78);
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: background 0.3s, border-color 0.3s, color 0.3s, transform 0.3s;
}
.fb-blog-hero__cat:hover {
background: rgba(212, 175, 55, 0.15);
border-color: rgba(212, 175, 55, 0.4);
color: #E8C547;
transform: translateY(-2px);
}
.fb-blog-hero__cat-count {
font-size: 11px;
font-weight: 700;
color: #D4AF37;
background: rgba(212, 175, 55, 0.15);
padding: 2px 7px;
border-radius: 999px;
}
.fb-blog-hero__ctas {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 28px;
}
.fb-blog-hero__btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 26px;
border-radius: 999px;
background: #D4AF37;
color: #051229;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background 0.3s, gap 0.3s, transform 0.3s;
}
.fb-blog-hero__btn-primary:hover {
background: #fff;
gap: 12px;
transform: translateY(-1px);
}
.fb-blog-hero__btn-ghost {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 26px;
border-radius: 999px;
border: 1.5px solid rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.85);
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: border-color 0.3s, background 0.3s, gap 0.3s;
}
.fb-blog-hero__btn-ghost:hover {
border-color: rgba(212, 175, 55, 0.45);
background: rgba(212, 175, 55, 0.08);
gap: 12px;
}
.fb-blog-hero__crumb {
font-size: 13px;
color: rgba(255, 255, 255, 0.4);
}
.fb-blog-hero__crumb a {
color: rgba(255, 255, 255, 0.65);
text-decoration: none;
transition: color 0.25s;
}
.fb-blog-hero__crumb a:hover { color: #D4AF37; }
/* Stacked article cards */
.fb-blog-hero__stack {
position: relative;
width: 100%;
max-width: 380px;
height: 420px;
margin: 0 auto;
}
.fb-blog-hero__card {
position: absolute;
width: 100%;
border-radius: 18px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.06);
backdrop-filter: blur(12px);
text-decoration: none;
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}
.fb-blog-hero__card:hover {
box-shadow: 0 28px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(212, 175, 55, 0.25);
}
.fb-blog-hero__card--back {
top: 24px;
left: 28px;
transform: rotate(6deg) scale(0.92);
opacity: 0.55;
z-index: 1;
}
.fb-blog-hero__card--mid {
top: 12px;
left: 14px;
transform: rotate(-3deg) scale(0.96);
opacity: 0.78;
z-index: 2;
}
.fb-blog-hero__card--front {
top: 0;
left: 0;
transform: rotate(0deg);
z-index: 3;
animation: fb-blog-card-float 5s ease-in-out infinite;
}
.fb-blog-hero__card--front:hover {
transform: rotate(0deg) translateY(-6px);
}
@keyframes fb-blog-card-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.fb-blog-hero__card-img {
position: relative;
height: 160px;
overflow: hidden;
}
.fb-blog-hero__card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.fb-blog-hero__card:hover .fb-blog-hero__card-img img {
transform: scale(1.06);
}
.fb-blog-hero__card-label {
position: absolute;
top: 12px;
left: 12px;
padding: 4px 10px;
border-radius: 999px;
background: rgba(5, 18, 41, 0.75);
border: 1px solid rgba(212, 175, 55, 0.35);
color: #E8C547;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.fb-blog-hero__card-body {
padding: 18px 20px 22px;
}
.fb-blog-hero__card-meta {
display: flex;
align-items: center;
gap: 10px;
font-size: 12px;
color: rgba(255, 255, 255, 0.45);
margin-bottom: 10px;
}
.fb-blog-hero__card-meta i { color: #D4AF37; font-size: 11px; }
.fb-blog-hero__card-title {
font-size: 0.95rem;
font-weight: 700;
color: #fff;
line-height: 1.45;
margin: 0 0 12px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.fb-blog-hero__card-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: #D4AF37;
transition: gap 0.3s;
}
.fb-blog-hero__card:hover .fb-blog-hero__card-link { gap: 10px; }
/* Topic marquee */
.fb-blog-hero__marquee-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
border-top: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(0, 0, 0, 0.18);
overflow: hidden;
padding: 13px 0;
}
.fb-blog-hero__marquee {
display: flex;
width: max-content;
animation: fb-blog-marquee 40s linear infinite;
}
.fb-blog-hero__marquee:hover { animation-play-state: paused; }
@keyframes fb-blog-marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.fb-blog-hero__marquee-group {
display: flex;
align-items: center;
gap: 12px;
padding-right: 12px;
}
.fb-blog-hero__tag {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 14px;
border-radius: 999px;
border: 1px solid rgba(212, 175, 55, 0.18);
color: rgba(255, 255, 255, 0.62);
font-size: 12px;
font-weight: 500;
white-space: nowrap;
}
.fb-blog-hero__tag em {
font-style: normal;
color: #D4AF37;
font-weight: 700;
}
@media (max-width: 991px) {
.fb-blog-hero {
padding: 130px 0 100px;
min-height: auto;
}
.fb-blog-hero__stack {
max-width: 340px;
height: 380px;
margin-top: 40px;
}
}
@media (max-width: 575px) {
.fb-blog-hero__stack {
max-width: 300px;
height: 340px;
}
.fb-blog-hero__card-img { height: 130px; }
}
@media (prefers-reduced-motion: reduce) {
.fb-blog-hero__canvas { display: none; }
.fb-blog-hero__marquee,
.fb-blog-hero__card--front,
.fb-blog-hero__title { animation: none; }
}
/* ── Blog listing cards (on-brand rounded framing) ── */
.fb-blog-page {
background: #eef1f6;
}
.fb-blog-page .row.rg-30 {
--bs-gutter-x: 28px;
--bs-gutter-y: 28px;
}
.fb-blog-page .blog-style-2 {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
border-radius: 20px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(5, 18, 41, 0.07);
box-shadow: 0 2px 16px rgba(5, 18, 41, 0.05);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
border-color 0.35s ease;
}
.fb-blog-page .blog-style-2::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #D4AF37, #E8C547);
z-index: 4;
opacity: 0;
transition: opacity 0.35s ease;
}
.fb-blog-page .blog-style-2:hover {
transform: translateY(-8px);
box-shadow: 0 24px 56px rgba(5, 18, 41, 0.12);
border-color: transparent;
}
.fb-blog-page .blog-style-2:hover::before {
opacity: 1;
}
.fb-blog-page .blog-style-2 .blog-images {
border-radius: 20px 20px 0 0;
overflow: hidden;
aspect-ratio: 16 / 10;
}
.fb-blog-page .blog-style-2 .blog-images img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.fb-blog-page .blog-style-2:hover .blog-images img {
transform: scale(1.06);
}
.fb-blog-page .blog-style-2 .blog-date {
inset-inline-end: 14px;
bottom: 14px;
padding: 10px 14px;
border-radius: 14px;
background: rgba(5, 18, 41, 0.82);
border: 1px solid rgba(212, 175, 55, 0.28);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.fb-blog-page .blog-style-2 .blog-date .date {
font-size: 22px;
color: #fff;
margin-bottom: 2px;
}
.fb-blog-page .blog-style-2 .blog-date .month {
font-size: 11px;
letter-spacing: 0.14em;
color: #E8C547;
}
.fb-blog-page .blog-style-2 .blog-content {
flex: 1;
display: flex;
flex-direction: column;
margin-top: 0;
border: none;
padding: 24px 26px 28px;
}
.fb-blog-page .blog-style-2 .blog-two-meta {
margin-bottom: 12px;
}
.fb-blog-page .blog-style-2 .blog-two-meta ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.fb-blog-page .blog-style-2 .blog-two-meta ul li {
font-size: 12px;
color: rgba(5, 18, 41, 0.45);
}
.fb-blog-page .blog-style-2 .blog-two-meta .meta-link {
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
background: rgba(212, 175, 55, 0.12);
border: 1px solid rgba(212, 175, 55, 0.22);
color: #B8922F !important;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease;
}
.fb-blog-page .blog-style-2 .blog-two-meta .meta-link:hover {
background: rgba(212, 175, 55, 0.2);
color: #051229 !important;
}
.fb-blog-page .blog-style-2 .blog-content .title {
font-size: 1.05rem;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.45;
margin-bottom: 12px;
}
.fb-blog-page .blog-style-2 .blog-content .title.under-line::after {
display: none;
}
.fb-blog-page .blog-style-2 .blog-content .title a {
color: #051229;
text-decoration: none;
transition: color 0.25s ease;
}
.fb-blog-page .blog-style-2 .blog-content .title a:hover {
color: #D4AF37;
}
.fb-blog-page .blog-style-2 .blog-content .desc {
flex: 1;
}
.fb-blog-page .blog-style-2 .blog-content .desc p {
font-size: 0.92rem;
line-height: 1.65;
color: rgba(5, 18, 41, 0.62);
margin-bottom: 0;
}
.fb-blog-page .blog-style-2 .blog-button {
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid rgba(5, 18, 41, 0.06);
}
.fb-blog-page .blog-style-2 .blog-btn.text-btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
color: #051229;
text-decoration: none;
transition: gap 0.3s ease, color 0.25s ease;
}
.fb-blog-page .blog-style-2 .blog-btn.text-btn i {
color: #D4AF37;
transition: transform 0.3s ease;
}
.fb-blog-page .blog-style-2:hover .blog-btn.text-btn {
gap: 12px;
color: #D4AF37;
}
.fb-blog-page .blog-style-2:hover .blog-btn.text-btn i {
transform: translateX(2px);
}
@media (max-width: 575px) {
.fb-blog-page .blog-style-2 .blog-content {
padding: 20px 18px 22px;
}
}

/* ── Blog pages (listing, posts, archives) ── */
.fb-blog-archive-hero {
  min-height: 420px;
  padding-bottom: 72px;
}
.fb-blog-archive-hero .fb-blog-hero__title {
  font-size: clamp(2.4rem, 6vw, 4rem);
}
.fb-blog-post-hero .fb-svc-hero__title-main {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.15;
}
.fb-blog-post-hero__media {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  background: rgba(255, 255, 255, 0.04);
}
.fb-blog-post-hero__media img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.fb-blog-body {
  background: #eef1f6;
}
.fb-blog-body::before {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.35), transparent);
}
.fb-blog-body .tj-post-thumb,
.fb-blog-body .tj-post-title {
  display: none !important;
}
.fb-blog-body .blog-category-two {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 28px;
}
.fb-blog-body .blog-category-two .category-item {
  flex: 1 1 160px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 4px 20px rgba(5, 18, 41, 0.04);
}
.fb-blog-body .blog-category-two .cate-images img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}
.fb-blog-body .blog-category-two .cate-icons {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(212, 175, 55, 0.14);
  color: #D4AF37;
  font-size: 18px;
}
.fb-blog-body .blog-category-two .degination {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(5, 18, 41, 0.45);
  margin-bottom: 2px;
}
.fb-blog-body .blog-category-two .title,
.fb-blog-body .blog-category-two .text {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #051229;
}
.fb-blog-body .tj-entry-content {
  padding: 36px 34px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.05);
  margin-bottom: 32px;
}
.fb-blog-body .tj-entry-content h1,
.fb-blog-body .tj-entry-content h2,
.fb-blog-body .tj-entry-content h3,
.fb-blog-body .tj-entry-content h4 {
  color: #051229;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.25;
}
.fb-blog-body .tj-entry-content h1 { font-size: clamp(1.5rem, 3vw, 2rem); margin-top: 0; }
.fb-blog-body .tj-entry-content h2 { font-size: clamp(1.25rem, 2.5vw, 1.6rem); }
.fb-blog-body .tj-entry-content h3 { font-size: 1.15rem; }
.fb-blog-body .tj-entry-content p,
.fb-blog-body .tj-entry-content li {
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(5, 18, 41, 0.72);
}
.fb-blog-body .tj-entry-content blockquote {
  margin: 24px 0;
  padding: 20px 24px;
  border-left: 4px solid #D4AF37;
  border-radius: 0 14px 14px 0;
  background: rgba(212, 175, 55, 0.08);
}
.fb-blog-body .tj-entry-content table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  font-size: 0.92rem;
}
.fb-blog-body .tj-entry-content th,
.fb-blog-body .tj-entry-content td {
  padding: 12px 14px;
  border: 1px solid rgba(5, 18, 41, 0.1);
}
.fb-blog-body .tj-entry-content th {
  background: rgba(5, 18, 41, 0.04);
  font-weight: 700;
  color: #051229;
}
.fb-blog-body .seo-text {
  padding: 32px 30px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.05);
  margin-bottom: 32px;
}
.fb-blog-body .seo-text h4 {
  font-size: 1.15rem;
  font-weight: 800;
  color: #051229;
  margin-bottom: 14px;
}
.fb-blog-body .seo-text p {
  font-size: 0.95rem;
  line-height: 1.75;
  color: rgba(5, 18, 41, 0.68);
}
.fb-blog-body .seo-text .accordion-item {
  border: 1px solid rgba(5, 18, 41, 0.08) !important;
  border-radius: 14px !important;
  overflow: hidden;
  margin-bottom: 12px;
  background: #eef1f6;
}
.fb-blog-body .seo-text .accordion-button {
  font-size: 0.95rem;
  font-weight: 600;
  color: #051229;
  background: transparent;
  box-shadow: none !important;
}
.fb-blog-body .seo-text .accordion-button:not(.collapsed) {
  background: rgba(212, 175, 55, 0.1);
}
.fb-blog-body .tj-post-details_tags_share {
  padding: 22px 26px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  margin-bottom: 24px;
}
.fb-blog-body .tj-post-details_tags_share .tag__title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(5, 18, 41, 0.45);
}
.fb-blog-body .tj-post-details_tags_share a {
  color: #051229;
  font-weight: 600;
}
.fb-blog-body .tj-post-details_tags_share a:hover {
  color: #D4AF37;
}
.fb-blog-body .tj-post__navigation {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
}
.fb-blog-body .tj-blog-sidebar .tj-sidebar-widget {
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.05);
  margin-bottom: 24px;
}
.fb-blog-page .tj-post-sidebar .tj-sidebar-widget {
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(5, 18, 41, 0.07);
  box-shadow: 0 8px 32px rgba(5, 18, 41, 0.05);
  margin-bottom: 24px;
}
.fb-blog-body .tj-blog-sidebar .tj-sidebar-widget-title,
.fb-blog-page .tj-post-sidebar .tj-sidebar-widget-title {
  font-size: 1.05rem;
  font-weight: 800;
  color: #051229;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.fb-blog-body .tj-blog-sidebar .sidebar-recent-post .single-post,
.fb-blog-page .tj-post-sidebar .sidebar-recent-post .single-post {
  padding: 12px 0;
  border-bottom: 1px solid rgba(5, 18, 41, 0.06);
}
.fb-blog-body .tj-blog-sidebar .sidebar-recent-post .single-post:last-child,
.fb-blog-page .tj-post-sidebar .sidebar-recent-post .single-post:last-child {
  border-bottom: none;
}
.fb-blog-body .tj-blog-sidebar .tagcloud a,
.fb-blog-page .tj-post-sidebar .tagcloud a {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 6px 8px 0;
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.22);
  color: #B8922F;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.fb-blog-body .tj-blog-sidebar .tagcloud a:hover,
.fb-blog-page .tj-post-sidebar .tagcloud a:hover {
  background: rgba(212, 175, 55, 0.2);
  color: #051229;
}
@media (max-width: 767px) {
  .fb-blog-body .tj-entry-content { padding: 24px 20px; }
  .fb-blog-body .seo-text { padding: 24px 20px; }
}