/*  header */
body {
  background: #fafafa;
}
a {
  color: #282B3E;
}
a:hover {
  color: #0000C1;
}

.home #header-insight {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

#header-insight .elementor-widget-theme-site-logo img {
  filter: invert(1);
}

.home #header-insight .elementor-widget-theme-site-logo img {
  filter: brightness(1) invert(0);
}

.cmp-navigation-main {
  position: fixed;
  height: 100%;
  width: 80px;
  top: 0;
  left: 0;
  background-color: #34384b;
  overflow: hidden;
  z-index: 1002;
  display: inline-table;
}

.right-main {
  width: calc(100% - 80px);
  margin-left: 80px;
  -webkit-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease;
}

.main-menu-left {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  margin-top: 80px;
}

.main-menu-left li {
  text-align: center;
  border-bottom: solid 1px #2f3246;
  height: 80px;
  cursor: pointer;
}

.main-menu-left li:hover {
  background: #282b3e;
  color: #fff;
}

.main-menu-left li a {
  padding: 20px 0;
  color: #fff;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
}

.main-menu-left li a i {
  font-size: 20px !important;
  margin-bottom: 10px;
}

.main-menu-left li .sub-menu {
  width: 100%;
  position: fixed;
  top: 80px;
  left: 80px;
  width: 310px;
  height: 100%;
  border-right: 1px solid #ededed;
  z-index: 1000;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  padding-bottom: 160px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: transform 0.7ms ease;
}

.main-menu-left li .sub-menu li {
  border-bottom: 1px solid #ededed;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}

.main-menu-left li .sub-menu li a {
  color: #282b3e;
  font-size: 1rem;
  line-height: 24px;
  z-index: 1;
  width: 100%;

  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
  opacity: 1;
  padding: 0 40px;
  outline: 0;
}

.main-menu-left li .sub-menu li:hover a {
  color: #fff;
}

body.openmenu .right-main {
  transform: translate3d(350px, 0, 0);
}

body.openmenu .main-menu-left li .sub-menu {
  visibility: visible;
  opacity: 1;
  height: auto;
  z-index: 4;
  transition: transform 0ms ease;
}

/*  responsive mobile  */
@media (max-width: 767px) {
  .cmp-navigation-main {
    display: none;
  }

  .right-main {
    width: 100%;
    margin-left: 0;
  }

  .logo-mobile img {
     filter: brightness(0) invert(0);
  }
}