.htmleaf-container {
  background: #fff;
}

.htmleaf-container h4 {
  padding: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #DDDDDD;
  background: var(--two-color);
  color: #fff;
}

.list {
  position: relative;
  margin-top: -1px;
  width: 100%;
  box-sizing: border-box;
  clear: both;
  list-style-type: none;
  border-top: 1px solid #ddd;
}

.list a {
  display: block;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: #444;
  padding: 1.5rem 2rem;
  transition: 0.3s ease;
}

.list a:hover {
  background: #ddd;
  color: #333;
}

.list.arrow:after {
  content: "";
  background: url(../images/arrow-down.png) no-repeat top left /16px 9px;
  position: absolute;
  right: 30px;
  top: 28px;
  width: 16px;
  height: 9px;
}

.list-none:before,
.list-none:after {
  content: '';
  background: none;
  padding: 0;
}

.items {
  height: 0px;
  overflow: hidden;
}

.items a:hover {
  background-color: var(--second-color);
  color: #222222;
  /*  transition: 300ms all;*/
}

.list:after {
  padding: 0px 5px;
  color: #000;
  font-size: 24px;
  background: url(../images/arrow-down.png) no-repeat top left /16px 9px;
  content: "";
  position: absolute;
  right: 25px;
  top: 22px;
  width: 16px;
  height: 9px;
  padding: 0px 5px;
  color: #333;
  font-size: 24px;
}

.list-none:before,
.list-none:after {
  content: '';
  background: none !important;
  padding: 0 !important;
}

.menu .active:after {
  content: "";
  background: url(../images/arrow-up.png) no-repeat top left /16px 9px;
  font-family: DFKai-SB;
  position: absolute;
  right: 25px;
  top: 22px;
  width: 16px;
  height: 9px;
  padding: 0px 5px;
  color: #ddd;
  font-size: 24px;
}

.menu .active>.items {
  display: block;
  padding: 0px;
  height: auto;
  color: #fff;
  clear: both;
  /* float: left; */
  width: 100%;
}

.items a {
  padding-left: 35px;
}

.menu .active>.items li {
  padding: 0px;
  list-style: none;
  border-top: 1px solid #999;
}

.menu .active>.items li:last-child {
  padding-bottom: 0px;
}

.menu {
  padding: 0;
}

ul.items li:last-child a {
  border-bottom: none;
}

li.list.active .list.active a {
  background: #FCEBB4;
}

li.list.active>a.active {
  background: var(--second-color);
}

li.list.active .list.active a.actives {
  background: var(--second-color);
}

.link {
  color: #333;
  padding: 2rem;
  list-style-type: none;
}

ul.menu li ::marker {
  display: none !important;
  list-style-type: none !important;
}

.meun li::marker {
  color: #E9EAE8!important;
}

li.list.list-none.active {
  background: #ddd;
}

.list.active a {
  background: #ddd;
}

.list.active a:hover {
  background: #aaa;
}

.panel-slide{
  display: none;
}

@media(max-width:992px) {

  /*-------------------------------------------------------------------------------------------------------------------------------------------------------992*/
  .panel-slide{
    display: block;
    margin-bottom: 3rem;
  }

  .htmleaf-container h2 {
    background: var(--two-color);
    padding: 2rem;
    font-size: 2rem;
    color: #fff;
  }
}