body {
  margin: 0;
  padding: 0;
  background-color: #131513;
  font-family: Montserrat, sans-serif;
}

.logo-home-top {
  width: 86px;
}

.menu-style {
  background-color: #191919;
  border-radius: 6px;
  border-bottom: 1px solid rgb(164,205,57) ;
}

.btn-menu-top {
  background-color: #a4cd39 !important;
  color: #131513 !important;
  border: none;
  position: relative;
  z-index: 1;
  transition: .5s;
}

.btn-menu-top::before {
  content: '';
  background: #b9fe06;
  height: 100%;
  width: 0;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 6px;
  transition: .5s;
  z-index: -1;
}

.btn-menu-top:hover:before {
  width: 100%;
}

.btn-menu-top:hover {
  transform: scale(1.05);
}

.nav-item a {
  color: #707070;
}

a.nav-link.active {
  color: #a4cd39 !important;
}

#conteudo-hero {
  height: 500px;
}

.bg-hero {
  padding-top: 73px;
}

.btn-border {
  border: 1px solid #a4cd39 ;
  position: relative;
  z-index: 1;
  transition: .5s;
}

.btn-border:hover:before {
  width: 100%;
}

.btn-border:hover:before {
  width: 100%;
}

.btn-border::before {
  content: '';
  background: #b9fe06;
  height: 100%;
  width: 0;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 6px;
  transition: .5s;
  z-index: -1;
}

.btn-border:hover {
  color: #131513 !important;
}

.p-hero {
  color: #848181;
  padding-top: 5px;
}

.card-header-top-home {
  background: none;
  border: none;
  color: #A4CD39;
  font-size: 30px;
}

.card-hero {
  background: #191919;
  border: none;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  transition: .5s;
  height: 100%;
}

.hero-card:hover {
  box-shadow: 0px 0px 20px 2px rgba(164,205,57,0.13);
}

.card-hero p {
  font-size: 13px;
  color: #B7B3B3;
}

.card-hero h4 {
  font-size: 16px;
  color: rgb(255,255,255);
}

.bg-action {
  background-color: #A4CD39;
  border-top-left-radius: 30px;
  color: #131513;
  border-bottom-right-radius: 30px;
}

@media (min-width: 1400px) {
  .img-action {
    margin-top: -92px;
  }
}

.icon-social {
  background-color: #131513;
  width: 40px;
  height: 40px;
  color: #b9fe06;
  font-size: 25px;
  transition: 1s;
}

.icon-social:hover {
  transform: scale(1.07);
  background: none;
  color: #131513;
  border: 1px solid #131513;
}

.btn-social {
  background-color: #131513;
  color: #b9fe06;
  font-size: 15px;
  transition: 1s;
  border-radius: 38px;
  height: 100%;
}

.div-social {
  margin-top: 35px;
}

.btn-social:hover {
  transform: scale(1.07);
  background: none;
  color: #131513;
  border: 1px solid #131513;
}

.p-sobre {
  font-size: 15px;
}

.sub-site {
  color: #A4CD39;
}

.conteudo-card-carousel p {
  font-size: 13px;
  color: #B7B3B3;
}

.conteudo-card-carousel a {
  text-decoration: none;
  color: #a4cd39;
  font-size: 13px;
}

.img-top-carousel {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s;
  object-position: center;
  border-radius: 10px;
}

