/* ============================================================
   Task 1: Equal-height Service & Support cards (Training/Support)
   ============================================================ */
.more-question-area .row.custom-gutters-16 {
  display: flex;
  flex-wrap: wrap;
}
.more-question-area .row.custom-gutters-16 > [class*="col-"] {
  display: flex;
}
.more-question-area .single-service {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  /* Task 3: taller cards */
  padding-top: 80px;
  padding-bottom: 80px;
}
/* Icon: fixed 75×75, centred, never stretches */
.more-question-area .single-service > img:first-child {
  width: 75px !important;
  height: 75px !important;
  object-fit: contain;
  display: block;
  margin: 0 auto 24px !important;
  flex-shrink: 0;
}

/* ============================================================
   Responsive hero contact h4 + h2.title
   ============================================================ */
@media (max-width: 575.98px) {
  .job-listing-page h4.mg-top-20 {
    font-size: 13px;
    word-break: break-word;
    line-height: 1.5;
  }
  .job-listing-page .section-title .title {
    font-size: 26px;
  }
}

/* ============================================================
   Blog index cards + "Our Latest Post" cards — shared thumb style
   Full image visible (no crop), equal height cards
   ============================================================ */

/* Shared: single-case-studies card layout */
.blog-page-area .single-case-studies,
.case-studies-area .single-case-studies {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 390px; /* uniform card height across all rows */
}

/* Thumb: fixed pixel height so every card image area is identical */
.blog-page-area .single-case-studies .thumb,
.case-studies-area .single-case-studies .thumb {
  width: 100%;
  height: 300px;          /* slightly taller for a richer visual */
  overflow: hidden;
  background: #f0f0f0;
  flex-shrink: 0;
  background: #f5f5f5;
}

/* Image: fills the fixed box with center-crop — professional, never awkward */
.blog-page-area .single-case-studies .thumb img,
.case-studies-area .single-case-studies .thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

/* Details: stretches to fill remaining card height so text never misaligns */
.blog-page-area .single-case-studies .details,
.case-studies-area .single-case-studies .details {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 16px;
}

/* Title: center-aligned, clamped to 2 lines — cards stay equal even with long titles */
.blog-page-area .single-case-studies .details h6,
.case-studies-area .single-case-studies .details h6 {
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Blog index — make card columns flex containers */
.blog-page-area .col-lg-12 > .row {
  display: flex;
  flex-wrap: wrap;
}
.blog-page-area .col-lg-12 > .row > [class*="col-"] {
  display: flex;
  margin-bottom: 30px;
}

/* Our Latest Post — make card columns flex containers */
.case-studies-area .row.custom-gutters-16 {
  display: flex;
  flex-wrap: wrap;
}
.case-studies-area .row.custom-gutters-16 > [class*="col-"] {
  display: flex;
}
@media (max-width: 991.98px) {
  .case-studies-area .single-case-studies {
    margin-bottom: 24px;
  }
}

/* ============================================================
   Best POS Features — equal-height .single-service cards
   ============================================================ */
.service-area .row.custom-gutters-16 {
  display: flex;
  flex-wrap: wrap;
}
.service-area .row.custom-gutters-16 > [class*="col-"] {
  display: flex;
  /* Restore gap between cards so they stay visually separate */
  margin-bottom: 16px;
}
/* Cards stretch to full column height */
.service-area .row.custom-gutters-16 .single-service {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 0;
}
/* Give text paragraphs room to grow so cards stay equal */
.service-area .row.custom-gutters-16 .single-service p {
  flex: 1;
}
/* Constrain feature icons so they never balloon on large screens */
.service-area .row.custom-gutters-16 .single-service > img:first-child {
  width: 60px !important;
  height: 60px !important;
  object-fit: contain;
  margin-bottom: 20px !important;
  flex-shrink: 0;
}