/* Reuse the catalogue card layout while keeping the Maintenance course copy. */
.maintenance-course-cards { padding: 40px 0; }
.online-engineering .maintenance-course-cards h2 { display: block; text-align: center; margin-bottom: 30px; }
.online-engineering .maintenance-course-cards .list-section { padding: 0; }
.online-engineering .maintenance-course-cards .list { list-style: none; padding: 0; margin: 0; justify-content: center; }
.online-engineering .maintenance-course-cards .course { display: flex; }
.online-engineering .maintenance-course-cards a.course-card { display: flex; flex-direction: column; width: 100%; color: inherit; text-decoration: none; }
.online-engineering .maintenance-course-cards .course .content { height: auto; min-height: 275px; flex: 1; margin: 0; }
.online-engineering .maintenance-course-cards .course .title { font-size: 18px; line-height: 22px; color: #1a1a1a; }
.online-engineering .maintenance-course-cards .course p { font-size: 16px; line-height: 22px; -webkit-line-clamp: unset; overflow: visible; }
.online-engineering .maintenance-course-cards .course-duration { color: #666; font-size: 14px; line-height: 20px; }

/* Override the legacy article image rule only inside the course image frame. */
.online-engineering .maintenance-course-cards .course-img img {
  display: block;
  width: 100%;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover;
  object-position: center;
}
.online-engineering .maintenance-course-cards .course-img img.course-image--crop-top { object-position: center bottom; }
.online-engineering .content .introduction .body { text-align: center; }
.online-engineering .complete-solution .container .image-text-block .text .btn { margin-left: 0; margin-right: auto; }
@media (max-width: 767px) {
  .online-engineering .maintenance-course-cards .course .title { font-size: 16px; line-height: 19px; }
  .online-engineering .maintenance-course-cards .course p { font-size: 14px; line-height: 18px; }
}

/* Match Power/Marine container widths and avoid nested Bootstrap gutters. */
.maintenance-training-page .hero > .container,
.maintenance-training-page > main > .content > .container {
  width: 100%;
  max-width: 1326px;
  padding-left: 15px;
  padding-right: 15px;
}
.maintenance-training-page > main > .content > .container > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}
.maintenance-training-page .introduction > .container,
.maintenance-training-page .maintenance-course-cards .list-section > .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1300px) {
  .maintenance-training-page .hero > .container { max-width: 1290px; }
}
@media (max-width: 991px) {
  .maintenance-training-page .hero > .container,
  .maintenance-training-page > main > .content > .container {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media (max-width: 767px) {
  .maintenance-training-page .hero > .container,
  .maintenance-training-page > main > .content > .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.maintenance-training-page > main > .content > .container > .col-md-12 > .tab-content {
  width: 100%;
  max-width: none;
}