@import url('https://cdn.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
  scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
}

/* MUDANDO NO MÓDULO GERAL DO TEMA */
#hs_cos_wrapper_dnd_area_header-module-1 {
  position:absolute!important;
  width:100%!important;
}

.kl-header {
  border-radius: 0px 0px 999px 999px!important;
}

/* CUSTOM CODE */

.header-block {
    background-color: black;
    align-items: center;
    padding: 15px 0px;
    border-radius: 0px 0px 75px 75px;
    position: fixed;
    width: 100%;
    z-index: 2;
}

.content-block img {
  width:100%;
}

.form-style {
    background-color: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 10px 10px 160px rgba(0,0,0,0.1);

}

.no-absolute {
  position:relative;
}

a {
  text-decoration:none;
}


.container {
    max-width: 1280px;
    margin: 0 auto;
  padding: 0px 20px;
}

.min-container {
    max-width: 968px;
    margin: 0 auto;
}

.maxmin-container {
max-width:650px;
margin: 0 auto;
}

.flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.no-gap {
  gap:0px;
}

.flex.top {
  align-items:baseline;
}

.reverse {
    flex-direction: row-reverse;
}

.block-outlined {
    /* referente ao bloco com imagens */
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 5px;
    padding: 20px 10px;
    margin-bottom: 30px;
}
.full-image-card {
    /* referente ao bloco com imagens */
    /* border: 1px solid rgba(0,0,0,0.12); */
    border-radius: 10px;
    /* padding: 20px 10px; */
    margin-bottom: 30px;
/*     width: 85vw; */
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    background-color: rgba(0,0,0,0.12);
    min-height: 400px;
    display: flex;
    align-items: center;
    box-shadow: -10px 10px 0px black;
}

.full-image-card.full {
    margin: 0 auto;
    width: 100%;
}

.left-card {
    margin-left: 0px;
    margin-right: auto;
    justify-content: flex-end;
}

/* videos de capa  */

.hs-video-wrapper iframe {
  z-index: 1001px;
}

.absolute-card-image {
    position:absolute;
    z-index: 0;
    top: 100;
  height:100%;

}

.full-image-card img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    margin: 0px;
}
.place-img {
  margin:0px;
}

.blueish {
    background-color: #F2FCFF;
}
.blackish {
    background-color: black;
    color: white;
}

section.greyish {
    background-color: #f7f7f7;
}

section.bluezao {
    background-color: #3E9BBC;
    background-image: none;
}

.center {
    justify-content: center;
}

.space-even {
    justify-content: start;
    margin: 20px 0px;
}

ul {
    list-style: none;
    margin:0px;
    font-family: 'GothamPro',sans-serif;
}

.hs-menu-wrapper ul {
  
  color:white;
  font-family: 'GothamPro',sans-serif;
  
}

.hs-menu-wrapper ul li a{

  text-decoration:none;
  color:white;
  background-color:black;
  font-weight:300;
  padding:20px;
  width:100%;
  display:block;
}

.hs-menu-wrapper ul li a:hover {

 color: #3E9BBC;
}

/* barra de navegação menu */

.nav-list {
    display: flex;
}



