@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #0c5c6e !important;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Importante para garantir que ocupe pelo menos toda a altura da viewport */
}


.container, .footer-container, .content-wrap {
  margin-bottom: 0;
}

.content-wrap {
  flex: 1;
}

h3,
p,
button {
  font-family: 'Raleway', sans-serif !important;
}

h2 {
  color: #0c5c6e;
  font-family: "Roboto", Sans-serif;
  font-size: 44px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  line-height: 1.2em !important;
  letter-spacing: -1.6px !important;
}

.container {
  max-width: 600px;
  margin: 50px auto;
  padding: 20px;
  background-color: white;
}

h2 {
  font-family: 'Raleway', sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.form-group {
  display: block;
  margin: auto !important;
  position: relative;
  justify-items: left;
  text-align: left;
}

option {
  color: #000;
}


/* Reduzir a margem dos rótulos */
.form-group label {
  margin-bottom: 0.2rem !important;
  /* Ajuste a margem inferior conforme necessário */
}

/* Ou, usando espaçamento negativo entre os rótulos */
.form-group label+label {
  margin-top: -0.2rem !important;
  /* Ajuste o valor negativo conforme necessário */
}

.form-control {
  height: 60px !important;
  /* Aumenta a base da altura */
  margin: auto !important;
  position: relative;
  justify-items: center;
  padding: 20px !important;
}

label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: left;
  opacity: 1;
  visibility: visible;
}

input[type="checkbox"] {
  margin-top: 3px;
}

.input-group {
  width: 100% !important;
  margin: auto !important;
  position: relative;
}

