:root{
  --green-btn:#78ab4c;
  --green-btn-dark:#68983f;
  --menu-dark-green:#1c2c22;
  --text-white:#f5f5f0;
}

*{box-sizing:border-box;}

body{
  font-family:'Poppins', sans-serif;
  margin:0;
}

/* ============ TOP BAR ============ */
.top-bar{
  background:#6f3b3b00;
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  z-index:1100;
}

.logo-link{
  display:flex;
  align-items:center;
  text-decoration:none;
}
.logo-img{
  height:56px;
  width:auto;
}

.top-right{
  display:flex;
  align-items:center;
  gap:12px;
}

.btn-inquire{
  background:var(--green-btn);
  color:#fff;
  border:none;
  padding:12px 22px;
  border-radius:50px;
  font-weight:700;
  font-size:15px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  transition:.2s ease;
}
.btn-inquire:hover{
  background:var(--green-btn-dark);
  color:#fff;
}
.btn-inquire svg{
  width:16px;
  height:16px;
}

/* Toggler (hamburger / close) */
.menu-toggle{
  width:48px;
  height:48px;
  background: unset;
  border:none;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex-shrink:0;
  transition:background .2s ease;
}
.menu-toggle:hover{
/*  background:var(--green-btn-dark);*/
}
.menu-toggle .icon-bars,
.menu-toggle .icon-close{
  color:#1877c4;
}
.menu-toggle .icon-bars{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.menu-toggle .icon-bars span{
  width:22px;
  height:2.5px;
  background:#1877c4;
  display:block;
  border-radius:2px;
}
.menu-toggle .icon-close{
  display:none;
    font-size: 38px;
  font-weight:700;
  line-height:1;
}
.menu-toggle.active .icon-bars{display:none;}
.menu-toggle.active .icon-close{display:block;}

/* Desktop nav (visible >=992px) */
.desktop-nav{
  display:none;
}
@media (min-width:992px){
 


  .top-bar{
    padding:16px 40px;
  }
  .desktop-nav{
    display:flex;
    align-items:center;
    gap:2px;
    margin-right:24px;
  }
  .desktop-nav .nav-item{
    position:relative;
  }
  .desktop-nav .nav-link{
color: black;
    font-weight:600;
    font-size:15px;
    text-decoration:none;
    padding:10px 16px;
    display:flex;
    align-items:center;
    gap:5px;
    border-radius:8px;
    transition:.2s ease;
  }




  .desktop-nav .nav-link:hover,
  .desktop-nav .nav-link.active{
    color: black;
  }
  .desktop-nav .nav-link svg{
    width:12px;
    height:12px;
    transition:transform .2s ease;
  }
  .desktop-nav .nav-item:hover .nav-link svg{
    transform:rotate(180deg);
  }
  .desktop-dropdown{
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
          min-width: 311px;
    border-radius:12px;
    box-shadow:0 16px 32px rgba(0,0,0,.15);
    padding:10px 0;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.2s ease;
    z-index:1000;
  }
  .desktop-nav .nav-item:hover .desktop-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .desktop-dropdown a{
    display:block;
    padding:10px 22px;
    color:var(--menu-dark-green);
    text-decoration:none;
    font-size:14px;
    font-weight:500;
  }
  .desktop-dropdown a:hover{
        background: #1877c414;
        color: var(--green-btn-dark);
        border-radius: 0px;
  }
  .menu-toggle{
    display:none;
  }
}

/* ============ MOBILE FULLSCREEN MENU ============ */
.mobile-menu{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:0;
  overflow:hidden;
/*  background:var(--menu-dark-green);*/
  z-index:1050;
  transition:height .35s ease;
}
.mobile-menu.open{
  height:100%;
  overflow-y:auto;
  position: relative;
}
.mobile-menu-inner{
/*        padding-top: 37%;*/
        /* space for fixed top bar height */background: #eff8ff;
/*        padding-top: 22%;*/
}
.mobile-nav-list{
  list-style:none;
  margin:0;
  padding:0;background: #eff8ff;
}
.mobile-nav-list > li{
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mobile-nav-list .nav-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
    padding: 8px 24px;border-bottom: 1px solid #d6d6d6;
        text-align: left;
}
.mobile-nav-list a.top-link{
/*  color:var(--text-white);*/
  font-weight:600;
font-size: 18px;
  text-decoration:none;
  flex:1;
}
.mobile-nav-list .chevron-btn{
  background:none;
  border:none;
  color: black;
  padding:4px;
  cursor:pointer;
  display:flex;
  align-items:center;
  transition:transform .25s ease;
}
.mobile-nav-list .chevron-btn.rotated{
  transform:rotate(180deg);
}
.mobile-submenu{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
  background: #c7e6ff;
}
.mobile-submenu.open{
  max-height:600px;
}
.mobile-submenu a{
    display: block;
    padding: 12px 24px 12px 40px;
    color: rgb(0 0 0 / 85%);
    border-bottom: 1px solid #b8b8b8;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}
.mobile-submenu a:hover{
/*  color:#fff;*/
}

.mobile-menu .btn-inquire-mobile{
  margin:24px;
  display:inline-flex;
}

body.menu-open{
  overflow:hidden;
}

@media (min-width:992px){
  .mobile-menu{display:none;}
}