:root {
  --sima-green: #39E99B;
  --sima-brown: #3f414A;
}

.text-brown{
  color: var(--sima-brown) !important;
}

.btn-success {
  background-color: var(--sima-green) !important;
}
.btn-success:hover {
  color: var(--sima-brown);
}

.btn-brown {
  background-color: var(--sima-brown) !important;
  color: #fff;
}

.btn-white:hover {
  color: var(--sima-green);
}

.link-success{
  color: var(--sima-green) !important;
}

.bg-brown{
  background-color: var(--sima-brown) !important;
}

.bg-green{
  /* background-color: var(--sima-green) !important; */
  background-color: #1eb975;
}

.main-navigation > li:hover > .sub-menu-wrap{
  opacity: 1;
  visibility: visible;
}

  .main-navigation > ul > li.dropdown:hover > a:before,
  .main-navigation > ul > li.dropdown.current > a:before{
    width: calc(100% - 15px);
  }

  .sub-menu-wrap ul li{
    position: relative;
    list-style: none;
  }

  .sub-menu-wrap ul li:hover > a,
  .sub-menu-wrap ul li.current > a{
    color: var(--sima-green);
    background: #f9f9f9;
  }

  .main-navigation > ul > li.dropdown > a:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f078';
    margin-left: 5px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
  }

  .sub-menu-wrap{
    position: absolute;
    left: -20px;
    top: 100%;
    min-width: 210px;
    border-top: 3px solid var(--sima-green);
    background: #fff;
    padding: 14px 0;
    opacity: 1;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease, visibility .3s ease;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    -webkit-transform: translate3d(-15px, 15px, 0);
    -moz-transform: translate3d(-15px, 15px, 0);
    -o-transform: translate3d(-15px, 15px, 0);
    -ms-transform: translate3d(-15px, 15px, 0);
    transform: translate3d(-15px, 15px, 0);
    box-shadow: 0px 8px 21px 0px rgba(51, 51, 51, 0.1);
  }

  .sub-menu-wrap:before{
    content: '';
    bottom: 100%;
    width: 100%;
    left: 0;
    height: 4px;
    display: block;
    position: absolute;
    background: transparent;
  }

  .sub-menu-wrap .sub-menu-wrap.sub-menu-inner{
    left: 100%;
    background: #f2f3f6;
    top: 0;
    margin-left: 4px;
    margin-top: -15px;
  }

  .sub-menu-wrap .sub-menu-wrap.sub-menu-inner:before{
    right: 100%;
    left: auto;
    width: 4px;
    top: 0;
    bottom: auto;
    height: 100%;
  }

  .main-navigation > ul > li:hover > .sub-menu-wrap:not(.sub-menu-inner),
  .sub-menu-wrap ul li:hover .sub-menu-wrap.sub-menu-inner{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
  }

  .sub-menu-wrap ul li a {
      display: block;
      white-space: pre;
      position: relative;
      font-weight: 300;
      padding: 9px 35px 9px 20px;
      color: var(--sima-brown);
  }

  .icons-box-title a:hover{
    color: var(--sima-green) !important;
    transition: all .3s ease;
  }