/* Extracted from contact_us.html */
:root{
      --primary:#1E40AF;
      --accent:#0EA5E9;
      --dark:#0F172A;
      --muted:#64748b;
      --bg:#F8FAFC;
      --transition:500ms cubic-bezier(0.22,1,0.36,1);
    }
    body{
      font-family:'Inter',sans-serif;
      color:var(--dark);
      background:var(--bg);
      line-height:1.7;
      overflow-x:hidden;
    }
    a{text-decoration:none!important;}
    section{padding:110px 0;}

    .navbar{
      padding:20px 0;
      background:rgba(255,255,255,.9);
      backdrop-filter:blur(14px);
      transition:.35s;
      border-bottom:1px solid rgba(0,0,0,.06);
    }
    .navbar.scrolled{
      padding:12px 0;
      box-shadow:0 10px 30px rgba(0,0,0,.08);
    }
    .nav-link{ font-weight:600; color:#0f172a; }

    /* ====== ONLY ADDITION: Mega Menu + order + Contact highlight ====== */
    .mega-menu{
      width: 520px;
      border-radius: 18px;
      overflow: hidden;
    }
    .mega-inner{ padding: 14px; }
    .mega-title{
      font-weight: 900;
      color: var(--dark);
      font-size: .9rem;
      letter-spacing: .02em;
      margin-bottom: 10px;
    }
    .mega-item{
      display:flex;
      gap:12px;
      align-items:flex-start;
      padding:12px 12px;
      border-radius:14px;
      transition:.2s ease;
      color: var(--dark);
    }
    .mega-item:hover{ background: rgba(14,165,233,.08); }
    .mega-ico{
      width:42px;height:42px;
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      color: var(--primary);
      background: linear-gradient(135deg,#E0F2FE,#DBEAFE);
      flex: 0 0 auto;
      font-size: 18px;
    }
    .mega-name{ font-weight: 800; line-height: 1.2; margin-bottom: 2px; }
    .mega-desc{
      font-size: .86rem;
      color: rgba(71,85,105,.9);
      line-height: 1.25;
      margin: 0;
    }
    .animate-dropdown{ animation: dropdownFade .22s ease-out; }
    @keyframes dropdownFade{
      from{ opacity:0; transform: translateY(10px); }
      to{ opacity:1; transform: translateY(0); }
    }

    /* ✅ FIXED DESKTOP: Always anchor inside navbar container + cancel Popper transform */
    @media (min-width: 992px){
      .navbar .dropdown{ position: relative; } /* anchor */
      .navbar .dropdown-menu.mega-menu{
        left: auto !important;
        right: 0 !important;
        top: 100% !important;
        margin-top: 6px;

        /* prevent off-screen */
        width: min(520px, calc(100vw - 24px));
        max-width: min(520px, calc(100vw - 24px));
      }
      /* Popper adds inline transform translate3d(...) which causes the right overflow */
      .navbar .dropdown-menu.mega-menu[data-bs-popper]{
        transform: none !important;
      }

      /* hover open */
      .navbar .dropdown:hover > .dropdown-menu{
        display: block;
      }
    }

    /* ✅ Mobile: full width inside collapsed navbar */
    @media (max-width: 991px){
      .mega-menu{ width: 100%; }
      .navbar .dropdown-menu.mega-menu{
        position: static !important;
        float: none;
        left: 0 !important;
        right: 0 !important;
        margin-top: 10px;
        box-shadow: none !important;
        transform: none !important;
      }
    }

    .nav-contact{
      background: linear-gradient(135deg, rgba(30,64,175,.12), rgba(14,165,233,.15));
      border-radius: 999px;
      padding: 10px 18px !important;
      font-weight: 800 !important;
    }
    .nav-contact:hover{
      background: linear-gradient(135deg, rgba(30,64,175,.18), rgba(14,165,233,.22));
    }
    /* ====== END addition ====== */

    .page-hero{
      min-height:60vh;
      display:flex;
      align-items:center;
      text-align:center;
      color:#fff;
      padding:180px 0 120px;
      background:
        linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,64,175,.82)),
        url('../images/contact_us_hero_image.jpg') center/cover fixed;
    }
    .chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.22);
      background:rgba(255,255,255,.12);
      color:#fff;
      font-weight:700;
    }

    .glass-card{
      background:rgba(255,255,255,.82);
      backdrop-filter:blur(12px);
      border-radius:26px;
      padding:42px;
      border:1px solid rgba(255,255,255,.35);
      box-shadow:0 14px 40px rgba(2,6,23,.10);
    }
    .card-title{font-weight:900;}
    .card-sub{color:var(--muted);font-weight:600;}

    .form-label{font-weight:800;font-size:.92rem;}
    .form-control,.form-select{
      background:#f1f5f9;
      border-radius:16px;
      padding:13px 16px;
      font-weight:600;
      border:1px solid transparent;
    }
    .form-control:focus,.form-select:focus{
      background:#fff;
      border-color:var(--accent);
      box-shadow:0 0 0 .25rem rgba(14,165,233,.15);
    }

    .btn-primary-custom{
      background:linear-gradient(135deg,var(--primary),var(--accent));
      color:#fff!important;
      padding:14px;
      border-radius:16px;
      font-weight:900;
      border:none;
    }

    #company-details{background:linear-gradient(135deg,#fff,#F0F9FF);}
    .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
    @media(max-width:991px){.detail-grid{grid-template-columns:1fr;}}
    .detail-item{
      background:#fff;border-radius:22px;padding:22px;display:flex;gap:14px;
      box-shadow:0 12px 26px rgba(2,6,23,.06);
    }
    .detail-icon{
      width:46px;height:46px;border-radius:16px;
      background:linear-gradient(135deg,var(--primary),var(--accent));
      color:#fff;display:flex;align-items:center;justify-content:center;
    }

    .map-wrap{height:520px;}
    .map-wrap iframe{width:100%;height:100%;border:0;}

    footer{background:#0F172A;color:#94A3B8;padding:90px 0 40px;}
    footer h5{ color:#fff; font-weight:800; }
    footer a{ color:#94A3B8; display:block; margin-bottom:10px; }