.section.risks {padding-top: 0.5555555556rem;padding-bottom: 1.6666666667rem; } @media (min-width: 576px) {.section.risks {padding-top: 1.2083333333rem;padding-bottom: 1.4583333333rem;} } .section.risks .content {max-width: 37.6666666667rem;margin: 0 auto;text-align: center; } .section.risks h1, .section.risks .h1 {padding-top: 0;padding-bottom: 2.3888888889rem; } @media (min-width: 576px) {.section.risks h1, .section.risks .h1 {padding-top: 1.5rem;padding-bottom: 1.3333333333rem;} } .section.risks .row {flex-direction: column-reverse; } .section.risks .row .col.col-card {padding-bottom: 1.7777777778rem; } @media (min-width: 576px) {.section.risks .row .col.col-card {padding-bottom: 1.3333333333rem;} } .section.risks .row .col .card {border-radius: 0.4166666667rem;position: relative; } .section.risks .row .col .card.card-content {border-color: var(--card-border-color); } @media (min-width: 576px) {.section.risks .row .col .card.card-content {aspect-ratio: 624/584;} } .section.risks .row .col .card.card-image {border: 0;aspect-ratio: 390/344; } @media (min-width: 576px) {.section.risks .row .col .card.card-image {aspect-ratio: 624/584;} } .section.risks .row .col .card .card-img-top {position: relative;width: 100%;height: 100%; } .section.risks .row .col .card .card-img-top .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 0.4166666667rem; } .section.risks .row .col .card .card-body {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding-top: 2.2222222222rem;padding-left: 1.3888888889rem;padding-right: 1.3888888889rem;padding-bottom: 2.1666666667rem; } @media (min-width: 576px) {.section.risks .row .col .card .card-body {padding-top: 1.7083333333rem;padding-left: 0.9583333333rem;padding-right: 0.9583333333rem;padding-bottom: 1.5833333333rem;} } .section.risks .row .col .card .card-title {text-align: center;font-weight: 600;font-size: 1.7777777778rem;line-height: 1.25;margin-bottom: 1rem;letter-spacing: -0.02em; } @media (min-width: 576px) {.section.risks .row .col .card .card-title {font-size: 1.3333333333rem;line-height: 1.25;margin-bottom: 0.625rem;} } .section.risks .row .col .card .card-text {font-size: 1rem;line-height: 1.3333333333;margin-bottom: 0.8333333333rem; } @media (min-width: 576px) {.section.risks .row .col .card .card-text {font-size: 1rem;line-height: 1.3333333333;margin-bottom: 0.6666666667rem;} } .section.risks .row .col .card .content {text-align: center;font-size: 1rem;line-height: 1.3333333333; } .section.risks .row .col.col-btn {padding-top: 0.8333333333rem;display: flex;align-items: center;justify-content: center; } @media (min-width: 576px) {.section.risks .row:nth-child(2n) {flex-direction: row-reverse;} } @media (min-width: 576px) {.section.risks .row: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%;} } @media (min-width: 576px) {.section.risks .row:nth-child(2n+1) {flex-direction: row;} } @media (min-width: 576px) {.section.risks .row: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%;} }