.btn {
  display: inline-block;
  padding: 8px 16px;
  background-color: #007bff;
  color: white;
  font-size: 14px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.btn-primary {
  margin-top: 50px;
  font-family: "Be Vietnam Pro", Sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  line-height: 1.5em !important;
  letter-spacing: 0.4px !important;
  fill: #d7ebe1 !important;
  color: #d7ebe1 !important;
  background-color: #0c5c6e !important;
  padding: 15px 20px 15px 20px !important;
}

.btn-secondary {
  margin-top: 50px;
  font-family: "Be Vietnam Pro", Sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  line-height: 1.5em !important;
  letter-spacing: 0.4px !important;
  fill: #d7ebe1 !important;
  color: #d7ebe1 !important;
  background-color: #0c5c6e !important;
  padding: 15px 20px 15px 20px !important;
}

.btn-secondary {
  background-color: #6c757d;
}

.btn:hover {
  background-color: #0056b3;
}

.btn-secondary:hover {
  background-color: #5a6268;
}

/* loading*/
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1000;
  text-align: center;
  padding-top: 20%;
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-top-color: #007bff;
  animation: spin 0.8s linear infinite;
  margin: 0 auto 10px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* progresso bar*/
.progress-container {
  width: 100%;
  height: 20px;
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
  display: none;
}

.progress-bar {
  height: 100%;
  width: 0;
  background-color: #007bff;
  border-radius: 5px;
  transition: width 0.3s;
  position: relative;
  display: none;
}

.progress-percent {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

/* Menu superior */
/* Estilos básicos do menu */
/* Menu superior */
/* Estilos básicos do menu */
/* Menu superior */
/* Estilos básicos do menu */
/* Estilos básicos do menu */
.navbar {
  width: 100%;
  background-color: #0c5c6e;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10; /* Garante que o menu fique acima de outros conteúdos */
  display: flex;
  align-items: center;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}

.nav-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; /* Distribui os elementos ao longo do contêiner */
}

.nav-left {
  flex: 1; /* Ocupa espaço equivalente ao das bandeiras */
}

.nav-logo {
  /* Não é mais posicionado absolutamente */
  flex: 2; /* Dá mais espaço para o logo no centro */
  display: flex;
  justify-content: center; /* Centraliza o logo */
}

.nav-logo img {
  max-height: 50px; /* Ajuste conforme necessário */
}

.nav-flags {
  flex: 1; /* Ocupa espaço equivalente ao da esquerda */
  display: flex;
  flex-direction: row; /* Coloca as bandeiras lado a lado por padrão */
  gap: 10px;
  justify-content: flex-end; /* Alinha as bandeiras à direita */
  padding-right: 20px; /* Adiciona algum espaçamento à direita */
}

.flag-icon {
  display: inline-block;
  max-height: 20px; /* Ajuste o tamanho conforme necessário */
  vertical-align: middle;
}

.nav-toggle {
  display: none; /* Oculto até ser necessário (ex: em dispositivos móveis) */
}

/* Estilos para o menu responsivo */
@media (max-width: 768px) {
  .nav-container {
    width: 100%;
    flex-direction: row; /* Mantém o layout em linha */
    justify-content: space-between; /* Distribui os elementos */
    padding: 10px 15px; /* Adicionando padding lateral */
  }
  
  .nav-left {
    display: none; /* Remove o espaço vazio à esquerda em telas pequenas */
  }

  .nav-logo {
    flex: initial;
    display: flex;
    align-items: center;
  }

  .nav-flags {
    flex: initial;
    flex-direction: row;
    gap: 10px;
    display: flex;
    align-items: center;
    padding-right: 10px; /* Reduz o padding à direita */
  }

  .nav-logo img {
    max-height: 35px; /* Reduz um pouco mais o tamanho da logo */
  }

  .flag-icon {
    max-height: 16px; /* Reduz um pouco o tamanho das bandeiras */
  }

  .navbar {
    padding-top: 8px !important; /* Reduz ainda mais o padding */
    padding-bottom: 8px !important;
  }
}
/* Cookie consent*/

.cookie-banner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #285b6c;
  color: #fff;
  padding: 15px;
  box-sizing: border-box;
  z-index: 1000;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.cookie-banner p {
  margin: 0;
  margin-right: 20px;
}

.cookie-banner a {
  color: #fff;
  text-decoration: underline;
}

.cookie-accept {
  background-color: #007bff;
  border: none;
  color: #fff;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  margin-right: 150px;
}

@media (max-width: 768px) {
  .cookie-banner {
    flex-direction: column;
  }

  .cookie-banner p {
    margin-bottom: 10px;
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(100%);
  }
}

.cookie-banner.slide-up {
  animation: slideUp 0.5s ease-out forwards;
}

.cookie-banner.slide-down {
  animation: slideDown 0.5s ease-out forwards;
}


/* Estilo básico do campo select */
.choices {
  font-family: Arial, sans-serif;
  font-size: 16px;
  width: 100%;
  max-width: 300px;
  border-radius: 5px;
}

/* Estilo do botão de seta para baixo */
.choices__button {
  background-color: transparent;
  border: none;
}

/* Estilo do contêiner do menu suspenso */
.choices__list--dropdown {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estilo dos itens individuais no menu suspenso */
.choices__item {
  padding: 10px;
  color: #333;
  cursor: pointer;
}

/* Estilo do item selecionado no menu suspenso */
.choices__item--selected {
  background-color: #007bff;
  color: #0000;
}

/* Estilo do item com o mouse sobre */
.choices__item--highlighted {
  background-color: #e9e9e9;
}

#typeforma1 {
  flex: 1; /* Faz com que o conteúdo principal ocupe todo o espaço disponível */
  display: flex;
  flex-direction: column;
}

/* footer*/
footer {
  background-color: #0c5c6e;
  color: #fff;
  padding: 0px 15px 0px;
  font-family: Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  margin-top: auto; /* Empurra o footer para baixo quando há espaço disponível */
}

.footer-bottom {
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px; /* Adicionado para melhorar a aparência */
  border-top: 1px solid rgba(215, 235, 225, 0.25);
}

.footer-bottom p {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2em !important;
  margin: 0;
  color: #d7ebe1;
}

/* Estilos responsivos para dispositivos móveis */
@media (max-width: 767px) {
  footer {
    padding: 15px 10px 10px;
  }
 
  .footer-bottom {
    margin-top: 5px;
  }
 
  .footer-bottom p {
    font-size: 11px !important;
  }
}


/*! elementor - v3.18.0 - 20-12-2023 */
.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,
.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,
.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container {
  line-height: 1;
  font-size: 0
}

.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid {
  display: inline-grid
}

.elementor-widget-social-icons .elementor-grid {
  grid-column-gap: var(--grid-column-gap, 5px);
  grid-row-gap: var(--grid-row-gap, 5px);
  grid-template-columns: var(--grid-template-columns);
  justify-content: var(--justify-content, center);
  justify-items: var(--justify-content, center)
}

.elementor-icon.elementor-social-icon {
  font-size: var(--icon-size, 25px);
  line-height: var(--icon-size, 25px);
  width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
  height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))
}

.elementor-social-icon {
  --e-social-icon-icon-color: #fff;
  display: inline-flex;
  background-color: #69727d;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer
}

.elementor-social-icon i {
  color: var(--e-social-icon-icon-color)
}

.elementor-social-icon svg {
  fill: var(--e-social-icon-icon-color)
}

.elementor-social-icon:last-child {
  margin: 0
}

