.search-icon {
    cursor: pointer;
    width: 31px; /* Defina a largura desejada */
    height: 31px; /* Defina a altura desejada */
    margin-left: 10px; /* Espaço entre o link "Contact us" e a lupa */
    vertical-align: middle; /* Alinha a imagem verticalmente com o texto */
    object-fit: contain; /* Garante que a imagem seja dimensionada corretamente sem distorção */
}



  .modal_busca {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .modal-content_busca {
    background-color: #004677;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 50%;
    max-height: 80vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .close_busca {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    align-self: flex-end;
  }

  #search-input_busca {
    width: 80%;
    height: 40px;
    margin: 20px auto; /* Centraliza o input horizontalmente */
    padding: 5px;
    font-size: 16px;
    border-radius: 5px;
    display: block; /* Garante que o input seja tratado como um bloco */
}


  #search-results_busca {
    list-style: none;
    padding: 0;
    margin: 10px;
    color: #fff;
  }

  #search-results_busca li {
    margin: 20px;
  }

  #search-results_busca a {
    color: #fff;
    text-decoration: none;
  }

  #search-results_busca a:hover {
    text-decoration: underline;
  }

  .button_busca[type="submit"] {
    background-color: #004677;
    border: 2px solid #FFF;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 15px;
    display: block; /* Garante que o botão seja tratado como um bloco */
    margin: 20px auto; /* Centraliza o botão horizontalmente */
}
    /* Media query para telas com largura menor ou igual a 768px */
    @media (max-width: 768px) {
      .logo img {
        width: 60vw;
      }
    }

   .bullet {
  list-style-type: disc; /* Pode ser 'circle', 'square', 'none', ou uma imagem personalizada */
  padding-left: 20px; /* Adiciona um recuo para o texto */
}

    
    #progress-bar {
      position: fixed;
      /* left: 0; */
      /* width: 0; */
      height: 4px;
      background-color: #004677;
      /* Cor da barra de progresso */
      z-index: 99;
      transition: width 0.3s ease;
      top: 90px;
    }

    .share-icons {
      display: inline;
      /* display: flex; */
      align-items: center;
    }

    .share-icons a {
      font-size: 24px;
      /* Tamanho dos ícones */
      margin-right: 10px;
      /* Espaçamento entre os ícones */
    }

    .rounded-image {
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
    }

    .rounded-box {
      border: 2px solid #004677;
      border-radius: 10px;
      width: 90%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin: 0 auto;
    }

    .rounded-box ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

    .rounded-box ul li {
      margin: 0 30px;
      /* Ajuste o valor do espaçamento conforme necessário */
    }

    .blue-icon {
      color: #004677;
    }

    .contact_share {
      display: flex;
      justify-content: flex-end;
    }

    .contact_share ul {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .contact_share ul li {
      margin-left: 10px;
    }

    .contact_share ul li button {
      display: flex;
      align-items: center;
      border-radius: 20px;
      background-color: #004677;
      color: #fff;
      border: none;
      padding: 10px 15px;
      font-size: 14px;
      cursor: pointer;
    }

    .contact_share ul li button i {
      margin-right: 5px;
    }

    .talk_thermo {
      border: 2px solid #004677;
      border-radius: 10px;
      width: 100%;
      max-width: 800px;
      display: flex;
      /* justify-content: center; */
      align-items: center;
      text-align: justify;
      margin: 10px auto;
      background-color: #004677;
      color: #FFF;
    }

    @media only screen and (max-width: 600px) {
      .talk_thermo {
        flex-direction: column;

      }
    }

    .contact_bar {
      width: 4px;
      height: 65px;
      background-color: #fff;
      margin-right: 10px;
      margin-left: 10px;
      border-radius: 10px;
    }

    .form_hub {
      margin-right: 50px;
      padding-top: 20px;
      height: auto;
    }

    @media only screen and (max-width: 600px) {
      .form_hub {
        margin-right: 0px;
        padding-top: 5px;

      }

      .contact_bar {
        height: 40px;
      }
    }

    .form-container {
      display: flex;
      justify-content: center;
      flex-direction: row;
    }

    .form-container p {
      font-size: 30px;
    }

    @media only screen and (max-width: 600px) {
      .form-container {
        margin-top: 20px;
      }

      .form-container p {
        font-size: 14px;
      }
    }

    .accordion {
      outline: none;
      transition: 0.4s;
      background-color: #004677;
        border: 2px solid #FFF;  
        color: #fff;
        padding: 10px 20px;
        border-radius: 20px;
        margin-right: 10px;
        cursor: pointer;
        font-size: large;
        display: block;
        margin: 0 auto;
        text-align: center;
       text-decoration:none; 
       width: 300px;
    }
    
    .active, .accordion:hover {
      background-color: #ccc; 
    }
    
    .panel {
      padding: 0 18px;
      display: none;
      background-color: white;
      overflow: hidden;
    }
    
      html {
        scroll-behavior: smooth;
      }
          
      
          .botao {
      background-color: #004677;
        border: 2px solid #FFF;  
        color: #fff;
        padding: 10px 20px;
        border-radius: 20px;
        margin-right: 10px;
        cursor: pointer;
        font-size: large;
        display: block;
        margin: 0 auto;
        text-align: center;
       text-decoration:none; 
       width: 300px;
          }
      
          .botao a:link,
      .botao a:visited,
      .botao a:focus {
        background-color: #004677;
        border: 2px solid #FFF;
        color: #fff; /* Mesma cor para links não visitados, visitados e em foco */
        padding: 10px 20px;
        border-radius: 20px;
        margin-right: 10px;
        cursor: pointer;
        font-size: large;
        display: block;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        width: 300px;
      }
      
      .botao a:hover {
        background-color: #00699c;
        text-decoration: none;
        color: #fff;
      }
          
          .botao:hover {
            background-color: #00699c;
            text-decoration:none; 
            color: #fff;
          }
      
          
             .accordion {
        cursor: pointer;
        transition: 0.4s;
      }
      
      .panel {
        padding: 0 18px;
        display: none;
        background-color: white;
        overflow: hidden;
      }
      .menu {
    width: 80%;
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 10px;
    border-top: 14px solid #004677;
    border-bottom: 8px solid #004677;
    margin-top: 30px;  /* Espaço entre a borda superior e o início do menu */
    margin-bottom: 30px;  /* Espaço entre a borda inferior e o final do menu */
    margin-left: auto;  /* Centraliza à esquerda */
    margin-right: auto;  /* Centraliza à direita */
}

.menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-radius: 5px;
    margin-bottom: 5px;
    border-left: 4px solid transparent;
    transition: border-color 0.3s;
}

.menu a:hover {
    border-left-color: #004677;
}

.menu a:nth-child(odd) {
    background-color: #e6e6e6; /* Cor clara para os itens ímpares */
}

.menu a:nth-child(even) {
    background-color: #f0f0f0; /* Cor um pouco mais clara para os itens pares */
}

  </style>/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/