:root {
      --primary-color: #02472f;
      --dark-color: #292929;
      --light-color: #ffffff;
      --accent-color:#02472f;
    }

    body {
      margin: 0;
      font-family: 'Roboto', sans-serif; /* Fonte Roboto */
      background: rgba(41, 41, 41, 0.996);
    }

    .header {
      background: var(--dark-color);
      color: var(--light-color);
      text-align: center;
    }

    .header h1 {
      font-size: 2.5rem;
      margin: 0;
    }
	 h1 {
      font-size: 1.6rem;
      margin: 0;
    }

    .header h2 {
      font-size: 1.5rem;
      color: var(--accent-color);
      margin: 1rem 0;
    }

    .main-content {
      max-width: 1200px;
      margin: 0 auto;
      padding: 2rem;
    }

    .offer-box {
      background: var(--dark-color);
      color: var(--light-color);
      border: 4px double var(--primary-color);
      border-radius: 10px;
      padding: 2rem;
      margin: 2rem 0;
    }

    .form-box {
      background: var(--dark-color);
      color: var(--light-color);
      border: 4px double var(--primary-color);
      border-radius: 10px;
      padding: 2rem;
      margin: 2rem 0;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Sombra do formulário */
    }

    .form-group {
      margin-bottom: 1.5rem;
    }

    .form-control {
      width: 100%;
      padding: 0.75rem;
      border-radius: 5px;
      border: none;
      background: #D8E4DB;
      font-size: 1rem;
    }

    .form-control::placeholder {
      color: #666;
    }

    .btn {
      background: #02472f;
      color: var(--light-color);
    }

    .btn:hover {
      background: #02472f;
    }

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

    .check-list li {
      margin: 1rem 0;
      padding-left: 1.5rem;
      position: relative;
    }

    .check-list li:before {
      content: '✓';
      position: absolute;
      left: 0;
      color: var(--accent-color);
    }

    .instructions {
      margin-top: 2rem;
      text-align: center;
    }

    .instructions h5 {
      margin: 1rem 0;
    }

/* Estilos para o elemento de carregamento */
#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Certifique-se de que está sobre o restante do conteúdo */
}

#loading-content img {
    width: 100px; /* Ajuste conforme o tamanho do seu gif */
    height: 100px;
}
    @media (max-width: 768px) {
        
      
      .header h2 {
        font-size: 1.4rem!important;
      }
      
      .main-content {
        padding: 1rem;
      }

      .row {
        flex-direction: column;
      }

      .col-md-6 {
        width: 100%;
        padding: 0.5rem;
      }

      .form-group {
        margin-bottom: 1rem;
      }

      .header h3 {
        font-size: 1.5rem;
      }
    }
	  @keyframes highlight {
      0% { color: #fff; text-shadow: none; }
      50% { color: var(--accent-color); text-shadow: 0 0 10px var(--accent-color), 0 0 20px var(--accent-color), 0 0 30px var(--accent-color); }
      100% { color: #fff; text-shadow: none; }
    }

    .highlight {
      animation: highlight 2s infinite;
    }