/* =================================================================
   Tachnat ForEdu — shared stylesheet
   Brand tokens + the container / section system used by every page.
   Edit this ONE file to restyle the whole site.
   ================================================================= */

/* ---- Montserrat (self-hosted, falls back to Google Fonts link in header) ---- */
@font-face{
  font-family:'Montserrat';font-style:normal;font-weight:400 900;font-display:swap;
  src:url('https://tachnat.in/wp-content/uploads/elementor/google-fonts/fonts/montserrat-jtusjig1_i6t8kchkm459wlhyw.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---- Brand tokens ---- */
:root{
  --blue:#1271B9;
  --blue-deep:#0d5790;
  --navy:#0f1f3d;
  --gold:#F9BA2E;
  --gold-line:#F9BB30;
  --ink:#16242f;
  --muted:#5a6b78;
  --paper:#ffffff;
  --mist:#f3f7fb;
  --line:#e2ebf3;
  --radius:14px;
  --container:1180px;     /* the real site container width */
  --gap:24px;
}

/* ---- Reset / base ---- */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:var(--blue);text-decoration:none;}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em;}
h1{font-size:clamp(2rem,5vw,3.1rem);}
h2{font-size:clamp(1.5rem,3.5vw,2.2rem);}
h3{font-size:1.2rem;}
p{margin:0 0 1rem;color:#36474f;}

/* =================================================================
   CONTAINER SYSTEM  (this is the "Elementor-like" structure)
   .tn-section  = full-width band (set a background on it)
   .tn-container= centered 1180px inner wrapper
   .tn-row      = flex row that wraps; use .cols-2 / .cols-3 / .cols-4
   .tn-col      = a column/cell inside a row
   ================================================================= */
.tn-section{padding:42px 0;}
.tn-section.tint{background:var(--mist);}
.tn-section.navy{background:var(--navy);color:#fff;}
.tn-section.brand{background:linear-gradient(160deg,var(--blue) 0%,var(--blue-deep) 100%);color:#fff;}
.tn-section.tight{padding:26px 0;}

.tn-container{max-width:var(--container);margin:0 auto;padding:0 22px;}

.tn-row{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:center;}
.tn-row.cols-2 > .tn-col{flex:1 1 calc(50% - var(--gap));min-width:280px;}
.tn-row.cols-3 > .tn-col{flex:1 1 calc(33.333% - var(--gap));min-width:240px;}
.tn-row.cols-4 > .tn-col{flex:1 1 calc(25% - var(--gap));min-width:200px;}
.tn-row.top{align-items:flex-start;}

/* eyebrow / divider helpers */
.eyebrow{display:inline-block;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;}
.brand .eyebrow,.navy .eyebrow{color:var(--gold);}
.gold-rule{width:64px;height:4px;background:var(--gold-line);border-radius:4px;margin:0 0 26px;}
.lead{font-size:1.1rem;color:var(--muted);}
.brand .lead,.navy .lead{color:#e3eefa;}
.center{text-align:center;}
.center .gold-rule{margin-left:auto;margin-right:auto;}

/* buttons */
.btn{display:inline-block;font-weight:700;padding:13px 26px;border-radius:999px;font-size:1rem;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;cursor:pointer;border:none;}
.btn-gold{background:var(--gold);color:#1c1300;box-shadow:0 8px 22px rgba(249,186,46,.32);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(249,186,46,.42);}
.btn-blue{background:var(--blue);color:#fff;}
.btn-blue:hover{filter:brightness(1.06);transform:translateY(-2px);}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);}
.btn-ghost:hover{background:rgba(255,255,255,.12);}

/* image placeholder (mock) */
.tn-imgph{width:100%;aspect-ratio:16/11;border-radius:var(--radius);background:
  repeating-linear-gradient(45deg,#e9f1f9,#e9f1f9 14px,#dfeaf5 14px,#dfeaf5 28px);
  border:1px dashed #b9d2e8;display:flex;align-items:center;justify-content:center;
  color:#5a83a8;font-weight:700;font-size:.9rem;text-align:center;padding:16px;}

/* feature tile */
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;height:100%;transition:transform .15s ease,box-shadow .15s ease;}
.tile:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(18,113,185,.12);}
.tile .ic{width:54px;height:54px;border-radius:14px;background:var(--mist);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:14px;}
.tile h3{margin-bottom:8px;}
.tile p{font-size:.95rem;color:var(--muted);margin:0;}

/* stats */
.stat{text-align:center;}
.stat .num{font-size:2.4rem;font-weight:900;color:var(--gold);line-height:1;}
.stat .lbl{font-size:.9rem;margin-top:8px;font-weight:600;opacity:.92;}

@media(max-width:820px){
  .tn-section{padding:48px 0;}
  .tn-row.cols-3 > .tn-col,.tn-row.cols-4 > .tn-col{flex:1 1 100%;}
}

/* =================================================================
   PREMIUM HOMEPAGE SECTIONS  (added for the full home rebuild)
   ================================================================= */

/* section heading block (right-aligned variant used on live page) */
.sec-head{margin-bottom:42px;}
.sec-head.center{text-align:center;}
.sec-head.right{text-align:right;}
.sec-head.right .gold-rule{margin-left:auto;margin-right:0;}
.sec-head h2{margin-bottom:14px;color:var(--navy);}
.brand .sec-head h2,.navy .sec-head h2{color:#fff;}

/* alternating media+text feature rows (IELTS / Visa / Migration) */
.feat-row{display:flex;flex-wrap:wrap;gap:48px;align-items:center;}
.feat-row .feat-media{flex:1 1 440px;min-width:300px;}
.feat-row .feat-body{flex:1 1 420px;min-width:300px;}
.feat-row.flip{flex-direction:row-reverse;}
.feat-media .tn-imgph,.feat-media img{border-radius:18px;box-shadow:0 24px 60px rgba(15,31,61,.12);}

/* hero carousel */
.hero{background:linear-gradient(155deg,#1271B9 0%,#0d5790 55%,#0a3f6b 100%);}
.hero-track{position:relative;}
.hero-slide{display:none;}
.hero-slide.active{display:block;animation:heroFade .6s ease;}
@keyframes heroFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.hero-inner{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding:74px 0;}
.hero-copy{flex:1 1 460px;min-width:300px;color:#fff;}
.hero-copy .eyebrow{color:var(--gold);}
.hero-copy h1{color:#fff;margin-bottom:18px;}
.hero-copy p{color:#dcebfa;font-size:1.12rem;max-width:560px;}
.hero-art{flex:1 1 420px;min-width:300px;}
.hero-art .tn-imgph{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,rgba(255,255,255,.10),rgba(255,255,255,.10) 14px,rgba(255,255,255,.04) 14px,rgba(255,255,255,.04) 28px);border-color:rgba(255,255,255,.35);color:#cfe2f5;}
.hero-art img{border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.35);}
.hero-dots{display:flex;gap:9px;justify-content:center;padding:0 0 28px;}
.hero-dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.35);border:none;cursor:pointer;padding:0;transition:all .2s;}
.hero-dot.active{background:var(--gold);width:30px;border-radius:6px;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.hero-arrow:hover{background:rgba(255,255,255,.3);}
.hero-arrow.prev{left:14px;}
.hero-arrow.next{right:14px;}

/* services grid (premium cards) */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s;position:relative;overflow:hidden;}
.svc-card::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s;}
.svc-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(18,113,185,.14);border-color:transparent;}
.svc-card:hover::before{transform:scaleX(1);}
.svc-card .ic{width:50px;height:50px;border-radius:13px;background:linear-gradient(150deg,#e8f2fb,#d7e8f7);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:1.4rem;margin-bottom:15px;}
.svc-card h3{font-size:1.04rem;margin-bottom:8px;color:var(--navy);}
.svc-card p{font-size:.9rem;color:var(--muted);margin:0;line-height:1.6;}

/* why-choose 2x2 */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 44px;}
.why-item{display:flex;gap:18px;align-items:flex-start;}
.why-item .ic{flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:linear-gradient(150deg,#e8f2fb,#d7e8f7);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:1.5rem;}
.why-item h3{font-size:1.08rem;margin-bottom:6px;color:var(--navy);}
.why-item p{font-size:.94rem;color:var(--muted);margin:0;}

/* success band */
.success-band{background:linear-gradient(140deg,var(--blue) 0%,var(--blue-deep) 100%);border-radius:24px;padding:48px 54px;display:flex;flex-wrap:wrap;gap:36px;align-items:center;box-shadow:0 26px 60px rgba(13,87,144,.28);}
.success-band .sb-title{flex:0 0 200px;color:#fff;font-size:1.9rem;font-weight:900;line-height:1.1;border-right:2px solid rgba(255,255,255,.3);padding-right:30px;}
.success-band .sb-quote{flex:1 1 360px;color:#fff;}
.success-band .sb-quote .q{font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:18px;}
.success-band .sb-quote .gold-rule{margin:0 0 16px;}
.success-band .sb-quote .who{color:#cfe2f5;font-weight:600;}

/* how it works 3 cards */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.how-card{border-radius:18px;padding:36px 28px;text-align:center;transition:transform .16s ease,box-shadow .16s ease;}
.how-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(15,31,61,.16);}
.how-card.gold{background:var(--gold);color:#1c1300;}
.how-card.blue{background:linear-gradient(150deg,var(--blue),var(--blue-deep));}
.how-card.blue,.how-card.blue h3,.how-card.blue p,.how-card.blue .step{color:#fff;}
.how-card .ic{width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 18px;}
.how-card.blue .ic{background:rgba(255,255,255,.18);}
.how-card .step{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:6px;}
.how-card h3{font-size:1.12rem;margin-bottom:10px;}
.how-card p{font-size:.94rem;margin:0;opacity:.92;}

/* study destinations flags */
.flags{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end;margin-bottom:30px;}
.flag{width:74px;height:50px;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(15,31,61,.16);display:flex;align-items:center;justify-content:center;background:#fff;font-size:1.8rem;}
.flag img{width:100%;height:100%;object-fit:cover;}

/* FAQ accordion */
.faq-wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:stretch;}
.faq-list{flex:1 1 460px;min-width:300px;}
.faq-media{flex:1 1 380px;min-width:300px;}
.faq-media{display:flex;}
.faq-media .tn-imgph,.faq-media img{border-radius:18px;box-shadow:0 22px 54px rgba(15,31,61,.14);width:100%;height:100%;min-height:340px;object-fit:cover;aspect-ratio:auto;}
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff;}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 20px;font-family:inherit;font-size:1rem;font-weight:700;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.faq-item.open{border-color:var(--gold);}
.faq-item.open .faq-q{background:var(--gold);color:#1c1300;}
.faq-q .pm{flex:0 0 auto;font-size:1.2rem;transition:transform .2s;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-a .inner{padding:0 20px;color:var(--muted);font-size:.96rem;}
.faq-item.open .faq-a{max-height:340px;}
.faq-item.open .faq-a .inner{padding:16px 20px;}

/* news cards */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.news-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .16s ease;}
.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(15,31,61,.12);}
.news-tags{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.news-tag{font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:999px;text-transform:uppercase;}
.news-tag.country{background:#e6f1fb;color:var(--blue-deep);}
.news-tag.type{background:#fdf2da;color:#8a5a09;}
.news-card h3{font-size:1.02rem;line-height:1.35;color:var(--navy);margin-bottom:auto;}
.news-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px;}
.news-date{font-size:.82rem;color:#9aa9b4;}
.news-btn{background:#0f6e6e;color:#fff;font-size:.8rem;font-weight:700;padding:9px 14px;border-radius:8px;white-space:nowrap;transition:background .15s;}
.news-btn:hover{background:#0a5454;}

/* blog cards */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease;display:flex;flex-direction:column;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(15,31,61,.12);}
.blog-thumb{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#e9f1f9,#e9f1f9 14px,#dfeaf5 14px,#dfeaf5 28px);position:relative;display:flex;align-items:center;justify-content:center;color:#5a83a8;font-weight:700;font-size:.82rem;}
.blog-tag{position:absolute;top:12px;right:12px;background:var(--gold);color:#1c1300;font-size:.62rem;font-weight:800;padding:4px 9px;border-radius:6px;letter-spacing:.05em;}
.blog-body{padding:18px 20px;display:flex;flex-direction:column;flex:1;}
.blog-body h3{font-size:.98rem;line-height:1.4;color:var(--navy);margin-bottom:14px;}
.blog-body .read{margin-top:auto;font-size:.84rem;font-weight:700;color:var(--blue);}

/* important aspects 5 cards */
.aspect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.aspect-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px;text-align:center;transition:transform .16s ease,box-shadow .16s ease;}
.aspect-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(18,113,185,.13);}
.aspect-card .ic{width:72px;height:72px;border-radius:50%;background:linear-gradient(150deg,#e8f2fb,#d7e8f7);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:1.9rem;margin:0 auto 16px;}
.aspect-card h3{font-size:1.04rem;color:var(--navy);margin-bottom:10px;}
.aspect-card p{font-size:.92rem;color:var(--muted);margin:0;line-height:1.6;}

/* contact form */
.contact-wrap{display:flex;flex-wrap:wrap;gap:44px;align-items:flex-start;}
.contact-intro{flex:1 1 360px;min-width:300px;}
.contact-form{flex:1 1 420px;min-width:300px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 18px 44px rgba(15,31,61,.08);}
.contact-form .fld{margin-bottom:16px;}
.contact-form label{display:block;font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:6px;}
.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.96rem;color:var(--ink);background:var(--mist);transition:border-color .15s,background .15s;}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--blue);background:#fff;}
.contact-form textarea{min-height:120px;resize:vertical;}

/* footer */
.tn-foot{background:#1e1e1e;color:#cfd4d8;padding:34px 0 0;}
.tn-foot a{color:#cfd4d8;transition:color .15s;}
.tn-foot a:hover{color:var(--gold);}
.foot-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.4fr 1fr;gap:26px;}
.foot-col h4{color:#fff;font-size:1.02rem;margin-bottom:12px;font-weight:700;}
.foot-col h5{color:#fff;font-size:.95rem;margin:14px 0 8px;font-weight:700;}
.foot-col ul{list-style:none;margin:0;padding:0;}
.foot-col li{margin-bottom:6px;font-size:.9rem;}
.foot-contact{font-size:.9rem;line-height:1.45;color:#b7bdc2;}
.foot-contact .pin{color:var(--gold);font-weight:700;display:block;margin:10px 0 3px;}
.foot-social{display:flex;gap:10px;margin-top:6px;}
.foot-social a{width:38px;height:38px;border-radius:9px;background:#333;display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.foot-social a:hover{background:var(--blue);}
.accred{display:flex;flex-wrap:wrap;gap:12px;}
.accred .ac{width:80px;height:80px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px;}
.accred .ac img{width:100%;height:100%;object-fit:contain;}
.accred .ac .tn-imgph{width:100%;height:100%;aspect-ratio:auto;font-size:.55rem;border-radius:6px;padding:4px;}
.foot-bar{background:#0f1f3d;text-align:center;padding:13px;margin-top:30px;font-size:.86rem;color:#9aa9b4;}

@media(max-width:980px){
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .news-grid,.blog-grid,.aspect-grid,.how-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .success-band .sb-title{border-right:none;border-bottom:2px solid rgba(255,255,255,.3);padding-right:0;padding-bottom:18px;flex-basis:100%;}
}
@media(max-width:640px){
  .svc-grid,.news-grid,.blog-grid,.aspect-grid,.how-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr;}
  .sec-head.right{text-align:left;}
  .sec-head.right .gold-rule{margin-left:0;}
  .flags{justify-content:flex-start;}
}
.about-contain{object-fit:contain !important;background:#eef3f8;}
/* ===================== TACHNAT HEADER ===================== */
/* Brand tokens (from handover): blue #1271B9, blue-deep #0d5790,
   navy #0f1f3d, gold #F9BA2E, font Montserrat.
   Append this to assets/style.css (or include separately). */

:root {
  --tn-blue:      #1271B9;
  --tn-blue-deep: #0d5790;
  --tn-navy:      #0f1f3d;
  --tn-gold:      #F9BA2E;
  --tn-gold-dk:   #e0a51f;
  --tn-ink:       #0f1f3d;
  --tn-white:     #ffffff;
}

.tn-header,
.tn-header * { box-sizing: border-box; }

.tn-header {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(15, 31, 61, 0.08);
}

/* ---------- Utility strip ---------- */
.tn-strip {
  background: linear-gradient(90deg, var(--tn-navy) 0%, var(--tn-blue-deep) 100%);
  color: var(--tn-white);
  font-size: 0.82rem;
}
.tn-strip-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 7px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.tn-strip-left {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.tn-strip-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  white-space: nowrap;
}
.tn-strip-item:hover { color: var(--tn-gold); }
.tn-strip-mara {
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
  color: var(--tn-gold);
  font-weight: 600;
}
.tn-ico { width: 14px; height: 14px; fill: currentColor; flex: 0 0 auto; }

/* Text size controls */
.tn-textsize {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.tn-textsize-label {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 2px;
}
.tn-ts-btn {
  font-family: inherit;
  background: rgba(255, 255, 255, 0.12);
  color: var(--tn-white);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  cursor: pointer;
  line-height: 1;
  padding: 4px 8px;
  font-weight: 600;
  transition: background 0.15s, color 0.15s;
}
.tn-ts-btn[data-ts="dec"]   { font-size: 0.72rem; }
.tn-ts-btn[data-ts="reset"] { font-size: 0.86rem; }
.tn-ts-btn[data-ts="inc"]   { font-size: 0.98rem; }
.tn-ts-btn:hover  { background: var(--tn-gold); color: var(--tn-navy); border-color: var(--tn-gold); }
.tn-ts-btn:focus-visible { outline: 2px solid var(--tn-gold); outline-offset: 2px; }

/* ---------- Main nav ---------- */
.tn-navbar { background: var(--tn-white); }
.tn-navbar-inner {
  max-width: 1240px;
  margin: 0 auto;
  height: 100px;                 /* LOCKED: menu-box height */
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.tn-logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.tn-logo img {
  max-height: 60px;              /* LOCKED: logo max-height */
  width: auto;
  display: block;
}

.tn-nav { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
.tn-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 1px;
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 4px;
}
.tn-menu-link {
  display: inline-block;
  padding: 8px 9px;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--tn-navy);
  text-decoration: none;
  border-radius: 6px;
  white-space: nowrap;
  transition: color 0.15s, background 0.15s;
}
.tn-menu-link:hover { color: var(--tn-blue); background: rgba(18, 113, 185, 0.08); }
.tn-menu-link.is-active { color: var(--tn-blue); }
.tn-menu-link.is-active::after {
  content: "";
  display: block;
  height: 2px;
  background: var(--tn-gold);
  border-radius: 2px;
  margin-top: 3px;
}

/* CTA button in the menu */
.tn-menu-cta-li { margin-left: 6px; }
.tn-menu-cta {
  display: inline-block;
  padding: 10px 16px;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--tn-navy);
  background: var(--tn-gold);
  border-radius: 7px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.05s;
}
.tn-menu-cta:hover { background: var(--tn-gold-dk); }
.tn-menu-cta:active { transform: translateY(1px); }

/* ---------- Burger (hidden on desktop) ---------- */
.tn-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.tn-burger span {
  display: block;
  width: 26px;
  height: 3px;
  background: var(--tn-navy);
  border-radius: 2px;
  transition: transform 0.2s, opacity 0.2s;
  margin: 0 auto;
}

/* ---------- Responsive: tablet trims spacing ---------- */
@media (max-width: 1100px) {
  .tn-menu-link { padding: 9px 8px; font-size: 0.8rem; }
  .tn-strip-offices { display: none; }
}

/* ---------- Mobile: white full-width dropdown (LOCKED behavior) ---------- */
@media (max-width: 920px) {
  .tn-burger { display: flex; }
  .tn-strip-left { gap: 12px; }
  .tn-strip-mara { display: none; }

  .tn-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--tn-white);
    border-top: 3px solid var(--tn-gold);
    box-shadow: 0 14px 24px rgba(15, 31, 61, 0.12);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .tn-navbar { position: relative; }
  body.tn-menu-open .tn-nav { max-height: 80vh; overflow-y: auto; }

  .tn-menu {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 0;
  }
  .tn-menu-li { width: 100%; }
  .tn-menu-link {
    display: block;
    width: 100%;
    border-radius: 0;
    padding: 14px 22px;
    font-size: 0.95rem;
    border-bottom: 1px solid #eef1f6;
  }
  .tn-menu-link.is-active::after { display: none; }
  .tn-menu-link.is-active { background: rgba(18, 113, 185, 0.08); }

  .tn-menu-cta-li { margin: 12px 22px; }
  .tn-menu-cta { display: block; text-align: center; }

  /* burger -> X */
  body.tn-menu-open .tn-burger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  body.tn-menu-open .tn-burger span:nth-child(2) { opacity: 0; }
  body.tn-menu-open .tn-burger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}

@media (max-width: 520px) {
  .tn-strip-inner { padding: 6px 14px; }
  .tn-textsize-label { display: none; }
  .tn-navbar-inner { height: 76px; padding: 0 14px; }
}
/* =================== END TACHNAT HEADER =================== */

.tn-header-inner{padding-top:8px !important;padding-bottom:8px !important;}
.tn-menu-box{height:auto !important;min-height:0 !important;align-self:center !important;}
.tn-logo img{max-height:60px !important;}

.tn-foot .accred{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.tn-foot .accred .ac{width:72px;max-width:72px;flex:0 0 auto;}
.tn-foot .accred .ac img,.tn-foot .accred .ac picture,.tn-foot .accred .ac>*{width:100%;height:auto;display:block;}
.foot-contact .foot-line{display:flex;align-items:center;gap:7px;margin-bottom:5px;}

/* WhatsApp green button */
.btn-wa{background:#25D366 !important;color:#fff !important;}
.btn-wa:hover{background:#1da851 !important;color:#fff !important;}

/* Follow Us — brand colours */
.foot-social a:nth-child(1){background:#1877F2;}
.foot-social a:nth-child(2){background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4);}
.foot-social a:nth-child(3){background:#0A66C2;}
.foot-social a:nth-child(1):hover,.foot-social a:nth-child(2):hover,.foot-social a:nth-child(3):hover{filter:brightness(1.1);}
.foot-social a svg{fill:#fff;color:#fff;}

.news-thumb{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#e9f1f9,#e9f1f9 14px,#dfeaf5 14px,#dfeaf5 28px);position:relative;display:flex;align-items:center;justify-content:center;color:#5a83a8;font-weight:700;font-size:.82rem;}
.news-thumb .news-tag{position:absolute;top:12px;right:12px;background:var(--gold);color:#1c1300;font-size:.62rem;font-weight:800;padding:4px 9px;border-radius:6px;letter-spacing:.05em;text-transform:uppercase;}
.news-body{padding:18px 20px;display:flex;flex-direction:column;flex:1;}
.news-body h3{font-size:1.02rem;line-height:1.35;color:var(--navy);margin-bottom:auto;}