/* EduNex site additions (chosen Sep 2026): course tile hover (B), course cards, course information box (1). */

/* ---- Homepage "Academics & Programs" tiles: lift + "View course" bar ---- */
.edx-tile{position:relative;display:block;border-radius:16px;overflow:hidden;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.edx-tile img{display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.edx-tile:hover,.edx-tile:focus-visible{transform:translateY(-8px);box-shadow:0 24px 44px -14px rgba(137,12,37,.38)}
.edx-tile:hover img,.edx-tile:focus-visible img{transform:scale(1.04)}
.edx-tile-bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#DC2424;color:#fff;font:600 15px/1.2 Inter,sans-serif;transform:translateY(101%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.edx-tile-bar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s}
.edx-tile:hover .edx-tile-bar,.edx-tile:focus-visible .edx-tile-bar{transform:none}
.edx-tile:hover .edx-tile-bar svg{transform:translateX(4px)}
@media (hover:none){.edx-tile-bar{transform:none}}

/* ---- Course cards (Our Courses + department pages): whole card reacts and is clickable ---- */
.single-cat-item{cursor:pointer;border-radius:4px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.single-cat-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px -18px rgba(137,12,37,.35)}
.single-cat-item:hover .cat-thumb img{transform:scale(1.1)}
.single-cat-item:hover .cat-meta .cat-title a{color:var(--color-primary)}
.single-cat-item:hover .cat-meta .cat-title a::after{opacity:1}
.single-cat-item:hover .cat-meta .cat-link .cat-link-arrow{background:var(--color-primary);border-color:var(--color-primary)}
.single-cat-item:hover .cat-meta .cat-link .cat-link-arrow i{color:var(--color-white)}

/* ---- Course information box (course pages) ---- */
.edx-cbox{width:100%;border-radius:16px;padding:28px 26px;color:#fff;background:linear-gradient(160deg,#DC2424,#B51C1C);font-family:Inter,sans-serif;box-shadow:0 24px 50px -28px rgba(137,12,37,.55)}
.edx-cbox *{box-sizing:border-box}
.edx-cbox svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.edx-cbox .edx-cb-head{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.22)}
.edx-cbox .edx-cb-eyebrow{margin:0 0 8px;font-size:12px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.82)}
.edx-cbox .edx-cb-eyebrow span{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:20px;background:rgba(255,255,255,.16);color:#fff;letter-spacing:.06em}
.edx-cbox .edx-cb-title{margin:0;font-family:"Canela trial",Georgia,serif;font-weight:500;font-size:26px;line-height:1.2;color:#fff;text-transform:none}
.edx-cbox .edx-cb-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}
.edx-cbox .edx-cb-facts li{display:grid;grid-template-columns:34px 1fr;column-gap:10px;margin:0;padding:0;list-style:none}
.edx-cbox .edx-ic{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.edx-cbox .edx-ic svg{width:18px;height:18px}
.edx-cbox .edx-lb{font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.72)}
.edx-cbox .edx-vl{font-size:15px;line-height:1.35;font-weight:600;color:#fff}
.edx-cbox .edx-vl small{display:block;font-size:12.5px;font-weight:400;opacity:.85}
.edx-cbox .edx-cb-fees{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.edx-cbox .edx-cb-fees div{background:rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}
.edx-cbox .edx-cb-fees span{display:block;font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.75)}
.edx-cbox .edx-cb-fees strong{display:block;font-family:"Canela trial",Georgia,serif;font-weight:500;font-size:28px;line-height:1.15;color:#fff}
.edx-cbox .edx-cb-fees sup{font-size:14px;top:-.6em}
.edx-cbox .edx-cb-note{margin:10px 0 18px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.8)}
.edx-cbox .edx-cb-cta{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px;border-radius:10px;background:#fff;color:#DC2424;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s}
.edx-cbox .edx-cb-cta svg{width:18px;height:18px;stroke-width:2;transition:transform .25s}
.edx-cbox .edx-cb-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.2);color:#DC2424}
.edx-cbox .edx-cb-cta:hover svg{transform:translateX(4px)}
.edx-cbox .edx-cb-sub{display:block;margin-top:10px;text-align:center;font-size:13.5px;color:#fff;text-decoration:underline;text-underline-offset:3px}
.edx-cbox .edx-cb-sub:hover{color:#fff;opacity:.85}
.edx-cbox .edx-cb-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
.edx-cbox .edx-cb-foot p{margin:0;font-size:13.5px;line-height:1.7}
.edx-cbox .edx-cb-foot p a{display:block;color:#fff;text-decoration:none}
.edx-cbox .edx-cb-foot p a:hover{text-decoration:underline}
.edx-cbox .edx-cb-social{display:flex;gap:8px}
.edx-cbox .edx-cb-social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;transition:background .2s}
.edx-cbox .edx-cb-social a:hover{background:rgba(255,255,255,.28);color:#fff}
.edx-cbox .edx-cb-social svg{width:16px;height:16px}
/* the course pages' sidebar column is only ~300px wide on desktop: stack facts and fees when the box is narrow */
.edx-cbox{container-type:inline-size}
@container (max-width:380px){
  .edx-cbox .edx-cb-title{font-size:23px}
  .edx-cbox .edx-cb-facts{grid-template-columns:1fr;gap:14px}
  .edx-cbox .edx-cb-fees{grid-template-columns:1fr;gap:8px}
  .edx-cbox .edx-cb-fees div{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}
  .edx-cbox .edx-cb-fees strong{font-size:24px}
}
@media (max-width:420px){.edx-cbox{padding:24px 20px}}
@media (prefers-reduced-motion:reduce){.edx-tile,.edx-tile img,.edx-tile-bar,.single-cat-item,.edx-cb-cta{transition:none}}