.course-hero h1 {
  max-width:880px
}
.course-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.35)),url('../img/diploma-head.webp')!important;background-position:center!important;background-size:cover!important}
.course-hero.course-hero-diploma{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.35)),url('../img/diploma-head.webp')!important}
@media(max-width:991px){.course-hero{background-position:65% center!important}}
.course-hero p {
  max-width:610px
}
.course-intro {
  background:#fff
}
.programme-facts {
  border-top:4px solid var(--red);
  background:#111116;
  color:#fff;
  padding:1.75rem 2rem
}
.programme-facts>div {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:1.15rem 0;
  border-bottom:1px solid #3a3a3d
}
.programme-facts>div:last-child {
  border:0;
  padding-bottom:0
}
.programme-facts span {
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#bdbdbf;
  font-weight:700
}
.programme-facts strong {
  text-align:right;
  font-size:1rem;
  line-height:1.35
}
.course-showcase {
  padding:5rem 0;
  background:#f7f4ef
}
.course-showcase-alt {
  background:#fff
}
.course-visual {
  position:relative;
  padding:0 1rem 1rem 0
}
.course-visual:before {
  content:'';
  position:absolute;
  z-index:0;
  inset:1.5rem 0 0 1.5rem;
  border:1px solid var(--red)
}
.course-visual img {
  position:relative;
  z-index:1;
  width:100%;
  height:410px;
  object-fit:cover;
  filter:contrast(1.05) saturate(1.08)
}
.course-index {
  position:absolute;
  z-index:2;
  top:1rem;
  left:1rem;
  background:var(--red);
  color:#fff;
  padding:.55rem .7rem;
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.1em;
    display:none;
}
.course-copy {
  max-width:850px
}
.course-copy h2 {
  font:600 clamp(2rem,3.1vw,3.4rem)/1.08 'Poppins',Arial,sans-serif;
  letter-spacing:-.045em;
  margin:.7rem 0 1.2rem
}
.course-summary {
  font-size:1.1rem;
  line-height:1.75;
  max-width:720px
}
.course-label {
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--red);
  font-weight:800;
  margin:1.5rem 0 .8rem
}
.course-skills {
  margin:0;
  padding:0;
  list-style:none
}
.course-skills li {
  position:relative;
  padding:.5rem 0 .5rem 1.25rem;
  border-bottom:1px solid rgba(10,10,10,.1);
  font-size:.94rem
}
.course-skills li:before {
  content:'↗';
  position:absolute;
  left:0;
  color:var(--red);
  font-weight:800
}
.career-card {
  background:#111116;
  color:#fff;
  padding:1.4rem 1.35rem;
  height:100%
}
.career-card>i {
  color:var(--red);
  font-size:1.5rem
}
.career-card .course-label {
  color:#fff;
  margin-top:.75rem
}
.career-card p {
  font-size:.9rem;
  line-height:1.65;
  margin:0;
  color:#ddd
}
.learning-band {
  position:relative;
  overflow:hidden;
  background:#0b0b0d;
  color:#fff;
  padding:6rem 0
}
.learning-band:after {
  content:'LEARN';
  position:absolute;
  right:-1rem;
  bottom:-5rem;
  font:italic 12rem/1 'Poppins',sans-serif;
  font-weight:800;
  color:rgba(225,6,0,.16)
}
.learning-band .container {
  position:relative;
  z-index:1
}
.learning-band h2 {
  font:600 clamp(2.2rem,3.5vw,3.9rem)/1.08 'Poppins',Arial,sans-serif;
  letter-spacing:-.045em
}
.learning-list {
  border-top:1px solid #444
}
.learning-list>div {
  display:flex;
  gap:1.25rem;
  align-items:flex-start;
  padding:1.1rem 0;
  border-bottom:1px solid #444
}
.learning-list span {
  color:var(--red);
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.1em;
  margin-top:.25rem
}
.learning-list p {
  margin:0;
  font-size:1rem;
  line-height:1.5
}
@media(max-width:991px) {
  .course-showcase {
    padding:4.5rem 0
  }
  .course-visual img {
    height:310px
  }
  .course-copy h2 {
    font-size:2.2rem
  }
  .programme-facts {
    padding:1.5rem
  }
  .learning-band {
    padding:4.5rem 0
  }
}