/* =====================================================
   ETD CHOICE PAGE – CUSTOM STYLE (CLEAN)
   ===================================================== */

/* ===============================
   LAYOUT FIX FOOTER
   =============================== */
html, body {
  height: 100%;
}

#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main-content {
  flex: 1 0 auto;
}

footer.footer {
  margin-top: auto;
}

/* ===============================
   ETD HOME TITLE
   =============================== */

.etd-title {
  font-size: 42px;
  font-weight: 700;
  color: #072a57;
  margin-bottom: 10px;
}

.etd-subtitle {
  font-size: 22px;
  font-weight: 400;
  color: #555;
}

@media (max-width: 767px) {
  .etd-title {
    font-size: 28px;
  }
  .etd-subtitle {
    font-size: 18px;
  }
}

/* ===============================
   EQUAL HEIGHT BOX + BUTTON ALIGN
   =============================== */
.box_feat {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.box_feat p {
  flex-grow: 1;
}

.box_feat a.btn_1 {
  margin-top: auto;
}


/* ===============================
   MOBILE RESTRICTION
   =============================== */
@media (max-width: 767px) {

  /* sembunyikan upload di mobile */
  .pe-7s-upload,
  a[href*="etdlogin"] {
    display: none !important;
  }

  .hero_single .col-lg-5 {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .pe-7s-upload,
  a[href*="etdlogin"] {
    display: none !important;
  }
}