/*
Theme Name: TheHireBuddy.Co
Theme URI: https://thehirebuddy.co/
Author: HBTech Limited
Author URI: https://thehirebuddy.co/
Description: UK Visa Sponsorship & Remote Jobs WordPress Theme
Version: 1.1.0
License: GPL v2 or later
Text Domain: thehirebuddy
*/

:root{
  --bg:#F0F2F5;
  --surface:#FFFFFF;
  --surface2:#F8F9FA;
  --border:rgba(0,0,0,.08);
  --border2:rgba(0,0,0,.12);
  --accent:#0A66C2;
  --accent2:#2973C8;
  --accent3:#0558A8;
  --gold:#0A66C2;
  --gold2:#2973C8;
  --gold-bg:rgba(10,102,194,.08);
  --gold-border:rgba(10,102,194,.25);
  --text:#1A1A1A;
  --muted:#5E6F8D;
  --muted2:#8A99B4;
  --green:#16A34A;
  --green2:#22C55E;
  --green-bg:rgba(22,163,74,.1);
  --green-border:rgba(22,163,74,.3);
  --teal:#0A66C2;
  --teal-bg:rgba(10,102,194,.08);
  --purple:#6F42C1;
  --purple-bg:rgba(111,66,193,.08);
  --amber:#D97706;
  --amber-bg:rgba(251,191,36,.1);
  --red:#CF222E;
  --red-bg:rgba(207,34,46,.08);
  --font:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mono:'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
  --r:16px;
  --rs:10px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.03);
  --shadow-md:0 4px 12px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);
  --shadow-lg:0 12px 24px rgba(0,0,0,.08);
  --shadow-hover:0 8px 24px rgba(10,102,194,.12);
  --shadow-blue:0 8px 24px rgba(10,102,194,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* ============================================
   ANNOUNCEMENT BAR
   ============================================ */
.ann{background:linear-gradient(135deg,#0A66C2,#1A7BC8);border-bottom:none;padding:10px 24px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.ann span{font-size:12px;font-family:var(--mono);color:rgba(255,255,255,.9)}
.ann strong{color:#fff;font-weight:800}
.ann-cta{font-size:11.5px;font-weight:800;color:#0A66C2;background:#fff;border:none;padding:5px 16px;border-radius:40px;transition:all .2s;white-space:nowrap}
.ann-cta:hover{opacity:.9;transform:scale(1.02)}

/* ============================================
   NAV
   ============================================ */
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:0 2rem;transition:box-shadow .3s}
nav.scrolled{box-shadow:var(--shadow-md)}
.nav-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{width:34px;height:34px;background:linear-gradient(135deg,#0A66C2,#1A7BC8);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;letter-spacing:-.5px;flex-shrink:0}
.logo-text{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.02em}
.logo-text span{color:#0A66C2}
.nav-post{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff;font-size:13px;font-weight:700;padding:8px 20px;border-radius:var(--rs);transition:all .2s;white-space:nowrap}
.nav-post:hover{opacity:.9;transform:translateY(-1px)}

/* ============================================
   TICKER — smaller, bolder, attention-grabbing
   ============================================ */
.ticker-outer{background:linear-gradient(90deg,#0A66C2,#1565C0,#0A66C2);border-bottom:none;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.ticker-label{position:absolute;left:0;top:0;bottom:0;z-index:10;background:rgba(255,255,255,.18);border-right:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--mono);font-weight:800;font-size:8px;letter-spacing:2px;text-transform:uppercase;padding:0 11px;display:flex;align-items:center;white-space:nowrap}
.ticker-wrap{height:28px;overflow:hidden;display:flex;align-items:center;padding-left:76px}
.ticker-wrap::after{content:'';position:absolute;right:0;top:0;width:50px;height:100%;background:linear-gradient(270deg,#0A66C2,transparent);z-index:2;pointer-events:none}
.ticker-track{display:flex;width:max-content;animation:tick 40s linear infinite}
.ticker-track:hover{animation-play-state:paused}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tick-item{display:flex;align-items:center;gap:6px;padding:0 18px;white-space:nowrap;font-size:10.5px;font-family:var(--mono);font-weight:700;color:#fff;letter-spacing:.02em}
.tick-item a{color:#fff;font-weight:800;text-shadow:0 0 12px rgba(255,255,255,.4);transition:color .2s}
.tick-item a:hover{color:#FFE066}
.tick-badge{border-radius:20px;padding:1px 6px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:none}
.tbhot{background:#EF4444;color:#fff;animation:hotFlash 1.8s ease-in-out infinite}
@keyframes hotFlash{0%,100%{opacity:1}50%{opacity:.65}}
.tbnew{background:#22C55E;color:#fff}
.tbtip{background:rgba(255,255,255,.25);color:#fff;border:1px solid rgba(255,255,255,.4)!important}
.tick-sep{color:rgba(255,255,255,.35);padding:0 2px;font-size:14px}

/* ============================================
   HERO
   ============================================ */
.hero{max-width:1100px;margin:0 auto;padding:5rem 2rem 3rem;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold-bg);border:1px solid var(--gold-border);border-radius:40px;padding:6px 20px;margin-bottom:1.75rem}
.badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(35,134,54,.4)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(35,134,54,0)}}
.hero-badge span{font-size:12px;font-weight:500;color:#0A66C2;font-family:var(--mono)}
.hero h1{font-size:clamp(34px,6vw,66px);font-weight:700;line-height:1.07;letter-spacing:-.02em;margin-bottom:1.25rem}
.hl{background:linear-gradient(135deg,#0A66C2,#1A7BC8,#0A66C2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:shimmer 3s linear infinite}
@keyframes shimmer{0%{background-position:0% center}100%{background-position:200% center}}
.hero-sub{font-size:16px;color:var(--muted);max-width:500px;margin:0 auto 2rem;line-height:1.6}
.search-wrap{max-width:600px;margin:0 auto 1.5rem}
.search-bar{display:flex;gap:8px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:8px;box-shadow:var(--shadow-sm);transition:box-shadow .25s,border-color .25s}
.search-bar:focus-within{box-shadow:var(--shadow-md);border-color:var(--gold-border)}
.search-bar input,.search-bar select{background:transparent;border:none;outline:none;color:var(--text);font-size:14px;font-family:var(--font);padding:10px 14px;flex:1;min-width:90px}
.search-bar input::placeholder{color:var(--muted2)}
.search-bar select{color:var(--muted);background:var(--surface2);border-radius:var(--rs);padding:8px 12px;border:1px solid var(--border);font-size:13px}
.search-bar select option{background:var(--surface2)}
.search-btn{background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff;border:none;padding:10px 24px;border-radius:var(--rs);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:all .2s}
.search-btn:hover{opacity:.9;transform:translateY(-1px)}

/* Hero Pills */
.hero-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:.25rem}
.hpill{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;padding:7px 15px;border-radius:10px;background:var(--surface);border:1px solid var(--border2);color:var(--muted);box-shadow:var(--shadow-sm);transition:all .2s}
.hpill-blue{background:linear-gradient(135deg,#0A66C2,#1A7BC8) !important;color:#FFFFFF !important;border:none !important;box-shadow:0 2px 8px rgba(10,102,194,.25) !important}
.hpill-blue:hover{background:linear-gradient(135deg,#1A7BC8,#0A66C2) !important;transform:translateY(-2px) !important;box-shadow:0 4px 12px rgba(10,102,194,.35) !important;color:#FFFFFF !important}
.hpill-blue .hpill-icon{filter:brightness(0) invert(1)}

/* ============================================
   WISE TICKER
   ============================================ */
.wise-outer{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#F0F7FF,#FFFFFF);box-shadow:var(--shadow-sm)}
.wise-fade-l{position:absolute;left:0;top:0;bottom:0;width:120px;background:linear-gradient(90deg,#F0F7FF,transparent);z-index:5;pointer-events:none}
.wise-fade-r{position:absolute;right:0;top:0;bottom:0;width:120px;background:linear-gradient(270deg,#FFFFFF,transparent);z-index:5;pointer-events:none}
.wise-pill{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:10;background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff;font-family:var(--mono);font-weight:800;font-size:8.5px;letter-spacing:1.8px;text-transform:uppercase;padding:4px 12px;border-radius:20px;white-space:nowrap}
.wise-wrap{height:46px;display:flex;align-items:center;overflow:hidden;padding-left:110px}
.wise-track{display:flex;width:max-content;animation:wiseTick 32s linear infinite}
.wise-track:hover{animation-play-state:paused}
@keyframes wiseTick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.wise-item{display:flex;align-items:center;gap:10px;padding:0 36px;white-space:nowrap;font-size:13px;font-family:var(--mono);color:var(--muted)}
.wise-item a{color:#0A66C2;font-weight:600;border-bottom:1px solid rgba(10,102,194,.3);transition:color .2s}
.wise-item a:hover{color:#1A7BC8}
.wise-sep{color:var(--muted2);font-size:18px;padding:0 4px}

/* ============================================
   SECTIONS
   ============================================ */
section{max-width:1100px;margin:0 auto;padding:3rem 2rem}
.sec-hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}
.sec-title{font-size:11px;font-weight:600;font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.sec-link{font-size:12px;color:#0A66C2;font-family:var(--mono);transition:all .2s}
.sec-link:hover{color:#1A7BC8;text-decoration:underline}

/* ============================================
   JOB CARDS — featured highlighted, visa tag green
   ============================================ */
.jobs-list{display:flex;flex-direction:column;gap:12px}

.jcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 22px;display:flex;align-items:center;gap:16px;transition:all .2s;position:relative;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}
.jcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .2s}
.jcard:hover{border-color:var(--gold-border);box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.jcard:hover::before{background:linear-gradient(to bottom,#0A66C2,#1A7BC8)}

/* FEATURED card — rich blue highlight */
.jcard.featured{
  background:linear-gradient(135deg,#F0F7FF,#FFFFFF,#F0F7FF);
  border:2px solid var(--accent);
  border-left:4px solid var(--accent);
  box-shadow:0 4px 20px rgba(10,102,194,.14),0 1px 3px rgba(0,0,0,.06);
}
.jcard.featured::before{background:linear-gradient(to bottom,#0A66C2,#1A7BC8)}
.jcard.featured::after{
  content:'FEATURED';
  position:absolute;top:0;right:0;
  background:linear-gradient(135deg,#0A66C2,#1A7BC8);
  color:#fff;font-family:var(--mono);font-size:8px;font-weight:800;
  letter-spacing:.12em;padding:4px 12px;
  border-radius:0 14px 0 10px;
}

/* Company logo — highlighted */
.co-logo{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;font-family:var(--mono);background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff;box-shadow:0 4px 12px rgba(10,102,194,.3);border:2px solid rgba(255,255,255,.8);letter-spacing:-.5px}
.jcard.featured .co-logo{box-shadow:0 4px 18px rgba(10,102,194,.42);animation:logoPulse 3s ease-in-out infinite}
@keyframes logoPulse{0%,100%{box-shadow:0 4px 14px rgba(10,102,194,.3)}50%{box-shadow:0 6px 24px rgba(10,102,194,.55)}}

.jinfo{flex:1;min-width:0}
.jtitle-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.jtitle{font-size:15px;font-weight:600;color:var(--text)}
.jcard.featured .jtitle{font-size:16px;font-weight:700;color:var(--accent3)}

.badge{font-size:9.5px;font-weight:700;font-family:var(--mono);padding:2px 10px;border-radius:20px;border:1px solid;text-transform:uppercase;letter-spacing:.04em}
.b-feat{background:var(--gold-bg);color:#0A66C2;border-color:var(--gold-border)}
.b-new{background:var(--green-bg);color:var(--green);border-color:var(--green-border)}
.b-hot{background:var(--red-bg);color:var(--red);border-color:rgba(207,34,46,.2);animation:hotPulse 2s ease-in-out infinite}
@keyframes hotPulse{0%,100%{box-shadow:0 0 0 0 rgba(207,34,46,.15)}50%{box-shadow:0 0 0 4px rgba(207,34,46,0)}}

/* VISA SPONSORED — distinct green tag */
.b-visa{background:var(--green-bg);color:var(--green);border-color:var(--green-border);font-weight:800;display:inline-flex;align-items:center;gap:4px}
.b-visa::before{content:'✦';font-size:7px}

.jmeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.jco{font-size:12px;color:var(--muted);font-weight:600}
.jtag{font-size:10px;font-family:var(--mono);padding:3px 10px;border-radius:20px;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}
.jright{text-align:right;flex-shrink:0}
.jsal{font-size:14px;font-weight:700;color:#0A66C2}
.jcard.featured .jsal{font-size:15px;font-weight:800;color:var(--accent3)}
.jloc{font-size:10.5px;font-family:var(--mono);color:var(--muted);margin-top:3px}
.jtime{font-size:10px;font-family:var(--mono);color:var(--muted2);margin-top:3px}
.apply-btn{display:inline-block;background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff;font-size:11.5px;font-weight:600;font-family:var(--font);padding:8px 18px;border-radius:var(--rs);border:none;cursor:pointer;transition:all .2s;flex-shrink:0;text-decoration:none!important;box-shadow:0 3px 10px rgba(10,102,194,.25)}
.apply-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 5px 15px rgba(10,102,194,.35)}

/* ============================================
   CATEGORY CARDS
   ============================================ */
.cat-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat-card-3{border-radius:16px;overflow:hidden;display:block;text-decoration:none;color:inherit;position:relative;cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:all .2s;box-shadow:var(--shadow-sm)}
.cat-card-3:hover{border-color:var(--gold-border);box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.cat-inner{padding:28px 24px 24px;height:100%;display:flex;flex-direction:column;min-height:240px}
.cat-top-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.cat-big-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff}
.cat-live-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:30px;display:flex;align-items:center;gap:6px;background:var(--gold-bg);border:1px solid var(--gold-border);color:#0A66C2}
.cat-live-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;animation:pulse 2s infinite}
.cat3-name{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:10px;color:var(--text)}
.cat3-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:auto;padding-bottom:20px;flex:1}
.cat-action{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border)}
.cat-count-pill{font-family:var(--mono);font-size:11px;font-weight:600;padding:5px 12px;border-radius:30px;letter-spacing:.02em;background:var(--surface2);border:1px solid var(--border2);color:#0A66C2}
.cat-go-arrow{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:var(--surface2);border:1px solid var(--border2);color:var(--muted);transition:all .2s;flex-shrink:0}
.cat-card-3:hover .cat-go-arrow{color:#fff;background:#0A66C2;border-color:#0A66C2}

/* ============================================
   CV / AI MATCHING SECTION — animated, highlighted
   ============================================ */
.cv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* AI Job Matching card */
.cv-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:28px;box-shadow:var(--shadow-sm);transition:all .2s}
.cv-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}

.cv-card-ai{
  background:#fff;
  border:2px solid var(--accent);
  border-radius:var(--r);
  padding:28px;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow-blue);
  transition:all .2s;
}
.cv-card-ai:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(10,102,194,.22)}
.cv-card-ai::before{
  content:'';position:absolute;top:-40px;right:-40px;
  width:160px;height:160px;
  background:radial-gradient(circle,rgba(10,102,194,.1),transparent 70%);
  pointer-events:none;animation:aiGlow 3s ease-in-out infinite;
}
@keyframes aiGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}
.cv-card-ai::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,#0A66C2,#1A7BC8,transparent);
  animation:scanBottom 2.5s ease-in-out infinite;
}
@keyframes scanBottom{0%,100%{opacity:.4}50%{opacity:1}}

/* Smart Alerts card */
.cv-card-alert{
  background:#fff;
  border:2px solid var(--green);
  border-radius:var(--r);
  padding:28px;
  position:relative;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(22,163,74,.12);
  transition:all .2s;
}
.cv-card-alert:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(22,163,74,.2)}
.cv-card-alert::before{
  content:'';position:absolute;top:-40px;right:-40px;
  width:150px;height:150px;
  background:radial-gradient(circle,rgba(22,163,74,.1),transparent 70%);
  pointer-events:none;animation:alertGlow 2.2s ease-in-out infinite;
}
@keyframes alertGlow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}
.cv-card-alert::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--green),transparent);
  animation:scanBottom 2s ease-in-out infinite;
}

/* Shared tag styles */
.ai-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(10,102,194,.1);border:1px solid rgba(10,102,194,.3);border-radius:30px;padding:4px 12px;margin-bottom:14px;font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.alert-tag{display:inline-flex;align-items:center;gap:6px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:30px;padding:4px 12px;margin-bottom:14px;font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}

/* Animated dots */
.ai-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:pulseDot 1.4s ease-in-out infinite}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(10,102,194,.5)}50%{box-shadow:0 0 0 5px rgba(10,102,194,0)}}
.alert-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulseDotG 1.2s ease-in-out infinite}
@keyframes pulseDotG{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}50%{box-shadow:0 0 0 5px rgba(22,163,74,0)}}

/* Icons */
.ai-icon{font-size:2.4rem;margin-bottom:12px;display:block;filter:drop-shadow(0 0 6px rgba(10,102,194,.35))}
.alert-bell{font-size:2.4rem;margin-bottom:12px;display:block;filter:drop-shadow(0 0 6px rgba(22,163,74,.3));animation:bellRing 3s ease-in-out infinite}
@keyframes bellRing{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}}

/* Match progress bar */
.match-bar-wrap{margin-bottom:18px}
.match-bar-label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-bottom:5px}
.match-bar-label span{color:var(--accent);font-weight:700}
.match-bar{background:#EEF2F7;border-radius:6px;height:5px;overflow:hidden}
.match-fill{height:100%;background:linear-gradient(90deg,#0A66C2,#1A7BC8);border-radius:6px;width:0;animation:fillUp 1.8s ease-out .4s forwards}
@keyframes fillUp{to{width:87%}}

/* Alert live preview */
.alert-preview{background:#F0FDF4;border:1px solid var(--green-border);border-radius:10px;padding:12px 14px;margin-bottom:16px}
.alert-preview-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text);font-family:var(--mono);font-weight:600}
.alert-preview-dot{width:8px;height:8px;background:var(--green);border-radius:50%;flex-shrink:0;animation:pulseDotG 1.2s ease-in-out infinite}
.alert-preview-sub{font-size:10.5px;color:var(--muted);margin-top:4px;font-family:var(--mono)}

.cv-tag{display:inline-block;font-size:9.5px;font-family:var(--mono);padding:3px 12px;border-radius:30px;margin-bottom:16px;font-weight:600}
.cv-icon{font-size:2.5rem;margin-bottom:14px;display:block}
.cv-card h3,.cv-card-ai h3,.cv-card-alert h3{font-size:17px;font-weight:800;color:var(--text);margin-bottom:9px;letter-spacing:-.02em}
.cv-card p,.cv-card-ai p,.cv-card-alert p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:18px}
.cv-feats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.cv-feat{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.cv-feat::before{content:'✓';color:#0A66C2;font-weight:800;flex-shrink:0}
.cv-card-alert .cv-feat::before{color:var(--green)}
.cv-cta{display:block;width:100%;padding:12px;border-radius:var(--rs);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;text-align:center;transition:all .2s;text-decoration:none!important}
.cv-cta:hover{opacity:.9;transform:translateY(-1px)}
.cv-cta-ai{display:block;width:100%;padding:13px;border-radius:10px;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;text-align:center;background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff;border:none;box-shadow:0 4px 14px rgba(10,102,194,.3);transition:all .2s;text-decoration:none!important}
.cv-cta-ai:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(10,102,194,.4)}
.cv-cta-alert{display:block;width:100%;padding:13px;border-radius:10px;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;text-align:center;background:linear-gradient(135deg,#16A34A,#22C55E);color:#fff;border:none;box-shadow:0 4px 14px rgba(22,163,74,.28);transition:all .2s;text-decoration:none!important}
.cv-cta-alert:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(22,163,74,.38)}
.cv-note{text-align:center;font-size:10.5px;font-family:var(--mono);color:var(--muted2);margin-top:10px}

/* ============================================
   POST JOB SECTION
   ============================================ */
.post-section{background:linear-gradient(135deg,#FFFFFF,#F8FAFC);border:1px solid var(--border);border-radius:20px;padding:3.5rem;text-align:center;max-width:1100px;margin:0 auto;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.post-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(10,102,194,.04),transparent 60%);pointer-events:none}
.post-in{position:relative;z-index:1;max-width:540px;margin:0 auto}
.price-tag{display:inline-flex;align-items:center;gap:8px;background:var(--gold-bg);border:1px solid var(--gold-border);border-radius:40px;padding:6px 18px;margin-bottom:20px;font-size:12px;font-family:var(--mono);color:#0A66C2;font-weight:600}
.post-section h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:14px}
.post-section h2 span{color:#0A66C2}
.post-section p{font-size:14.5px;color:var(--muted);margin-bottom:28px;line-height:1.6}
.price-box{background:var(--surface2);border:1px solid var(--gold-border);border-radius:16px;padding:24px 32px;display:inline-block;margin-bottom:28px;box-shadow:var(--shadow-sm)}
.price-amount{font-family:var(--mono);font-size:3rem;font-weight:700;color:#0A66C2;letter-spacing:-.04em;line-height:1}
.price-amount sup{font-size:1.3rem;vertical-align:super}
.price-period{font-size:13px;color:var(--muted);margin:6px 0 16px;font-family:var(--mono)}
.price-feats{list-style:none;text-align:left;display:inline-block}
.price-feats li{font-size:12.5px;color:var(--muted);padding:6px 0;display:flex;align-items:center;gap:9px}
.price-feats li::before{content:'✓';color:#22C55E;font-weight:800;flex-shrink:0}
.post-cta{display:inline-block;background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff;padding:14px 44px;border-radius:12px;font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;text-decoration:none!important;transition:all .2s;box-shadow:var(--shadow-sm)}
.post-cta:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}
.post-trust{font-size:11.5px;font-family:var(--mono);color:var(--muted2);margin-top:16px}

/* ============================================
   WISE CALCULATOR
   ============================================ */
.wise-calc-section{max-width:1100px;margin:0 auto;padding:0 2rem 3rem}
.wise-calc-card{background:linear-gradient(135deg,#FFFFFF,#F0F7FF);border:2px solid #0A66C2;border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.wise-calc-card::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(10,102,194,.08),transparent 70%);pointer-events:none}
.wc-inner{position:relative;z-index:1}
.wc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:1.8rem;flex-wrap:wrap}
.wc-badge{display:inline-flex;align-items:center;gap:6px;background:#0A66C2;border:none;border-radius:30px;padding:5px 16px;margin-bottom:12px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff}
.wc-title{font-size:clamp(18px,2.5vw,24px);font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.wc-title span{color:#0A66C2}
.wc-sub{font-size:13px;color:var(--muted);line-height:1.6;max-width:380px}
.wc-rates{display:flex;gap:12px;flex-wrap:wrap}
.wc-rate{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:10px 16px;text-align:center;min-width:85px;transition:all .2s}
.wc-rate:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#0A66C2}
.wc-rate-flag{font-size:1.5rem;margin-bottom:3px}
.wc-rate-pair{font-size:9px;font-family:var(--mono);color:var(--muted2);margin-bottom:3px}
.wc-rate-val{font-size:14px;font-weight:700;color:#0A66C2;font-family:var(--mono)}
.wc-calc{background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:1.4rem}
.wc-calc-title{font-size:11px;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-weight:600}
.wc-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;margin-bottom:14px}
.wc-field label{display:block;font-size:10px;font-family:var(--mono);color:var(--muted2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}
.wc-field input,.wc-field select{width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:var(--rs);padding:12px 14px;color:var(--text);font-size:15px;font-family:var(--mono);font-weight:600;outline:none;transition:border-color .2s}
.wc-field input:focus,.wc-field select:focus{border-color:#0A66C2;box-shadow:0 0 0 2px rgba(10,102,194,.1)}
.wc-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#0A66C2;padding-bottom:6px}
.wc-result{background:linear-gradient(135deg,rgba(10,102,194,.08),rgba(10,102,194,.03));border:1px solid rgba(10,102,194,.25);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.wc-result-amount{font-size:1.6rem;font-weight:800;font-family:var(--mono);color:#0A66C2}
.wc-result-note{font-size:11px;font-family:var(--mono);color:var(--muted)}
.wc-cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.wc-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0A66C2,#1A7BC8);color:#fff;font-weight:700;font-size:14px;padding:12px 28px;border-radius:12px;transition:all .2s;white-space:nowrap;box-shadow:var(--shadow-sm)}
.wc-cta:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}
.wc-note{font-size:11px;font-family:var(--mono);color:var(--muted2)}

/* ============================================
   BLOG SECTION — icons highlighted, categories coloured
   ============================================ */
.blog-section-wrap{max-width:1100px;margin:0 auto;padding:3rem 2rem}
.blog-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:12px;overflow:hidden}
.blog-title-scroll{flex:1;overflow:hidden;position:relative;height:30px}
.blog-title-scroll::before,.blog-title-scroll::after{content:'';position:absolute;top:0;width:40px;height:100%;z-index:2;pointer-events:none}
.blog-title-scroll::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.blog-title-scroll::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.blog-title-track{display:flex;gap:0;width:max-content;animation:blogTitleTick 20s linear infinite}
.blog-title-track:hover{animation-play-state:paused}
@keyframes blogTitleTick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.blog-title-item{display:flex;align-items:center;gap:10px;padding:0 32px;white-space:nowrap;font-size:11px;font-family:var(--mono);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0A66C2}
.blog-title-dot{width:4px;height:4px;background:#0A66C2;border-radius:50%;opacity:.5}
.blog-sec-link{font-size:12px;color:#0A66C2;font-family:var(--mono);white-space:nowrap;flex-shrink:0;transition:all .2s;font-weight:600}
.blog-sec-link:hover{color:#1A7BC8;text-decoration:underline}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.blog-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;transition:all .22s;text-decoration:none!important;display:block;color:inherit;box-shadow:var(--shadow-sm);position:relative}
.blog-card:hover{border-color:var(--gold-border);transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.blog-card:hover .blog-icon-wrap{transform:scale(1.08)}

/* Blog thumbnail — coloured per category */
.blog-thumb{height:130px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.blog-thumb-visa{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}
.blog-thumb-career{background:linear-gradient(135deg,#F0FDF4,#DCFCE7)}
.blog-thumb-remote{background:linear-gradient(135deg,#FFF7ED,#FED7AA)}
.blog-thumb-salary{background:linear-gradient(135deg,#FDF4FF,#F3E8FF)}
.blog-thumb-default{background:linear-gradient(135deg,rgba(10,102,194,.05),rgba(10,102,194,.02))}
.blog-thumb::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.6),transparent 70%);pointer-events:none}

/* Blog icon highlight box */
.blog-icon-wrap{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;position:relative;z-index:1;transition:transform .22s;box-shadow:0 4px 14px rgba(0,0,0,.1)}
.bicon-visa{background:linear-gradient(135deg,#0A66C2,#1A7BC8);box-shadow:0 4px 14px rgba(10,102,194,.3)}
.bicon-career{background:linear-gradient(135deg,#16A34A,#22C55E);box-shadow:0 4px 14px rgba(22,163,74,.3)}
.bicon-remote{background:linear-gradient(135deg,#D97706,#F59E0B);box-shadow:0 4px 14px rgba(217,119,6,.3)}
.bicon-salary{background:linear-gradient(135deg,#7C3AED,#A78BFA);box-shadow:0 4px 14px rgba(124,58,237,.25)}
.blog-icon-wrap span{filter:brightness(0) invert(1);font-size:1.7rem}

/* Blog number badge */
.blog-num{position:absolute;top:10px;left:10px;width:22px;height:22px;background:rgba(255,255,255,.92);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;font-weight:800;color:#0A66C2;border:1px solid rgba(10,102,194,.2);z-index:2}

.blog-body{padding:18px 20px 20px}

/* Coloured category pills */
.blog-cat-pill{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-family:var(--mono);font-weight:800;padding:3px 10px;border-radius:20px;margin-bottom:9px;letter-spacing:.06em;text-transform:uppercase}
.bcat-visa{background:rgba(10,102,194,.1);color:#0A66C2;border:1px solid rgba(10,102,194,.2)}
.bcat-career{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}
.bcat-remote{background:rgba(217,119,6,.1);color:var(--amber);border:1px solid rgba(217,119,6,.25)}
.bcat-salary{background:rgba(124,58,237,.1);color:#7C3AED;border:1px solid rgba(124,58,237,.2)}

/* Legacy blog-cat support */
.blog-cat{font-size:10px;font-family:var(--mono);color:#0A66C2;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:700}

.blog-body h4{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.45;letter-spacing:-.01em}
.blog-body p{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:14px}
.blog-footer{display:flex;align-items:center;justify-content:space-between}
.blog-read{font-family:var(--mono);font-size:11px;color:#0A66C2;display:inline-flex;align-items:center;gap:6px;transition:gap .2s;font-weight:700}
.blog-card:hover .blog-read{gap:10px}
.blog-time{font-size:10px;font-family:var(--mono);color:var(--muted2)}

/* ============================================
   NEWSLETTER
   ============================================ */
.nl-outer{padding:0 2rem 3rem;max-width:1100px;margin:0 auto}
.nl-section{position:relative;overflow:hidden;border-radius:20px;padding:3.5rem 2rem;text-align:center;background:linear-gradient(135deg,#0A66C2,#1A7BC8);border:none}
.nl-inner{position:relative;z-index:1}
.nl-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:40px;padding:5px 18px;margin-bottom:1.2rem}
.nl-badge-dot{width:7px;height:7px;background:#22C55E;border-radius:50%;animation:pulse 2s infinite}
.nl-badge span{font-size:11.5px;font-family:var(--mono);font-weight:600;color:#fff}
.nl-section h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:10px;color:#fff}
.nl-section h2 span{color:#FFD700}
.nl-section p{font-size:14.5px;color:rgba(255,255,255,.9);margin-bottom:2rem;line-height:1.6;max-width:460px;margin-left:auto;margin-right:auto}
.nl-form-wrap{max-width:520px;margin:0 auto 1rem}
.nl-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.nl-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nl-input{width:100%;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);border-radius:var(--rs);padding:14px 18px;color:#1A1A1A;font-size:14px;font-family:var(--font);outline:none;transition:all .2s}
.nl-input:focus{border-color:#FFD700;box-shadow:0 0 0 3px rgba(255,215,0,.2)}
.nl-input::placeholder{color:var(--muted2)}
.nl-submit{width:100%;background:#FFD700;color:#0A66C2;border:none;border-radius:var(--rs);padding:14px;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;transition:all .2s;letter-spacing:-.01em}
.nl-submit:hover{opacity:.9;transform:translateY(-1px);background:#FFE44D}
.nl-perks{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:16px}
.nl-perk{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--mono);color:rgba(255,255,255,.8)}
.nl-perk::before{content:'✓';color:#FFD700;font-weight:800}

/* ============================================
   FOOTER
   ============================================ */
footer{border-top:1px solid var(--border);margin-top:1rem;background:var(--surface);box-shadow:0 -2px 10px rgba(0,0,0,.02)}
.footer-in{max-width:1100px;margin:0 auto;padding:2.5rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:2.5rem}
.footer-logo{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:12px}
.footer-logo span{color:#0A66C2}
.footer-about{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:18px}
.footer-socs{display:flex;gap:10px}
.fsoc{width:34px;height:34px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .2s}
.fsoc:hover{background:#0A66C2;border-color:#0A66C2;transform:translateY(-2px)}
.fsoc:hover svg{color:#fff!important}
.footer-col h5{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-weight:700}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{font-size:13px;color:var(--muted);transition:all .2s}
.footer-col a:hover{color:#0A66C2}
.footer-btm{border-top:1px solid var(--border);padding:16px 2rem;text-align:center;max-width:1100px;margin:0 auto}
.footer-btm p{font-size:11.5px;font-family:var(--mono);color:var(--muted2)}

/* ============================================
   PAGINATION
   ============================================ */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2.5rem}
.pg-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:13px;cursor:pointer;transition:all .2s;text-decoration:none}
.pg-btn:hover,.pg-btn.active{border-color:#0A66C2;color:#0A66C2;background:var(--gold-bg)}
.pg-btn.active{font-weight:700}
.pg-dots{color:var(--muted2);font-family:var(--mono);font-size:12px}

/* ============================================
   SIDEBAR FILTERS
   ============================================ */
.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:24px;position:sticky;top:80px;box-shadow:var(--shadow-sm)}
.sidebar-title{font-family:var(--mono);font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;font-weight:600}
.filter-group{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--border)}
.filter-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.filter-group-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}
.filter-option{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer}
.filter-option input[type=checkbox]{width:15px;height:15px;accent-color:#0A66C2;cursor:pointer;flex-shrink:0}
.filter-option label{font-size:12.5px;color:var(--muted);cursor:pointer;flex:1;transition:color .2s}
.filter-option:hover label{color:#0A66C2}
.filter-count{font-family:var(--mono);font-size:10px;color:var(--muted2)}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.2rem}
.af-pill{display:inline-flex;align-items:center;gap:6px;background:var(--gold-bg);border:1px solid var(--gold-border);color:#0A66C2;font-family:var(--mono);font-size:10.5px;padding:5px 12px;border-radius:30px;font-weight:600}
.af-pill button{background:none;border:none;color:#0A66C2;cursor:pointer;font-size:14px;line-height:1;padding:0;display:flex;align-items:center}

/* ============================================
   RESPONSIVE — MOBILE & TABLET
   ============================================ */
@media screen and (max-width: 768px) {
  .hero{padding:2rem 1rem !important}
  .hero h1{font-size:28px !important;line-height:1.3 !important;word-wrap:break-word !important}
  .search-bar{flex-direction:column !important;gap:10px !important}
  .search-bar input,.search-bar select,.search-bar button{width:100% !important}
  .jcard{flex-direction:column !important;align-items:flex-start !important;padding:15px !important}
  .jcard.featured::after{display:none}
  .jright{text-align:left !important;width:100% !important;margin-top:10px !important}
  .apply-btn{width:100% !important;text-align:center !important;margin-top:10px !important}
  .cat-grid-3{grid-template-columns:1fr !important;gap:15px !important}
  .cv-grid{grid-template-columns:1fr !important;gap:15px !important}
  .blog-grid{grid-template-columns:1fr !important;gap:15px !important}
  .footer-in{grid-template-columns:1fr !important;gap:25px !important;text-align:center !important}
  .footer-socs{justify-content:center !important}
  .nl-field-row{grid-template-columns:1fr !important;gap:10px !important}
  .wc-header{flex-direction:column !important}
  .wc-row{grid-template-columns:1fr !important}
  .wc-arrow{display:none !important}
  .wc-rates{justify-content:center !important}
  .post-section{padding:1.5rem !important}
  .price-box{padding:15px !important;width:100% !important}
  .price-amount{font-size:2rem !important}
  .price-feats{text-align:left !important}
  .ticker-wrap{padding-left:60px !important}
  .ticker-label{font-size:7px !important;padding:0 8px !important}
  .tick-item{font-size:9px !important;padding:0 10px !important}
  .hero-pills{flex-direction:column !important;align-items:center !important}
  .hpill{width:auto !important;display:inline-flex !important}
  .wise-wrap{padding-left:95px !important}
  .wise-pill{font-size:7px !important;padding:3px 8px !important}
  .wise-item{font-size:10px !important;padding:0 15px !important}
  section{padding:2rem 1rem !important}
  .blog-section-wrap{padding:2rem 1rem !important}
  .nav-in{flex-direction:column !important;height:auto !important;padding:10px 0 !important;gap:10px !important}
  .logo{justify-content:center !important}
  .cv-card-ai,.cv-card-alert{padding:20px !important}
}

@media screen and (max-width: 480px) {
  .hero-badge span{font-size:10px !important}
  .jtitle{font-size:13px !important}
  .jsal{font-size:12px !important}
  .cat3-name{font-size:16px !important}
  .cat3-desc{font-size:11px !important}
  .sec-title{font-size:9px !important}
  .post-section h2{font-size:18px !important}
  .price-tag{font-size:9px !important;padding:4px 12px !important}
  .co-logo{width:42px !important;height:42px !important;font-size:12px !important}
  .ann span{font-size:10px !important}
  .ann-cta{font-size:10px !important;padding:4px 12px !important}
  .blog-icon-wrap{width:52px !important;height:52px !important;font-size:1.5rem !important}
  .cv-card-ai h3,.cv-card-alert h3{font-size:15px !important}
}