/* paragraph-left.css
   Force left alignment for paragraph text to override global justify rules.
*/
p {
  text-align: left !important;
  /* prefer no special justification behavior when forcing left alignment */
  text-justify: auto !important;
}

/* Ensure service card paragraphs remain left-aligned */
.service-item .service-content p {
  text-align: left !important;
}

/* Center and bold labels in training stats counters */
.counter-box p {
  text-align: center !important;
  font-weight: 700 !important;
  margin: 0.25rem 0 0 0;
}

/* Make service cards equal height and push images to bottom */
.our-services .row > [class*="col-"] {
  display: flex;
  align-items: stretch;
}
.service-item {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.service-item .service-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.service-item .service-content p {
  /* keep paragraph readable and prevent it from stretching the layout */
  margin-top: 0.75rem;
}
.service-item .service-image {
  margin-top: auto; /* push images to the card bottom */
}

/* Make sure the arrow pseudo-element on small tag buttons is visible.
   explore-item buttons use a light background so force the arrow to the
   primary color or white depending on background to keep contrast. */
.explore-item-tags .btn-default::before{
  color: var(--white-color) !important;
}

/* Default arrow color for primary buttons: white for good contrast on accent backgrounds. */
.btn-default::before{
  color: var(--white-color) !important;
}