.cbsFooterNav {
  display: flex;
  /* padding: 1rem; */
  background-color: var(--blue0);
  padding: 40px 20px 0px 20px ;
}

.cbsFooterNavContent {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 5px;
  

  
}
.cbsFooterNavColumn {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 270px;
}
.catTitle, .catTitleDesktop, .catTitleMobile {
  flex-direction: row;
  /* margin: 20px 0px; */
  

  font-family: Rubik;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;

}


 .catTitleMobile {
  color:  var(--grey9);
  /* margin: 20px 0px; */
  cursor: pointer;
}
.catTitleDesktop {
  color:  var(--blue6);
  /* margin: 20px 0px; */
}
.navItems {
  display: flex;
  flex-direction: column;
  padding: 0px 30px 20px 0px;
  color: var(--blue7);
}

.navItem {
  padding: 5px 0px;
}

.navItem a {
  white-space: nowrap;
  color: black;
  /* font-weight: bold; */
  color: var(--blue6);
font-family: "Noto Sans Hebrew";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}

.navItem a:hover {
  text-decoration: underline;
  transition: 500ms;
}

.footer {
  display: none;
}





/* @media (min-width: 600px) {
    .censusNavSection { grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 900px) {
    .censusNavSection { grid-template-columns: repeat(4, 1fr); }
  } 
   .goNav,.stopNav {
    display: none;
  }
  @media only screen and (max-width: 600px) {
    .catTitle::before {
      content : '<div>></div>';
    } 
    .goNav,.stopNav {
        display: block;
    } 
  } */


  /* MOBILE FIRST */
.catTitleDesktop {
  display: none;
}
.catTitleMobile {
  display: flex;
  gap: 5px;
}
.navItemHidden {
    display: none;
}
.navItemsMobileHidden {
  display: none;
}

/* DESKTOP SECOND */
@media only screen and (min-width: 768px) {
  .cbsFooterNav {
    padding: 80px 0 40px 0;
    justify-content: center;
    
  }
  .cbsFooterNavColumn {
    gap: 20px;
  }
  .cbsFooterNavContent {
    flex-direction: row;
    width: 1170px;
    gap: 30px;
    
  }
  .catTitleDesktop {
    display: block;
  }
  .catTitleMobile {
    display: none;
  }
  .navItemHidden {
    display: block;
}
  .navItems {
    padding: unset;
    
  }
  .navItem a {
    color: var(--grey9);
    font-size: 14px;
  }
  .navItemsMobileHidden {
    display: flex;
  }
}