/* ============================================================
   NaukriLagao / TinderJobs – main.css  v2.0
   Works for BOTH sites – just change WP Site Title
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&family=Mukta:wght@400;600;700;800&display=swap');

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Mukta','Hind',sans-serif;background:#e0e0e0;color:#333;font-size:14px;line-height:1.5}
a{color:#003580;text-decoration:none}
a:hover{color:#cc0000;text-decoration:none}
img{max-width:100%;height:auto}
ul,ol{list-style:none;padding:0;margin:0}
button{cursor:pointer}

/* ── Site wrapper ── */
#nl-wrap{max-width:1060px;margin:0 auto;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}

/* ============================================================
   TOP BAR
   ============================================================ */
#nl-topbar{
  background:#1a1a1a;
  color:#bbb;
  font-size:11.5px;
  padding:4px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
#nl-topbar .tbl{display:flex;align-items:center;gap:0;flex-wrap:wrap}
#nl-topbar .tbl li a{
  color:#bbb;
  padding:3px 10px;
  border-right:1px solid #333;
  display:block;
  font-size:11.5px;
  transition:color .15s;
}
#nl-topbar .tbl li:first-child a{padding-left:0}
#nl-topbar .tbl li a:hover{color:#fff;text-decoration:none}
.topbar-social{display:flex;gap:5px;align-items:center}
.tsoc-wa{background:#25D366}.tsoc-tg{background:#0088cc}
.tsoc-yt{background:#FF0000}.tsoc-fb{background:#1877f2}
.tsoc-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.tsoc-tw{background:#000}

/* ============================================================
   HEADER
   ============================================================ */
#nl-header{
  background:#cc0000;
  padding:0;
  border-bottom:3px solid #990000;
}
.header-row{
  display:flex;align-items:center;
  justify-content:space-between;
  padding:10px 12px;gap:12px;
  flex-wrap:wrap;
}
/* LOGO */
.nl-logo{display:flex;flex-direction:column;text-decoration:none}
.nl-logo:hover{text-decoration:none}
.logo-text{
  font-family:'Mukta',sans-serif;
  font-size:2.2rem;font-weight:800;
  color:#fff;line-height:1;
  letter-spacing:-.5px;
  text-shadow:2px 2px 5px rgba(0,0,0,.3);
}
.logo-text .logo-p1,.logo-text .logo-p2{color:#fff}
.logo-tagline{font-size:11px;color:rgba(255,255,255,.7);margin-top:3px}

/* Header Ad */
.header-ad{
  flex:1;min-height:60px;max-width:580px;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
}
/* Header Search */
.header-search{display:flex;align-items:center}
.header-search form{display:flex}
.header-search .search-field{
  width:180px;padding:7px 10px;
  border:none;border-radius:3px 0 0 3px;
  font-size:13px;font-family:'Mukta',sans-serif;outline:none;
}
.header-search .search-submit{
  background:#003580;color:#fff;border:none;
  padding:7px 14px;border-radius:0 3px 3px 0;
  font-weight:700;font-size:13px;font-family:'Mukta',sans-serif;
  transition:background .2s;
}
.header-search .search-submit:hover{background:#002060}

/* ============================================================
   MAIN NAV
   ============================================================ */
#nl-nav{
  background:#003580;
  border-bottom:2px solid #001a4d;
  position:sticky;top:0;z-index:9999;
}
/* Desktop menu */
.nl-menu{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;list-style:none}
.nl-menu::-webkit-scrollbar{display:none}
.nl-menu>li{position:relative;flex-shrink:0}
.nl-menu>li>a{
  display:block;color:#fff;font-size:13px;font-weight:700;
  padding:11px 15px;white-space:nowrap;
  border-right:1px solid rgba(255,255,255,.1);
  transition:background .15s;font-family:'Mukta',sans-serif;
}
.nl-menu>li>a:hover,
.nl-menu>li.current-menu-item>a,
.nl-menu>li.current-menu-ancestor>a,
.nl-menu>li.current-menu-parent>a{background:#cc0000;color:#fff;text-decoration:none}
/* Dropdown */
.nl-menu>li:hover>.sub-menu,.nl-menu>li:focus-within>.sub-menu{display:block}
.nl-menu .sub-menu{
  display:none;position:absolute;top:100%;left:0;
  min-width:200px;background:#002060;
  border-top:2px solid #cc0000;
  box-shadow:0 6px 16px rgba(0,0,0,.3);
  list-style:none;z-index:9999;
}
.nl-menu .sub-menu li a{
  display:block;color:#fff;padding:9px 15px;
  font-size:12.5px;font-family:'Mukta',sans-serif;font-weight:600;
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:background .15s;
}
.nl-menu .sub-menu li a:hover{background:#cc0000;text-decoration:none}
/* Mobile toggle */
#nl-nav-toggle{
  display:none;background:none;border:none;color:#fff;
  font-size:22px;padding:8px 14px;font-family:'Mukta',sans-serif;font-weight:700;
}

/* ============================================================
   TICKER
   ============================================================ */
#nl-ticker{
  background:#fff;
  border-bottom:2px solid #cc0000;
  border-top:1px solid #eee;
  display:flex;align-items:center;
  height:38px;overflow:hidden;
  padding:0 0 0 10px;
  gap:0;
}
/* ── LIVE badge: white pill with red dot + red border (like TinderJobs) ── */
.ticker-badge{
  flex-shrink:0;
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;
  border:2px solid #cc0000;
  color:#cc0000;
  padding:3px 11px 3px 9px;
  border-radius:20px;
  font-size:11.5px;font-weight:800;
  letter-spacing:1px;white-space:nowrap;
  z-index:2;margin-right:10px;
  font-family:'Mukta',sans-serif;
  line-height:1;
}
/* Pulsing red dot inside LIVE badge */
.ticker-badge::before{
  content:'';
  display:inline-block;
  width:8px;height:8px;
  background:#cc0000;
  border-radius:50%;
  flex-shrink:0;
  animation:live-pulse 1.4s ease-in-out infinite;
}
@keyframes live-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.4;transform:scale(.7)}
}
.ticker-viewport{
  flex:1;overflow:hidden;position:relative;
  /* Must clip content – items animate from right edge into view */
}
.ticker-track{
  display:inline-flex;align-items:center;
  white-space:nowrap;height:36px;
  will-change:transform;
  /* JS drives the animation via requestAnimationFrame – no CSS animation needed */
}
.ticker-track a{
  display:inline-block;padding:0 6px;margin:0 6px;
  font-size:12.5px;font-weight:700;color:#333;
  text-decoration:none;transition:color .15s;white-space:nowrap;
}
.ticker-track a::before{
  content:'◆';font-size:8px;color:#cc0000;
  margin-right:10px;vertical-align:middle;
}
.ticker-track a:hover{color:#cc0000;text-decoration:none}
/* No CSS keyframes needed – JS animates it */

/* ============================================================
   HOT NOTIFICATIONS (editable via Appearance > Menus)
   ============================================================ */
#nl-hot{
  background:#f8f8f8;
  border-bottom:2px solid #ddd;
  padding:8px 12px;
}
.hot-label{
  font-size:11px;font-weight:800;color:#666;
  text-transform:uppercase;letter-spacing:1px;
  margin-bottom:7px;
}
.hot-tabs{display:flex;flex-wrap:wrap;gap:6px}
/* Each menu item becomes a colored tab */
.hot-tabs li{list-style:none}
.hot-tabs li a{
  display:inline-block;
  padding:5px 13px;border-radius:3px;
  color:#fff;font-size:12px;font-weight:700;
  font-family:'Mukta',sans-serif;
  text-decoration:none;transition:opacity .2s,transform .15s;
}
.hot-tabs li a:hover{opacity:.85;transform:translateY(-1px);text-decoration:none;color:#fff}
/* 12 rotating colors for the tabs (nth-child) */
.hot-tabs li:nth-child(12n+1)  a{background:#003580}
.hot-tabs li:nth-child(12n+2)  a{background:#1a6b1a}
.hot-tabs li:nth-child(12n+3)  a{background:#EB006D}
.hot-tabs li:nth-child(12n+4)  a{background:#7b00cc}
.hot-tabs li:nth-child(12n+5)  a{background:#cc0000}
.hot-tabs li:nth-child(12n+6)  a{background:#005f73}
.hot-tabs li:nth-child(12n+7)  a{background:#c45c00}
.hot-tabs li:nth-child(12n+8)  a{background:#2b2d42}
.hot-tabs li:nth-child(12n+9)  a{background:#0066cc}
.hot-tabs li:nth-child(12n+10) a{background:#6a1a6a}
.hot-tabs li:nth-child(12n+11) a{background:#2d6a4f}
.hot-tabs li:nth-child(12n+12) a{background:#e63946}

/* ============================================================
   AD SLOTS
   ============================================================ */
.nl-ad{text-align:center;padding:8px;border-bottom:1px solid #eee;background:#fff;clear:both}
.nl-ad ins,.nl-ad>*{display:inline-block;margin:0 auto}

/* ============================================================
   3-COLUMN BODY LAYOUT
   ============================================================ */
#nl-body{display:flex;background:#e0e0e0;align-items:flex-start}
#nl-left {width:182px;flex-shrink:0;background:#fff;border-right:1px solid #ddd;align-self:stretch}
#nl-main {flex:1;min-width:0;background:#fff;border-right:1px solid #ddd}
#nl-right{width:202px;flex-shrink:0;background:#fff}

/* ============================================================
   SIDEBAR WIDGET BOX
   ============================================================ */
.sdb-box{border:1px solid #ddd;margin:8px;border-radius:4px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.08)}
.sdb-head{
  padding:7px 10px;color:#fff;
  font-size:12.5px;font-weight:800;
  font-family:'Mukta',sans-serif;
}
.sdb-body ul li{border-bottom:1px solid #f0f0f0}
.sdb-body ul li:last-child{border-bottom:none}
.sdb-body ul li a{
  display:block;padding:6px 10px;
  font-size:12px;font-weight:600;color:#003580;
  line-height:1.35;transition:all .15s;
}
.sdb-body ul li a:hover{background:#f5f5f5;color:#cc0000;text-decoration:none;padding-left:14px}
.sdb-body ul li a.is-new::before{
  content:'';display:inline-block;
  width:7px;height:7px;
  background:#cc0000;border-radius:50%;
  margin-right:5px;vertical-align:middle;
  animation:blink-dot 1s ease-in-out infinite;
}
@keyframes blink-dot{0%,100%{opacity:1}50%{opacity:.2}}

/* ============================================================
   HOME WIDGET GRID (2 columns inside #nl-main)
   ============================================================ */
.hw-grid{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid #ddd;
}
.hw-box{border:1px solid #ddd;border-top:none;overflow:hidden}
.hw-box:nth-child(even){border-left:none}
.hw-head{
  padding:7px 12px;color:#fff;
  font-size:13px;font-weight:800;
  font-family:'Mukta',sans-serif;
  display:flex;align-items:center;justify-content:space-between;
}
.hw-head a.view-all{color:rgba(255,255,255,.8);font-size:11px;font-weight:600;text-decoration:none}
.hw-head a.view-all:hover{color:#fff;text-decoration:none}
.hw-body ul{padding:4px 0}
.hw-body ul li{border-bottom:1px dotted #eee}
.hw-body ul li:last-child{border-bottom:none}
.hw-body ul li a{
  display:block;padding:5px 12px 5px 10px;
  font-size:12.5px;font-weight:600;color:#1a1a1a;
  line-height:1.35;transition:color .15s;
}
.hw-body ul li a:hover{color:#cc0000;text-decoration:none}
/* NEW badge */
.nb{
  display:inline-flex;align-items:center;
  background:#cc0000;color:#fff;
  font-size:9px;font-weight:800;
  padding:1px 5px;border-radius:2px;
  margin-right:4px;letter-spacing:.5px;
  animation:blink-dot 1s ease-in-out infinite;
  font-family:'Mukta',sans-serif;
}

/* ============================================================
   RECENT POSTS LIST
   ============================================================ */
.list-head{
  background:#003580;color:#fff;
  padding:8px 12px;
  font-size:13px;font-weight:800;
  font-family:'Mukta',sans-serif;
  display:flex;align-items:center;gap:8px;
}
.list-head .lh-tag{
  background:#cc0000;
  font-size:10px;padding:2px 7px;
  border-radius:2px;font-weight:700;
}
.post-list{padding:0}
.post-list li{border-bottom:1px solid #eee;transition:background .15s}
.post-list li:hover{background:#fafafa}
.post-list li a{
  display:block;padding:8px 12px;
  color:#222;font-size:13px;font-weight:600;line-height:1.4;
}
.post-list li a:hover{color:#cc0000;text-decoration:none}
.post-meta-line{
  display:block;font-size:11.5px;
  color:#666;font-weight:400;margin-top:2px;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.nl-pagi{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:4px;
  padding:12px;border-top:1px solid #eee;background:#f9f9f9;
}
.nl-pagi .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:32px;height:32px;padding:0 8px;
  border:1px solid #ccc;background:#fff;
  color:#003580;font-size:12.5px;font-weight:700;
  border-radius:3px;transition:all .15s;text-decoration:none;
  font-family:'Mukta',sans-serif;
}
.nl-pagi .page-numbers:hover{background:#003580;color:#fff;border-color:#003580;text-decoration:none}
.nl-pagi .page-numbers.current{background:#cc0000;color:#fff;border-color:#cc0000}
.nl-pagi .page-numbers.dots{border:none;background:none;color:#999}

/* ============================================================
   SINGLE POST / JOB PAGE
   ============================================================ */
.single-wrap{padding:14px}
/* Post header */
.post-cat-badge{
  display:inline-block;background:#cc0000;color:#fff;
  font-size:11px;font-weight:800;padding:3px 9px;
  border-radius:2px;margin-bottom:10px;
  text-transform:uppercase;letter-spacing:.5px;
  font-family:'Mukta',sans-serif;
}
h1.post-title{
  font-size:1.4rem;font-weight:800;color:#111;
  line-height:1.35;margin-bottom:10px;
  font-family:'Mukta',sans-serif;
  border-left:4px solid #cc0000;padding-left:10px;
}
.post-meta{
  font-size:11.5px;color:#666;
  margin-bottom:14px;display:flex;gap:14px;flex-wrap:wrap;
}
/* Apply box */
.apply-box{
  background:#f0f7ff;border:2px solid #003580;
  border-radius:5px;padding:14px 18px;
  margin:16px 0;text-align:center;
}
.apply-box p{font-weight:700;font-size:13px;color:#333;margin-bottom:10px}
.btn-apply{
  display:inline-block;background:#cc0000;color:#fff;
  padding:10px 30px;border-radius:4px;
  font-weight:800;font-size:14px;font-family:'Mukta',sans-serif;
  transition:background .2s;margin:4px;border:none;text-decoration:none;
}
.btn-apply:hover{background:#990000;color:#fff;text-decoration:none}
.btn-pdf{
  display:inline-block;background:#003580;color:#fff;
  padding:10px 30px;border-radius:4px;
  font-weight:800;font-size:14px;font-family:'Mukta',sans-serif;
  transition:background .2s;margin:4px;border:none;text-decoration:none;
}
.btn-pdf:hover{background:#002060;color:#fff;text-decoration:none}
/* Important table */
.job-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.job-table tr:nth-child(odd){background:#f9f9f9}
.job-table td,.job-table th{
  padding:8px 12px;border:1px solid #ddd;
  vertical-align:top;line-height:1.45;
}
.job-table th{background:#003580;color:#fff;font-weight:700;text-align:left}
.job-table td:first-child{font-weight:700;color:#111;width:40%;background:#eaf0ff}
/* Post body content – WordPress block editor fix */
.post-body{font-size:13.5px;line-height:1.8;color:#333;margin-top:16px}
.post-body h2{font-size:1.05rem;font-weight:800;color:#111;margin:18px 0 8px;padding-bottom:6px;border-bottom:2px solid #eee;font-family:'Mukta',sans-serif}
.post-body h3{font-size:1rem;font-weight:800;color:#003580;margin:14px 0 6px;font-family:'Mukta',sans-serif}
.post-body p{margin-bottom:12px}
.post-body ul{margin:8px 0 14px 20px;list-style:disc}
.post-body ol{margin:8px 0 14px 20px;list-style:decimal}
.post-body ul li,.post-body ol li{margin-bottom:5px}
.post-body a{color:#003580;text-decoration:none}
.post-body a:hover{color:#cc0000;text-decoration:none}
/* No underline anywhere - clean portal look */
.btn-apply,.btn-pdf,.post-body .btn-apply,.post-body .btn-pdf,
a.btn-apply,a.btn-pdf{text-decoration:none !important}
/* ── GUTENBERG BLOCK BUTTONS – preserve colors set in editor ── */
/* Without this, post-body a{color:#003580} overrides white button text */
.post-body .wp-block-button .wp-block-button__link,
.post-body .wp-block-buttons .wp-block-button__link,
.wp-block-button .wp-block-button__link{
  color:inherit !important;
  text-decoration:none !important;
}
/* Never override background or border-radius of block buttons */
.post-body .wp-block-button__link,
.wp-block-button__link{
  text-decoration:none !important;
}
/* Specific custom button classes used in posts (Join WhatsApp / Telegram) */
.post-body a[style*="background"],
.post-body .wp-element-button{
  color:inherit !important;
  text-decoration:none !important;
}
.post-body blockquote{border-left:4px solid #003580;margin:14px 0;padding:10px 16px;background:#f0f7ff;color:#333;font-style:italic}
/* ── FIX: image alignment in posts ── */
.post-body img{max-width:100%;height:auto}
.post-body img.aligncenter,
.post-body .aligncenter img,
.post-body figure.aligncenter,
.post-body figure.aligncenter img{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.post-body figure.aligncenter{text-align:center}
.post-body img.alignleft,.post-body .alignleft img{float:left;margin:0 14px 10px 0}
.post-body img.alignright,.post-body .alignright img{float:right;margin:0 0 10px 14px}
/* WordPress block editor images */
.post-body .wp-block-image{margin-bottom:16px}
.post-body .wp-block-image.aligncenter{text-align:center;display:block}
.post-body .wp-block-image.aligncenter img{display:block;margin:0 auto}
.post-body .wp-block-image.alignfull,.post-body .wp-block-image.alignwide{width:100%;max-width:100%}
.post-body figure figcaption{font-size:12px;color:#666;text-align:center;margin-top:5px;font-style:italic;display:block;width:100%;white-space:normal;word-break:normal;writing-mode:horizontal-tb;unicode-bidi:normal}

/* ── FIGCAPTION / IMAGE CAPTION FIX ──
   The vertical letter-by-letter display is caused by writing-mode or column CSS
   from other plugins. Force horizontal normal display.
*/
/* ── FIGURE & FIGCAPTION: prevent vertical text / caption breaking ──
   Root cause: WordPress sets figure to display:table which shrinks width.
   Fix: force figure to be a full-width block so caption has room.
*/
figure{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:12px 0 !important;
}
figure img{display:block;margin:0 auto}
figcaption,
.wp-element-caption,
.wp-caption-text{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  writing-mode:horizontal-tb !important;
  -webkit-writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:break-word !important;
  font-size:12px !important;
  color:#666 !important;
  text-align:center !important;
  margin-top:6px !important;
  font-style:italic !important;
  line-height:1.5 !important;
}
.wp-caption{display:block !important;max-width:100% !important}
.wp-caption-text{
  display:block !important;
  writing-mode:horizontal-tb !important;
  white-space:normal !important;
  font-size:12px;color:#666;
  text-align:center;padding:5px 0;
  font-style:italic;
}
/* WordPress tables in post */
.post-body table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.post-body table td,.post-body table th{padding:8px 12px;border:1px solid #ddd;vertical-align:top}
.post-body table th{background:#003580;color:#fff;font-weight:700;text-align:left}
.post-body table tr:nth-child(even){background:#f9f9f9}
/* Related posts */
.related-posts{margin-top:20px}
.related-head{background:#1a6b1a;color:#fff;padding:7px 12px;font-size:13px;font-weight:800;font-family:'Mukta',sans-serif;border-radius:3px 3px 0 0}
.related-body{border:1px solid #ddd;border-top:none}
.related-body ul li{border-bottom:1px solid #eee}
.related-body ul li:last-child{border-bottom:none}
.related-body ul li a{display:block;padding:6px 12px;font-size:12.5px;font-weight:600;color:#003580;transition:color .15s}
.related-body ul li a:hover{color:#cc0000;text-decoration:none}

/* ============================================================
   ARCHIVE / CATEGORY PAGE HEADER
   ============================================================ */
.arc-head{
  background:#003580;color:#fff;
  padding:10px 14px;
  font-size:14px;font-weight:800;
  font-family:'Mukta',sans-serif;
  display:flex;align-items:center;gap:8px;
  border-bottom:2px solid #cc0000;
}
.arc-head .arc-count{
  font-size:11px;background:rgba(255,255,255,.2);
  padding:2px 8px;border-radius:2px;
}

/* ============================================================
   SEARCH RESULTS
   ============================================================ */
.search-hd{background:#f9f9f9;border-bottom:2px solid #cc0000;padding:10px 14px}
.search-hd h1{font-size:13px;font-weight:800;color:#003580;font-family:'Mukta',sans-serif}
.search-hd h1 span{color:#cc0000}

/* ============================================================
   STATIC PAGE (About / Contact / Privacy / Disclaimer)
   ============================================================ */
.pg-wrap{padding:16px}
.pg-title{
  font-size:1.2rem;font-weight:800;
  color:#003580;border-bottom:3px solid #cc0000;
  padding-bottom:8px;margin-bottom:16px;
  font-family:'Mukta',sans-serif;
}
.pg-body{font-size:13.5px;line-height:1.8;color:#333}
.pg-body h2{font-size:1rem;font-weight:800;color:#003580;margin:18px 0 8px;font-family:'Mukta',sans-serif}
.pg-body p{margin-bottom:12px}
.pg-body ul{margin:8px 0 14px 20px;list-style:disc}
.pg-body ul li{margin-bottom:5px}
.pg-body a{color:#003580;text-decoration:none}
.pg-body a:hover{color:#cc0000;text-decoration:none}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form .form-group{margin-bottom:14px}
.contact-form label{display:block;font-weight:700;font-size:12.5px;margin-bottom:5px}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;padding:9px 12px;
  border:1px solid #ccc;border-radius:3px;
  font-size:13px;font-family:'Mukta',sans-serif;
  outline:none;color:#333;transition:border-color .2s;
}
.contact-form input:focus,.contact-form textarea:focus{border-color:#003580}
.contact-form textarea{resize:vertical;min-height:120px}
.btn-submit{
  background:#003580;color:#fff;border:none;
  padding:10px 30px;border-radius:3px;
  font-family:'Mukta',sans-serif;font-weight:800;font-size:14px;
  cursor:pointer;transition:background .2s;
}
.btn-submit:hover{background:#002060}
/* wpcf7 form reset */
.wpcf7 input,.wpcf7 textarea{
  width:100% !important;padding:9px 12px !important;
  border:1px solid #ccc !important;border-radius:3px !important;
  font-family:'Mukta',sans-serif !important;font-size:13px !important;
}
.wpcf7-submit{
  background:#003580 !important;color:#fff !important;
  border:none !important;padding:10px 30px !important;
  border-radius:3px !important;font-weight:800 !important;
  font-size:14px !important;width:auto !important;
}

/* ============================================================
   404
   ============================================================ */
.err-wrap{text-align:center;padding:60px 20px}
.err-code{font-size:5rem;font-weight:800;color:#cc0000;font-family:'Mukta',sans-serif;line-height:1}
.err-wrap h2{font-size:1.2rem;font-weight:800;margin:10px 0 12px;font-family:'Mukta',sans-serif}
.err-wrap p{color:#666;font-size:13px;margin-bottom:20px}
.btn-go-home{
  display:inline-block;background:#cc0000;color:#fff;
  padding:10px 26px;border-radius:3px;
  font-weight:800;font-size:13px;font-family:'Mukta',sans-serif;
  transition:background .2s;
}
.btn-go-home:hover{background:#990000;color:#fff;text-decoration:none}

/* ============================================================
   FOOTER
   ============================================================ */
#nl-footer{background:#003580;color:rgba(255,255,255,.8);border-top:3px solid #cc0000}
/* Footer nav bar */
.foot-nav-bar{
  background:#002060;
  display:flex;flex-wrap:wrap;
  align-items:stretch;
  padding:0;list-style:none;
}
/* Style both li>a (WP menu) and bare <a> (fallback) */
.foot-nav-bar li,
.foot-nav-bar>a{
  display:block;
}
.foot-nav-bar li a,
.foot-nav-bar>a{
  display:block;color:rgba(255,255,255,.85);
  font-size:12.5px;font-weight:700;
  padding:9px 14px;
  font-family:'Mukta',sans-serif;
  border-right:1px solid rgba(255,255,255,.1);
  transition:color .15s;
  white-space:nowrap;
  text-decoration:none;
}
.foot-nav-bar li a:hover,
.foot-nav-bar>a:hover{color:#f5a623;text-decoration:none}
/* Footer body */
.foot-body{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:24px;padding:22px 18px;
}
.foot-brand{}
.foot-brand-name{
  font-family:'Mukta',sans-serif;
  font-size:1.7rem;font-weight:800;color:#fff;
}
.foot-brand-name .fp1,.foot-brand-name .fp2{color:#fff}
.foot-brand-desc{
  font-size:12px;line-height:1.7;
  color:rgba(255,255,255,.68);margin-top:8px;
}
.foot-social{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.fsoc{
  width:36px;height:36px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;color:#fff;
  text-decoration:none;
  transition:opacity .2s,transform .18s,box-shadow .18s;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  position:relative;
}
.fsoc:hover{
  opacity:1;transform:translateY(-3px);color:#fff;text-decoration:none;
  box-shadow:0 5px 14px rgba(0,0,0,.35);
}
.fsoc-wa{background:#25D366}
.fsoc-tg{background:#0088cc}
.fsoc-yt{background:#FF0000}
.fsoc-fb{background:#1877f2}
.fsoc-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.fsoc-tw{background:#000}
/* Top bar small social icons */
.tsoc{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:4px;
  font-size:11px;font-weight:800;color:#fff;text-decoration:none;
  transition:opacity .15s,transform .15s;
  box-shadow:0 1px 4px rgba(0,0,0,.3);
}
.tsoc:hover{opacity:.85;transform:translateY(-1px);color:#fff;text-decoration:none}
.foot-col h4{
  font-family:'Mukta',sans-serif;font-size:12px;font-weight:800;
  color:#fff;text-transform:uppercase;letter-spacing:1px;
  margin-bottom:10px;padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.15);
}
.foot-col ul li a{
  display:block;color:rgba(255,255,255,.7);
  font-size:12px;padding:3px 0;transition:color .15s;
}
.foot-col ul li a:hover{color:#f5a623;text-decoration:none}
/* Footer bottom */
.foot-bottom{
  background:#001440;padding:10px 18px;
  display:flex;align-items:center;
  justify-content:space-between;
  font-size:11.5px;color:rgba(255,255,255,.6);
  flex-wrap:wrap;gap:6px;
}
.foot-bottom a{color:rgba(255,255,255,.75);font-weight:600;text-decoration:none}
.foot-bottom a:hover{color:#f5a623}


/* ── TOAST NOTIFICATION ── */
#nl-toast{
  position:fixed;
  bottom:24px;right:20px;
  background:#1a6b1a;
  color:#fff;
  padding:11px 20px;
  border-radius:4px;
  font-family:'Mukta',sans-serif;
  font-weight:700;font-size:13px;
  z-index:9999;
  opacity:0;
  transform:translateY(30px);
  transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  max-width:320px;
}
#nl-toast.show{opacity:1;transform:translateY(0)}
/* WhatsApp float */
.wa-float{
  position:fixed;bottom:70px;right:16px;
  width:48px;height:48px;background:#25D366;
  border-radius:50%;display:flex;
  align-items:center;justify-content:center;
  font-size:1.5rem;
  box-shadow:0 4px 14px rgba(0,0,0,.2);
  z-index:500;text-decoration:none;
  transition:transform .2s;
}
.wa-float:hover{transform:scale(1.1);text-decoration:none}

/* ============================================================
   WORDPRESS ADMIN BAR OFFSET
   ============================================================ */
.admin-bar #nl-nav{top:32px}
@media screen and (max-width:782px){.admin-bar #nl-nav{top:46px}}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:960px){
  #nl-left,#nl-right{display:none}
  #nl-body{display:block}
  .foot-body{grid-template-columns:1fr 1fr;gap:16px}
}
@media(max-width:640px){
  .header-row{flex-direction:column;align-items:flex-start;padding:8px 12px;gap:8px}
  .logo-text{font-size:1.7rem}
  .header-ad,.header-search{display:none}
  #nl-nav-toggle{display:block}
  .nl-menu{flex-direction:column;display:none}
  .nl-menu.open{display:flex}
  .nl-menu>li>a{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .nl-menu .sub-menu{position:static;box-shadow:none;border-top:none}
  .hw-grid{grid-template-columns:1fr}
  .hw-box:nth-child(even){border-left:1px solid #ddd}
  .foot-body{grid-template-columns:1fr;gap:14px;padding:16px 14px}
  .contact-form .form-row{grid-template-columns:1fr}
  .job-table,.post-body table{font-size:12px}
  .job-table td:first-child{width:35%}
  .foot-nav-bar li a,.foot-nav-bar>a{font-size:11px;padding:7px 10px}
}
@media(max-width:400px){
  .logo-text{font-size:1.4rem}
  .hot-tabs li a{font-size:11px;padding:4px 9px}
}