/*body { margin:0; font-family: Arial; }*/

/*.container, .nav-inner {*/
/*  max-width: 1200px;*/
/*  margin: auto;*/
/*  padding: 0 10px;*/
/*}*/


/*.top-strip {*/
/*  background:#2b2b2b;*/
/*  color:#fff;*/
/*  padding:6px 0;    width: 100%;*/
/*    margin: 0 auto;*/
/*  font-size:13px;*/
/*}*/
/*.top-strip .container {*/
/*  display:flex;*/
/*  justify-content:space-between;*/
/*}*/


/*.middle-header {*/
/*  background:#f5f5f5;*/
/*  padding:15px 0;*/
/*}*/
/*.middle-header .container {*/
/*  display:flex;*/
/*  justify-content:space-between;*/
/*  align-items:center;*/
/*}*/

/*.logo img { */
/*    height:60px;*/
/*    width:250px;*/
/*}*/

/*.contact {*/
/*  display:flex;*/
/*  gap:30px;*/
/*}*/
/*.contact .item {*/
/*  display:flex;*/
/*  gap:10px;*/
/*  align-items:center;*/
/*}*/
/*.contact i {*/
/*  color:#f26522;*/
/*}*/

/*.social a {*/
/*  background:#f26522;*/
/*  color:#fff;*/
/*  padding:10px;*/
/*  border-radius:50%;*/
/*  margin-left:5px;*/
/*}*/


/*.navbar {*/
/*    background:#e95b1c;*/
/*    z-index:999;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    top: 0%;*/
/*    padding: 10px 20px;*/
/*}*/


/*.nav-inner {*/
/*  display:flex;*/
/*  align-items:center;*/
/*  justify-content:center;*/
/*}*/


/*.nav-menu {*/
/*  display:flex;*/
/*  list-style:none;*/
/*  margin:0;*/
/*}*/
/*.nav-menu li {*/
/*  margin-right:30px;*/
/*}*/
/*.nav-menu a {*/
/*  color:#fff;*/
/*  text-decoration:none;*/
/*  font-weight:700;*/
/*  font-size:14px;*/
/*  padding:18px 0;*/
/*}*/


/*.nav-menu li {*/
/*  position: relative;*/
/*}*/


/*.nav-menu .sub-menu {*/
/*  position: absolute;*/
/*  top: 100%;*/
/*  left: 0;*/
/*  background: #fff;*/
/*  min-width: 200px;*/
/*  display: none;*/
/*  box-shadow: 0 8px 20px rgba(0,0,0,0.08);*/
/*  border-radius: 6px;*/
/*  padding: 10px 0;*/
/*  z-index: 999;*/
/*}*/


/*.nav-menu li:hover > .sub-menu {*/
/*  display: block;*/
/*}*/


/*.nav-menu .sub-menu li a {*/
/*  padding: 10px 15px;*/
/*  display: block;*/
/*  color: #333;*/
/*}*/

/*.nav-menu .sub-menu li a:hover {*/
/*  background: #fff2e6;*/
/*  color: #ff7a00;*/
/*}*/


/*.nav-right {*/
/*  background:#fff;*/
/*  padding:10px 15px;*/
/*  font-size:13px;*/
/*  border-left:3px solid #000;*/
/*}*/

/*.navbar-wrapper{*/
/*    width: 100%;*/
/*    background: white;*/
/*    margin: 0 auto;*/
/*}*/


/*.navbar.sticky {*/
/*  position:fixed;*/
/*  top:0;*/
/*  left:0;*/
/*  width:100%;*/
/*  box-shadow:0 2px 10px rgba(0,0,0,0.2);*/
/*}*/


/*body.nav-sticky {*/
/*  padding-top:60px;*/
/*}*/


/*.menu-toggle {*/
/*  display:none;*/
/*  flex-direction:column;*/
/*  background:none;*/
/*  border:none;*/
/*}*/

/*.menu-toggle span {*/
/*  width:25px;*/
/*  height:3px;*/
/*  background:#000;*/
/*  margin:4px 0;*/
/*}*/


/*.nav-menu li.menu-item-has-children > a {*/
/*  position: relative;*/
/*  padding-right: 20px;*/
/*}*/


/*.nav-menu li.menu-item-has-children > a::after {*/
/*  content: "▼";*/
/*  font-size: 10px;*/
/*  position: absolute;*/
/*  right: 0;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  transition: 0.3s;*/
/*}*/

/*.mobile-logo { display:none; }*/

/*@media (max-width:768px){*/

/*  .middle-header { display:none; }*/

/*  .menu-toggle { display:flex; }*/

