/* Navbar styles */
         .navbar {
           background: rgba(255, 255, 255, 0.75);
           backdrop-filter: blur(12px);
           -webkit-backdrop-filter: blur(12px);
           transition: background-color 0.25s ease, backdrop-filter 0.25s ease;
         }

         .navbar-brand img {
           height: 70px;
         }


         /* Construction icon toggle */
         .navbar-toggler {
           border: none;
           outline: none;
           font-size: 2rem;
           color: #df9a12;
           background: transparent;
           display: inline-flex;
           align-items: center;
           justify-content: center;
         }

         .navbar-toggler:focus {
           box-shadow: none;
         }

         .navbar-toggler i {
           transition: transform 0.3s ease;
           color: #333;
         }

         .navbar-toggler[aria-expanded="true"] i {
           transform: rotate(180deg);
         }

         /* Add spacing between navbar items */
         .navbar-nav .nav-item {
           margin-left: 28px;
           /* adjust this value as needed */
         }

         /* Optional: reduce left margin for the first item */
         .navbar-nav .nav-item:first-child {
           margin-left: 0;
         }

         /* Keep dropdowns aligned nicely */
         .navbar-nav .dropdown-menu {
           margin-top: 8px;
         }

         /* Style the nav links for better visual balance */
         .navbar-nav .nav-link {
           font-weight: 500;
           color: #222;
           transition: color 0.2s ease;
         }

         .navbar-nav .nav-link:hover {
           color:#C5341C;
           /* highlight color */
           transform: scale(1.1);
         }


         .btn-contact {
           background: #df9a12 !important;
           /* base color from your logo */
           color: #fff !important;
           /* padding: 10px ; */
           border: none;
           border-radius: 25px !important;
           cursor: pointer;
           font-weight: bold !important;
           transition: all 0.3s ease;
           box-shadow: 0 4px 0 #df9a12;
           /* darker shade for 3D depth */
         }

         .btn-contact:hover {
           background: #C3361B!important;
           /* slightly darker on hover */
           color: #fff !important;
           transform: translateY(-3px) scale(1.05);
           box-shadow: 0 6px 0 #7a1f19, 0 8px 15px rgba(0, 0, 0, 0.3);
           /* strong 3D lift */
         }

         .btn-contact:active {
           transform: translateY(2px) scale(0.98);
           /* pressed effect */
           box-shadow: 0 2px 0 #922a23, 0 4px 6px rgba(0, 0, 0, 0.2);
         }

         /* ---------- General dropdown styling ---------- */
         .navbar-nav .dropdown-toggle::after {
           display: none;
         }

         .dropdown-menu {
           border: none;
           /* border-radius: 8px; */
           box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
           background-color: #fff;
           padding: 6px 0;
           transition: transform 0.18s ease, opacity 0.18s ease;
           opacity: 0;
           visibility: hidden;
           transform: translateY(6px);
           z-index: 1050;
         }

         .dropdown-menu.show {
           opacity: 1;
           visibility: visible;
           transform: translateY(0);
           display: block;
         }

         .dropdown-item {
           position: relative;
           padding: 8px 16px;
           font-weight: 500;
           color: #333;
           /* border-radius: 6px; */
           transition: background-color 0.18s ease;
         }

         .dropdown-item:hover {
           background-color: rgba(233, 131, 43, 0.03);
         }

         /* small underline animation */
         .dropdown-item::after {
           content: "";
           position: absolute;
           bottom: 6px;
           left: 18px;
           width: 0%;
           height: 2px;
           background-color: #C5341C;
           transition: width 0.25s ease;
         }

         .dropdown-item:hover::after {
           width: calc(100% - 36px);
         }

         /* remove blue focus */
         .dropdown-item:focus,
         .dropdown-item:active {
           background-color: transparent !important;
           box-shadow: none;
         }

         /* Nested submenu */
         .dropdown-submenu {
           position: relative;
         }

         .dropdown-submenu>.dropdown-menu {
           top: -4px;
           left: calc(100% - 6px);
           margin-top: 0;
           transform: none;
           display: none;
           opacity: 1;
           visibility: visible;
           z-index: 1060;
         }

         .dropdown-submenu>.dropdown-menu.show {
           display: block;
         }

         .dropdown-submenu>a::after {
           content: "›";
           float: right;
           margin-left: 6px;
           opacity: 0.6;
         }

         /* Mobile view (stacked dropdowns) */
         @media (max-width: 991px) {
           .dropdown-submenu>.dropdown-menu {
             left: 0;
             top: 0;
             margin-left: 12px;
           }

           .navbar-brand img {
             height: 55px;
           }


           .navbar-nav .nav-item:first-child {
             margin-left: 28px;
           }

           .navbar-nav .nav-item {
             border-bottom: 1px solid #eee;
           }

           .navbar-nav,
           .btn-contact {
             text-align: center;
           }
         }

         /* Remove shadow & outline from navbar toggler */
         .navbar-toggler {
           box-shadow: none !important;
           outline: none !important;
           border: none;
           /* optional */
         }

         /* Remove focus & active styles */
         .navbar-toggler:focus,
         .navbar-toggler:active,
         .navbar-toggler:focus-visible {
           box-shadow: none !important;
           outline: none !important;
         }

         /* Optional: remove background highlight on click */
         .navbar-toggler:hover {
           background-color: transparent;
         }