#servicos-em-destaque {
  background-color: #00ade1;
  margin-bottom: 30px;
  padding: 30px 0;
  position: relative;
}

.dark-mode #servicos-em-destaque {
  background-color: #3c3c3c;
}

#servicos-em-destaque>div.coh-container {
  height: 100%;
  border: 1px solid #fafafa;
  border-radius: 10px;
  padding: 30px 0;
  background-color: rgba(250, 250, 250, 0.1);
}

.dark-mode #servicos-em-destaque>div.coh-container {
  background-color: #2d2d2d;
}

#servicos-em-destaque>div.coh-container>div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#servicos-em-destaque .item {
  padding: 0 18px;
  border-right: 1px solid #3bbfe7;
  text-align: center;
}

.dark-mode #servicos-em-destaque .item {
  border-right: 1px solid #3c3c3c;
}

#servicos-em-destaque .item:last-child {
  border-right: 0;
}

#servicos-em-destaque .item a {
  transition: .2s;
  height: 100%;
  display: block;
  color: #fff;
}

#servicos-em-destaque .item a:hover {
  transform: scale(1.08);
}

#servicos-em-destaque .item a>* {
  vertical-align: middle;
}

#servicos-em-destaque .item a .label {
  width: 92px;
  display: inline-block;
  text-align: left;
  font-weight: bold;
  font-size: var(--s15);
  line-height: var(--s25);
  min-height: 64px;
}

#servicos-em-destaque .item a .label .acesse {
  font-size: var(--s13);
  display: flex;
  align-items: center;
  font-weight: normal;
}

#servicos-em-destaque .item a .label .acesse:after {
  line-height: 1.0;
  font-weight: normal;
  text-transform: none;
  speak: none;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F0A9";
  font-family: "icomoon";
  margin-left: 5px;
}

#servicos-em-destaque .item a span.icon {
  width: var(--s65);
  height: var(--s65);
  display: inline-block;
  background-color: #fafafa;
  border-radius: 10px;
  margin-left: 15px;
}

.dark-mode #servicos-em-destaque .item a span.icon {
  background-color: #0058a0;
}

#servicos-em-destaque .item a span.icon:before {
  font-size: var(--s42);
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--s65);
  color: #0058a0;
}

.dark-mode #servicos-em-destaque .item a span.icon:before {
  color: #ffffff;
}

@media (min-width: 767px) {
  #servicos-em-destaque .falta-de-energia {
    display: none;
  }
}

@media (max-width: 1023px) {
  #servicos-em-destaque>div.coh-container>div {
    display: block;
  }
  #servicos-em-destaque .item {
    padding: 0 5px;
    border-right: 0;
    margin-bottom: 16px;
  }

  #servicos-em-destaque>div.coh-container {
    padding: var(--s20);
  }

  #servicos-em-destaque .item a {
    display: flex;
  }

  #servicos-em-destaque .item a > span:last-child {
    margin-left: auto;
  }

  #servicos-em-destaque .slick-slider .slick-track {
    display: flex;
    align-items: center;
  }

  #servicos-em-destaque .slick-current,
  #servicos-em-destaque .slick-slide,
  #servicos-em-destaque .slick-slider {
    margin: 0;
  }

  #servicos-em-destaque .slick-dots {
    bottom: 0;
  }

  #servicos-em-destaque .slick-dots li button:before {
    opacity: 1;
    content: "";
    border: 1px solid #fff;
    border-radius: 100%;
    width: 9px;
    height: 9px;
  }
  #servicos-em-destaque .slick-dots li.slick-active button:before {
    background: #fff;
  }
  #servicos-em-destaque .item a .label {
    width: auto;
  }
  #servicos-em-destaque .item a .label>span:first-child {
    margin-bottom: var(--s15);
    display: block;
  }
}