.topnav-icons {
  gap: 35px;
  
}

.topnav-item {
  text-align: center;
  /* margin-bottom: 10px !important; */
}

.topnav-link {
  text-decoration: none;
  color: black;
}

.topnav-icon {
  font-size: 22px;
}

.topnav-text {
  font-size: 16px;
  color: #4d4c4c;
  margin-top: 4px;
  line-height: 1.2;
  white-space: nowrap; /* ✅ Prevents text from breaking into 2 lines */
}

.topnav-count {
  position: absolute;
  top: -6px;
  right: -10px;
  /* background: #ffb0b0; */
  color: #000;
  font-size: 11px;
  font-weight: 600;
  border-radius: 50%;
  padding: 2px 5px;
}

/* Hide text on mobile */
@media (max-width: 768px) {
  .topnav-text {
    display: none;
  }
  .logos{
    height: 85px !important;
  }
}
.topnav-icon {
  color: #050505 !important; /* default */
  transition: color 0.3s ease;
}

.topnav-link:hover .topnav-icon {
  color: green !important; /* hover color (red) */
}
.topnav-text:hover {
    color:green ;
}


.heads:hover{
    color: rgb(3, 93, 3) !important;
}
.cateheads:hover{
    color: rgb(6, 143, 6) !important;
}

.changecolor:hover{
color: rgb(153, 239, 153);
}

.btnsum:hover{
    background-color: rgb(6, 82, 6) !important;
}
.btnsum{
    border-radius: 0 !important;
}

.secbtn{
background-color:rgb(6, 82, 6) !important ;
}

.allbtn{
 background-color:rgb(3, 110, 3) !important ;
}
/* .allbtn:hover{
 background-color:rgb(3, 110, 3) !important ;
} */

.changec:hover{
color:rgb(3, 110, 3) !important;
}

.hovtext:hover{
  color:rgb(3, 110, 3) !important;
}

.linksc:hover{
  color: rgb(3, 146, 3) !important;
}

.colors:hover{
color: rgb(3, 146, 3) !important;
}

body{
        font-family: "Jost", sans-serif !important;
    }


  .page-title {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
}

.page-title::after {
  content: '';
  display: block;
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #0bec0b, #0ee60e,#024e02) !important; /* light → dark green */
  margin: 12px auto 0;
  border-radius: 2px;
}