.nav-menu {
    position: relative;
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-item {
    display: inline-block;
}

.nav-item a {
    display: block;
    padding: 15px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -1px;
    color: white; /* Cor do texto dos links */
}

/* Estilo do dropdown */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* fim barra de navegaação */

.btn {
    border-radius: 5px;
    padding: 10px 25px 10px 25px;
    font-size: 16px;
    font-weight: 400;
    margin: 0px 15px 0px 15px;
    font-family: 'GothamPro', sans-serif!important;
}

.button {

  font-size:16px;
  font-family:'GothamPro', sans-serif;
  background-color:#3E9BBC;
  border: solid 1px #3E9BBC;
  font-weight:400;
}

.btn::after {
    content: '>'; /* Seta direita. Altere conforme necessário */
    display: inline-block;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.btn:hover::after {
    transform: translateX(5px); /* Movimenta a seta para a direita quando passa o mouse */
}

.image-logo {
  max-width:175px;

}

.btn-arrow {
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    border: solid 0.5px black;
    text-decoration: none;
}

a.cta {
    background-color: #3E9BBC;
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
  font-family:'GothamPro', sans=serif;
}

.button.dnd_area_header-module-1__button {
  background-color: #3E9BBC;
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
   border-radius: 5px;
  border-color:#3E9BBC;

}

.kl-navbar__button,.kl-navbar__end {
  font-family:'GothamPro', sans=serif!important;
  font-weight:300;
}
.button {
font-family:'GothamPro', sans=serif!important;
}

.kl-navbar__button>span:after {
  background-color:#3E9BBC;
  
}

.button.dnd_area_header-module-1__button::after {
  content: '>'; /* Seta direita. Altere conforme necessário */
}

.button.dnd_area_header-module-1__button span {
  font-family:'GothamPro', sans=serif!important;
}


.normal-padding {
    padding-bottom: 80px!important;
}


.hero-section {
/*     background-image: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0) 100%); */
    background-size: cover;
    padding: 220px 0px 480px 0px;
    position: relative;
    z-index:1;
    overflow:hidden;
}

.cases-section {
    background-color: white;
    background-image: none;
    padding-bottom: 0px;
}

.solutions-page {
    /* padding: 90px 0px 180px 0px; */
  overflow:hidden;
  padding-bottom: 280px;
  position:inherit!important;
  background-color:#3F9CBC!important;
}
.solutions-page img {
  height:100%;
}

.absolute-hero-image {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    object-fit: cover;
    width: 100%;
}

.max-25 {
    max-width: 25%;
    z-index: 1;
}
.max-40 {
    max-width: 40%;
    z-index: 1;
}
.max-60 {
    max-width: 60%;
    z-index: 1;
}
.max-70 {
    max-width: 70%;
    z-index: 1;
}
.max-50 {
    max-width: 49%;
/*     margin: 0px 10px; */
    z-index: 1;
  padding: 10px 20px;
}

.max-50.no-padding {padding: 0px;}

.absolute-big-icon {
  position:absolute;
  margin=top:=160px;
}

.big-icon {
    bottom: 36vh;
    position: absolute;
    right: 20vw;
}

.big-icon-revolution {
/*   position: absolute; */
  margin-bottom:-100px;

}

h1,h2,h3,h4,h5,h6 {
    margin: 10px 0px 15px 0px;
    font-weight: 200!important;
    letter-spacing: -1px;
    font-family: 'GothamPro', sans-serif!important;
    line-height:1.2;
}

h1 {
    font-size: 2.5rem; /* 40px em telas grandes, ajusta com o tamanho da tela */
  }
  
  h2 {
    font-size: 2rem; /* 32px em telas grandes, ajusta com o tamanho da tela */
  }
  
  h3 {
    font-size: 1.85rem; /* 28px em telas grandes, ajusta com o tamanho da tela */
    margin: 0px;
  }
  
  h4 {
    font-size: 1.75rem; /* 24px em telas grandes, ajusta com o tamanho da tela */
  }
  
  h5 {
    font-size: 1.55rem; /* 20px em telas grandes, ajusta com o tamanho da tela */
  }
  
  h6 {
    font-size: 1rem; /* 16px em telas grandes, ajusta com o tamanho da tela */
  }

h4.title {
  font-weight:600!important;
}

.paragrafo {
    font-family: 'Roboto',sans-serif!important;
    font-size: 21px;
    margin: 10px 0px 15px 0px;
    line-height: 1.3;
    font-weight: 300;
}

.light-grey-text {
    color: rgba(255,255,255,0.4);
    margin-bottom: 10px;
    display: block;
}
.light-black-text {
    color: rgba(0,0,0,0.6);
    margin-bottom: 10px;
    margin-top:20px;
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
}

.blue-text {
    color: #3E9BBC;
}

.left {
    text-align: left;
}

.white-text {
    color: white;
}

a.outlined {
    background-color:transparent;
    color: white;
    text-decoration: none;
    display: inline-block;
    align-items: center;
    justify-content: space-between;
    border: solid 1px white;
    margin: 0px;
}

a.outlined.black {
    border: solid 1px black;
    color: black;
}


.section {
    padding: 30px 0px;
}

.section.inner-section {
    padding: 30px 0px;
/*   background-color:white; */
}

.top-180 {

    padding-top:60px;

}

.logo-section {
    z-index:0;
/*     margin-top: -160px; */
/*     margin-top: -9.7vw; */
/*  background-color: white;  */
    border-radius: 170px 0px 0px 0px;
    position: absolute;
    padding: 40px 0px 0px 0px;
    width:100%;
    bottom:unset;
   height:50%;
}


.logo-section.no-absolute {
  position:relative;
}


.logo-section-black {
    background-color: black;
    color: white;
  position:relative;
  padding-bottom:40px;
  margin-top:-245px;
  padding-top:60px;
  z-index:1;
}

.logo-client {
    width: 110px;
}

hr {
    margin: 25px 0px 15px 0px;
    opacity: 50% ;
    z-index: 0;
}

hr.white-hr {
      
    background-color:rgba(255,255,255,0.3);
    height: 0.1px;
    border: none;

}

.badge {
    margin: 10px 0px 0px -10px;
}
.badge.first {
    margin: 0px 10px 0px 0px;
}

.kl-navbar__button span {

  font-size:16px;
  font-family:'GothamPro',sans-serif;
  font-weight:300;
}

.kl-navbar__button span:hover {

  color:#3E9BBC;
}

.kl-navbar-submenu__item a{
  font-size:16px;
  font-family:'GothamPro',sans-serif;
  font-weight:400;
}

.kl-navbar-submenu__button span:hover {
  color:#3E9BBC;

}

.navbar__button:hover {color:#3E9BBC;}

.content-box {
/*     max-width: 30%;
    margin: 20px 0px; */
  max-width: 32%;
    padding: 30px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    min-height: 280px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.content-box:hover {
    transform: scale(1.05); /* Cresce 10% */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}

.no-border {
  padding:0px;
  border:none;
}
.no-border:hover {
  box-shadow:none;
}
.content-block {
    max-width: 30%;
/*     margin: 20px 10px; */
    padding: 20px;
    background-color: white;
    align-items: baseline;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: background-color 0.3s linear;
    border-radius:10px; 
    min-height:610px;
  border: solid 1px rgba(0,0,0,0.1);
/*     flex:0 0 calc(33.333% - 20px); */
}

.content-block a {
  text-decoration:none;
  color:black;
}

.content-block:hover {
  background-color:#3E9BBC;
  color:white;
  box-shadow: 10px 10px 60px rgba(0,0,0,0.1);
}
.content-block:hover p,
.content-block:hover h5 {
  color:white;
}

.content-block.hidden-block {
  opacity:0%;
}


.wrapper {
    flex-wrap: wrap;
}
.start {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.end { justify-content:end;}

.first-start {
    align-items: normal;
}

.min {
    font-size: 16px;
    margin: 15px 0px 15px 0px;
}

.cta-section {
    background-color: black;
    color: white;
    padding: 100px 0px;
    border-radius: 0px 0px 150px 0px;
    z-index: 1;
    position: relative;
}

.cta-blue-section {
    background-color: #3E9BBC;
    color: white;
    padding: 100px 0px;
    border-radius: 0px 0px 150px 0px;
    z-index: 0;
    position: relative;
    background-image: url('/images/r-claro.svg');
    background-position: 0px;
    background-repeat: no-repeat;
}


.input-form {
    border: solid 0.5px white!important;
    border-radius: 5px!important;
    background-color: transparent!important;
    margin-left: 0px!important;
    margin-right: 5px!important;
    width: 30%!important;
    padding: 0px 15px!important;
    font-family: 'GothamPro', sans-serif!important;
}

.input-form-block {
    border: solid 0.5px rgba(0,0,0,0.12);
    border-radius: 5px;
    background: transparent;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 10px;
    width: 45%;
    height: 50px;
    padding: 0px 15px;
    font-family: 'GothamPro', sans-serif!important;
}
.input-form-text-area {
    border: solid 0.5px rgba(0,0,0,0.12);
    border-radius: 5px;
    background: transparent;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 10px;
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    font-family: 'GothamPro', sans-serif!important;
    padding: 20px;
}
.input-form::placeholder {
    color: white;
}

button.btn {
/*     margin: 10px 0px; */
    border: solid 0.5px white;
    color: black;
    font-weight: 400;
}

.form-flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.form-flex.blue {
    display: flex;
    align-items: stretch;
    justify-content: start;
}

.r {
    margin-left: 20px;
}
.form-block {
    margin-top: 20px;
}

.light-blue {
/*     background-color:#F2FCFF; */
/*     margin-top: -180px; */
    z-index: 0;
/*     padding-top: 240px; */
}

.service-image {
    max-width: 100%;
}

.bpmn-block {
    margin-top: 35px;
}

.light-grey {
    background-color: #f7f7f7;
    border-radius: 100px 100px;
}
.centered-block {
    text-align: center;
    margin: 25px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fullwidthimage {
    margin: 20px 0px;
}

img {
    max-width: 100%;
    border-radius: 5px;

}
.black-cta-section-bg {
    position: absolute;
    z-index: 9999;
    left: 0px;
    bottom: 0px;
}

.blue-cta-section-bg {
    position: absolute;
    z-index: 9999;
    right: 0px;
    bottom: 0px;
}


.content-box img {
    margin: 20px 0px;
    width: 50px;
}

.big-black {
    background-color: black;
    color: white;
    padding: 80px;
    position:relative;
    overflow:hidden;
  
}

.r-absolute {
    position: absolute;
    right: -60px;
    bottom: 0px;
    z-index:0;
}
.big-blue {
    background-color: #3E9BBC;
    color: white;
    padding: 80px;
}
.column {
    flex-direction: column;
    text-align: left;
    align-items: baseline
}

.icon-block {
    margin-right: 15px;
}

.btn-block {
    margin-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-10 {
    margin-bottom: 10px;
}

/* accordion */

.accordion {
    background-color: black;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-family: 'GothamPro',sans-serif!important!important;
    border-radius: 5px;
    color: white;
    margin-bottom: 5px;
}

.active, .accordion:hover {
    background-color: #3E9BBC;
}

.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
    border: solid 0.5px rgba(0,0,0,0.2);
    margin-top: -10px;
    margin-bottom: 10px;
    border-radius: 0px 0px 5px 5px;
    padding: 30px 20px;
    font-family: 'GothamPro',sans-serif!important;
    line-height: 1.5;
}

.accordion-block {
    max-width: 70%;
    margin: 50px auto;
}
.footer {
    background-color: black;
    color: white;
    padding-bottom: 30px;
    padding-top: 230px;
    margin-top: -150px;
}

.footer-column h6{
    font-weight: 600;
}

.flag {
    margin-left: 10px;
    margin-right:10px;
}

.footer-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.list-item-footer {
    font-family: 'Roboto',sans-serif!important;
    font-size: 14px;
    margin: 10px 0px;
    font-weight: 300;
}
.link-footer {
    text-decoration: none;
    color: white;
}
.link-footer:visited{
    color: rgba(255,255,255,0.2);

}

.social-links {
    margin-left: 15px ;
}

.light-grey-text.min{
    font-size: 14px;

}

/* CARROSSEL */

.carousel-container {
    position: relative;
/*     max-width: 600px; */
    margin: auto;
    overflow: hidden;
    padding: 0px 30px;
  }
  
  .carousel-slide {
    display: flex;
    transition: transform 0.5s ease-in-out!important; /* Adiciona uma transição suave */
  }
  
  .testimonial {
    flex: 0 0 50%; /* Makes each testimonial take up 50% of the width */
    text-align: center;
    padding: 20px;
    background-color: black;
    color: white;
    margin: 0px 10px;
    border-radius: 5px;
    height:100%;
    min-height:400px;
  }
  
  .testimonial img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
  }
  
  #prevBtn, #nextBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #3E9BBC!important;
    border:  0.5px solid #3E9BBC;
    cursor: pointer;
    padding: 10px;
    z-index: 100;
    border-radius: 9999px;
    width:50px;
    height:50px;
  }
  
  #prevBtn { left: 50px;}
  #nextBtn { right: 10px;}
   
  .tablet-row {
    flex-direction: row;
    justify-content:flex-start;
  }

  .white-card {
/*     background-color: white; */
    box-shadow: 10px 10px 10px rgba(0,0,0,0.12);
    border-radius: 10px;
    margin: 0px 0px;
    padding: 20px;
    height: auto;
    min-height:auto;
    background-color: rgba(255, 255, 255, 1); /* Branco com opacidade de 80% */
  backdrop-filter: blur(10px); /* Desfoque de 10px */
  /* Para obter 20% de blur, você pode ajustar este val
  }

  .fixed-width {
    margin: 0px;
    max-width: 28%;
    height: 100%;
  }

  .image-block {
    margin-bottom: 10px;
    position: relative;
    width:100%;
  }

  .image-block img {
    width: 100%;
    object-fit: cover;
  }

  .card-outlined {
    max-width: 48%;
  }

  .team-card {
    border: 0.5px solid rgba(0,0,0,0.12);
    box-shadow: 10px 10px 0px rgba(0,0,0,1);
    border-radius: 10px;
    width: 22%;
    justify-content: baseline;
    margin-bottom: 30px;
  }

.absolute-hero-image {
  height:100%;
}
*/
.content-team-card {
    padding: 10px 20px 30px 20px;
  box-shadow: 10px 10px 0px black;
  border-radius:20px;
  background-color:white;
}
    /*
.space-around {
    justify-content: space-around;
}

.stamp {
    position: absolute;

}

.cases-card {
    border: solid 0.5px rgba(0,0,0,0.12);
    border-radius: 5px;
    padding: 20px;
    max-width: 28%;
}

.place-card {
    box-shadow: 10px 10px 60px rgba(0,0,0,0.12);
    padding: 30px;
    max-width: 24%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    background-color: white;
    border-radius: 5px;
}

.place-section {
    background-color:transparent;
    margin-top: -160px;
    margin-bottom: 80px;
}

  .tablet-row {
    justify-content:normal;
  }

@media (min-width: 1100px) {
  .logo-section-black {
    margin-top: -164px;
    padding-top: 88px;
  }
}

/* Media Queries para Tablets */
@media (max-width: 1100px) {
    /* Ajustes gerais para tablets */

    .image-block {
        margin: 25px 0px;
    }
      .content-block.hidden-block {
      opacity:0%;
      display:none;
    }
  
  .big-icon {
    position: static;
}
  
/*   .top-180 {

    padding-top:180px;

} */

    .column-on-mobile {
        flex-direction: row;
    }
  

    .icon-image {
        width: 50px;
        margin: 0px auto;
    }
    .container, .min-container {
        padding: 20px 40px;
        max-width: 90%;
        overflow-wrap: break-word;
    }

    .max-40 {
        max-width: 100%;
    }

    .max-50 {
        width: 100%;
    }
  
/*      .logo-section {
        position:relative;
    } */

    .flex, .reverse, .space-even, .center, .start {
        flex-direction: column;
        align-items: center;
    }
  
  .tablet-row {
    flex-direction: row;
    justify-content:flex=start;
  }

    .full-image-card, .cases-card, .place-card {
        width: 100%;
        margin: 20px 0;
    }

    h1 {
         font-size: clamp(1.5rem, 5vw, 2.5rem);
    }
  
    .content-box{
        max-width: 100%;
        margin: 20px 0;
    }

    .content-block {
        max-width: 45%;
    }

    .form-flex, .form-flex.blue {
        flex-direction: column;
    }

    .input-form, .input-form-block {
        width: 100%;
    }
    .form-block{
        max-width: 100%;
        width: 100%;
    }

    .absolute-hero-image {
        height: 100%;
        object-fit: cover;
    }

    .hero-section {
        padding: 280px 0px 280px 0px;
    }

    .flex.space-even {
        flex-direction: row;
    }

    /* .flex {
        flex-direction: row;
    } */
    .r {
        width: 50px;
    }
    .service-image {
        width: 100%;
        margin-bottom: 20px;
    }
    .max-70,.max-50 {
        max-width: 100%;
        width: 100%;
    }
  
  .max-50 {
   padding: 20px 0px;
  }

    .row-on-mobile {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .btn-block {
        text-align: center;
    }
  
  .btn-block.left {
    text-align:left;
  }
    .flex.column {
        text-align: center;
    }
}
@media screen and (min-width: 560px) and (max-width: 1650px) {
    /* Estilos que se aplicam quando a largura da tela está entre 560px e 1650px */
  .logo-section {
    margin=top:-200px;
  }
}


/* Media Queries para Celulares */
@media (max-width: 556px) {
    /* Ajustes gerais para celulares */

    .section {
        padding: 60px 20px;
    }
  
  .flex.column {
  text-align:left;
  }
  
  .flex {
  
  align-items:baseline;
  }
  
     .flex.column-on-mobile {
        flex-direction: column;
        align-items: baseline;
    }
  
  .tablet-row {
    flex-direction:column;
  }
  
  .image-block {
  width:100%;
  }
  
  .solutions-page {
   padding-bottom:680px;
  
  }
  
    .max-50 {
    width:100%!important;
  }
  
  .flex.first-start {
  
    align-items:baseline;
  }  
  .content-block {
    margin-bottom:15px;
    width:100%;
  
  }
  
   .reverse,.space-even,.center,.start {
        align-items: baseline!important;
    }
    .flex-item-start {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .absolute-hero-image {
        height: 100%;
        object-fit: cover;
    }

    .hero-section {
        padding: 180px 0px 180px 0px;
/*         background-image: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0) 100%); */
    }


    .max-40,.max-70,.max-60 {
        max-width: 100%;
    }
    .header-block {
        padding: 10px 0;
      border-radius: 0px 0px 20px 20px;
    }

    .nav-item a {
        padding: 12px 5px;
    }

    .big-black {
        padding: 80px 10px;
    }

    h1 {
         font-size: clamp(1.5rem, 5vw, 2.5rem);
    }

    .paragrafo {
        font-size: 16px;
    }

    .full-image-card img, .service-image{
        height: 100%!important;
    }

    .absolute-hero-image {
        height: 100%;
    }

    .content-box, .content-block, .cases-card, .place-card {
        max-width: 100%;
        margin: 15px 0;
    }

    .btn, .btn-arrow, a.cta {
        padding: 8px 20px;
    }

    .form-flex, .form-flex.blue {
        flex-direction: column;
    }

    .input-form, .input-form-block, .input-form-text-area {
        width: 100%;
    }

    .badge, .mb-10, .mb-20, .mb-30, .mb-40 {
        margin-bottom: 15px;
    }

    .light-blue {
/*      margin-top: -160px;
        padding-top: 240px; */
    }
    .accordion-block {
        padding: 20px;
        max-width:100%;
      margin: 10px auto;
    }
/*     .header-block {
        display: none;
      border-radius: 0px 0px 20px 20px;
    } */
    .logo-client {
        max-width: 250px; /* Ajuste conforme necessário */
        margin: 0 auto; /* Centraliza os logos no slide */
    }
    .swiper {
        padding-bottom: 20px; /* Espaço para a paginação, se necessário */
        text-align: center;
    }
    .logo-section {
        border-radius: 20px 0px 0px 0px;
        padding: 60px 20px 0px 20px;
    }
    .icon-block {
        margin: 10px 0px;
    }
    .icon-block img {
        width: 50px;
    }

    .row-on-mobile {
        flex-direction: column;
        align-items: baseline;
    }
  
     .row-on-mobile-v2 {
        flex-direction: row;
        align-items: baseline;
    }
  
  
    .flag-mobile {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .badge,.badge.first {
        margin: 0px;
    }
    .footer {
      margin-top:-160px;
      padding: 230px 20px 30px 20px;
  
    }
    .flex.column-on-mobile {
        flex-direction: column;
        align-items: baseline;
    }
    .social-links {
        margin: 0px 5px 0px 0px;
    }
  
  .cta-section {
    padding:40px 0px;
  }
  
  .container, .min-container {
    padding: 0px;
  
  }
  
  .max-50.less-margin {
  margin-bottom: -50px;
  }
    
  .kl-header {
  border-radius: 0px 0px 50px 50px!important;
}
  
  .testimonial {
    flex: 0 0 100%;  
  }
    #prevBtn { left: -10px;}
  #nextBtn { right: -8px;}
  .carousel-container {
  
  padding:0px;
  }
  
  .light-text.centered {text-align:center;}
  
  .white-card {
    margin-bottom:15px;
  }
  
  .max-25 {
    max-width:100%;
  }
  .card-outlined {
    max-width:100%;
  }
  
  .team-card {
    width:100%;
    margin-top:10px;
  }
  
  .less-padding {
    padding: 20px;
  }
  
  section.bluezao {
  padding: 180px 0px 280px 0px;
  }
  
  .fixed-width {
  max-width:100%;
  }

}