.tooltip-container {
  position: relative; /* Important for positioning the tooltip */
  display: inline-block; /* Make sure the tooltip is positioned correctly */
}

.tooltip-box {
visibility: hidden;
background-color: #f9f9f9;
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
position: absolute;
top: 100%; /* Place tooltip below the item */
left: 50%;
transform: translateX(-50%); /* Center tooltip */
white-space: normal; /* Allow multi-line text */
width: 250px; /* Set width for box */
z-index: 10;
opacity: 0;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.tooltip-container:hover .tooltip-box {
visibility: visible;
opacity: 1;
}

.tooltip-box::before{
content: "";
border-width: 0 7px 7px 7px;
border-color: transparent transparent #f9f9f9 transparent;
border-style: solid;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%) translateY(-100%);
}

.tooltip-indicator {
  margin-left: 5px; /* Spacing between the text and the indicator */
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem; /* Adjust the size of the icon */
  color: #888; /* Adjust the color of the indicator */
}


.test-button {
  background-color: #3475e0; /* Azul */
    border: 1px solid #3475e0; /* Borda azul */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Sombra suave */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Animação suave */
  }
  .test-button:hover {
  background-color: #2d61b8; /* Azul mais escuro */
    transform: scale(1.05); /* Aumento suave no hover */
  }
  
  .text-center p.lead{
      margin-bottom: 2rem;
      font-size: 1.3rem;
      line-height: 1.8rem
  }
  
  .text-center p.text-secondary{
      margin-top: 1rem;
        font-size: 0.9rem;
  }