.registration-page {
  width: 700px;
  top: 60px;
  padding: 40px 40px 40px 40px;
  border-radius: 28px;
}

@media (min-width: 300px) and (max-width:768px) {
  .registration-page {
    width: auto;
    top: 60px;
    padding: 20px 10px 20px 10px;
    border-radius: 28px;
  }
}

.logo-registrasi {
  width: 120px;
}

@media (min-width: 300px) and (max-width:600px) {
  .heading-register {
    font-family: Plus Jakarta Sans;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 30px;
  }
}



@media (min-width: 601px) {
  .heading-register {
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }
}

.label-registration {
  line-height: 21px;
  font-size: 14px;
  color: #4D505E;
}

.form-registration {
  height: 48px;
  font-size: 14px;
  gap: 8px;
  border-radius: 8px;
}

.peringatan-registrasi {
  color: var(--bs-danger);
  font-size: 10px;
}

.button-registration {
  margin-top: 40px;
  width: Fill (600px)px;
  height: Hug (64px)px;
  padding: 16px 0px 16px 0px;
  gap: 0px;
  font-size: 16px;
  border-radius: 12px;
  justify: space-between;
  opacity: 0px;;
  background-color: var(--bs-primary);
  color: #ffffff !important;
}


.paragraph-registration {
  font-size: 14px;
}



#captcha-question {
  text-align: center;
  width: 140px;
  font-style: italic;
  background-color: #e9ecef; /* Latar belakang pertanyaan CAPTCHA */
  padding: 10px; /* Padding di dalam pertanyaan */
  border-radius: 5px; /* Sudut melengkung untuk pertanyaan */
}

input[type="text"] {
  transition: border-color 0.3s; /* Transisi untuk efek hover */
}

input[type="text"]:focus {
  border-color: #007bff; /* Warna garis batas saat fokus */
  outline: none; /* Menghapus outline default */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Bayangan saat fokus */
}

a {
  text-decoration: none; /* Menghapus garis bawah pada link */
}

a:hover {
  text-decoration: underline; /* Garis bawah saat hover */
  color: #0056b3; /* Warna saat hover */
}



@media (max-width: 600px) {
  #captcha-container {
      padding: 15px; /* Mengurangi padding di layar kecil */
  }

  #captcha-question {
      font-size: 20px; /* Mengurangi ukuran font di layar kecil */
  }

  input[type="text"] {
      width: 80%; /* Memperlebar input pada layar kecil */
  }
}


#success-popup {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1050;
  max-width: 300px;
}


/* end recaptcha */