.elementor-social-icon:hover {
  opacity: .9;
  color: #fff
}

.elementor-social-icon-android {
  background-color: #a4c639
}

.elementor-social-icon-apple {
  background-color: #999
}

.elementor-social-icon-behance {
  background-color: #1769ff
}

.elementor-social-icon-bitbucket {
  background-color: #205081
}

.elementor-social-icon-codepen {
  background-color: #000
}

.elementor-social-icon-delicious {
  background-color: #39f
}

.elementor-social-icon-deviantart {
  background-color: #05cc47
}

.elementor-social-icon-digg {
  background-color: #005be2
}

.elementor-social-icon-dribbble {
  background-color: #ea4c89
}

.elementor-social-icon-elementor {
  background-color: #d30c5c
}

.elementor-social-icon-envelope {
  background-color: #ea4335
}

.elementor-social-icon-facebook,
.elementor-social-icon-facebook-f {
  background-color: #3b5998
}

.elementor-social-icon-flickr {
  background-color: #0063dc
}

.elementor-social-icon-foursquare {
  background-color: #2d5be3
}

.elementor-social-icon-free-code-camp,
.elementor-social-icon-freecodecamp {
  background-color: #006400
}

.elementor-social-icon-github {
  background-color: #333
}

.elementor-social-icon-gitlab {
  background-color: #e24329
}

.elementor-social-icon-globe {
  background-color: #69727d
}

.elementor-social-icon-google-plus,
.elementor-social-icon-google-plus-g {
  background-color: #dd4b39
}

.elementor-social-icon-houzz {
  background-color: #7ac142
}

.elementor-social-icon-instagram {
  background-color: #262626
}

.elementor-social-icon-jsfiddle {
  background-color: #487aa2
}

.elementor-social-icon-link {
  background-color: #818a91
}

.elementor-social-icon-linkedin,
.elementor-social-icon-linkedin-in {
  background-color: #0077b5
}

.elementor-social-icon-medium {
  background-color: #00ab6b
}

.elementor-social-icon-meetup {
  background-color: #ec1c40
}

.elementor-social-icon-mixcloud {
  background-color: #273a4b
}

.elementor-social-icon-odnoklassniki {
  background-color: #f4731c
}

.elementor-social-icon-pinterest {
  background-color: #bd081c
}

.elementor-social-icon-product-hunt {
  background-color: #da552f
}

.elementor-social-icon-reddit {
  background-color: #ff4500
}

.elementor-social-icon-rss {
  background-color: #f26522
}

.elementor-social-icon-shopping-cart {
  background-color: #4caf50
}

.elementor-social-icon-skype {
  background-color: #00aff0
}

.elementor-social-icon-slideshare {
  background-color: #0077b5
}

.elementor-social-icon-snapchat {
  background-color: #fffc00
}

.elementor-social-icon-soundcloud {
  background-color: #f80
}

.elementor-social-icon-spotify {
  background-color: #2ebd59
}

.elementor-social-icon-stack-overflow {
  background-color: #fe7a15
}

.elementor-social-icon-steam {
  background-color: #00adee
}

.elementor-social-icon-stumbleupon {
  background-color: #eb4924
}

.elementor-social-icon-telegram {
  background-color: #2ca5e0
}

.elementor-social-icon-thumb-tack {
  background-color: #1aa1d8
}

.elementor-social-icon-tripadvisor {
  background-color: #589442
}

.elementor-social-icon-tumblr {
  background-color: #35465c
}

.elementor-social-icon-twitch {
  background-color: #6441a5
}

.elementor-social-icon-twitter {
  background-color: #1da1f2
}

.elementor-social-icon-viber {
  background-color: #665cac
}

.elementor-social-icon-vimeo {
  background-color: #1ab7ea
}

.elementor-social-icon-vk {
  background-color: #45668e
}

.elementor-social-icon-weibo {
  background-color: #dd2430
}

.elementor-social-icon-weixin {
  background-color: #31a918
}

.elementor-social-icon-whatsapp {
  background-color: #25d366
}

.elementor-social-icon-wordpress {
  background-color: #21759b
}

.elementor-social-icon-xing {
  background-color: #026466
}

.elementor-social-icon-yelp {
  background-color: #af0606
}

.elementor-social-icon-youtube {
  background-color: #cd201f
}

.elementor-social-icon-500px {
  background-color: #0099e5
}

.elementor-shape-rounded .elementor-icon.elementor-social-icon {
  border-radius: 10%
}

.elementor-shape-circle .elementor-icon.elementor-social-icon {
  border-radius: 50%
}