/*
 * Generated by scripts/etl/transform.js — do not edit.
 *
 * One route's own Additional CSS, every rule prefixed with the page's [data-page]
 * attribute. See scripts/etl/page-css-scope.js for why.
 */
:is(:where([data-page='/services/legacy-modernization-migration/']) section.section.section-fit.section-fit-rel-child.section.constructor-section.portfolio-cards-section > div > div.row.constructor-bottom > div > div.portfolio-list-wrapper.js-portfolio-cards-slider > div > div > div > span.portfolio-list__item-lead > span > h3, :where([data-page='/services/legacy-modernization-migration/']):is(section).section.section-fit.section-fit-rel-child.section.constructor-section.portfolio-cards-section > div > div.row.constructor-bottom > div > div.portfolio-list-wrapper.js-portfolio-cards-slider > div > div > div > span.portfolio-list__item-lead > span > h3) {
color: white;
}

:is(:where([data-page='/services/legacy-modernization-migration/']) .my-column, :where([data-page='/services/legacy-modernization-migration/']).my-column) {
position: relative;
    text-align: left;
    max-width: 100%;
    width: auto;
    padding: 50px;
    border-radius: 0px;
    height: fit-content;
}

:is(:where([data-page='/services/legacy-modernization-migration/']) .my-column-card, :where([data-page='/services/legacy-modernization-migration/']).my-column-card) {
padding: 50px;
    background-color: #151515;
    height:360px;
}

@media (max-width: 1024px) {
:is(:where([data-page='/services/legacy-modernization-migration/']) .my-column, :where([data-page='/services/legacy-modernization-migration/']).my-column) {
margin-top: 30px;
    padding: 30px;
    border-radius: 0px;
    height: fit-content;
}
}

:is(:where([data-page='/services/legacy-modernization-migration/']) .my-height, :where([data-page='/services/legacy-modernization-migration/']).my-height) {
height: 620px;
}