.mobi-nav {
          display: none;
      }


      /* Top Bar */
      .top-bar {
          background-color: #fff;
          padding: 15px 0;
          border-bottom: 1px solid #eee;
      }

      .top-bar-container {
          max-width: 1400px;
          margin: 0 auto;
          padding: 0 20px;
          display: grid;
          grid-template-columns: 52% 35% 13%;
      }

      .logo img {
          height: 60px;
          width: auto;
      }

      .contact-info {
          display: flex;
          gap: 40px;
          align-items: center;
          flex-wrap: wrap;
      }

      .contact-item {
          display: flex;
          align-items: center;
          gap: 10px;
      }
      .contact-item a{
          color: #777;
          transition: 0.4s;
      }
      .contact-item .i-c {
          font-size: 20px;
          color: #d60000;
      }

      .contact-item .label {
          font-size: 12px;
          color: #999;
      }

      .contact-item .value {
          font-size: 14px;
          color: #333;
          font-weight: 500;
      }
      
      .contact-item a:hover{
          color: #ff250c;
      }

      .quote-btn {
          background-color: #d60000;
          color: white;
          padding: 12px 30px;
          border: none;
          cursor: pointer;
          font-size: 14px;
          font-weight: 600;
          border-radius: 3px;
          transition: background-color 0.3s;
      }

      .quote-btn:hover {
          background-color: #d62839;
      }

      /* Navigation */
      .navbar {
          background-color: #1a1a1a;
          position: relative;
          padding: 0;
      }

      .nav-container {
          max-width: 1400px;
          margin: 0 auto;
          padding: 0 20px;
          display: flex;
          justify-content: space-between;
          align-items: center;
      }

      .nav-menu {
          display: flex;
          list-style: none;
          gap: 5px;
           padding: 0;
           margin: 0;
      }

      .nav-item {
          position: relative;
      }

      .nav-link {
          display: flex;
          align-items: center;
          gap: 5px;
          color: white;
          text-decoration: none;
          padding: 20px 20px;
          font-size: 15px;
          font-weight: 500;
          transition: background-color 0.3s;
      }

      .nav-link:hover {
          background-color: #eee;
          color: #d60000;
      }

      .nav-link.active {
          background-color: #d60000;
          color: #fff;
      }

      .nav-link i {
          font-size: 10px;
          transition: transform 0.3s;
      }

      .nav-item.dropdown-open .nav-link i {
          transform: rotate(180deg);
      }

      /* Dropdown */
      .dropdown-menu {
          position: absolute;
          top: 100%;
          left: 0;
          background-color: white;
          min-width: 200px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          opacity: 0;
          visibility: hidden;
          transform: translateY(-10px);
          transition: all 0.3s;
          z-index: 1000;
      }

      .dropdown-menu a {
          display: block;
          padding: 12px 20px;
          color: #333;
          text-decoration: none;
          transition: background-color 0.3s;
      }

      .dropdown-menu a:hover {
          background-color: #f5f5f5;
          color: #d60000;
      }

      /* Desktop hover */
      @media (min-width: 769px) {
          .nav-item:hover .dropdown-menu {
              opacity: 1;
              visibility: visible;
              transform: translateY(0);
          }

          .nav-item:hover .nav-link i {
              transform: rotate(180deg);
          }
      }

      /* Mobile click */
      @media (max-width: 768px) {
          .nav-item.dropdown-open .dropdown-menu {
              opacity: 1;
              visibility: visible;
              transform: translateY(0);
          }

          .mobi-nav {
              display: block;
          }

          .navbar .mobi-nav img {
              width: 80%;
              height: 50px;
          }

          .top-bar {
              display: none;
          }

          .navbar {
              background-color: #fff;
              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
              padding: 2% 0;
          }

          .dropdown-menu a {
              color: #eee;
              font-size: 12px;
          }
      }

      /* Social Icons */
      .social-icons {
          display: flex;
          gap: 15px;
      }

      .social-icons a {
          color: white;
          font-size: 18px;
          transition: color 0.3s;
      }

      .social-icons a:hover {
          color: #d60000;
      }

      /* Mobile Menu Toggle */
      .mobile-toggle {
          display: none;
          background: none;
          border: none;
          color: white;
          font-size: 24px;
          cursor: pointer;
      }

      /* Responsive */
      @media (max-width: 1024px) {
          .contact-info {
              gap: 20px;
          }

          .nav-link {
              padding: 20px 15px;
              font-size: 14px;
          }
      }

      @media (max-width: 768px) {
          .top-bar-container {
              flex-direction: column;
              align-items: flex-start;
          }

          .contact-info {
              width: 100%;
              flex-direction: column;
              gap: 15px;
              align-items: flex-start;
          }

          .quote-btn {
              width: 100%;
              text-align: center;
          }

          .mobile-toggle {
              display: block;
              color: #000;
          }

          .nav-menu {
              position: absolute;
              top: 100%;
              left: 0;
              width: 100%;
              background-color: #1a1a1a;
              flex-direction: column;
              gap: 0;
              max-height: 0;
              overflow: hidden;
              transition: max-height 0.3s;
              z-index: 100;
              padding: 0;
              margin: 0;
          }

          .nav-menu.active {
              max-height: 500px;
          }

          .nav-link {
              width: 100%;
              border-bottom: 1px solid #333;
          }

          .dropdown-menu {
              position: static;
              box-shadow: none;
              background-color: #2a2a2a;
              max-height: 0;
              overflow: hidden;
              transition: max-height 0.3s;
          }

          .nav-item.dropdown-open .dropdown-menu {
              max-height: 300px;
          }

          .social-icons {
              margin-left: auto;
              display: none;
          }
      }