/* topup-card-makeover start */
.semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 {
  gap: 14px !important;
  align-items: stretch !important;
}
.semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered {
  border-radius: 18px !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease !important;
}
.semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important;
}
.semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered > .semi-card-body {
  padding: 20px 18px !important;
  min-height: 148px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center !important;
}
.semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered > .semi-card-body > div:first-child {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 0.62 !important;
}
.semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered > .semi-card-body > div:nth-child(2) {
  display: none !important;
}
.semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered > .semi-card-body > div:nth-child(3) {
  margin: 0 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
}
.semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered > .semi-card-body > div:nth-child(3) > * {
  line-height: 1 !important;
}
@media (max-width: 767px) {
  .semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 {
    gap: 12px !important;
  }
  .semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered > .semi-card-body {
    padding: 18px 12px !important;
    min-height: 132px !important;
    gap: 8px !important;
  }
  .semi-form-field-main.semi-form-slot-main > .grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.gap-3 > .semi-card.cursor-pointer.\!rounded-2xl.transition-all.hover\:shadow-md.border-gray-200.hover\:border-gray-300.semi-card-bordered > .semi-card-body > div:nth-child(3) {
    font-size: 32px !important;
  }
}
/* topup-card-makeover end */