.test-container {
    max-width: 600px;
    margin: 50px auto;
    margin-top: 10rem;
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #f9f9f9;
}

form-check-input[type="radio"] {
    margin-right: 10px;
}

.btn-primary {
    margin-top: 10px;
}

.header {
    color: #333;
    padding: 20px;
    text-align: center;
    font-size: 34px;
}

.sonraki {
    margin-top: 2rem;
    margin-left: 70%;
    border-radius: 10px;
    background-color: white;
    border: 2px solid #A2B38B;
    transition: 0.5s;
}


.sonraki:hover {
    background-color: #A2B38B;
    color: white;
    border-color: #A2B38B ;
}

.form-check{
    margin-top: 20px;
}
.alt-bilgi{
    color: #333;
    padding-top: 20px;
    text-align: center;
    font-size: 12px;
}

.test-mail {
  color: #6b705c;
  border-radius: 10px;
  border-color: #adae9b;
  width: clamp(200px, 15vw, 400px);
  padding: 0.5rem;
  font-size: calc(10px + 0.5vw);
}

.ozel-kutu {
    display: none;
    margin-top: 13rem;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    max-width: 500px;
    border: 2px solid #CC7351;
  }

  .ozel-kutu h2 {
    color: #CC7351;
  }

  .ozel-kutu p {
    color: #6c757d;
  }

  .form-control:focus {
    border-color: #CC7351;
    
  }

  .btn-primary {
    color: white;
    background-color: #CC7351;
    border-color: #CC7351;
    transition: 1s;
  }

  .btn-primary:hover {
    background-color: #a35c40;
    border-color: #a35c40;
}