.modal-aragao h1, 
    .modal-aragao h2, 
    .modal-aragao h3, 
    .modal-aragao h4, 
    .modal-aragao h5, 
    .modal-aragao h6, 
    .modal-aragao p, 
    .modal-aragao label, 
    .modal-aragao input, 
    .modal-aragao select, 
    .modal-aragao button {
    font-family: "Poppins", Sans-serif;
    }
    .fectime {
        margin-top: -4px;
    }
    /* Indicador de progresso */
    .progress-bar-aragao {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
    }

    .step-aragao {
      display: flex;
      align-items: center;
    }

    .step-number-aragao {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background-color: black;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      font-weight: bold;
      z-index: 1; /* Garante que os círculos fiquem acima da linha */
    }

    .step-number-aragao.active-aragao {
      background-color: #c0ea0a;
    }

    .step-line-aragao {
      position: relative;
      flex-grow: 1;
      height: 4px;
      background-color: black;
      margin: 0 10px;
      z-index: 0; /* Garante que a linha fique abaixo dos círculos */
    }

    .step-line-aragao::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0%; /* Inicialmente sem preenchimento */
      background-color: #c0ea0a;
      transition: width 0.3s ease;
    }

    .step-line-aragao.one-third-aragao::before {
      width: 100%; /* Preenchido até a metade na segunda etapa */
    }

    .step-line-aragao.full-aragao::before {
      width: 100%; /* Totalmente preenchido na terceira etapa */
    }

    /* Modal */
    .modal-aragao {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000000b3!important;
      justify-content: center;
      align-items: center;
      z-index: 10000;
    }

    .modal-content-aragao {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      width: 90%;
      max-width: 600px;
      position: relative;
      margin: 0 15px;
    }

    /* Botão de fechar o modal */
    .close-modal-aragao {
      position: absolute;
      top: 10px;
      right: 9px;
      color: #000;
      cursor: pointer;
      background: red;
      margin-top: 62px;
      width: 35px;
      text-align: center;
      margin-right: 11px;
      border-radius: 100px;
      font-size: 30px;
      padding: 0;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .close-modal-aragao:hover {
      color: #1a1a1a;
    }

    /* Estilo dos campos do formulário */
    .form-group-aragao {
      margin-bottom: 15px;
    }

    .form-group-aragao label {
      display: block;
      margin-bottom: 5px;
      font-weight: 500;
    }

    .form-group-aragao input,
    .form-group-aragao select {
      width: 100%;
      padding: 10px;
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }

    /* Estilo dos checkboxes */
    .checkbox-group-aragao {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .checkbox-group-aragao label {
      display: inline-flex;
      align-items: center;
      font-size: 14px;
    }

    .checkbox-group-aragao input[type="checkbox"] {
      margin-right: 5px;
    }

    /* Botões de navegação */
    .navigation-buttons-aragao {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
    }

    .navigation-buttons-aragao button {
      padding: 10px 20px;
      font-size: 16px;
      color: #fff;
      background-color: #007bff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }

    .navigation-buttons-aragao button.prev-aragao {
      background-color: #6c757d;
    }

    .navigation-buttons-aragao button.prev-aragao:hover {
      background-color: #5a6268;
    }

    .navigation-buttons-aragao button.next-aragao,
    .navigation-buttons-aragao button.submit-aragao {
      background-color: #c0ea0a;
      color: #1a1a1a;
    }

    .navigation-buttons-aragao button.next-aragao:hover,
    .navigation-buttons-aragao button.submit-aragao:hover {
      background-color: #218838;
    }

    /* Esconder etapas */
    .step-content-aragao {
      display: none;
    }
    
   @media (max-width:800px){
        .step-content-aragao h2 {
            font-size: 16px !important;
            font-weight: 700!important;
        }
        .close-modal-aragao {
        position: absolute;
        top: 4px;
        }
   }

    .step-content-aragao.active-aragao {
      display: block;
    }

    /* Ajuste de espaçamento para os inputs da primeira etapa */
    #stepContent1-aragao .form-group-aragao {
      margin-bottom: 15px;
    }

    #stepContent1-aragao input[type="text"],
    #stepContent1-aragao input[type="email"],
    #stepContent1-aragao input[type="tel"] {
      margin-top: 5px;
      padding: 10px;
      width: 100%;
      box-sizing: border-box;
    }