.callout-tiles-v2-4-across .slide-title {
    font-family: var(--font-hanley-block);
    font-weight: var(--font-weight-normal);
    font-size: 1.625rem;
    text-align: left;
}

.callout-tiles-v2-4-across .widget-title {
    border-bottom: var(--brown-c4) solid 2px;
    line-height: 1.2;
    padding-bottom: 8px;
}

.callout-tiles-v2-4-across .slides .content-section {
    max-width: 100%;
    box-sizing: border-box;
    padding: var(--space-5);
    overflow: hidden;
    min-width: 0;
    align-items: start;
    min-height: 100%;
    justify-content: end;
}
.callout-tiles-v2-4-across .slides .content-section .slide-title,
.callout-tiles-v2-4-across .slides .content-section .slide-title a,
.callout-tiles-v2-4-across .slides .content-section .slide-title a span,
.callout-tiles-v2-4-across .slides .content-section .slide-title span {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;     
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  text-overflow: ellipsis;
  white-space: normal;
  align-self: stretch; 
  align-items: flex-end;  
  
}


.callout-tiles-v2-4-across .slides {
    gap: var(--space-4) 10px;
    padding: 0 28px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    box-sizing: border-box;
    overflow: hidden; 
}
.callout-tiles-v2-4-across .slides .slide{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}



.callout-tiles-v2-4-across .widget-inner {
    gap: 18px;
}


@container (min-width: 40em) {

    .callout-tiles-v2-4-across .slides {
        gap: var(--space-4);
        max-width: 1200px;
        padding: 0 var(--space-5);
    }

    .callout-tiles-v2-4-across .slide-title {
        font-size: var(--text-3xl);
    }

    .callout-tiles-v2-4-across .title-col {
        max-width: var(--width-double);
    }
}