/* =========================================================
   EDUCATION – Slider single-card (tp-edu-*)
   Corporate Dark + Red Gradient | FINAL FULL CSS
========================================================= */

.tp-edu-card{
  background: radial-gradient(120% 120% at 100% 0%, #101010 0%, #0A0A0A 60%, #252525 100%);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

/* Header */
.tp-edu-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px;
  background: linear-gradient(180deg,#151515 0%, #0E0E0E 100%);
  border-bottom:1px solid rgba(255,255,255,0.06);
  flex-shrink:0;
}
.tp-edu-title{
  font-size:1.05rem; margin:0; font-weight:700; display:flex; gap:8px; align-items:center;
}
.tp-edu-title-ico{ color:#D90404; font-size:17px; line-height:1; }
.tp-edu-sub{ font-size:.88rem; opacity:.8; margin-top:2px; }

/* Controls */
.tp-slider-controls{ display:flex; align-items:center; gap:10px; }
.tp-btn{
  background: rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:10px; padding:4px 8px; color:#fff;
  transition:.15s ease; backdrop-filter: blur(4px);
}
.tp-btn:hover{ background: rgba(255,255,255,0.12); transform: translateY(-1px); }
.tp-count{ opacity:.85; font-size:.88rem; }

/* ==== Full-width slider fixes ==== */
.tp-slider-viewport{
  overflow-x: hidden !important;
  overflow-y: auto;
  width: 100% !important;
}
.tp-slider-track{
  display:flex;
  width:100% !important;
  min-width:100% !important;
  will-change: transform;
  transition: transform .35s ease;
}
.tp-slide{
  flex:0 0 100% !important;
  max-width:100% !important;
  min-width:100% !important;
  display:flex;
  padding:12px 12px 14px;
}

/* Card inside */
.tp-edu-item{
  position:relative;
  background: rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:12px;
  padding:12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  width:100% !important;
  max-width:100% !important;
}

/* Rows */
.tp-edu-rows{ display:flex; flex-direction:column; gap:8px; width:100%; }
.tp-edu-row{
  display:flex; align-items:flex-start; gap:10px;
  padding:4px 0;
  border-bottom:1px dashed rgba(255,255,255,.06);
  width:100%;
}
.tp-edu-row:last-child{ border-bottom:0; }

/* Icons */
.tp-ico{
  min-width:24px; height:24px; display:grid; place-items:center;
  color:#D90404; font-size:15px;
}
.tp-ico i{ color:#D90404; line-height:1; }

/* Texts */
.tp-edu-text{ opacity:.95; line-height:1.3; font-size:.93rem; flex:1 1 auto; }
.tp-edu-strong{ font-weight:700; }

/* Button */
.tp-edu-btn{
  margin-top:10px;
  background: linear-gradient(90deg, #D90404, #730707);
  border:0; color:#fff; padding:6px 12px; border-radius:10px; font-weight:600;
  transition:.15s ease;
}
.tp-edu-btn:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.tp-edu-btn:active{ transform:translateY(0); }

/* Empty */
.tp-edu-empty{ padding:14px; opacity:.8; }

/* Modal style reuse */
.tp-edu-modal .modal-header{ background:#111; color:#fff; border-bottom:1px solid rgba(255,255,255,.07); }
.tp-edu-modal .modal-content{ background:#0f0f0f; color:#fff; border:1px solid rgba(255,255,255,.08); }
.tp-edu-modal .tp-ico i{ color:#D90404; }