/* A consistent section rhythm for the ACE MTO home page. */
.ace-mto-home {
    --section-space: 70px;
}

.ace-mto-home .triggerid {
    height: 0;
}

.ace-mto-home .triggerid,
.ace-mto-home #testimonials,
.ace-mto-home #GrantsBenefits {
    scroll-margin-top: 70px;
}

.ace-mto-home .abt-dfp,
.ace-mto-home .fasttrackSec,
.ace-mto-home .ApplicationTimeline,
.ace-mto-home .endorsement-sec,
.ace-mto-home .statsSec,
.ace-mto-home .benefitsGF-sec,
.ace-mto-home .midBanner,
.ace-mto-home .liKarachi-sec,
.ace-mto-home .socialMediaBox,
.ace-mto-home .contactUsArea {
    padding-top: var(--section-space);
    padding-bottom: var(--section-space);
}

/* Anchor the cutout portraits to the bottom of their sections. */
.ace-mto-home .ApplicationTimeline,
.ace-mto-home .midBanner {
    padding-bottom: 0;
}

.ace-mto-home .timlineImgWrap img,
.ace-mto-home .imgMiddleWrap img {
    display: block;
}

.ace-mto-home .ApplicationTimeline .row > .col-lg-5 {
    display: flex;
    align-items: flex-end;
}

.ace-mto-home .midBanner .row > .col-lg-4 {
    align-self: flex-end;
}

@media (max-width: 991px) {
    .ace-mto-home {
        --section-space: 60px;
    }

    .ace-mto-home .triggerid,
    .ace-mto-home #testimonials,
    .ace-mto-home #GrantsBenefits {
        scroll-margin-top: 60px;
    }

    /* The timeline portrait is hidden at this width. */
    .ace-mto-home .ApplicationTimeline {
        padding-bottom: var(--section-space);
    }
}

@media (max-width: 767px) {
    .ace-mto-home {
        --section-space: 48px;
    }

    /* The callout portrait is hidden on mobile. */
    .ace-mto-home .midBanner {
        padding-bottom: var(--section-space);
    }
}