/* Transfotech Global BD — base styles: reset, keyframes, responsive layout rules, header/footer chrome */

html, body { margin:0; padding:0; background:#f4f9fb; -webkit-font-smoothing:antialiased; }
body { font-family:'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif; color:#013A51; }
*, *::before, *::after { box-sizing:border-box; }
/* background-attachment:fixed triggers full-page repaints on every scroll frame on
   mobile and is silently broken on iOS Safari — switch to scroll on handheld devices */
@media (max-width:1023px) {
  .tgb-page-bg { background-attachment:scroll !important; }
}
a { color:#016878; text-decoration:none; }
a:hover { color:#016878; }
::placeholder { color:#64748b; }

@keyframes tgbPing { 0% { transform:scale(1); opacity:.7 } 75%,100% { transform:scale(2.4); opacity:0 } }
@keyframes tgbFloat { 0%,100% { transform:translate3d(0,0,0) } 50% { transform:translate3d(0,-14px,0) } }
@keyframes tgbDrift { 0% { transform:translate3d(0,0,0) scale(1); opacity:.55 } 50% { transform:translate3d(28px,-22px,0) scale(1.08); opacity:.8 } 100% { transform:translate3d(0,0,0) scale(1); opacity:.55 } }
@keyframes tgbDriftAlt { 0% { transform:translate3d(0,0,0) scale(1); opacity:.4 } 50% { transform:translate3d(-26px,20px,0) scale(1.12); opacity:.68 } 100% { transform:translate3d(0,0,0) scale(1); opacity:.4 } }
@keyframes tgbSheen { 0% { transform:translateX(-60%) rotate(12deg); opacity:0 } 35% { opacity:.5 } 100% { transform:translateX(160%) rotate(12deg); opacity:0 } }

/* ── Header: nav / logo / icon buttons ─────────────────────────── */
.tgb-logo-link { display:inline-flex; flex-shrink:0; margin-right:12px; }
.tgb-nav-link { color:inherit; transition:color .18s ease; }
.tgb-nav-link.is-current { color:#016878; }
.tgb-nav-link:hover { color:#016878; }
[data-desk-nav] li, [data-mobile-drawer] li { display:contents; }
[data-desk-nav] > li > a { color:inherit; text-decoration:none; text-transform:capitalize; transition:color .18s ease; }
[data-desk-nav] > li > a:hover { color:#016878; }
[data-desk-nav] > li.current-menu-item > a, [data-desk-nav] > li.current_page_item > a { color:#016878; }
[data-mobile-drawer] > li > a { padding:14px 12px; border-radius:10px; color:#334155; font-size:14px; font-weight:500; text-decoration:none; text-transform:capitalize; display:block; transition:all .2s ease; }
[data-mobile-drawer] > li > a:hover { color:#016878; background:rgba(15,23,42,.05); }
.tgb-course-item:hover { background:rgba(0,138,153,.12); color:#016878; }
.tgb-mobile-nav-link:hover { color:#016878; background:rgba(15,23,42,.05); }
.tgb-icon-btn { display:inline-grid; place-items:center; width:44px; height:44px; border-radius:12px; border:1px solid rgba(15,23,42,.12); background:rgba(15,23,42,.05); color:#013A51; transition:all .2s ease; }
.tgb-icon-btn:hover { border-color:rgba(0,138,153,.45); background:rgba(0,138,153,.12); color:#016878; }
.tgb-whatsapp-btn { display:inline-grid; place-items:center; width:44px; height:44px; border-radius:12px; border:1px solid rgba(37,211,102,.4); background:rgba(37,211,102,.14); color:#4ade80; transition:all .2s ease; }
.tgb-whatsapp-btn:hover { background:rgba(37,211,102,.26); box-shadow:0 0 22px -6px rgba(37,211,102,.5); }
.tgb-btn-primary { transition:all .2s ease; }
.tgb-btn-primary:hover { filter:brightness(1.1); box-shadow:0 0 40px -8px rgba(0,138,153,.45); }
.tgb-btn-primary:active { transform:scale(.985); }

/* Courses dropdown reveal (desktop) */
[data-courses-menu] { display:none }
[data-courses]:hover [data-courses-menu], [data-courses]:focus-within [data-courses-menu] { display:block }

/* Nav toggle icon swap + mobile drawer open state (driven by theme.js adding/removing .is-open) */
[data-nav-toggle].is-open [data-icon-burger] { display:none !important; }
[data-nav-toggle].is-open [data-icon-close] { display:block !important; }
[data-mobile-drawer].is-open { display:flex !important; }

/* ── Footer ─────────────────────────────────────────────────────── */
.tgb-footer-contact-link { color:#475569; transition:color .2s ease; }
.tgb-footer-contact-link:hover { color:#016878; }
.tgb-footer-link { color:#475569; transition:all .2s ease; }
.tgb-footer-link:hover { color:#016878; transform:translateX(3px); }
[data-footer-quick] li, [data-footer-company] li { display:contents; }
[data-footer-quick] > li > a, [data-footer-company] > li > a { color:#475569; font-size:14.5px; text-decoration:none; transition:all .2s ease; }
[data-footer-quick] > li > a:hover, [data-footer-company] > li > a:hover { color:#016878; transform:translateX(3px); }
.tgb-social-btn { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:999px; border:1px solid rgba(15,23,42,.1); background:rgba(15,23,42,.03); color:#334155; transition:all .2s ease; }
.tgb-social-btn:hover { border-color:rgba(0,138,153,.5); background:rgba(0,138,153,.12); color:#016878; transform:translateY(-2px); }
.tgb-legal-link { color:#475569; transition:color .2s ease; }
.tgb-legal-link:hover { color:#016878; }
.tgb-whatsapp-float:hover { background:rgba(37,211,102,.18); box-shadow:0 0 28px -6px rgba(37,211,102,.5); }

/* Base layout grids (data-attribute hooks reused from the design across every section) */
[data-split], [data-pair], [data-trio], [data-quad], [data-contact-split] { display:grid }
@media (min-width:1024px) {
  [data-contact-split] { grid-template-columns:minmax(0,0.72fr) minmax(0,1.28fr) !important }
}
[data-split] { gap:44px }
@media (max-width:820px) {
  [data-desk-nav] { display:none !important }
  [data-nav-toggle] { display:inline-grid !important }
}
@media (min-width:821px) {
  [data-mobile-drawer] { display:none !important }
  [data-nav-toggle] { display:none !important }
  [data-batch-row] { flex-wrap:nowrap !important }
}
@media (min-width:821px) and (max-width:1179px) {
  [data-instr-grid] { grid-template-columns:repeat(2,1fr) !important }
}
@media (min-width:1180px) {
  [data-instr-grid] { grid-template-columns:repeat(4,1fr) !important }
}
@media (min-width:640px) and (max-width:1179px) {
  [data-footer-grid] { grid-template-columns:repeat(2,minmax(0,1fr)) !important }
}
@media (min-width:1180px) {
  [data-footer-grid] { grid-template-columns:1.4fr 1fr 1.2fr 1fr !important }
}
@media (min-width:1024px) {
  [data-trust-strip] { grid-template-columns:minmax(0,.92fr) minmax(0,1.32fr) minmax(0,.86fr) !important }
  [data-proof-row] { grid-template-columns:repeat(3,minmax(0,1fr)) !important }
}
@media (min-width:640px) and (max-width:1023px) {
  [data-proof-row] { grid-template-columns:repeat(3,minmax(0,1fr)) !important }
}
@media (min-width:640px) {
  [data-pair] { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important }
  [data-quad] { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important }
  [data-trio] { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important }
}
@media (min-width:1024px) {
  [data-split] { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important }
  [data-trio] { grid-template-columns:repeat(3,minmax(0,1fr)) !important }
}
@media (min-width:1180px) {
  [data-quad] { grid-template-columns:repeat(4,minmax(0,1fr)) !important }
}
@media (min-width:1024px) {
  [data-webinar-card] { grid-template-columns:repeat(2,minmax(0,1fr)) !important }
}
@media (max-width:640px) {
  section { padding-top:56px !important; padding-bottom:56px !important }
  h1 { font-size:30px !important; line-height:1.18 !important }
  h2 { font-size:24px !important }
  [data-floating] { display:none !important }
  [data-mobile-bar] { display:flex !important }
  [data-header-util] { display:none !important }
  footer { padding-bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important }
  section > div, footer > div { padding-left:18px !important; padding-right:18px !important }
  [data-split], [data-contact-split] { gap:28px !important }
  [data-pair], [data-trio], [data-quad], [data-proof-row], [data-footer-grid] { gap:14px !important }
  [data-hero-cta] { flex-direction:column !important; align-items:stretch !important }
  [data-hero-cta] > a { width:100% !important; justify-content:center !important }
  [data-webinar-card] { padding:20px !important; gap:26px !important }
  [data-countdown] { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:7px !important }
  [data-countdown] > div { padding:12px 4px !important }
  [data-countdown] p:first-child { font-size:23px !important }
  [data-story-portrait] { flex:1 1 100% !important; padding:26px 20px 20px !important; gap:12px !important }
  [data-story-photo] { width:150px !important; height:150px !important }
  [data-story-photo] img { width:150px !important; height:150px !important }
  [data-story-quote] { flex:1 1 100% !important; padding:22px 20px 28px !important }
  [data-story-quote] blockquote { font-size:16.5px !important; line-height:1.65 !important }
  [data-instr-grid] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important }
  [data-instr-grid] article > div:last-child { padding:14px !important }
  [data-batch-row] { padding:18px !important; gap:14px !important }
  [data-batch-row] > div:last-child { width:100% !important; margin-left:0 !important }
  [data-batch-row] > div:last-child a { width:100% !important }
  h3 { font-size:17px !important }
}
@media (max-width:430px) {
  [data-instr-grid] { grid-template-columns:repeat(1,minmax(0,1fr)) !important }
}

/* ── Blog: post content typography (the_content() output) ───────── */
.tgb-post-content h2 { margin:40px 0 16px; font-family:'Stack Sans Notch',sans-serif; font-size:24px; font-weight:700; line-height:1.3; color:#00274E; }
.tgb-post-content h3 { margin:32px 0 14px; font-family:'Stack Sans Notch',sans-serif; font-size:19.5px; font-weight:700; line-height:1.35; color:#00274E; }
.tgb-post-content h4 { margin:28px 0 12px; font-family:'Stack Sans Notch',sans-serif; font-size:16.5px; font-weight:700; color:#00274E; }
.tgb-post-content p { margin:0 0 20px; }
.tgb-post-content > *:first-child { margin-top:0; }
.tgb-post-content a { color:#016878; text-decoration:underline; text-underline-offset:2px; }
.tgb-post-content a:hover { color:#013A51; }
.tgb-post-content strong, .tgb-post-content b { color:#013A51; font-weight:700; }
.tgb-post-content ul, .tgb-post-content ol { margin:0 0 20px; padding-left:1.4em; }
.tgb-post-content li { margin-bottom:8px; }
.tgb-post-content li > ul, .tgb-post-content li > ol { margin-top:8px; margin-bottom:0; }
.tgb-post-content blockquote { margin:28px 0; padding:18px 22px; border-left:3px solid #008A99; border-radius:0 12px 12px 0; background:rgba(0,138,153,.06); font-family:'Stack Sans Notch',sans-serif; font-size:17px; font-style:italic; color:#00274E; }
.tgb-post-content blockquote p:last-child { margin-bottom:0; }
.tgb-post-content code { padding:2px 7px; border-radius:6px; background:rgba(15,23,42,.06); font-size:.9em; color:#013A51; }
.tgb-post-content pre { margin:0 0 20px; padding:18px 20px; border-radius:12px; background:#00274E; color:#e2e8f0; overflow-x:auto; }
.tgb-post-content pre code { padding:0; background:none; color:inherit; }
.tgb-post-content img { max-width:100%; height:auto; border-radius:14px; display:block; }
.tgb-post-content figure { margin:28px 0; }
.tgb-post-content figcaption { margin-top:10px; font-size:13.5px; color:#64748b; text-align:center; }
.tgb-post-content hr { margin:36px 0; border:none; border-top:1px solid rgba(15,23,42,.1); }
.tgb-post-content table { width:100%; margin:0 0 20px; border-collapse:collapse; font-size:14.5px; }
.tgb-post-content th, .tgb-post-content td { padding:10px 14px; border:1px solid rgba(15,23,42,.1); text-align:left; }
.tgb-post-content th { background:rgba(0,138,153,.08); color:#00274E; font-family:'Stack Sans Notch',sans-serif; }
.tgb-post-content iframe, .tgb-post-content .wp-block-embed__wrapper iframe { max-width:100%; border-radius:14px; }
.tgb-post-content .wp-block-embed { margin:28px 0; }
.tgb-post-content .aligncenter { margin-left:auto; margin-right:auto; }
.tgb-post-content .alignwide, .tgb-post-content .alignfull { max-width:none; }

/* ── Blog: pagination (the_posts_pagination) ─────────────────────── */
.pagination .nav-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; }
.pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border-radius:10px; border:1px solid rgba(15,23,42,.1); background:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; font-weight:600; color:#00274E; text-decoration:none; transition:all .2s ease; }
.pagination .page-numbers:hover { border-color:rgba(0,138,153,.4); background:rgba(0,138,153,.08); color:#016878; }
.pagination .page-numbers.current { background:linear-gradient(90deg,#00478D,#008A99); border-color:transparent; color:#fff; }
.pagination .page-numbers.dots { border:none; background:none; }

/* ── Blog: meta chips, author box, related/adjacent cards ────────── */
.tgb-post-meta-chip { display:inline-flex; align-items:center; gap:6px; font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; color:#64748b; }
img.avatar { border-radius:999px; display:block; }
.tgb-author-avatar { flex-shrink:0; }
.tgb-post-cat { display:inline-flex; align-items:center; border-radius:999px; border:1px solid rgba(0,138,153,.3); background:rgba(0,138,153,.1); padding:4px 12px; font-family:'Plus Jakarta Sans',sans-serif; font-size:12px; font-weight:600; letter-spacing:.02em; text-transform:uppercase; color:#016878; text-decoration:none; }
.tgb-post-cat:hover { background:rgba(0,138,153,.18); color:#013A51; }
.tgb-blog-card:hover { border-color:rgba(0,138,153,.35); transform:translateY(-3px); }
.tgb-post-adjacent:hover { border-color:rgba(0,138,153,.35); background:rgba(0,138,153,.05); }

/* ── Blog: breadcrumbs, category filter pills, featured post, TOC, share ── */
.tgb-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; color:#64748b; }
.tgb-breadcrumb a { color:#64748b; text-decoration:none; }
.tgb-breadcrumb a:hover { color:#016878; }
.tgb-breadcrumb .sep { color:rgba(15,23,42,.28); }
.tgb-breadcrumb .current { color:#00274E; font-weight:600; }

.tgb-cat-filter { display:inline-flex; align-items:center; border-radius:999px; border:1px solid rgba(15,23,42,.12); background:#fff; padding:7px 15px; font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; font-weight:600; color:#334155; text-decoration:none; transition:all .2s ease; }
.tgb-cat-filter:hover { border-color:rgba(0,138,153,.35); color:#016878; }
.tgb-cat-filter.is-active { border-color:transparent; background:linear-gradient(90deg,#00478D,#008A99); color:#fff; }

/* ── Blog: banner, 3-column grid, single-post sidebar ─────────────── */
.tgb-blog-banner { position:relative; overflow:hidden; border-radius:24px; background:linear-gradient(150deg,#00274E 0%,#013A51 45%,#016878 100%); padding:52px 40px; }
.tgb-blog-banner::before { content:""; position:absolute; inset:-20% -10% auto auto; width:60%; aspect-ratio:1; background:radial-gradient(closest-side,rgba(0,138,153,.45),transparent 70%); filter:blur(40px); pointer-events:none; }
.tgb-blog-banner::after { content:""; position:absolute; inset:auto auto -30% -10%; width:50%; aspect-ratio:1; background:radial-gradient(closest-side,rgba(21,106,129,.4),transparent 70%); filter:blur(40px); pointer-events:none; }
.tgb-blog-banner > * { position:relative; }
.tgb-blog-banner .tgb-breadcrumb, .tgb-blog-banner .tgb-breadcrumb a { color:rgba(255,255,255,.68); }
.tgb-blog-banner .tgb-breadcrumb .current { color:#fff; }
.tgb-blog-banner .tgb-breadcrumb .sep { color:rgba(255,255,255,.3); }

.tgb-blog-grid { display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:26px; }
@media (min-width:640px) { .tgb-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:980px) { .tgb-blog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

.tgb-single-layout { display:flex; flex-direction:column; gap:44px; align-items:flex-start; }
@media (min-width:960px) {
  .tgb-single-layout { flex-direction:row; }
  .tgb-single-main { flex:1 1 auto; min-width:0; max-width:720px; }
  .tgb-single-aside { flex:0 0 316px; position:sticky; top:96px; }
}
.tgb-single-aside > * + * { margin-top:20px; }
.tgb-sidebar-card { border-radius:18px; border:1px solid rgba(15,23,42,.08); background:rgba(15,23,42,.025); padding:22px; }
.tgb-sidebar-card h2 { margin:0 0 16px; font-family:'Stack Sans Notch',sans-serif; font-size:15px; font-weight:700; color:#00274E; }
.tgb-recent-post { display:flex; gap:12px; color:inherit; text-decoration:none; }
.tgb-recent-post + .tgb-recent-post { margin-top:14px; padding-top:14px; border-top:1px solid rgba(15,23,42,.07); }
.tgb-recent-post-thumb { flex:0 0 64px; width:64px; height:64px; border-radius:10px; overflow:hidden; background:#0a2f3f; }
.tgb-recent-post-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.tgb-recent-post-body { min-width:0; }
.tgb-recent-post-title { display:block; font-family:'Stack Sans Notch',sans-serif; font-size:13.5px; font-weight:700; line-height:1.4; color:#00274E; }
.tgb-recent-post:hover .tgb-recent-post-title { color:#016878; }
.tgb-recent-post-date { display:block; margin-top:4px; font-size:12px; color:#94a3b8; }
.tgb-sidebar-cta { border-radius:18px; padding:22px; color:#fff; }
.tgb-sidebar-cta.is-webinar { background:linear-gradient(150deg,#00478D,#008A99); }
.tgb-sidebar-cta.is-contact { border:1px solid rgba(15,23,42,.1); background:rgba(15,23,42,.025); color:inherit; }
.tgb-sidebar-cta h2 { color:inherit; }
.tgb-sidebar-cta p { margin:0 0 16px; font-size:13.5px; line-height:1.6; }
.tgb-sidebar-cta.is-webinar p { color:rgba(255,255,255,.85); }
.tgb-sidebar-cta.is-contact p { color:#475569; }
.tgb-sidebar-cta-btn { display:flex; align-items:center; justify-content:center; gap:8px; height:44px; border-radius:11px; font-family:'Stack Sans Notch',sans-serif; font-weight:600; font-size:14px; text-decoration:none; }
.tgb-sidebar-cta.is-webinar .tgb-sidebar-cta-btn { background:#fff; color:#00478D; }
.tgb-sidebar-cta.is-contact .tgb-sidebar-cta-btn { background:linear-gradient(90deg,#00478D,#008A99); color:#fff; margin-bottom:9px; }
.tgb-sidebar-cta.is-contact .tgb-sidebar-cta-btn.is-secondary { background:rgba(37,211,102,.12); border:1px solid rgba(37,211,102,.35); color:#128c4a; margin-bottom:0; }

.tgb-single-hero-media { border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -30px rgba(0,39,78,.35); }
.tgb-single-hero-media img { width:100%; height:100%; object-fit:cover; display:block; }

.tgb-toc { border-radius:16px; border:1px solid rgba(15,23,42,.08); background:rgba(15,23,42,.025); padding:20px 22px; }
.tgb-toc summary { cursor:pointer; font-family:'Stack Sans Notch',sans-serif; font-size:14.5px; font-weight:700; color:#00274E; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.tgb-toc summary::-webkit-details-marker { display:none; }
.tgb-toc summary .tgb-toc-chev { transition:transform .2s ease; flex-shrink:0; color:#64748b; }
.tgb-toc[open] summary .tgb-toc-chev { transform:rotate(180deg); }
.tgb-toc ol { margin:16px 0 0; padding-left:1.2em; display:flex; flex-direction:column; gap:9px; }
.tgb-toc a { font-size:14px; line-height:1.5; color:#475569; text-decoration:none; }
.tgb-toc a:hover { color:#016878; text-decoration:underline; }
.tgb-toc ol ol { margin-top:9px; }

.tgb-share-btn { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:10px; border:1px solid rgba(15,23,42,.12); background:#fff; color:#334155; flex-shrink:0; transition:all .2s ease; }
.tgb-share-btn:hover { border-color:rgba(0,138,153,.35); color:#016878; background:rgba(0,138,153,.06); }
.tgb-share-btn.is-copied { border-color:rgba(0,138,153,.4); color:#016878; }

/* Post content: anchor targets land below the sticky header, not flush under it */
.tgb-post-content h2[id], .tgb-post-content h3[id] { scroll-margin-top:96px; }