/* 3. Nav-Menu (next-header) */


    /* Page container */
    .container{max-width:var(--max-width);margin:0 auto;}

    /* Header */
    header{z-index: 10;position: sticky;top: 0;overflow: hidden;background-color: #f2f2f2;
    padding: 1rem 0 1rem;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);opacity:95%;}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 2rem 0.5rem 2rem}
    .brand{display:flex;align-items:center;gap:.75rem}
    .logo{width:48px;height:48px;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.12)}
    .logo-text{color: #193718;}
    .logo img{width:100%;height:100%;object-fit:cover}
     .umaibi-menu ul{display:flex;gap:1rem;align-items:center;margin:0;padding:0;list-style:none}
    .btn{background:var(--accent);color:white;padding:.6rem .9rem;border-radius:5px;font-weight:700;border:none;
    cursor: pointer;}
    .btn:hover{
        background:#794b28;;
    }

.mobile-nav {
  display: none;
}
    .umai-nav-menu-rt {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}


.mobile-menu {
  display: none;
  flex-direction: column;
  background: #683014db;
  position: fixed;
  top: 109px;
  right: 5px;
  padding: 12px;
  border-radius: 6px;
  z-index: 999;
}

.mobile-menu a {
  color: #fff;
  text-decoration: none;
  padding: 6px 12px;
}

.mobile-menu a:hover {
  background: rgba(255,255,255,0.1);
}

@media (min-width: 760px) {
   .mobile-nav{
    margin-top: -53px;
    padding-right: 10px;
   }

     .umai-get-involved {
  padding-right: 34px;
}
  .btn.mobile-toggle {
    padding: .33rem .8rem;
  }

  .umai-mobile-menu {
  font-size: 23px;
}
  }

/* Show only on mobile */
@media (min-width: 768px) {
   .mobile-nav{
    margin-top: -53px;
    padding-right: 11px;
   }

   .umai-get-involved {
  padding-right: 34px;
}
.btn.mobile-toggle {
  padding: .33rem .8rem;
}
  .umai-mobile-menu {
  font-size: 23px;
}
}



/* mobile */
@media (max-width:600px){
    .logo {
width: 62px;
height: 45px;
    }

    .mobile-nav {
  display: block;
  text-align: end;
    padding-right: 10px;
    margin-top: -33px;
}

  .umai-mobile-menu {
  font-size: 18px;
}
.btn.mobile-toggle {
  padding: .33rem .8rem;
}
.umai-get-involved {
    padding: 0 0.1rem 0 1.1rem;
    font-size: 11px;
    display: flex;
    width: 17rem;
    margin-top: -55px;
  }
  .mobile-menu{
    top: 117px;
  }
}