.main{
    position: relative;
}

.main ul {
  list-style-type: none;
  padding-left: 0;
  overflow-y: scroll;
  height: 400px;
  margin-bottom: 0;
  scroll-behavior: smooth;
  cursor: pointer;

}
.main ul::-webkit-scrollbar {
  width: 0;
}
.main ul li {
  border-bottom: 1px solid rgb(229, 231, 235);
  padding: 8px;
  
}
.main ul li:hover {
  background-color: #25A8D6;
  border-radius: 0.375rem;
  cursor: pointer;
}
.main ul li a {
  display: block;
  padding-left: 8px;
  height: 16px;
  line-height: 15px;
  cursor: pointer;
  text-transform: capitalize;
}
.main ul li:hover .left__item {
  color: #fff;
}
.subdropdown:hover .child__item{
    color: #fff;
}

.main ul li:hover .parent__svg{
    fill: #fff;
}

.parent__item {
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  
}


.parent__item:hover {
   background:  #303984;
}

.main ul li a span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  color: #191919;
  cursor: pointer;

}

.dropdownContent {
  display: none;
  position: absolute;
  left: 250px;
  width: 200px;
  top: 125px;
  background-color: white;
  min-width: 140px;
  height: 300px;
  z-index: 5;
 
  /* box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); */
}
.childdropdownContent {
  display: none;
  position: absolute;
  left: 240px;
  background-color: white;
  min-width: 220px;
  z-index: 5;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  padding-left: 10px;
}
.left__item{
    color: black;
}

.dropdownContent a {
  color: black;
  /* padding: 12px 16px; */
  text-decoration: none;
  display: block;
  line-height: 20px;
}

.dropdownContent a:hover {
  /* background-color: #ddd; */
}

.dropdown:hover .dropdownContent {
  display: block;
}

.subdropdown:hover .childdropdownContent {
  display: block;
}

/* .dropdownContent:hover .childdropdownContent {
    display: block;
    box-shadow: var(--dk-box-shadow);
} */

.dropdown {
  overflow: hidden;
  cursor: pointer;
  /* margin-bottom: 15px; */
  border-radius: 0.375rem;

}

.dropdown:hover {
    background: #84CC16;
}

.dropdown:hover span{
    color: #fff;
}

.subdropdown {
  overflow: hidden;
  border-bottom: 1px solid #e5e7eb;
}

.subsubdropdown {
  overflow: hidden;
}

.menu-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  padding: 10px;
}

.displayMain {
  display: none;
}

.display {
  display: none;
}

@media screen and (max-width: 1350px) {
  .main {
    display: none;
  }
}