.main-nav {
      position: sticky;
      top: 0;
      z-index: 999;
      background: #000e61;
      transition: box-shadow 0.3s ease;
    }

    .main-nav.sticky-active {
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    }

    /* ===== REMOVE UNDERLINE FROM LOGO TEXT ONLY ===== */
    .logo-link,
    .logo-link * {
      text-decoration: none !important;
      border-bottom: none !important;
    }

    .brand-name,
    .brand-sub {
      text-decoration: none !important;
      border-bottom: none !important;
    }

    /* If underline coming from pseudo elements */
    .brand-name::after,
    .brand-name::before,
    .brand-sub::after,
    .brand-sub::before {
      content: none !important;
      display: none !important;
    }

    @media (max-width: 992px) {

      .header-flex {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
      }

      .social-icons {
        order: 3;
      }

      .header-contact {
        order: 2;
      }
    }

    @media (max-width: 768px) {

      /* TOP HEADER */
      .top-header {
        padding: 8px 0;
      }

      .header-flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      /* LOGO */
      .logo-wrap {
        justify-content: center;
      }

      .logo-wrap img {
        height: 52px;
      }

      .brand-name {
        font-size: 22px;
      }

      .brand-sub {
        font-size: 20px;
      }

      /* HIDE EXTRA ITEMS */
      .social-icons,
      .header-contact {
        display: none;
      }

      /* NAVBAR */
      .main-nav {
        height: auto;
      }

      .nav-flex {
        flex-direction: column;
        gap: 10px;
      }

      .menu {
        flex-wrap: wrap;
        justify-content: center;
      }

      .menu li a {
        padding: 12px 14px;
        font-size: 14px;
      }

      .nav-search {
        width: auto;
        padding: 8px 14px;
      }
    }

    @media (max-width: 480px) {

      .brand-name {
        font-size: 20px;
      }

      .brand-sub {
        font-size: 18px;
      }

      .menu {
        flex-direction: column;
        width: 100%;
      }

      .menu li a {
        text-align: center;
      }
    }

    /* ================= MOBILE MENU ================= */
    .mobile-toggle {
      display: none;
      position: absolute;
      right: 20px;
      top: 22px;
      font-size: 24px;
      color: #fff;
      cursor: pointer;
      z-index: 9999;
    }

    .mobile-menu {
      position: fixed;
      inset: 0;
      background: #020c5a;
      color: #fff;
      transform: translateX(100%);
      transition: 0.35s ease;
      z-index: 9998;
      display: flex;
      flex-direction: column;
    }

    .mobile-menu.active {
      transform: translateX(0);
    }

    /* HEADER */
    .mobile-menu-header {
      background: #fff;
      padding: 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .mobile-menu-header img {
      height: 48px;
    }

    .mobile-close {
      background: none;
      border: none;
      font-size: 22px;
      cursor: pointer;
      color: #000;
    }

    /* MENU LIST */
    .mobile-menu-list {
      list-style: none;
      padding: 30px 0;
      text-align: center;
    }

    .mobile-menu-list li {
      margin: 16px 0;
    }

    .mobile-menu-list li a {
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      letter-spacing: 0.5px;
    }

    .mobile-menu-list li.active a {
      color: #fff;
    }

    .mobile-menu-list li.contact {
      background: #ff1f01;
      margin: 30px 0;
    }

    .mobile-menu-list li.contact a {
      display: block;
      padding: 14px;
    }

    /* SEARCH */
    .mobile-search {
      margin-top: auto;
      padding: 20px;
      text-align: center;
    }

    .mobile-search button {
      background: #ff1f01;
      border: none;
      color: #fff;
      padding: 10px 24px;
      border-radius: 25px;
      font-weight: 600;
      cursor: pointer;
    }

    /* SHOW ONLY ON MOBILE */
    @media(max-width:768px) {

      .main-nav .menu,
      .nav-search {
        display: none;
      }

      .mobile-toggle {
        display: block;
      }
    }

    .desktop-only {
      display: flex;
    }

    @media(max-width:768px) {
      .desktop-only {
        display: none;
      }
    }

    .mobile-toggle {
      display: none;
      font-size: 24px;
      color: #000e61;
      cursor: pointer;
    }

    @media(max-width:768px) {
      .mobile-toggle {
        display: block;
      }
    }

    .mobile-menu {
      position: fixed;
      inset: 0;
      background: #020c5a;
      color: #fff;
      transform: translateX(100%);
      transition: 0.35s ease;
      z-index: 9999;
      display: flex;
      flex-direction: column;
    }

    .mobile-menu.active {
      transform: translateX(0);
    }

    /* Top white bar */
    .mobile-menu-header {
      background: #fff;
      padding: 14px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .mobile-menu-header img {
      height: 44px;
    }

    /* Center menu */
    .mobile-menu-list {
      list-style: none;
      padding: 30px 0;
      text-align: center;
    }

    .mobile-menu-list li {
      margin: 18px 0;
    }

    .mobile-menu-list a {
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
    }

    /* Red contact bar */
    .mobile-menu-list li.contact {
      background: #ff1f01;
      margin: 30px 0;
    }

    .mobile-menu-list li.contact a {
      display: block;
      padding: 14px;
    }

    /* Bottom search */
    .mobile-search {
      margin-top: auto;
      padding: 20px;
      text-align: center;
    }

    .mobile-search button {
      background: #ff1f01;
      border: none;
      color: #fff;
      padding: 10px 26px;
      border-radius: 25px;
      font-weight: 600;
    }

    /* ===== MOBILE DROPDOWN ===== */
    .mobile-submenu {
      display: none;
      list-style: none;
      margin-top: 10px;
    }

    .mobile-submenu li a {
      display: block;
      padding: 8px 0;
      font-size: 14px;
      color: #fff;
      text-decoration: none;
    }

    /* show when active */
    .has-sub.active .mobile-submenu {
      display: block;
    }

    /* arrow rotate */
    .has-sub i {
      transition: 0.3s ease;
    }

    .has-sub.active i {
      transform: rotate(180deg);
    }


    /* ===== MOBILE HEADER LOGO FIX ===== */
    .mobile-menu-header .logo-wrap {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .mobile-menu-header .logo-wrap img {
      height: 38px;
    }

    .mobile-menu-header .brand-name {
      font-size: 18px;
      color: #000e61;
    }

    .mobile-menu-header .brand-sub {
      font-size: 16px;
      color: #ff1f01;
    }

    /* ================= HIDE ELEMENTS IN MOBILE ================= */
    @media (max-width: 991px) {

      .header-contact,
      .social-icons,
      nav.main-nav {
        display: none !important;
      }

    }


    /* ===== DESKTOP DROPDOWN ===== */
    .dropdown {
      position: relative;
    }

    .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      background: #fff;
      min-width: 260px;
      list-style: none;
      padding: 10px 0;
      box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
      border-radius: 8px;
      display: none;
      z-index: 9999;
    }

    .dropdown-menu li a {
      display: block;
      padding: 10px 18px;
      color: #000;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
    }

    .dropdown-menu li a:hover {
      background: #000e61;
      color: #fff;
    }

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

    .social-icons {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-left: 816px;
    }


    @media (max-width: 1450px) {
      .social-icons {
        margin-left: 700px;
      }
    }

     .btn-brochure{
  background:#000e61;
}

.btn-brochure:hover{
  background:#ff1f01;
}
.mobile-extra {
      margin-left: 130px;
}

.mobile-lang {
  margin-bottom: 15px;
}

/* dropdown */
.mobile-lang select {
  width: 200px;
  padding: 6px;
  border-radius: 4px;
}

/* brochure button */
.mobile-brochure a {
  display: inline-block;
  background: #ff1f01;
  color: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: 600;
  text-decoration: none;
}



.footer-main {
  display: grid;
  grid-template-columns: 2.2fr 1fr 1.2fr 1.3fr;
  gap: 55px;
  padding: 80px 0 70px;
}

@media (max-width: 1200px) {
  .footer-main {
    grid-template-columns: 2fr 1fr 1.5fr 1fr; /* Products wider */
    gap: 40px;
  }
}

@media (max-width: 1300px) {
  .footer-main {
    grid-template-columns: 2fr 1fr 1.5fr 1fr; /* Products wider */
    gap: 40px;
  }
}
/* ---------- Tablets ---------- */
@media (max-width: 992px) {
  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 60px 0;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-brand p {
    max-width: 600px;
  }
}

/* ---------- Mobile Landscape ---------- */
@media (max-width: 768px) {
  .footer-top-strip {
    padding: 28px 16px;
  }

  .footer-top-strip h3 {
    font-size: 20px;
  }

  .footer-cta-btn {
    padding: 12px 28px;
    font-size: 14px;
  }

  .footer-main {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 55px 0;
    gap: 45px;
  }

  .footer-brand .logo-wrap {
    justify-content: center;
  }

  .footer-brand p {
    margin: 0 auto 22px;
  }

  .footer-social {
    justify-content: center;
  }

  .footer-links h4::after,
  .footer-contact h4::after {
    margin: 8px auto 0;
  }

  .footer-contact p {
    justify-content: center;
  }
}

/* ---------- Mobile Portrait ---------- */
@media (max-width: 480px) {
  .footer-top-strip h3 {
    font-size: 18px;
    line-height: 1.4;
  }

  .footer-cta-btn {
    width: 100%;
    max-width: 260px;
  }

  .footer-brand h2 {
    font-size: 26px;
  }

  .footer-links a,
  .footer-contact p {
    font-size: 14px;
  }

  .footer-mini-btn {
    width: 100%;
    max-width: 240px;
  }

  .footer-bottom p {
    font-size: 12.5px;
  }
}


/* WHATSAPP FLOAT */
.whatsapp-float{
  position:fixed;
  bottom:90px; /* Important - back to top karta upar */
  right:25px;
  width:60px;
  height:60px;
  background:#25D366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 25px rgba(0,0,0,0.3);
  z-index:9999;
  transition:0.3s;
  animation:pulse 2s infinite;
}

/* Hover */
.whatsapp-float:hover{
  transform:scale(1.1);
}

/* Pulse Animation */
@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(37,211,102,0.7);}
  70%{ box-shadow:0 0 0 20px rgba(37,211,102,0);}
  100%{ box-shadow:0 0 0 0 rgba(37,211,102,0);}
}




