/*!
 * Layout section beranda: penarikan terakhir (kiri) + RTP/promo (kanan).
 * Port dari SCTUPGRADE/SCTNT1-NEX/beranda.php (block containercards).
 * Sebelumnya tidak ikut ke extract_css — akibatnya stack vertikal / kiri kosong.
 */

.containercards {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.25pc;
  width: 100%;
  max-width: 75pc;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

.containercards .cards-container,
.containercards .textcard-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 51%;
  flex-shrink: 0;
  text-align: center;
  padding: 1.25pc;
}

.containercards .transaction-container {
  flex-shrink: 0;
}

.containercards .transaction-list {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .containercards {
    flex-direction: column-reverse;
    width: 100%;
  }

  .containercards .cards-container,
  .containercards .textcard-container,
  .containercards .transaction-container {
    width: 100%;
  }

  .containercards .transaction-list {
    width: 100%;
    max-width: 350px;
  }
}