/* Container */
.bptg-container{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:20px; margin:32px auto; max-width:1200px; padding:0 12px;
  --bptg-color:#660000;
}
.bptg-container[data-color]{ --bptg-color:inherit; }

/* Card */
.bptg-card{
  background:#fff; border-radius:14px; overflow:hidden; width:250px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  transition:transform .25s ease, box-shadow .25s ease;
  text-align:center; display:flex; flex-direction:column;
}
.bptg-card:hover{ transform:translateY(-6px); box-shadow:0 10px 22px rgba(0,0,0,.12); }

.bptg-image{ aspect-ratio:4/5; width:100%; overflow:hidden; background:#f3f3f3; }
.bptg-image img{ width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.02); }

.bptg-info{ padding:14px 12px 16px; background:#fafafa; border-top:1px solid #f0f0f0; }
.bptg-info h4{ font-size:15px; font-weight:800; color:var(--bptg-color); text-transform:uppercase;
  line-height:1.35; letter-spacing:.2px; margin:0 0 6px 0; }
.bptg-degree{ font-size:13px; color:#444; }

@media(max-width:1024px){ .bptg-card{ width:30%; } }
@media(max-width:820px){ .bptg-card{ width:45%; } }
@media(max-width:480px){ .bptg-card{ width:100%; max-width:360px; } .bptg-container{ gap:16px; } }