.section.choices {padding-bottom: 0.125rem; } .section.choices .content {max-width: 30.4166666667rem;margin: 0 auto;text-align: center;padding-bottom: 1.6111111111rem; } @media (min-width: 576px) {.section.choices .content {padding-bottom: 1.8333333333rem;} } .section.choices h1, .section.choices .h1 {padding-top: 0.9444444444rem;padding-bottom: 1.1111111111rem; } @media (min-width: 576px) {.section.choices h1, .section.choices .h1 {padding-bottom: 0.8333333333rem;} } .section.choices .row:not(.row-btn) .col .card {border-radius: 0.4166666667rem;position: relative; } .section.choices .row:not(.row-btn) .col .card .card-img-top {position: relative;width: 100%;height: 100%; } .section.choices .row:not(.row-btn) .col .card .card-img-top .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0.4166666667rem; } .section.choices .row:not(.row-btn) .col .card .card-body {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding-top: 2.1666666667rem;padding-left: 0.9583333333rem;padding-right: 0.9583333333rem;padding-bottom: 2.1666666667rem; } @media (min-width: 576px) {.section.choices .row:not(.row-btn) .col .card .card-body {padding-top: 1.625rem;padding-bottom: 1.625rem;} } .section.choices .row:not(.row-btn) .col .card .card-title {text-align: center; } .section.choices .row:not(.row-btn) .col .card h2 {color: var(--color7);font-size: 2rem;line-height: 1.2222222222;font-weight: 500;margin-bottom: 0.7222222222rem; } @media (min-width: 576px) {.section.choices .row:not(.row-btn) .col .card h2 {font-size: 1.5rem;line-height: 1.2222222222;margin-bottom: 0.5416666667rem;} } .section.choices .row:not(.row-btn) .col .card h3 {font-size: 1.7777777778rem;line-height: 1.25;font-weight: 600;margin-bottom: 0.6111111111rem; } @media (min-width: 576px) {.section.choices .row:not(.row-btn) .col .card h3 {font-size: 1.3333333333rem;line-height: 1.25;margin-bottom: 0.4583333333rem;} } .section.choices .row:not(.row-btn) .col .card .content, .section.choices .row:not(.row-btn) .col .card .card-text {text-align: center;font-size: 1rem;line-height: 1.3333333333;max-width: 19.1666666667rem; } @media (min-width: 576px) {.section.choices .row:not(.row-btn) .col .card .content, .section.choices .row:not(.row-btn) .col .card .card-text {font-size: 1rem;line-height: 1.3333333333;max-width: none;} } .section.choices .row:not(.row-btn) .col.col-card-img .card {border: 0;aspect-ratio: 390/344; } @media (min-width: 768px) {.section.choices .row:not(.row-btn) .col.col-card-img .card {aspect-ratio: auto;} } .section.choices .row:not(.row-btn) .col .btn {margin-top: 2.8333333333rem;margin-bottom: 2.5833333333rem; } .section.choices .row:not(.row-btn):nth-child(2n) {flex-direction: column-reverse; } @media (min-width: 768px) {.section.choices .row:not(.row-btn):nth-child(2n) {flex-direction: row-reverse;} } @media (min-width: 768px) {.section.choices .row:not(.row-btn):nth-child(2n) .col:last-child .card::after {content: " ";height: 0;width: 1.3333333333rem;border-bottom: solid 1px var(--card-border-color);position: absolute;right: calc(-1.3333333333rem - 1px);top: 50%;} } .section.choices .row:not(.row-btn):nth-child(2n+1) {flex-direction: column-reverse; } @media (min-width: 768px) {.section.choices .row:not(.row-btn):nth-child(2n+1) {flex-direction: row;} } @media (min-width: 768px) {.section.choices .row:not(.row-btn):nth-child(2n+1) .col:first-child .card::after {content: " ";height: 0;width: 1.3333333333rem;border-bottom: solid 1px var(--card-border-color);position: absolute;right: calc(-1.3333333333rem - 1px);top: 50%;} }