.roads {margin-top: 0 !important; } .roads h2, .roads .h2 {text-align: center; } .roads .row {margin-bottom: 1.9444444444rem; } .roads .row > * {margin-bottom: 1.1111111111rem;position: relative; } .roads .row > *::after {position: absolute;content: "";bottom: 0;left: 50%;height: 3px;width: 7.7777777778rem;background: var(--primary);transform: translateX(-50%); } @media (min-width: 768px) {.roads .row > *::after {position: absolute;content: "";right: 0;top: 50%;width: 3px;height: 7.7777777778rem;background: var(--primary);transform: translateY(-50%);bottom: unset;left: unset;} } .roads .row > *:last-child::after {display: none; } @media (min-width: 768px) {.roads .row > *:nth-child(2)::after {display: none;} } @media (min-width: 992px) {.roads .row > *:nth-child(2)::after {display: block;} } .roads .card {border: 0;padding-bottom: 0;text-decoration: none;background-color: transparent;padding: 0.8333333333rem 1.1111111111rem;border-radius: 0;box-shadow: none; } .roads .card .card-img {display: flex;align-items: center;justify-content: center;margin-bottom: 1.6666666667rem;color: var(--primary); } .roads .card .card-img .img-fluid, .roads .card .card-img svg {height: 5.5555555556rem;object-fit: contain; } .roads .card .card-title {text-align: center;width: 100%;margin-bottom: 1.1111111111rem; } .roads .card .card-text {text-align: center;width: 100%;max-height: 100%;overflow: unset;display: block;margin-bottom: 0; }