/* cards-equal-height.css
   Minimal helpers to make card-like blocks match heights.
   Applied only on pages that include this file (services.html).
*/

/* Ensure the column becomes a flex container so the card can stretch */
.rs-category-area .row > [class*="col-"],
.rs-elements-feature-area .row > [class*="col-"],
.rs-elements-portfolio-area .row > [class*="col-"],
.rs-elements-services-area .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

/* Make the card elements fill the column height and use column layout */
.rs-category-item,
.rs-feature-item,
.rs-portfolio-item,
.rs-work-step-item,
.rs-contact-form,
.rs-services-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* allow these to grow to fill parent column */
  flex: 1 1 auto;
}

/* Let the content part take remaining space and push descriptions to bottom */
.rs-category-item .rs-category-content,
.rs-feature-item .rs-feature-descrip,
.rs-portfolio-item .rs-portfolio-content,
.rs-services-item .rs-services-top,
.rs-services-item .rs-services-icon {
  display: flex;
  flex-direction: column;
}

/* Push long description or tags to the bottom so cards align */
.rs-feature-item .rs-feature-descrip,
.rs-portfolio-item .rs-portfolio-tag,
.rs-services-item .descrip-text {
  margin-top: auto;
}

/* Small safety: make images keep their aspect while allowing layout to size */
.rs-portfolio-thumb img,
.rs-category-icon img {
  max-width: 100%;
  height: auto;
}

/* Responsive: keep default stacking on very small screens */
@media (max-width: 575.98px) {
  .rs-category-area .row > [class*="col-"],
  .rs-elements-feature-area .row > [class*="col-"],
  .rs-elements-portfolio-area .row > [class*="col-"] {
    display: block;
  }
}