.htmleaf-container h1 {
  color: #fff;
  background: transparent linear-gradient(288deg, #3FEDEC 0%, #4C6EF5 100%) 0% 0% no-repeat;
  border-radius: 8px 8px 0px 0px;
  padding: 1.5rem 0 1rem 0;
  font-size: 1.75rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2.5px;
}

.htmleaf-container ul.menu {
  width: 100%;
}

.htmleaf-container ul.menu .list {
  font-size: 0.875rem;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  vertical-align: sub;
  background: #fff;
  clear: both;
  margin-top: 2px;
}

.htmleaf-container ul.menu .list:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 17px;
  padding: 0px 5px;
  color: #999999;
  font-size: 1.5rem;
}

.htmleaf-container ul.menu .list a {
  padding: 1.25rem 0 1rem 3.4rem;
  display: block;
  height: auto;
  box-sizing: border-box;
  font-size: 1.25rem;
  color: #212b33;
  letter-spacing: .5px;
}

.htmleaf-container ul.menu .list .items {
  height: 0px;
  overflow: hidden;
}

.htmleaf-container ul.menu .list .items a {
  background: #ebebeb;
}

.htmleaf-container ul.menu .list .items a:hover {
  background-color: #0dd0d0;
  color: #fff;
  transition: 300ms all;
}

.htmleaf-container ul.menu .list:last-child {
  border-bottom: none;
}

.htmleaf-container ul.menu .active:after {
  content: "\f106";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 17px;
  padding: 0px 5px;
  color: #999999;
  font-size: 1.5rem;
}

.htmleaf-container ul.menu .active>.items {
  display: block;
  padding: 0px;
  height: auto;
  color: #fff;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 1s ease;
  clear: both;
  float: left;
  width: 100%;
}

.htmleaf-container ul.menu .active>.items li {
  padding: 0px;
  list-style: none;
  margin: 2px 0;
}

.htmleaf-container ul.menu .active>.items li:last-child {
  border-color: transparent;
  padding-bottom: 0px;
}

.htmleaf-container ul.menu .active>.items .active>.items {
  background-color: #2f4b67;
}

.htmleaf-container ul.menu .active .list {
  background: #697d92;
}

.htmleaf-container ul.menu .active .list a {
  padding: 17px 0px 17px 45px;
}