/* Scoped equal-height fix for the "Work With Me" services carousel */

.owl-carousel-services .owl-stage {
    display: flex;
}

.owl-carousel-services .owl-item {
    display: flex;
    height: auto;
}

.owl-carousel-services .services {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.owl-carousel-services .services-text {
    margin-top: auto;
}

.owl-carousel-services .service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.owl-carousel-services .services-title {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	max-width: 220px;   /* increase until "Guided Learning" fits on 1 line */
    margin-left: auto;
    margin-right: auto;
    white-space: normal;
}

/* Make all 4 grid columns equal height even though 2 are empty */
.box-minimal {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}

.row-30 {
    display: flex;
    flex-wrap: wrap;
}

.row-30 > [class*="col-"] {
    display: flex;
}

/* Fixed image container so both icons look the same size regardless of original dimensions */
.box-minimal img {
    width: 140px;
    height: 100px;
    object-fit: contain;   /* keeps image proportions, no stretching/cropping */
    margin: 0 auto 15px;
    display: block;
}

/* Lock heading height so titles align even if one wraps to 2 lines */
.box-minimal-title {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

/* Push the link to the bottom consistently */
.box-minimal-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.box-minimal-text p {
    flex-grow: 1;
}

.box-minimal-text a {
    margin-top: 10px;
    display: inline-block;
}