.section.benefits {width: 100%;margin-left: auto;margin-right: auto;background: #F0F0F0;padding: 2.7777777778rem 0; } @media (min-width: 768px) {.section.benefits {padding: 0;} } .section.benefits .row {justify-content: center; } .section.benefits .card {flex-direction: column;border: 0;min-height: 9.2777777778rem;background: transparent; } @media (min-width: 768px) {.section.benefits .card {flex-direction: row;} } .section.benefits .card .card-img-top {flex: 0 1 100%;max-width: 100%;aspect-ratio: auto;height: 100%;position: relative;text-align: center; } @media (min-width: 768px) {.section.benefits .card .card-img-top {flex: 0 0 50%;max-width: 50%;} } .section.benefits .card .card-img-top svg, .section.benefits .card .card-img-top .img-fluid {aspect-ratio: auto;inset: 0.6666666667rem;width: 8.3333333333rem;height: 8.3333333333rem;object-fit: contain; } @media (min-width: 768px) {.section.benefits .card .card-img-top svg, .section.benefits .card .card-img-top .img-fluid {width: calc(100% - 1.3333333333rem);height: calc(100% - 1.3333333333rem);position: absolute;} } .section.benefits .card .card-body {flex: 0 1 100%;max-width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0.6666666667rem; } @media (min-width: 768px) {.section.benefits .card .card-body {flex: 0 0 50%;max-width: 50%;align-items: flex-start;} } .section.benefits .card .card-title {font-weight: 300;font-size: 20px;line-height: 1.7;font-style: normal;text-align: left;text-align: center; } @media (min-width: 768px) {.section.benefits .card .card-title {text-align: left;line-height: 1.25rem;} }