/*  .mobile-logo {*/
/*    display:block;*/
/*  }*/

/*  .mobile-logo img {*/
/*    height:40px;*/
/*    width:100px;*/
/*  }*/

/*.navbar {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    margin: 0px;*/
/*    padding: 5px 0px;*/
/*    background:#ffffff;*/
/*}*/
/*  .menu {*/
/*    position:fixed;*/
/*    top:0;*/
/*    left:-100%;*/
/*    width:260px;*/
/*    height:100%;*/
/*    background:#222;*/
/*    transition:.3s;*/
/*    padding-top:60px;*/
/*  }*/

/*  .menu.active {*/
/*    left:0;*/
/*  }*/

/*  .nav-menu {*/
/*    flex-direction:column;*/
/*  }*/

/*  .nav-menu a {*/
/*    padding:12px 20px;*/
/*    border-bottom:1px solid #444;*/
/*  }*/

/*  .nav-right {*/
/*    display:none;*/
/*  }*/
 

/*  .nav-menu .sub-menu {*/
/*    display: none;*/
/*    position: static;*/
/*    box-shadow: none;*/
/*    padding-left: 15px;*/
/*  }*/

/*  .nav-menu li.open > .sub-menu {*/
/*    display: block;*/
/*  }*/

/*}*/


/* RESET */
.custom-header {
  font-family: sans-serif;
}

.container {
  max-width: 1200px;
   margin: auto;
}

/* CONTAINER */
.custom-header .container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* TOP BAR */
.custom-header .top-bar {
  background: #ff7800;
  color: #fff;
  font-size: 13px;
}

.custom-header .top-bar .container {
  padding: 8px 15px;
}

.custom-header .top-left span {
  margin-right: 10px;
}
.custom-header .top-left a,
.custom-header .top-left a:hover{
    color: #ffffff;
    text-decoration: none;
}
.custom-header .top-right a {
  margin-left: 12px;
  color: #fff;
  text-decoration: none;
}

/* MAIN HEADER */
.custom-header .main-header {
  background: #fff;
  padding: 15px 0;
  transition: all 0.3s ease;
}

.custom-header .logo img {
  height: 50px;
  width:100px;
}

/* MENU */
.custom-header .menu {
  display: flex;
  gap: 25px;
}

.custom-header .menu a {
  text-decoration: none;
  color: #222;
  font-weight: 500;
}

/* CTA BUTTON */
.custom-header .cta-btn {
  background: #ff7800;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
}

/* MOBILE ICONS */
.custom-header .mobile-icons {
  display: none;
  gap: 10px;
}

.custom-header .call-btn,
.custom-header .menu-toggle {
  background: #1f6f2f;
  color: #fff;
  padding: 10px;
  border-radius: 20px;
  cursor: pointer;
}

/* ================= STICKY ================= */
.custom-header .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

/* TOP BAR CONTAINER */
.top-left {
  display: flex;
  align-items: center;
  justify-content: center; /* or space-between if needed */
  gap: 15px;
  background: #ff7a00; /* adjust to your orange */
  padding: 4px 20px;
  flex-wrap: wrap;
}

/* EACH ITEM */
.top-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: 0.3s ease;
}

/* ICON WRAPPER */
.top-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

/* ICON SVG FIX */
.top-item svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}

/* HOVER EFFECT */
.top-item:hover {
  opacity: 0.8;
}

/* SEPARATOR LINE (optional premium look) */
.top-item:not(:last-child)::after {
  content: "|";
  margin-left: 20px;
  color: rgba(255,255,255,0.5);
}
.menu {
  display: flex;
  gap: 25px;
}

.menu-item {
  position: relative;
}

.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  list-style: none;
  padding: 10px 0;
  min-width: 220px;
  display: none;
  z-index:999;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.submenu li a {
  display: block;
  padding: 8px 15px;
  color: #000;
}

.menu-item:hover .submenu {
  display: block;
}

/* MOBILE */
@media (max-width: 768px) {
  .top-left {
    justify-content: center;
    gap: 12px;
    padding: 6px 10px;
  }

  .top-item {
    font-size: 12px;
  }

  .top-item:not(:last-child)::after {
    margin-left: 10px;
  }
}

@media (max-width: 768px) {

  /* HIDE TOP BAR */
  .custom-header .top-bar {
    display: none;
  }

  /* HIDE DESKTOP MENU */
  .custom-header .menu,
  .custom-header .cta-btn {
    display: none;
  }

  /* SHOW MOBILE ICONS */
  .custom-header .mobile-icons {
    display: flex;
  }

  .custom-header .logo img {
    height: 40px;
  }
}