.container-form {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  gap: 1.5rem;
}
.container-education {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1rem;
}
.container-education .h2 {
  margin: 0;
  padding: 0;
}
.container-location {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1rem;
}
.container-location .h2 {
  margin: 0;
  padding: 0;
}
.form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.form .h4 {
  margin: 0;
}
.items,
input, .form-control{
  width: 100%;
  padding: 1rem;
  min-height: 48px;
  max-height: 56px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1.5px solid #ededed;
}
select {
  border-radius: 8px !important;
  -webkit-appearance: none;
  appearance: none;
}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: url(/static/img/assets/icons/Ic_Arrow.svg);
  transform: rotate(90deg);
  font-size: 1rem;
  top: 33px;
  right: 10px;
  position: absolute;
}

::placeholder {
  font-size: 1.125rem;
  color: #858585;
}

.items, select:focus,
input:focus {
  outline: none !important;
  display: flex;
  align-items: center !important;
  border: 1px solid #3d8aff;
}
.form-control:focus{
  outline: none !important;
  box-shadow: none !important;
  display: flex;
  align-items: center !important;
  border: 1px solid #3d8aff;
}
#specialMessage {
  height: 100px;
}
textarea {
  width: 100%;
  padding: 1.5rem !important;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1.5px solid #ededed;
}
textarea:focus {
  outline: none !important;
  border: 1px solid #3d8aff;
}
input:disabled {
  background-color: #dedede;
}

/* Radio Buttton */
.container-radio {
  display: flex;
  align-items: center;
  gap: 1rem;
}
input[type="radio"] {
  width: 1.5rem;
  height: 1.5rem;
}
/* End Radio Buttton */

/* CKEditor */
.ck-editor__editable {
  min-height: 100px;
}
/* End CKEditor */

/* Modal */
.modal-backdrop{
  z-index: 50;
  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparan hitam */
}
main.blur {
  filter: blur(5px);
}
.modal-dialog {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.modal-header{
  padding: 0;
}
.modal-body{
  padding: 0;
}
.modal-content{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding:1.5rem;
  margin: 2px auto;
  z-index: 1100 !important;
}
.modal-footer {
  border-top: 0 none;
  padding: 0;
  gap: 0.5rem;
}
@media(max-width: 768px) {
.modal-dialog {
  min-height: calc(100vh - 20px);
}
}
/* End Modal */

footer {
  display: flex;
  flex-direction: column;
  padding: 2rem 1.5rem;
}