.feature_card {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 2rem; /* mb-8 */
     display: flex;
     height: 130px;
     width: 120px;
     align-items: center;
     justify-content: center;
     border-radius: 9999px; /* rounded-full */
     /* background: linear-gradient(135deg, #3d4363, #b86bf3);  */

     color: var(--primary-color); /* text-primary */
     transition: all 0.3s; /* duration-300 */
   }
   
   /* .group:hover .feature_card {
     background: linear-gradient(135deg, #2A2E44, #B24EFF);
     color: white; 
   }
   
   .dark .feature_card {
     background-color: #2A2E44; 
     color: white; 
   }
   
   .dark .group:hover .feature_card {
     background: linear-gradient(135deg, #2A2E44, #B24EFF); 
   } */

   .input_text{
    width: 100%; /* w-full */
    border-radius: 0.375rem; /* rounded */
    border: 1px solid var(--stroke-color); /* border border-stroke */
    background-color: rgb(214, 212, 212); /* bg-white */
    padding-top: 1rem; /* py-4 */
    padding-bottom: 1rem; /* py-4 */
    padding-left: 30px; /* px-[30px] */
    padding-right: 30px; /* px-[30px] */
    font-size: 1rem; /* text-base */
    color: black; /* text-body */
    outline: none; /* outline-none */
    transition: border-color 0.3s; /* focus:border-primary */
  }

  .input_text:focus {
    border-color: var(--primary-color); /* focus:border-primary */
  }

  .dark .input_text {
    border-color: #34374A; /* dark:border-[#34374A] */
    background-color: #47484d; /* dark:bg-[#2A2E44] */
    color: white;
  }

  .dark .input_text:focus {
    border-color: var(--primary-color); /* dark:focus:border-primary */
  }
   
  .burger-menu {
    display: none;
    cursor: pointer;
  }
  
  .burger-menu span {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px;
    background-color: #000;
    transition: all 0.3s;
  }
  
  .dark .burger-menu span {
    background-color: #fff;
  }
  
  .menu-wrapper {
    display: none;
  }
  
  /* @media (max-width: 1024px) {
    .burger-menu {
      display: block;
    }
  
    .menu-wrapper {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background-color: #fff;
      z-index: 999;
      transition: all 0.3s;
    }
  
    .menu-wrapper.open {
      display: block;
    }
  
    .dark .menu-wrapper {
      background-color: #000;
    }
  
    .menu-wrapper ul {
      flex-direction: column;
      align-items: center;
    }
  
    .menu-wrapper ul li {
      margin: 10px 0;
    }
  } */
   .error-message{
    color: red;
    font-size: 0.8rem;
  
   }
/* Loader Spinner Styles */

  
.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

/* Overlay Styles */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.form_label{
  font-size: .9rem; /* text-base */
  color: black; /* text-body */

}
#instructions_page footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
#instructions_page ol{
  list-style: auto !important;
}
#terms_page footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
#terms_page ol{
  list-style: disc !important;
}