:root{
      --primary:#073b82;
      --primary-dark:#031f49;
      --primary-light:#0f62c9;
      --primary-soft:#eaf2ff;
      --secondary:#e31e24;
      --secondary-dark:#b80810;
      --secondary-soft:#fff0f1;
      --dark:#10213e;
      --text:#40506a;
      --muted:#78869b;
      --white:#ffffff;
      --bg:#f5f9ff;
      --border:#dce6f3;
      --success:#168b58;
      --danger:#d93025;
      --warning:#d99500;
      --purple:#7a35ca;
      --gradient-primary:linear-gradient(135deg,#031f49 0%,#073b82 48%,#0f62c9 72%,#e31e24 130%);
      --gradient-red:linear-gradient(135deg,#b80810 0%,#e31e24 62%,#f04a50 100%);
      --gradient-soft:linear-gradient(135deg,#eef5ff 0%,#ffffff 50%,#fff1f2 100%);
      --gradient-dark:linear-gradient(135deg,#02152f 0%,#052d68 62%,#8d1117 130%);
      --shadow:0 18px 55px rgba(5,42,95,.15);
      --shadow-small:0 9px 28px rgba(5,42,95,.10);
      --radius:20px;
    }

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      font-family:"Inter",sans-serif;
      background:
        radial-gradient(circle at 5% 8%,rgba(15,98,201,.08),transparent 24%),
        radial-gradient(circle at 95% 22%,rgba(227,30,36,.07),transparent 22%),
        var(--bg);
      color:var(--text);
      line-height:1.6;
      overflow-x:hidden;
    }

    body.menu-open{
      overflow:hidden;
    }

    a{
      text-decoration:none;
      color:inherit;
    }

    ul{
      list-style:none;
    }

    img{
      width:100%;
      display:block;
    }

    button,
    input,
    select,
    textarea{
      font:inherit;
    }

    .container{
      width:min(1200px,92%);
      margin:auto;
    }

    .topbar{
      background:#081a35;
      color:#dce8fb;
      font-size:14px;
    }

    .topbar-inner{
      min-height:42px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }

    .topbar-left,
    .topbar-right{
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }

    .topbar i{
      color:#ff8a8f;
      margin-right:6px;
    }



    .language-button.translating{
      opacity:.78;
      pointer-events:none;
    }

    .language-button.translating .language-angle{
      animation:languageSpin .7s linear infinite;
    }

    @keyframes languageSpin{
      to{transform:rotate(360deg)}
    }

    .notranslate,
    [translate="no"]{
      unicode-bidi:isolate;
    }

    .language-switcher{
      position:relative;
    }

    .language-button{
      min-width:126px;
      height:32px;
      padding:0 10px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:8px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      background:rgba(255,255,255,.08);
      color:#fff;
      cursor:pointer;
      font-size:12px;
      font-weight:700;
    }

    .language-button:hover{
      background:rgba(255,255,255,.15);
    }

    .language-angle{
      font-size:10px;
      margin-left:2px;
      transition:.2s;
    }

    .language-switcher.open .language-angle{
      transform:rotate(180deg);
    }

    .language-menu{
      position:absolute;
      top:calc(100% + 8px);
      right:0;
      z-index:1100;
      width:175px;
      padding:8px;
      border:1px solid var(--border);
      border-radius:13px;
      background:#fff;
      box-shadow:var(--shadow);
      opacity:0;
      visibility:hidden;
      transform:translateY(8px);
      transition:.2s;
    }

    .language-switcher.open .language-menu{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }

    .language-menu button{
      width:100%;
      border:none;
      background:transparent;
      color:var(--dark);
      display:flex;
      align-items:center;
      gap:9px;
      padding:9px 10px;
      border-radius:8px;
      cursor:pointer;
      text-align:left;
      font-size:12px;
      font-weight:650;
    }

    .language-menu button:hover,
    .language-menu button.active{
      background:var(--primary-soft);
      color:var(--primary);
    }

    .language-code{
      width:27px;
      height:27px;
      border-radius:8px;
      display:grid;
      place-items:center;
      color:#fff;
      background:linear-gradient(135deg,var(--primary),var(--secondary));
      font-size:10px;
      font-weight:800;
    }

    .google-translate-holder{
      position:fixed !important;
      left:-9999px !important;
      top:0 !important;
      width:220px !important;
      height:45px !important;
      overflow:visible !important;
      opacity:.01 !important;
      visibility:visible !important;
      pointer-events:none !important;
      z-index:-1 !important;
    }

    .google-translate-holder .goog-te-gadget,
    .google-translate-holder .goog-te-combo{
      display:block !important;
      visibility:visible !important;
      width:200px !important;
      height:35px !important;
      opacity:.01 !important;
    }

    html,
    body{
      top:0 !important;
      margin-top:0 !important;
    }

    body.translated-ltr,
    body.translated-rtl{
      top:0 !important;
    }

    .goog-te-banner-frame,
    .goog-te-banner-frame.skiptranslate,
    iframe.goog-te-banner-frame,
    iframe.skiptranslate,
    #goog-gt-tt,
    .goog-te-balloon-frame,
    .goog-te-spinner-pos,
    .goog-tooltip,
    .goog-tooltip:hover,
    .goog-text-highlight{
      display:none !important;
      visibility:hidden !important;
      opacity:0 !important;
      height:0 !important;
      width:0 !important;
      border:none !important;
      box-shadow:none !important;
      background:transparent !important;
    }

    .goog-logo-link,
    .goog-te-gadget > span,
    .VIpgJd-ZVi9od-ORHb-OEVmcd,
    .VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
    .VIpgJd-ZVi9od-aZ2wEe-OiiCO,
    .VIpgJd-ZVi9od-ORHb{
      display:none !important;
      visibility:hidden !important;
      opacity:0 !important;
      height:0 !important;
      overflow:hidden !important;
    }

    skiptranslate{
      display:none !important;
    }

    .site-header{
      background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(247,251,255,.97),rgba(255,247,248,.97));
      border-top:3px solid transparent;
      border-image:linear-gradient(90deg,var(--primary-dark),var(--primary-light),var(--secondary)) 1;
      position:sticky;
      top:0;
      z-index:999;
      box-shadow:0 10px 32px rgba(5,42,95,.12);
      backdrop-filter:blur(14px);
    }

    .header-inner{
      min-height:92px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:245px;
    }

    .brand-logo-link{
      min-width:330px;
      max-width:395px;
    }

    .site-logo{
      width:100%;
      max-width:380px;
      height:78px;
      object-fit:contain;
      object-position:left center;
    }

    .brand-icon{
      width:50px;
      height:50px;
      border-radius:16px;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,var(--primary-dark),var(--primary-light) 58%,var(--secondary));
      color:white;
      font-size:23px;
      box-shadow:0 10px 24px rgba(7,86,204,.28);
    }

    .brand h1{
      font-family:"Poppins",sans-serif;
      color:var(--dark);
      font-size:21px;
      line-height:1.1;
    }

    .brand span{
      font-size:11px;
      color:var(--muted);
    }

    .nav-menu{
      display:flex;
      align-items:center;
      gap:2px;
    }

    .nav-item{
      position:relative;
    }

    .nav-link{
      display:flex;
      align-items:center;
      gap:5px;
      padding:34px 12px;
      font-size:15px;
      font-weight:800;
      color:var(--dark);
      transition:.2s;
    }

    .nav-link:hover,
    .nav-link.active{
      color:var(--primary);
    }

    .dropdown{
      position:absolute;
      top:100%;
      left:0;
      min-width:235px;
      padding:10px;
      background:white;
      border:1px solid var(--border);
      border-radius:15px;
      box-shadow:var(--shadow);
      opacity:0;
      visibility:hidden;
      transform:translateY(12px);
      transition:.25s;
    }

    .nav-item:hover .dropdown{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }

    .dropdown a{
      display:flex;
      align-items:center;
      gap:10px;
      padding:10px 12px;
      border-radius:10px;
      font-size:13px;
      font-weight:650;
    }

    .dropdown a:hover{
      background:var(--primary-soft);
      color:var(--primary);
    }

    .dropdown i{
      width:18px;
    }

    .header-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .enquiry-button{
      border:none;
      cursor:pointer;
      padding:13px 20px;
      border-radius:11px;
      background:linear-gradient(135deg,var(--secondary-dark),var(--secondary));
      color:white;
      font-weight:800;
      box-shadow:0 9px 22px rgba(227,30,36,.25);
    }

    .menu-toggle{
      width:44px;
      height:44px;
      display:none;
      place-items:center;
      border:none;
      border-radius:11px;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:20px;
      cursor:pointer;
    }

    .mobile-overlay{
      position:fixed;
      inset:0;
      background:rgba(4,18,41,.58);
      opacity:0;
      visibility:hidden;
      transition:.25s;
      z-index:990;
    }

    .mobile-overlay.show{
      opacity:1;
      visibility:visible;
    }

    .hero{
      min-height:570px;
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:center;
      color:white;
      background:
        linear-gradient(115deg,rgba(2,21,47,.99) 0%,rgba(5,45,104,.96) 48%,rgba(15,98,201,.88) 76%,rgba(227,30,36,.82) 135%),
        url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1900&q=85") center/cover;
    }

    .hero::after{
      content:"";
      position:absolute;
      width:520px;
      height:520px;
      left:-230px;
      bottom:-300px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(227,30,36,.20),transparent 68%);
      pointer-events:none;
    }

    .hero::before{
      content:"";
      position:absolute;
      width:430px;
      height:430px;
      border-radius:50%;
      right:-120px;
      top:-160px;
      background:rgba(255,255,255,.07);
    }

    .hero-grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1.25fr .75fr;
      gap:50px;
      align-items:center;
      padding:75px 0 100px;
    }

    .hero-badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border:1px solid rgba(255,255,255,.25);
      background:rgba(255,255,255,.1);
      padding:8px 14px;
      border-radius:30px;
      font-size:14px;
      font-weight:800;
      margin-bottom:18px;
    }

    .hero h2{
      font-family:"Poppins",sans-serif;
      font-size:clamp(42px,5.5vw,68px);
      line-height:1.06;
      margin-bottom:18px;
    }

    .hero h2 span{
      color:#ffb0b4;
    }

    .hero p{
      max-width:690px;
      color:#dce9ff;
      font-size:19px;
      margin-bottom:30px;
    }

    .search-box{
      display:grid;
      grid-template-columns:1.35fr .85fr auto;
      background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(247,251,255,.98),rgba(255,246,247,.98));
      border:1px solid rgba(255,255,255,.52);
      border-radius:17px;
      padding:7px;
      box-shadow:0 18px 48px rgba(0,0,0,.24);
    }

    .search-field{
      display:flex;
      align-items:center;
      gap:10px;
      padding:0 14px;
      border-right:1px solid var(--border);
    }

    .search-field i{
      color:var(--primary);
    }

    .search-field input,
    .search-field select{
      width:100%;
      min-height:52px;
      border:none;
      outline:none;
      background:transparent;
      color:var(--text);
    }

    .search-button{
      min-width:140px;
      border:none;
      border-radius:12px;
      background:var(--gradient-red);
      color:white;
      font-weight:800;
      cursor:pointer;
    }

    .hero-stats{
      display:flex;
      gap:34px;
      flex-wrap:wrap;
      margin-top:29px;
    }

    .hero-stat strong{
      display:block;
      color:white;
      font-size:27px;
    }

    .hero-stat span{
      font-size:13px;
      color:#bfd2f0;
    }

    .hero-widget{
      background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.09));
      border:1px solid rgba(255,255,255,.28);
      border-radius:24px;
      padding:25px;
      backdrop-filter:blur(14px);
      box-shadow:0 20px 45px rgba(0,0,0,.18);
    }

    .hero-widget h3{
      font-size:19px;
      margin-bottom:15px;
    }

    .hero-quick-link{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      padding:13px 0;
      border-bottom:1px solid rgba(255,255,255,.14);
      font-size:13px;
      font-weight:750;
    }

    .hero-quick-link:last-child{
      border-bottom:none;
    }

    .hero-quick-link span{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .hero-quick-link span i{
      color:#ffb0b4;
    }

    .ticker-wrap{
      margin-top:-38px;
      position:relative;
      z-index:5;
    }

    .ticker{
      min-height:72px;
      display:flex;
      overflow:hidden;
      background:white;
      border-radius:17px;
      box-shadow:var(--shadow);
    }

    .ticker-title{
      width:185px;
      flex-shrink:0;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      background:var(--danger);
      color:white;
      font-weight:800;
    }

    .ticker-content{
      display:flex;
      align-items:center;
      overflow:hidden;
      white-space:nowrap;
      flex:1;
    }

    .ticker-track{
      display:inline-flex;
      gap:60px;
      padding-left:100%;
      animation:tickerMove 28s linear infinite;
    }

    .ticker-track:hover{
      animation-play-state:paused;
    }

    .ticker-track a{
      font-size:14px;
      font-weight:750;
    }

    .ticker-track a::before{
      content:"●";
      color:var(--secondary);
      margin-right:8px;
    }

    @keyframes tickerMove{
      to{transform:translateX(-100%)}
    }

    .section{
      padding:82px 0;
      position:relative;
    }

    .section::before{
      content:"";
      position:absolute;
      top:0;
      left:50%;
      width:min(1180px,88%);
      height:1px;
      transform:translateX(-50%);
      background:linear-gradient(90deg,transparent,rgba(15,98,201,.22),rgba(227,30,36,.20),transparent);
    }

    .section-soft{
      background:
        radial-gradient(circle at 8% 20%,rgba(15,98,201,.10),transparent 25%),
        radial-gradient(circle at 92% 80%,rgba(227,30,36,.08),transparent 24%),
        linear-gradient(180deg,#edf5ff 0%,#f8fbff 48%,#fff4f5 100%);
    }

    .section-heading{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:25px;
      margin-bottom:32px;
    }

    .eyebrow{
      color:var(--secondary);
      font-size:14px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:1.2px;
      margin-bottom:7px;
    }

    .section-heading h3{
      font-family:"Poppins",sans-serif;
      font-size:clamp(28px,4vw,40px);
      color:var(--dark);
      line-height:1.18;
    }

    .section-heading p{
      color:var(--muted);
      max-width:690px;
      margin-top:8px;
    }

    .view-all{
      color:var(--primary);
      font-weight:800;
      white-space:nowrap;
    }

    .category-grid{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:17px;
    }

    .category-card{
      min-height:155px;
      padding:24px 15px;
      text-align:center;
      background:linear-gradient(#fff,#fff) padding-box,
                 linear-gradient(135deg,rgba(15,98,201,.28),rgba(227,30,36,.22)) border-box;
      border:1px solid transparent;
      border-radius:18px;
      transition:.25s;
    }

    .category-card:hover{
      transform:translateY(-8px);
      box-shadow:var(--shadow);
      background:
        linear-gradient(135deg,rgba(238,245,255,.98),rgba(255,255,255,.98),rgba(255,240,241,.98)) padding-box,
        linear-gradient(135deg,var(--primary-light),var(--secondary)) border-box;
    }

    .category-icon{
      width:58px;
      height:58px;
      border-radius:16px;
      margin:0 auto 14px;
      display:grid;
      place-items:center;
      font-size:24px;
      background:#eaf2ff;
      color:var(--primary);
    }

    .category-card.orange .category-icon{background:#fff0f1;color:#cf1119}
    .category-card.green .category-icon{background:#e8f8ef;color:#10854e}
    .category-card.yellow .category-icon{background:#fff6dd;color:#c67a00}
    .category-card.purple .category-icon{background:#f4ebff;color:var(--purple)}
    .category-card.red .category-icon{background:#ffecef;color:#d52b45}

    .category-card h4{
      color:var(--dark);
      font-size:15px;
      margin-bottom:5px;
    }

    .category-card span{
      color:var(--muted);
      font-size:12px;
    }

    .content-layout{
      display:grid;
      grid-template-columns:minmax(0,2fr) minmax(290px,.85fr);
      gap:25px;
      align-items:start;
    }

    .panel{
      background:linear-gradient(#fff,#fff) padding-box,
                 linear-gradient(135deg,rgba(15,98,201,.30),rgba(227,30,36,.25)) border-box;
      border:1px solid transparent;
      border-radius:var(--radius);
      box-shadow:var(--shadow-small);
      overflow:hidden;
    }

    .panel-header{
      padding:21px 23px;
      border-bottom:1px solid var(--border);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:15px;
    }

    .panel-header h4{
      color:var(--dark);
      font-family:"Poppins",sans-serif;
      font-size:19px;
    }

    .panel-header a{
      color:var(--primary);
      font-size:14px;
      font-weight:800;
    }

    .filter-bar{
      padding:16px 20px;
      background:#f8fbff;
      border-bottom:1px solid var(--border);
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }

    .filter-button{
      border:1px solid var(--border);
      background:white;
      color:var(--text);
      padding:8px 13px;
      border-radius:20px;
      font-size:12px;
      font-weight:750;
      cursor:pointer;
    }

    .filter-button.active,
    .filter-button:hover{
      background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));
      color:white;
      border-color:var(--primary);
    }

    .job-list{
      padding:4px 20px;
    }

    .job-item{
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:16px;
      align-items:start;
      padding:19px 0;
      border-bottom:1px dashed var(--border);
      transition:.2s;
    }

    .job-item:hover{
      transform:translateX(4px);
    }

    .job-item:last-child{
      border-bottom:none;
    }

    .job-logo{
      width:55px;
      height:55px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background:var(--primary-soft);
      color:var(--primary);
      font-weight:900;
      font-size:17px;
    }

    .job-info h5{
      color:var(--dark);
      font-size:15px;
      margin-bottom:6px;
    }

    .job-meta{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      color:var(--muted);
      font-size:12px;
    }

    .job-meta i{
      color:var(--primary);
      margin-right:4px;
    }

    .job-tags{
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      margin-top:10px;
    }

    .tag{
      padding:4px 9px;
      border-radius:20px;
      background:#edf5ff;
      color:var(--primary);
      font-size:11px;
      font-weight:750;
    }

    .tag.green{
      background:#e8f7ef;
      color:#11834e;
    }

    .job-date{
      text-align:right;
    }

    .job-date strong{
      display:block;
      color:var(--danger);
      font-size:12px;
    }

    .job-date span{
      color:var(--muted);
      font-size:11px;
    }

    .sidebar-card{
      padding:22px;
      margin-bottom:22px;
    }

    .sidebar-title{
      font-family:"Poppins",sans-serif;
      color:var(--dark);
      font-size:18px;
      padding-bottom:12px;
      margin-bottom:10px;
      border-bottom:1px solid var(--border);
    }

    .quick-link{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:11px 0;
      border-bottom:1px dashed var(--border);
      font-size:13px;
      font-weight:750;
    }

    .quick-link:last-child{
      border-bottom:none;
    }

    .quick-link span{
      display:flex;
      align-items:center;
      gap:9px;
    }

    .quick-link i{
      color:var(--primary);
    }

    .quick-link b{
      min-width:28px;
      height:24px;
      padding:0 7px;
      border-radius:12px;
      display:grid;
      place-items:center;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:11px;
    }

    .alert-card{
      color:white;
      background:
        linear-gradient(145deg,rgba(3,31,73,.98),rgba(7,59,130,.95) 65%,rgba(227,30,36,.86)),
        url("https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=900&q=80") center/cover;
    }

    .alert-card h4{
      font-family:"Poppins",sans-serif;
      font-size:21px;
      margin-bottom:8px;
    }

    .alert-card p{
      font-size:13px;
      color:#dbe8ff;
      margin-bottom:15px;
    }

    .alert-card input{
      width:100%;
      height:46px;
      border:none;
      outline:none;
      border-radius:10px;
      padding:0 13px;
      margin-bottom:10px;
    }

    .alert-card button{
      width:100%;
      height:46px;
      border:none;
      border-radius:10px;
      background:var(--gradient-red);
      color:white;
      font-weight:800;
      cursor:pointer;
    }

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

    .info-panel .panel-header{
      border-top:4px solid var(--primary);
    }

    .info-panel.green .panel-header{border-top-color:var(--success)}
    .info-panel.yellow .panel-header{border-top-color:var(--warning)}
    .info-panel.purple .panel-header{border-top-color:var(--purple)}
    .info-panel.red .panel-header{border-top-color:var(--danger)}

    .notice-list{
      padding:8px 20px 18px;
    }

    .notice-item{
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:10px;
      align-items:start;
      padding:13px 0;
      border-bottom:1px dashed var(--border);
      font-size:13px;
      font-weight:650;
      transition:.2s;
    }

    .notice-item:hover{
      color:var(--primary);
      transform:translateX(3px);
    }

    .notice-item:last-child{
      border-bottom:none;
    }

    .notice-item > i:first-child{
      color:var(--secondary);
      font-size:8px;
      margin-top:6px;
    }

    .notice-item small{
      display:block;
      color:var(--danger);
      font-weight:750;
      margin-top:3px;
    }

    .notice-arrow{
      color:#a7b4c7;
      font-size:11px;
      margin-top:6px;
    }

    .enquiry-section{
      color:white;
      background:
        linear-gradient(125deg,rgba(3,25,59,.98),rgba(7,59,130,.94) 62%,rgba(227,30,36,.84)),
        url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=85") center/cover;
    }

    .enquiry-layout{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:42px;
      align-items:center;
    }

    .enquiry-copy h3{
      font-family:"Poppins",sans-serif;
      font-size:clamp(31px,4vw,46px);
      line-height:1.15;
      margin-bottom:15px;
    }

    .enquiry-copy p{
      color:#d8e8ff;
      margin-bottom:24px;
    }

    .enquiry-feature{
      display:flex;
      align-items:flex-start;
      gap:13px;
      margin-bottom:16px;
    }

    .enquiry-feature-icon{
      width:42px;
      height:42px;
      border-radius:12px;
      flex-shrink:0;
      display:grid;
      place-items:center;
      background:rgba(255,255,255,.13);
      color:#ffb0b4;
    }

    .enquiry-feature strong{
      display:block;
    }

    .enquiry-feature span{
      font-size:13px;
      color:#c6dbf8;
    }

    .enquiry-form-card{
      background:linear-gradient(#fff,#fff) padding-box,
                 linear-gradient(135deg,var(--primary-light),var(--secondary)) border-box;
      color:var(--text);
      padding:28px;
      border:1px solid transparent;
      border-radius:24px;
      box-shadow:0 24px 60px rgba(0,0,0,.24);
    }

    .form-card-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:15px;
      margin-bottom:22px;
    }

    .form-card-top h4{
      color:var(--dark);
      font-family:"Poppins",sans-serif;
      font-size:23px;
    }

    .form-card-top p{
      font-size:13px;
      color:var(--muted);
    }

    .secure-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:7px 10px;
      border-radius:20px;
      background:#e8f7ef;
      color:var(--success);
      font-size:11px;
      font-weight:800;
      white-space:nowrap;
    }

    .form-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:15px;
    }

    .form-group.full{
      grid-column:1/-1;
    }

    .form-group label{
      display:block;
      color:var(--dark);
      font-size:12px;
      font-weight:800;
      margin-bottom:6px;
    }

    .form-control{
      width:100%;
      height:48px;
      border:1px solid var(--border);
      border-radius:11px;
      padding:0 13px;
      outline:none;
      background:#fbfdff;
      transition:.2s;
    }

    textarea.form-control{
      height:110px;
      padding-top:12px;
      resize:vertical;
    }

    .form-control:focus{
      border-color:var(--primary);
      background:white;
      box-shadow:0 0 0 4px rgba(7,86,204,.09);
    }

    .consent{
      display:flex;
      align-items:flex-start;
      gap:9px;
      font-size:12px;
      color:var(--muted);
    }

    .consent input{
      margin-top:4px;
    }

    .submit-enquiry{
      width:100%;
      height:50px;
      border:none;
      border-radius:12px;
      background:linear-gradient(135deg,var(--secondary-dark),var(--secondary));
      color:white;
      font-weight:850;
      cursor:pointer;
      box-shadow:0 10px 24px rgba(227,30,36,.25);
    }

    .visitor-section{
      padding:42px 0;
      background:
        radial-gradient(circle at 12% 50%,rgba(15,98,201,.09),transparent 24%),
        radial-gradient(circle at 88% 50%,rgba(227,30,36,.08),transparent 24%),
        linear-gradient(135deg,#ffffff,#f5f9ff,#fff5f6);
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
    }

    .visitor-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:14px;
    }

    .visitor-card{
      text-align:center;
      padding:20px 12px;
      border:1px solid var(--border);
      border-radius:16px;
      background:linear-gradient(135deg,#ffffff,#f2f7ff,#fff3f4);
      box-shadow:0 8px 24px rgba(5,42,95,.08);
    }

    .visitor-card i{
      width:42px;
      height:42px;
      border-radius:12px;
      display:grid;
      place-items:center;
      margin:0 auto 10px;
      color:var(--primary);
      background:var(--primary-soft);
    }

    .visitor-card strong{
      display:block;
      color:var(--dark);
      font-size:23px;
    }

    .visitor-card span{
      color:var(--muted);
      font-size:12px;
    }

    footer{
      background:
        radial-gradient(circle at 10% 0%,rgba(15,98,201,.28),transparent 28%),
        radial-gradient(circle at 92% 20%,rgba(227,30,36,.24),transparent 25%),
        linear-gradient(135deg,#06152b 0%,#0a2449 55%,#47131a 130%);
      color:#bdc9dc;
      padding-top:68px;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:1.4fr repeat(3,1fr);
      gap:42px;
      padding-bottom:48px;
    }

    .footer-brand{
      color:white;
      font-family:"Poppins",sans-serif;
      font-size:24px;
      margin-bottom:14px;
    }

    .footer-about{
      max-width:370px;
      font-size:13px;
      line-height:1.8;
    }

    .socials{
      display:flex;
      gap:10px;
      margin-top:20px;
    }

    .socials a{
      width:40px;
      height:40px;
      border-radius:10px;
      display:grid;
      place-items:center;
      background:#182b49;
      color:white;
      transition:.2s;
    }

    .socials a:hover{
      background:var(--gradient-primary);
      transform:translateY(-3px);
    }

    .footer-title{
      color:white;
      font-size:16px;
      margin-bottom:16px;
    }

    .footer-links li{
      margin-bottom:10px;
    }

    .footer-links a{
      font-size:13px;
    }

    .footer-links a:hover{
      color:white;
    }

    .footer-bottom{
      min-height:72px;
      border-top:1px solid rgba(255,255,255,.09);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      font-size:12px;
    }

    .chat-launcher{
      position:fixed;
      right:22px;
      bottom:22px;
      z-index:1500;
      width:62px;
      height:62px;
      border:none;
      border-radius:50%;
      display:grid;
      place-items:center;
      cursor:pointer;
      background:linear-gradient(135deg,var(--primary-dark),var(--primary-light) 62%,var(--secondary));
      color:white;
      font-size:24px;
      box-shadow:0 14px 35px rgba(7,86,204,.38);
    }

    .chat-window{
      position:fixed;
      right:22px;
      bottom:96px;
      z-index:1500;
      width:min(380px,calc(100% - 30px));
      background:white;
      border-radius:21px;
      overflow:hidden;
      box-shadow:0 22px 60px rgba(8,32,72,.26);
      opacity:0;
      visibility:hidden;
      transform:translateY(20px) scale(.96);
      transition:.25s;
    }

    .chat-window.open{
      opacity:1;
      visibility:visible;
      transform:translateY(0) scale(1);
    }

    .chat-header{
      padding:17px 18px;
      color:white;
      background:linear-gradient(135deg,var(--primary-dark),var(--primary) 70%,var(--secondary));
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }

    .chat-agent{
      display:flex;
      align-items:center;
      gap:11px;
    }

    .agent-avatar{
      width:42px;
      height:42px;
      border-radius:13px;
      display:grid;
      place-items:center;
      background:rgba(255,255,255,.16);
      font-size:19px;
    }

    .chat-agent strong{
      display:block;
    }

    .chat-agent span{
      font-size:11px;
      color:#d8e7ff;
    }

    .chat-close{
      width:34px;
      height:34px;
      border:none;
      border-radius:9px;
      background:rgba(255,255,255,.12);
      color:white;
      cursor:pointer;
    }

    .chat-body{
      height:330px;
      overflow-y:auto;
      padding:16px;
      background:#f6f9fe;
    }

    .chat-message{
      max-width:85%;
      padding:10px 12px;
      border-radius:14px;
      font-size:12px;
      line-height:1.5;
      margin-bottom:10px;
    }

    .chat-message.bot{
      background:white;
      color:var(--text);
      border:1px solid var(--border);
      border-bottom-left-radius:4px;
    }

    .chat-message.user{
      margin-left:auto;
      background:var(--gradient-primary);
      color:white;
      border-bottom-right-radius:4px;
    }

    .quick-replies{
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      margin:8px 0 12px;
    }

    .quick-reply{
      border:1px solid #bfd4f1;
      background:white;
      color:var(--primary);
      padding:7px 9px;
      border-radius:18px;
      font-size:11px;
      font-weight:750;
      cursor:pointer;
    }

    .chat-footer{
      padding:11px;
      background:white;
      border-top:1px solid var(--border);
      display:grid;
      grid-template-columns:1fr auto;
      gap:8px;
    }

    .chat-footer input{
      height:43px;
      border:1px solid var(--border);
      border-radius:11px;
      padding:0 12px;
      outline:none;
    }

    .chat-send{
      width:43px;
      height:43px;
      border:none;
      border-radius:11px;
      background:var(--gradient-primary);
      color:white;
      cursor:pointer;
    }

    .back-top{
      position:fixed;
      left:22px;
      bottom:22px;
      width:46px;
      height:46px;
      border:none;
      border-radius:50%;
      background:var(--dark);
      color:white;
      cursor:pointer;
      z-index:60;
      opacity:0;
      visibility:hidden;
      transition:.25s;
    }

    .back-top.show{
      opacity:1;
      visibility:visible;
    }

    .toast{
      position:fixed;
      top:95px;
      right:20px;
      z-index:2000;
      width:min(350px,calc(100% - 40px));
      padding:16px;
      background:white;
      border-left:5px solid var(--success);
      border-radius:12px;
      box-shadow:var(--shadow);
      transform:translateX(120%);
      transition:.35s;
    }

    .toast.show{
      transform:translateX(0);
    }

    .toast p{
      font-size:13px;
      color:var(--muted);
      margin-top:3px;
    }

    .no-result{
      display:none;
      text-align:center;
      padding:35px 20px;
      color:var(--muted);
    }

    @media(max-width:1080px){
      .nav-menu{
        position:fixed;
        top:0;
        left:-100%;
        z-index:1000;
        width:min(360px,88%);
        height:100vh;
        overflow-y:auto;
        display:block;
        padding:90px 20px 30px;
        background:white;
        box-shadow:12px 20px 35px rgba(12,42,85,.15);
        transition:.3s;
      }

      .nav-menu.open{
        left:0;
      }

      .nav-link{
        padding:13px 10px;
        justify-content:space-between;
        border-bottom:1px solid var(--border);
      }

      .dropdown{
        position:static;
        display:none;
        opacity:1;
        visibility:visible;
        transform:none;
        box-shadow:none;
        border:none;
        padding:5px 0 8px 14px;
      }

      .nav-item.open .dropdown{
        display:block;
      }

      .menu-toggle{
        display:grid;
        position:relative;
        z-index:1002;
      }

      .hero-grid{
        grid-template-columns:1fr;
      }

      .hero-widget{
        display:none;
      }

      .category-grid{
        grid-template-columns:repeat(3,1fr);
      }

      .triple-grid{
        grid-template-columns:1fr 1fr;
      }

      .enquiry-layout{
        grid-template-columns:1fr;
      }

      .visitor-grid{
        grid-template-columns:repeat(3,1fr);
      }
    }

    @media(max-width:790px){
      .topbar-left span:nth-child(2),
      .topbar-right > a{
        display:none;
      }

      .topbar-right{
        display:flex;
      }

      .topbar-inner{
        justify-content:space-between;
      }

      .brand{
        min-width:auto;
      }

      .brand-logo-link{
        max-width:275px;
      }

      .site-logo{
        height:60px;
        max-width:275px;
      }

      .enquiry-button{
        display:none;
      }

      .hero{
        min-height:620px;
      }

      .search-box{
        grid-template-columns:1fr;
        gap:7px;
      }

      .search-field{
        border-right:none;
        border-bottom:1px solid var(--border);
      }

      .search-button{
        min-height:49px;
      }

      .ticker-title{
        width:120px;
        font-size:12px;
      }

      .content-layout{
        grid-template-columns:1fr;
      }

      .triple-grid{
        grid-template-columns:1fr;
      }

      .footer-grid{
        grid-template-columns:1fr 1fr;
      }
    }

    @media(max-width:540px){
      .container{
        width:min(94%,1200px);
      }

      .brand-logo-link{
        max-width:225px;
      }

      .site-logo{
        height:52px;
        max-width:225px;
      }

      .hero h2{
        font-size:40px;
      }

      .hero p{
        font-size:15px;
      }

      .hero-stats{
        gap:20px;
      }

      .section{
        padding:60px 0;
      }

      .section-heading{
        display:block;
      }

      .view-all{
        display:inline-block;
        margin-top:12px;
      }

      .category-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .category-card{
        min-height:140px;
        padding:19px 10px;
      }

      .job-item{
        grid-template-columns:auto 1fr;
      }

      .job-date{
        grid-column:2;
        text-align:left;
      }

      .form-grid{
        grid-template-columns:1fr;
      }

      .form-group.full{
        grid-column:auto;
      }

      .form-card-top{
        display:block;
      }

      .secure-badge{
        margin-top:10px;
      }

      .visitor-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .footer-grid{
        grid-template-columns:1fr;
      }

      .footer-bottom{
        flex-direction:column;
        text-align:center;
        justify-content:center;
        padding:18px 0;
      }

      .chat-window{
        right:15px;
        bottom:88px;
      }

      .chat-launcher{
        right:16px;
        bottom:16px;
        width:58px;
        height:58px;
      }

      .back-top{
        left:16px;
        bottom:16px;
      }
    }

/* =========================================================
   FINAL MOBILE HEADER / LOGO FIX
   Logo uses all available width except the menu button.
========================================================= */

.site-header,
.header-inner,
.brand-logo-link,
.site-logo,
.menu-toggle,
.nav-menu{
  -webkit-tap-highlight-color:transparent;
}

@media(max-width:1080px){

  .header-inner{
    min-height:96px;
    width:94%;
    gap:10px;
    padding:9px 0;
  }

  .brand,
  .brand-logo-link{
    flex:1 1 auto;
    width:auto;
    min-width:0;
    max-width:none;
    margin:0;
  }

  .site-logo{
    display:block;
    width:100%;
    max-width:none;
    height:76px;
    max-height:76px;
    object-fit:contain;
    object-position:left center;
  }

  .header-actions{
    flex:0 0 52px;
    width:52px;
    justify-content:flex-end;
  }

  .menu-toggle{
    display:grid;
    flex:0 0 50px;
    width:50px;
    height:50px;
    font-size:23px;
    position:relative;
    z-index:1002;
  }

  .nav-menu{
    display:block;
  }
}

@media(max-width:790px){

  .site-header{
    position:sticky;
    top:0;
  }

  .header-inner{
    min-height:92px;
    width:94%;
    padding:8px 0;
  }

  .brand,
  .brand-logo-link{
    flex:1 1 calc(100% - 62px);
    width:calc(100% - 62px);
    max-width:calc(100% - 62px);
  }

  .site-logo{
    width:100%;
    max-width:100%;
    height:72px;
    max-height:72px;
  }

  .header-actions{
    flex:0 0 52px;
  }

  .menu-toggle{
    width:50px;
    height:50px;
  }

  .hero{
    min-height:auto;
  }

  .hero-grid{
    padding:72px 0 80px;
  }
}

@media(max-width:540px){

  .header-inner{
    min-height:88px;
    gap:7px;
    padding:7px 0;
  }

  .brand,
  .brand-logo-link{
    flex:1 1 calc(100% - 55px);
    width:calc(100% - 55px);
    max-width:calc(100% - 55px);
  }

  .site-logo{
    height:68px;
    max-height:68px;
    object-fit:contain;
    object-position:left center;
  }

  .header-actions{
    flex:0 0 48px;
    width:48px;
  }

  .menu-toggle{
    flex:0 0 46px;
    width:46px;
    height:46px;
    font-size:21px;
  }

  .hero-grid{
    padding:62px 0 72px;
  }

  .hero-badge{
    max-width:100%;
    font-size:13px;
    line-height:1.35;
  }

  .hero h2{
    font-size:clamp(39px,12vw,52px);
  }

  .hero p{
    font-size:16px;
  }

  .hero-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }

  .hero-stat strong{
    font-size:25px;
  }

  .hero-stat span{
    font-size:11px;
  }
}

/* Ensure off-canvas menu always opens above content. */
@media(max-width:1080px){
  .nav-menu{
    top:0;
    left:-100%;
    z-index:1200;
    width:min(360px,88%);
    height:100dvh;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }

  .nav-menu.open{
    left:0;
  }

  .mobile-overlay{
    z-index:1150;
  }
}

/* =========================================================
   FINAL HEADER / MENU / SUBMENU RESPONSIVE FIX
   Keep this block at the END of indiajobenquiry.css
========================================================= */

.site-header{
  position:sticky;
  top:0;
  z-index:999;
}

.header-inner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.brand-logo-link{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

.header-nav{
  margin-left:auto;
  min-width:0;
}

.nav-menu{
  display:flex;
  align-items:center;
  gap:2px;
  margin:0;
  padding:0;
}

.nav-item{
  position:relative;
  flex:0 0 auto;
}

.menu-row{
  display:flex;
  align-items:center;
  width:100%;
}

.nav-main-text{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.nav-main-text > i{
  display:none;
}

.nav-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
}

.submenu-toggle{
  display:none;
}

.dropdown{
  z-index:1050;
}

.dropdown-link{
  display:flex;
  align-items:center;
  gap:10px;
}

.dropdown-link.active{
  background:var(--primary-soft);
  color:var(--primary);
}

.mobile-overlay{
  z-index:990;
}

@media (min-width:1081px){
  .nav-item.has-dropdown:hover > .dropdown,
  .nav-item.has-dropdown:focus-within > .dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }

  .nav-item.has-dropdown:last-child > .dropdown,
  .nav-item.has-dropdown:nth-last-child(2) > .dropdown{
    left:auto;
    right:0;
  }
}

@media (max-width:1280px) and (min-width:1081px){
  .brand-logo-link{
    min-width:245px;
    max-width:300px;
  }

  .site-logo{
    height:68px;
    max-width:290px;
  }

  .nav-link{
    padding-left:8px;
    padding-right:8px;
    font-size:13px;
  }

  .enquiry-button{
    padding-left:13px;
    padding-right:13px;
    font-size:13px;
  }
}

@media (max-width:1080px){
  body.menu-open{
    overflow:hidden;
  }

  .site-header{
    z-index:1000;
  }

  .header-inner{
    width:100%;
    max-width:100%;
    min-height:70px;
    padding-left:16px;
    padding-right:16px;
  }

  .brand,
  .brand-logo-link{
    min-width:0;
    max-width:calc(100% - 62px);
  }

  .site-logo{
    width:auto;
    max-width:min(285px,100%);
    height:58px;
    object-fit:contain;
    object-position:left center;
  }

  .header-actions{
    margin-left:auto;
    flex:0 0 auto;
  }

  .enquiry-button{
    display:none;
  }

  .menu-toggle{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    position:relative;
    z-index:1003;
  }

  .header-nav{
    position:static;
    margin:0;
  }

  .nav-menu{
    position:fixed;
    top:0;
    right:-100%;
    z-index:1002;
    display:block;
    width:min(340px,88vw);
    height:100dvh;
    margin:0;
    padding:86px 16px 30px;
    overflow-x:hidden;
    overflow-y:auto;
    background:#fff;
    box-shadow:-18px 0 45px rgba(4,18,41,.22);
    transition:right .28s ease;
  }

  .nav-menu.open{
    right:0;
  }

  .nav-item{
    width:100%;
    border-bottom:1px solid var(--border);
  }

  .menu-row{
    width:100%;
  }

  .nav-link{
    flex:1 1 auto;
    justify-content:flex-start;
    min-width:0;
    min-height:52px;
    padding:8px 7px;
    font-size:15px;
    overflow:hidden;
  }

  .nav-main-text{
    gap:11px;
    min-width:0;
  }

  .nav-main-text > i{
    display:block;
    flex:0 0 20px;
    width:20px;
    text-align:center;
    color:var(--primary);
  }

  .nav-main-text > span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .desktop-angle{
    display:none;
  }

  .submenu-toggle{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin-left:4px;
    border:0;
    border-radius:10px;
    background:var(--primary-soft);
    color:var(--primary);
    cursor:pointer;
  }

  .submenu-toggle .menu-angle{
    transition:transform .22s ease;
  }

  .nav-item.open .submenu-toggle .menu-angle,
  .nav-item.menu-open .submenu-toggle .menu-angle{
    transform:rotate(180deg);
  }

  .dropdown{
    position:static;
    display:block;
    width:100%;
    min-width:0;
    max-height:0;
    margin:0;
    padding:0 0 0 13px;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    transition:max-height .28s ease,padding-bottom .28s ease;
  }

  .nav-item.open > .dropdown,
  .nav-item.menu-open > .dropdown{
    max-height:700px;
    padding-bottom:10px;
  }

  .dropdown::before{
    display:none;
  }

  .dropdown-link,
  .dropdown a{
    width:100%;
    min-height:43px;
    margin-top:5px;
    padding:9px 11px;
    border-radius:9px;
    background:#f7faff;
    font-size:13px;
  }

  .mobile-overlay.show,
  .mobile-overlay.active{
    opacity:1;
    visibility:visible;
  }
}

@media (max-width:575px){
  .topbar-inner{
    width:100%;
    max-width:100%;
    min-height:36px;
    padding:5px 12px;
    gap:8px;
    flex-wrap:nowrap;
  }

  .topbar-left{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
  }

  .topbar-left span:first-child,
  .topbar-right > a{
    display:none;
  }

  .topbar-left span:last-child{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
  }

  .topbar-right{
    flex:0 0 auto;
    gap:0;
  }

  .language-button{
    min-width:104px;
    height:30px;
    padding:0 8px;
    font-size:11px;
  }

  .header-inner{
    min-height:64px;
    padding-left:12px;
    padding-right:12px;
  }

  .brand-logo-link{
    max-width:calc(100% - 56px);
  }

  .site-logo{
    max-width:min(225px,100%);
    height:50px;
  }

  .nav-menu{
    width:min(320px,90vw);
    padding:78px 13px 25px;
  }
}

/* =========================================================
   FINAL PREMIUM HEADER / DESKTOP DROPDOWN / MOBILE DRAWER
   Keep this block at the very end of indiajobenquiry.css
========================================================= */
html,body{width:100%;max-width:100%;margin:0!important;padding:0!important;overflow-x:hidden!important}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,iframe{max-width:100%}
.site-header{overflow:visible!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,59,130,.10);box-shadow:0 10px 35px rgba(3,31,73,.10)}
.header-inner{min-width:0}
.brand,.brand-logo-link{min-width:0}
.mobile-drawer-head,.mobile-drawer-label{display:none}

/* Premium desktop navigation */
@media(min-width:1081px){
  .header-inner{min-height:92px;gap:18px}
  .brand-logo-link{flex:0 1 370px;max-width:370px}
  .site-logo{width:100%!important;height:76px!important;max-width:370px!important;object-fit:contain;object-position:left center}
  .header-nav{margin-left:auto;min-width:0}
  .nav-menu{display:flex!important;align-items:center;gap:3px}
  .menu-row{display:flex;align-items:center}
  .nav-link{position:relative;min-height:50px;padding:0 13px;border-radius:13px;font-size:14px;font-weight:800;color:#172a46;transition:.22s ease}
  .nav-link::after{content:"";position:absolute;left:15px;right:15px;bottom:4px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--primary-light),var(--secondary));transform:scaleX(0);transition:.22s}
  .nav-link:hover,.nav-link.active,.nav-item.menu-open>.menu-row .nav-link{background:linear-gradient(135deg,#edf5ff,#fff4f5);color:var(--primary)}
  .nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}
  .nav-main-text>i{color:var(--primary);font-size:14px}
  .dropdown{display:grid!important;grid-template-columns:1fr;gap:4px;position:absolute!important;top:calc(100% + 14px)!important;left:0!important;width:285px!important;padding:12px!important;border:1px solid rgba(7,59,130,.13)!important;border-radius:18px!important;background:rgba(255,255,255,.99)!important;box-shadow:0 24px 60px rgba(3,31,73,.18)!important;opacity:0!important;visibility:hidden!important;transform:translateY(12px) scale(.98)!important;pointer-events:none!important;transition:opacity .18s,transform .18s,visibility .18s!important;z-index:1500!important;overflow:visible!important}
  .dropdown::before{content:"";position:absolute;top:-8px;left:28px;width:16px;height:16px;background:#fff;border-left:1px solid rgba(7,59,130,.13);border-top:1px solid rgba(7,59,130,.13);transform:rotate(45deg)}
  .nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown,.nav-item.menu-open>.dropdown{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}
  .dropdown-link{position:relative;display:flex!important;align-items:center;gap:12px;min-height:48px;padding:10px 12px!important;border-radius:12px!important;font-weight:700;color:#33445e;transition:.2s}
  .dropdown-link i{display:grid;place-items:center;width:34px!important;height:34px;border-radius:10px;background:#eaf2ff;color:var(--primary)!important;transition:.2s}
  .dropdown-link:hover,.dropdown-link.active{background:linear-gradient(135deg,#edf5ff,#fff1f2)!important;color:var(--primary)!important;transform:translateX(3px)}
  .dropdown-link:hover i{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff!important}
}

/* Fully clickable mobile drawer */
@media(max-width:1080px){
  .site-header .container,.header-inner.container{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 10px!important}
  .header-inner{min-height:94px;display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
  .brand,.brand-logo-link{flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0!important;overflow:hidden}
  .site-logo{display:block;width:100%!important;max-width:100%!important;height:76px!important;object-fit:contain;object-position:left center}
  .header-actions{flex:0 0 50px!important;width:50px!important;min-width:50px!important;margin-left:auto}
  .enquiry-button{display:none!important}
  .menu-toggle{display:grid!important;place-items:center;width:48px!important;height:48px!important;min-width:48px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#eaf2ff,#fff0f1)!important;color:var(--primary)!important;font-size:22px;z-index:1200}
  .header-nav{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(380px,88vw)!important;max-width:88vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0 18px 28px!important;background:#fff!important;overflow-x:hidden!important;overflow-y:auto!important;box-shadow:18px 0 60px rgba(2,21,47,.28)!important;transform:translateX(-105%)!important;transition:transform .3s ease!important;z-index:1400!important;pointer-events:none!important;visibility:visible!important;opacity:1!important}
  .header-nav.active{transform:translateX(0)!important;pointer-events:auto!important}
  .mobile-drawer-head{position:sticky;top:0;z-index:5;display:flex!important;align-items:center;gap:12px;min-height:104px;margin:0 -18px 0;padding:13px 15px;background:linear-gradient(135deg,#fff,#edf5ff 62%,#fff0f1);border-bottom:1px solid var(--border)}
  .mobile-drawer-brand{display:flex;align-items:center;flex:1;min-width:0;height:76px}
  .mobile-drawer-brand img{width:100%;height:72px;object-fit:contain;object-position:left center}
  .mobile-drawer-close{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:0;border-radius:14px;background:#fff;color:var(--primary);font-size:22px;box-shadow:0 8px 24px rgba(7,59,130,.14);cursor:pointer;position:relative;z-index:6;pointer-events:auto!important}
  .mobile-drawer-label{display:block!important;padding:18px 4px 8px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
  .nav-menu{display:block!important;width:100%;margin:0!important;padding:0!important;position:static!important;height:auto!important;transform:none!important;pointer-events:auto!important;overflow:visible!important}
  .nav-item{position:relative;width:100%;border-bottom:1px solid #e7edf5}
  .menu-row{display:flex;align-items:center;width:100%;min-width:0}
  .nav-link{display:flex!important;align-items:center;flex:1 1 auto;width:auto!important;min-width:0;min-height:62px;padding:0 8px!important;border:0!important;border-radius:0!important;color:#102d55;font-size:16px;font-weight:800;pointer-events:auto!important;position:relative;z-index:2}
  .nav-main-text{display:flex;align-items:center;gap:14px;min-width:0}
  .nav-main-text>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:var(--primary);font-size:16px;flex:0 0 34px}
  .submenu-toggle{display:grid!important;place-items:center;flex:0 0 46px;width:46px;height:46px;margin:0 1px 0 4px;border:0;border-radius:12px;background:#f2f7ff;color:var(--primary);cursor:pointer;position:relative;z-index:4;pointer-events:auto!important}
  .submenu-toggle .menu-angle{transition:transform .22s}
  .nav-item.menu-open .submenu-toggle .menu-angle,.nav-item.open .submenu-toggle .menu-angle{transform:rotate(180deg)}
  .dropdown{position:static!important;display:block!important;width:100%!important;max-width:100%!important;max-height:0!important;margin:0!important;padding:0 0 0 48px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;overflow:hidden!important;transition:max-height .28s ease,padding-bottom .28s ease!important}
  .nav-item.menu-open>.dropdown,.nav-item.open>.dropdown{max-height:700px!important;padding-bottom:13px!important;pointer-events:auto!important}
  .dropdown-link{display:flex!important;align-items:center;gap:10px;min-height:48px;margin:5px 0;padding:8px 10px!important;border-radius:12px!important;background:#f7faff;color:#314764;font-size:14px;font-weight:700;pointer-events:auto!important;position:relative;z-index:3}
  .dropdown-link i{display:grid;place-items:center;width:30px!important;height:30px;border-radius:9px;background:#e8f1ff;color:var(--primary)!important}
  .dropdown-link:active,.dropdown-link:hover,.dropdown-link.active{background:linear-gradient(135deg,#eaf2ff,#fff0f1)!important;color:var(--primary)!important}
  .mobile-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(2,21,47,.62)!important;z-index:1390!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.25s!important}
  .mobile-overlay.active,.mobile-overlay.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.menu-open{overflow:hidden!important;touch-action:none}
}
@media(max-width:540px){
  .header-inner{min-height:88px;padding:6px 7px!important;gap:5px}
  .site-logo{height:72px!important}
  .header-actions{flex-basis:46px!important;width:46px!important;min-width:46px!important}
  .menu-toggle{width:44px!important;height:44px!important;min-width:44px!important}
  .header-nav{width:88vw!important;max-width:88vw!important;padding-left:14px!important;padding-right:14px!important}
  .mobile-drawer-head{margin-left:-14px;margin-right:-14px;padding-left:12px;padding-right:12px}
  .mobile-drawer-brand img{height:68px}
}

/* =========================================================
   FINAL CLICKABLE DRAWER + DESKTOP ICON OVERRIDE
   IMPORTANT: Keep this block at the absolute END of the CSS.
========================================================= */

/* Desktop: show premium icons with every main menu and submenu */
@media (min-width:1081px){
  .nav-main-text{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }

  .nav-main-text > i{
    display:grid!important;
    place-items:center!important;
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    background:linear-gradient(135deg,#eaf2ff,#fff0f1)!important;
    color:var(--primary)!important;
    font-size:13px!important;
    transition:.22s ease!important;
  }

  .nav-link:hover .nav-main-text > i,
  .nav-link.active .nav-main-text > i,
  .nav-item.menu-open > .menu-row .nav-main-text > i{
    background:linear-gradient(135deg,var(--primary-dark),var(--primary-light) 65%,var(--secondary))!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(7,59,130,.20)!important;
  }

  .dropdown-link > i{
    display:grid!important;
    place-items:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#eaf2ff,#fff0f1)!important;
    color:var(--primary)!important;
  }

  .dropdown-link:hover > i,
  .dropdown-link.active > i{
    background:linear-gradient(135deg,var(--primary-dark),var(--primary-light) 65%,var(--secondary))!important;
    color:#fff!important;
  }
}

/*
 * The drawer is inside .site-header while the overlay is outside it.
 * A parent stacking context previously kept the drawer below the overlay,
 * so the grey overlay intercepted every tap. These values put the header
 * and drawer above the overlay while keeping page content behind it.
 */
@media (max-width:1080px){
  .site-header{
    z-index:1600!important;
    isolation:auto!important;
  }

  .header-nav{
    z-index:1700!important;
    pointer-events:none!important;
  }

  .header-nav.active{
    pointer-events:auto!important;
  }

  .header-nav.active,
  .header-nav.active *{
    -webkit-tap-highlight-color:rgba(7,59,130,.10);
  }

  .mobile-overlay{
    z-index:1500!important;
  }

  .mobile-overlay.active,
  .mobile-overlay.show{
    pointer-events:auto!important;
  }

  .mobile-drawer-head,
  .mobile-drawer-brand,
  .mobile-drawer-close,
  .nav-menu,
  .nav-item,
  .menu-row,
  .nav-link,
  .submenu-toggle,
  .dropdown,
  .dropdown-link{
    pointer-events:auto!important;
  }

  .nav-link,
  .submenu-toggle,
  .dropdown-link,
  .mobile-drawer-brand,
  .mobile-drawer-close{
    touch-action:manipulation!important;
    cursor:pointer!important;
  }

  /* Never let an invisible pseudo element cover links */
  .header-nav::before,
  .header-nav::after,
  .nav-menu::before,
  .nav-menu::after,
  .mobile-drawer-head::before,
  .mobile-drawer-head::after{
    pointer-events:none!important;
  }

  /* Keep close button and drawer logo above all drawer content */
  .mobile-drawer-head{
    z-index:20!important;
  }

  .mobile-drawer-brand,
  .mobile-drawer-close{
    position:relative!important;
    z-index:21!important;
  }

  /* Main link and arrow button occupy separate clickable areas */
  .menu-row{
    position:relative!important;
    z-index:2!important;
  }

  .nav-link{
    z-index:3!important;
  }

  .submenu-toggle{
    z-index:5!important;
  }

  .dropdown{
    z-index:2!important;
  }

  .dropdown-link{
    z-index:4!important;
  }

  body.menu-open .site-header{
    z-index:1600!important;
  }
}

/* =========================================================
   FINAL DESKTOP HEADER WIDTH / ALIGNMENT FIX
   Keep this block at the absolute end of the stylesheet.
========================================================= */

@media (min-width:1081px){
  /* Header must use the real browser width, not the normal 1200px content width. */
  .site-header .container,
  .site-header .header-inner.container{
    width:calc(100% - 32px)!important;
    max-width:1720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .header-inner{
    min-height:88px!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
  }

  .brand-logo-link{
    flex:0 0 clamp(245px,18vw,320px)!important;
    width:clamp(245px,18vw,320px)!important;
    max-width:320px!important;
    min-width:245px!important;
  }

  .site-logo{
    width:100%!important;
    max-width:100%!important;
    height:72px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .header-nav{
    flex:1 1 auto!important;
    min-width:0!important;
    margin-left:4px!important;
  }

  .nav-menu{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:1px!important;
  }

  .nav-item{
    flex:0 1 auto!important;
    min-width:0!important;
  }

  .menu-row{
    min-width:0!important;
  }

  .nav-link{
    min-height:48px!important;
    padding:0 8px!important;
    gap:5px!important;
    border-radius:11px!important;
    font-size:13px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  .nav-link::after{
    left:9px!important;
    right:9px!important;
  }

  .nav-main-text{
    gap:6px!important;
    min-width:0!important;
  }

  .nav-main-text > i{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    font-size:12px!important;
  }

  .desktop-angle{
    margin-left:1px!important;
    font-size:9px!important;
  }

  .header-actions{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin-left:4px!important;
  }

  .enquiry-button{
    min-width:136px!important;
    max-width:150px!important;
    min-height:48px!important;
    padding:8px 13px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }

  .dropdown{
    top:calc(100% + 10px)!important;
  }
}

/* Medium desktop/laptop: remove the enquiry button first so navigation never cuts off. */
@media (min-width:1081px) and (max-width:1599px){
  .site-header .container,
  .site-header .header-inner.container{
    width:calc(100% - 20px)!important;
  }

  .brand-logo-link{
    flex-basis:250px!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }

  .site-logo{
    height:66px!important;
  }

  .enquiry-button{
    display:none!important;
  }

  .nav-link{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:12.5px!important;
  }

  .nav-main-text > i{
    flex-basis:27px!important;
    width:27px!important;
    height:27px!important;
  }
}

/* Smaller laptops: retain icons but make the header compact and balanced. */
@media (min-width:1081px) and (max-width:1320px){
  .brand-logo-link{
    flex-basis:220px!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
  }

  .site-logo{
    height:62px!important;
  }

  .header-inner{
    gap:7px!important;
  }

  .nav-menu{
    gap:0!important;
  }

  .nav-link{
    padding-left:5px!important;
    padding-right:5px!important;
    font-size:11.8px!important;
  }

  .nav-main-text{
    gap:4px!important;
  }

  .nav-main-text > i{
    flex-basis:25px!important;
    width:25px!important;
    height:25px!important;
    font-size:11px!important;
  }

  .desktop-angle{
    display:none!important;
  }
}