.bg-card-carousel {
  border-radius: 13px;
  background: linear-gradient(#131513 20%, #191919 34%), #191919;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.div-img-carousel-card {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  border-radius: 19px;
  flex-shrink: 0;
}

.img-top-carousel:hover {
  transform: scale(1.1);
}

.conteudo-card-carousel {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.conteudo-card-carousel a:hover {
  color: #b9fe06;
}

.bg-projeto {
  background: linear-gradient(#131513 70%, #0E0E0E 30%);
}

.bg-service {
  background-color: #0E0E0E;
}

.p-service {
  color: #B7B3B3;
  font-size: 16px;
}

.div-linha {
  background: #a4cd39;
  height: 3px;
  width: 30%;
}

.bg-serves {
  background-color: #191919;
  border-radius: 10px;
  height: 102px;
}

.bg-card-equipe {
  border-radius: 13px;
  height: 100%;
  background: #191919;
}

.marg-img-equipe {
  margin-top: -36px;
}

.span-profissisao {
  color: #A4CD39;
  font-size: 12px;
}

.funcionario-hidden {
  display: none;
}

@media (min-width: 1400px) {
  .marg-img-equipe {
    height: 250px;
  }
}

.btn-filter {
  color: #a4cd39 !important;
  border: 1px solid #a4cd39 ;
  border-radius: 28px;
  font-size: 11px;
}

.btn-filter:hover {
  background: #a4cd39 !important;
  color: #131513 !important;
}

.btn-filter.active {
  background: #a4cd39 !important;
  color: #131513 !important;
}

.img-app {
  width: 80px !important;
}

.div-img-carousel-port {
  width: 100%;
  height: 150px;
  overflow: hidden;
  position: relative;
  border-radius: 19px;
}

.div-img-carousel-port-imgs {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

.content {
  display: none;
}

#apps {
  display: block;
}

.p-rodape {
  font-size: 12px;
  color: #6A6767;
  margin-top: 15px;
}

.logo-rodape {
  width: 150px;
}

.links-rodape a {
  color: #6A6767;
  font-size: 13px;
  text-decoration: none;
}

.links-rodape a:hover {
  color: #a4cd39;
}

.bg-cnpj {
  background-color: #a4cd39;
}

.p-cnpj {
  color: #0E0E0E;
  font-size: 13px;
}

.bg-rodape {
  background-color: #0E0E0E;
}

.conteudo-home {
  z-index: 2;
}

.pulse {
  --hover: rgba(164, 205, 57, 0.5);
  transition: box-shadow 0.3s ease;
}

.pulse:hover, .pulse:focus {
  animation: pulse 1s ease;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
  70% {
    box-shadow: 0 0 0 2em transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

.icon-seta {
  color: rgb(164,205,57);
  font-size: 34px;
  background: #131513;
  border-radius: 7px;
  box-shadow: 0px 0px 5px rgba(32,34,28,0.38);
  border: 1px solid rgb(164,205,57);
}

#scrollToTopButton {
  position: fixed;
  bottom: 5%;
  z-index: 999;
  right: 3%;
  border-radius: 7px;
  display: none;
  cursor: pointer;
}

.typing-container {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  font-size: 3em;
  line-height: 1.5;
  font-weight: bold;
  min-height: 150px;
}

.line {
  display: block;
  opacity: 0;
}

.typing-container.done {
  border-right: none;
}

.line.hexa-line {
  color: #a4cd39;
  margin-top: -15px;
}

@media (max-width: 576px) {
  .typing-container {
    font-size: 1.5em;
  }
}

@media (max-width: 425px) {
  .btn-home-size-mobile {
    font-size: 13px;
  }
}

@media (max-width: 415px) {
  .typing-container {
    min-height: 100px;
  }
}

.img-top-carousel-social {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  border-radius: 10px;
}

.img-top-carousel-social:hover {
  transform: scale(0.95);
}

.input-style {
  background: none;
  border-style: solid;
  border-color: #595959;
  border-radius: 8px;
  transition: .5s;
}

.bg-contato-form {
  background-color: #191919;
  border-radius: 10px;
}

.btn-submit-hxa {
  border: 1px solid #a4cd39;
  transition: .5s;
}

.btn-submit-hxa:hover {
  background: #a4cd39 !important;
  color: #131512 !important;
}

.input-style:focus {
  background: none;
  box-shadow: 0 0 5px rgba(164, 205, 57, 0.5);
  outline: none;
  border: none !important;
}

#conteudo-contato {
  color: #131513;
}

.animated-row {
  background: linear-gradient(270deg, #a4cd39, #c6ef70, #a4cd39);
  background-size: 600% 600%;
  animation: gradientMove 8s ease infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#conteudo-politicas {
  background-color: #191919;
  border-radius: 10px;
  z-index: 9;
}

#conteudo-titulo {
  height: 400px;
}

.margin-pol {
  margin-top: -121px;
  z-index: 9;
}

/* Estilo das Imagens na galeria */

.img-top-carousel:hover {
  opacity: 0.7;
}

/* CSS para o Swiper */

.photo-gallery {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-wrapper {
  display: flex;
  align-items: center;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.swiper-pagination-bullet {
  background: #fff !important;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.swiper-pagination-bullet-active {
  background: #a4cd39 !important;
}

/* Estilos para bullets */

.swiper-pagination {
  position: absolute;
  display: flex;
  gap: 5px;
  z-index: 10;
  flex-direction: row;
  justify-content: center;
}

.carouselproject {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.carouselsitesapps {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-bottom: 25px;
  overflow: hidden;
}

@media (max-width: 700px) {
  .div-img-carousel-port-imgs {
    height: 100%;
  }
}