/* gj-ported-tract-css */
.gj-gatecta { display: flex; align-items: center; gap: 16px; margin: 0.4rem 0px 1.8rem; padding: 18px 20px; border: 2px solid rgb(241, 112, 78); border-radius: 10px; background: rgb(255, 246, 242); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; transition: box-shadow 0.15s, transform 0.15s; max-width: 900px; color: rgb(27, 27, 27) !important; text-decoration: none !important; }
a.gj-gatecta:hover { box-shadow: rgba(241, 112, 78, 0.28) 0px 6px 18px; transform: translateY(-1px); }
.gj-gatecta__ic { flex: 0 0 auto; width: 54px; height: 54px; border-radius: 50%; background: rgb(241, 112, 78); display: flex; align-items: center; justify-content: center; }
.gj-gatecta__ic svg { width: 28px; height: 28px; fill: rgb(255, 255, 255); }
.gj-gatecta__t { flex: 1 1 0%; min-width: 0px; }
.gj-gatecta__t b { display: block; font: 600 1.3rem / 1.25 Poppins, Inter, system-ui, sans-serif; margin: 0px 0px 4px; color: rgb(27, 27, 27); }
.gj-gatecta__t > span { display: block; font-size: 0.95rem; line-height: 1.45; color: rgb(74, 71, 68); }
.gj-gatecta__btns { flex: 0 0 auto; display: flex; flex-direction: column; gap: 8px; }
.gj-gatecta__btn { display: block; background: rgb(241, 112, 78); font: 600 0.95rem / 1 Poppins, Inter, system-ui, sans-serif; padding: 13px 18px; border-radius: 6px; white-space: nowrap; text-align: center; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
a.gj-gatecta__btn:hover { background: rgb(217, 92, 59); }
@media (max-width: 640px) {
  .gj-gatecta { flex-wrap: wrap; padding: 16px; gap: 12px; }
  .gj-gatecta__ic { width: 44px; height: 44px; }
  .gj-gatecta__ic svg { width: 24px; height: 24px; }
  .gj-gatecta__t { flex-basis: calc(100% - 60px); }
  .gj-gatecta__t b { font-size: 1.15rem; }
  .gj-gatecta__btns { flex-basis: 100%; }
  .gj-gatecta__btn { padding: 14px 16px; }
}