.cat-info h1 {
    font-size:18px;
}

.info-box h2 {
    font-size: 16px !important;
    color: #000e61;
}


  .hero-fixed {
            position: relative;
            min-height: 420px;
            background-image: url("https://pavitrametaltech.com/img/home-conact-bg.png")!important;
            /* <-- YOUR IMAGE */
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            display: flex;
            align-items: center;
            color: #fff;
        }

        /* Content */
        .slide-content {
            position: absolute;
            top: 50%;
            left: 10%;
            transform: translateY(-50%);
            color: #fff;
            max-width: 1224px !important;
        }

        .slide-content h1 {
            font-size: 48px;
            margin-bottom: 12px;
        }

        .slide-content p {
            font-size: 22px;
            margin-bottom: 20px;
            opacity: 0.95;
        }


        @media(max-width:768px) {
            .hero-fixed {
                min-height: 360px;
                background-attachment: scroll;
                /* mobile fix */
            }

            .hero-content h1 {
                font-size: 24px;
            }

            .hero-content p {
                font-size: 14px;
            }
        }

        @media(max-width:480px) {
            .hero-content h1 {
                font-size: 20px;
            }
        }

    /* ================= RESPONSIVE ================= */

    @media(max-width:1200px) {
      .city-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    @media(max-width:992px) {
      .city-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media(max-width:600px) {
      .city-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .city-item {
        font-size: 14px;
        padding: 14px;
      }
    }

    @media(max-width:420px) {
      .city-grid {
        grid-template-columns: 1fr;
      }
    }

   

    .slide-content {
      position: absolute;
      top: 50%;
      left: 10%;
      transform: translateY(-50%);
      color: #fff;
      max-width: 1224px;
    }

    .slide-content h1 {
      font-size: 48px;
      margin-bottom: 12px;
    }

    .slide-content p {
      font-size: 22px;
      margin-bottom: 20px;
      opacity: 0.95;
    }


    @media(max-width:768px) {
      .hero-fixed {
        min-height: 360px;
        background-attachment: scroll;
        /* mobile fix */
      }

      .hero-content h1 {
        font-size: 24px;
      }

      .hero-content p {
        font-size: 14px;
      }
    }

    @media(max-width:480px) {
      .hero-content h1 {
        font-size: 20px;
      }
    }

    /* ================= RESPONSIVE ================= */
@media(max-width:768px) {
  .hero-slider {
    height: 60vh;
  }

  .slide-content {
    left: 6%;
    right: 6%;
    text-align: center;
  }

  .slide-content h1 {
    font-size: 28px;
  }

  .slide-content p {
    font-size: 15px;
  }
}

    /* MAP RESPONSIVE FIX */
.contact-form-box iframe{
    width: 100%;
    height: 400px;
    border: 0;
    border-radius: 10px;
}

/* TABLET */
@media (max-width: 992px){
    .contact-form-box iframe{
        height: 350px;
    }
}

/* MOBILE */
@media (max-width: 576px){
    .contact-form-box iframe{
        height: 250px;
    }
}

.contact-form-box {
    padding: 0px;
}




    .city-manufacture-section {
      padding: 90px 0;
      background: linear-gradient(135deg, #f7f9ff, #ffffff);
    }

    .city-badge {
      display: inline-block;
      background: #ff1f01;
      color: #fff;
      padding: 6px 18px;
      border-radius: 20px;
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 14px;
    }

    .city-title {
      font-size: 40px;
      font-weight: 800;
      color: #000e61;
      margin-bottom: 18px;
    }

    .city-title span {
      color: #ff1f01;
    }

    .city-intro {
      font-size: 16px;
      color: #555;
      max-width: 900px;
      line-height: 1.8;
      margin-bottom: 50px;
    }

    .city-content-grid {
      display: grid;
      grid-template-columns: 1.5fr 1fr;
      gap: 50px;
      align-items: flex-start;
    }

    /* LEFT TEXT */
    .city-text h1 {
      font-size: 22px;
      color: #000e61;
      margin-bottom: 10px;
    }

    .city-text p {
      font-size: 15px;
      color: #555;
      line-height: 1.8;
      margin-bottom: 20px;
    }

    /* FEATURES */
    .city-features {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .feature-card {
      background: #fff;
      padding: 25px;
      border-radius: 16px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
      position: relative;
      overflow: hidden;
      transition: 0.35s ease;
    }

    .feature-card span {
      position: absolute;
      top: -18px;
      right: -18px;
      background: #ff1f01;
      color: #fff;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
    }

    .feature-card h1 {
      font-size: 18px;
      color: #000e61;
      margin-bottom: 8px;
    }

    .feature-card p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
    }

    .feature-card:hover {
      transform: translateY(-6px);
    }

    /* CTA */
    .city-cta {
      margin-top: 50px;
      text-align: center;
    }

    /* RESPONSIVE */
    @media(max-width:992px) {
      .city-content-grid {
        grid-template-columns: 1fr;
      }

      .city-title {
        font-size: 32px;
      }
    }
    
    
    
    .inner-hero {
        position: relative;
        height: 380px;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        display: flex;
        align-items: center;
        color: #fff;
    }

    /* DARK OVERLAY */
    .inner-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,
                rgba(0, 0, 0, 0.65),
                rgba(0, 0, 0, 0.35));
    }

    /* CONTENT */
    .inner-content {
        position: relative;
        z-index: 2;
        text-align: center;
        animation: fadeUp 0.9s ease;
    }

    .inner-content h1 {
        font-family: 'Poppins', 'Roboto', sans-serif;
        font-size: 58px;
        font-weight: 400;
        color: #ffffff;
        letter-spacing: 1px;
        text-transform: none;
        margin-bottom: 20px;
        animation: fadeUp 1s ease;
    }

    .inner-content h1 {
        text-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
    }


    /* BREADCRUMB */
    .breadcrumb {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: center;
        gap: 10px;
        font-size: 14px;
    }

    .breadcrumb li {
        color: #ddd;
    }

    .breadcrumb li a {
        color: #fff;
        text-decoration: none;
        transition: 0.3s;
    }

    .breadcrumb li a:hover {
        color: #ff1f01;
    }

    .breadcrumb li::after {
        content: "/";
        margin-left: 10px;
        color: #aaa;
    }

    .breadcrumb li:last-child::after {
        display: none;
    }

    /* ANIMATION */
    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* RESPONSIVE */
    @media(max-width:768px) {
        .inner-hero {
            height: 280px;
            background-attachment: scroll;
        }

        .inner-content h1 {
            font-size: 30px;
        }
    }


    .contact-page {
        padding: 90px 0;
        background: #f6f8fc;
    }

    .contact-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: center;
    }