/* ==========================================================
   EQUAL HEIGHT SERVICE CARDS
   ========================================================== */

/* 1. Force Bootstrap Column to Flex & Align Stretched */
.service-item-box.eq-card-col {
    display: flex !important;
    align-items: stretch !important;
    margin-bottom: 30px;
}

/* 2. Force WOW.js and Service Item Containers to Fill Height */
.service-item-box.eq-card-col > .service-item,
.service-item-box.eq-card-col .wow {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
}

/* 3. Equalize Image Container & Force Uniform Aspect Ratios */
.service-item-box.eq-card-col .service-image,
.service-item-box.eq-card-col .cc-glass-slider-container {
    height: 220px !important;
    width: 100% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.service-item-box.eq-card-col .service-image img,
.service-item-box.eq-card-col .cc-glass-slider-container img,
.service-item-box.eq-card-col .cc-glass-slider-track {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 4. Expand Card Body to Fill Remaining Space */
.service-item-box.eq-card-col .service-body {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: flex-start !important;
    padding: 25px 20px !important;
}

.service-item-box.eq-card-col .service-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 5. Reserve Fixed Space for Titles (Prevents 1-line vs 2-line title misalignment) */
.service-item-box.eq-card-col .service-content h3 {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 15px !important;
}

.service-item-box.eq-card-col .service-content p {
    margin-bottom: 0;
}