@charset "UTF-8";
/**
	*#	Add Vendors
	*	Adiciona prefixos nas propriedades CSS compatíveis com múltiplos browsers:
	*
	*	$property 			-> Propriedade CSS a receber os prefixos.
	*	$value 				-> O valor da propriedade.
*/
/**
	*#	Center Absolute
	*	Centraliza um elemento absolute na horizontal, vertical ou em ambos os sentidos.
	*
	*	$direction 			-> Sentido da centralização. Utilize 'H' para horizontal, 'V' para vertical ou 'C' para ambos.
	*	$type	 			-> Tipo de centralização. Utilize 'absolute', 'relative' ou 'fixed'.
*/
/**
	*#	Render Arrow
	*	Renderiza a forma de uma seta na posição desejada.
	*
	*	$direction 			-> Direção à qual a seta está apontando. Utilize 'top', 'right', 'bottom ou 'left'.
	*	$size 				-> Tamanho da seta, em pixels.
	*	$color 				-> Cor da seta.
*/
/**
	*#	Responsive
	*	Prepara o CSS para receber estilos responsivos.
	*
	*	$type	 			-> Se o responsivo está calculando o tamanho máximo ou mínimo da tela. Utilize 'max' ou 'min'.
	*	$pixels				-> Tamanho da tela.
*/
/**
	*#	Set Absolute
	*	Configura o posicionamento absolute de um elemento.
	*
	*	$top 				-> Posicionamento superior. Utilize 'auto' para ignorar.
	*	$top 				-> Posicionamento da direita. Utilize 'auto' para ignorar.
	*	$top 				-> Posicionamento inferior. Utilize 'auto' para ignorar.
	*	$top 				-> Posicionamento da esquerda. Utilize 'auto' para ignorar.
	*	$type 				-> Tipo de posicionamento. Utilize 'absolute', 'relative' ou 'fixed'.
*/
/**
	*#	Short Text
	*	Concatena reticências à qualquer texto que ultrapasse a largura máxima de seu elemento mãe.
*/
/**
	*#	Manage Z-Index
	*	Organiza elementos filhos com posicionamentos absolutos no eixo Z baseados em uma ordem crescente ou decrescente.
*/
/**
	*#	Container
	*	Prepara o CSS para receber estilos responsivos locais.
	*
	*	$name	 			-> O nome do container (obrigatório). Os nomes nunca devem se repetir.
	*	$type	 			-> Se o responsivo está calculando o tamanho máximo ou mínimo da tela. Utilize 'max' ou 'min'.
	*	$axis	 			-> Se o responsivo está calculando o eixo X ou Y do container. Utilize 'width' ou 'height'.
	*	$pixels				-> Tamanho do container.
*/
/**
	*#	Px to Rem
	*	Converte pixels para o padrão REM:
	*
	*	$value 				-> O valor em pixels.
*/
/**
	*#	Color
	*	Recupera uma cor de um array baseado na posição e no nome do array fornecido:
	*
	*	$array 				-> O vetor específico.
	*	$value 				-> O nome da posição que está guardado o valor.
*/
/**
	*#	Color
	*	Recupera uma cor de um array baseado na posição e no nome do array fornecido:
	*
	*	$array 				-> O vetor específico.
	*	$value 				-> O nome da posição que está guardado o valor.
*/
/**
	*#	Spin
	*	Executa uma animação de rotação linear
	*
	*	$duration 			-> Tempo de duração da animação;
	*	$loop 				-> Atributo que determina se a animação vai se repetir;
*/
/**
	*#	Ping
	*	Executa uma animação de destaque rápido.
	*
	*	$scale	 			-> Tamanho da escala de destaque;
	*	$opacity 			-> A opacidade mínima do objeto animado;
	*	$duration 			-> Tempo de duração da animação;
	*	$loop 				-> Atributo que determina se a animação vai se repetir;
*/
/**
	*#	Pulse
	*	Executa uma animação de pulso.
	*
	*	$opacity 			-> Nível mínimo de opacidade;
	*	$duration 			-> Tempo de duração da animação;
	*	$loop 				-> Atributo que determina se a animação vai se repetir;
*/
/**
	*#	Ping & Pulse
	*	Executa uma animação de pulso com destaque rápido.
	*
	*	$scale	 			-> Tamanho da escala de destaque;
	*	$opacity 			-> Nível mínimo de opacidade;
	*	$duration 			-> Tempo de duração da animação;
	*	$loop 				-> Atributo que determina se a animação vai se repetir;
*/
/**
	*#	Bounce
	*	Executa uma animação de pulo.
	*
	*	$height 			-> Altura do salto (%/px/rem/em);
	*	$duration 			-> Tempo de duração da animação;
	*	$loop 				-> Atributo que determina se a animação vai se repetir;
*/
#services-carrousel {
  padding-bottom: 0px;
}
@media screen and (max-width: 1023px) {
  #services-carrousel {
    padding: 30px 15px;
  }
}
#services-carrousel .btn-wrapper {
  background-color: #FFFFFF;
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.05), 0px -10px 10px 0px rgba(0, 0, 0, 0.04), 0px -23px 14px 0px rgba(0, 0, 0, 0.03), 0px -40px 16px 0px rgba(0, 0, 0, 0.01), 0px -63px 18px 0px rgba(0, 0, 0, 0);
  transition: background-color 0.3s;
}
@media screen and (max-width: 1023px) {
  #services-carrousel .btn-wrapper {
    box-shadow: none;
  }
}
#services-carrousel .btn-wrapper .circles {
  display: none;
}
#services-carrousel .btn-wrapper a {
  padding: 20px 10px;
  cursor: pointer;
  z-index: 3;
}
#services-carrousel .btn-wrapper a label {
  color: #333333;
  font-weight: 900;
  background-color: transparent;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
}
#services-carrousel .btn-wrapper a svg * {
  fill: var(--buttonCustomBg);
}
#services-carrousel .btn-wrapper.active {
  background-color: var(--buttonCustomBg, #254C7F);
}
#services-carrousel .btn-wrapper.active .circles {
  display: block;
}
#services-carrousel .btn-wrapper.active a label {
  color: #FFFFFF;
}
#services-carrousel .btn-wrapper.active a svg * {
  fill: #FFFFFF;
}
@media screen and (max-width: 1023px) {
  #services-carrousel .btn-wrapper .icone {
    width: 40px;
    height: auto;
  }
  #services-carrousel .btn-wrapper .icone svg {
    width: 40px;
    height: auto;
  }
  #services-carrousel .btn-wrapper a {
    width: 100%;
  }
  #services-carrousel .btn-wrapper label {
    font-size: 20px;
  }
}
#services-carrousel .slick-arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#services-carrousel .slick-arrow::before {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 40px !important;
  display: block;
  width: 50px;
  height: 50px;
}
#services-carrousel .slick-arrow.slick-prev::before {
  content: "";
  background: url("../assets/icons/png/banner/previous-black.png");
}
#services-carrousel .slick-arrow.slick-next::before {
  content: "";
  background: url("../assets/icons/png/banner/next-black.png");
}

.anchor_servico {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}/*# sourceMappingURL=services.css.map */