.section.diets {padding-bottom: 0.125rem; } .section.diets .content {max-width: 37.5rem;margin: 0 auto;text-align: center;padding-bottom: 1.6111111111rem; } @media (min-width: 576px) {.section.diets .content {padding-bottom: 1.4166666667rem;} } .section.diets h1, .section.diets .h1 {padding-top: 0.9444444444rem;padding-bottom: 1.1111111111rem; } @media (min-width: 576px) {.section.diets h1, .section.diets .h1 {padding-bottom: 0.8333333333rem;} } .section.diets .row:not(.row-btn) .col .card {border-radius: 0.4166666667rem;position: relative; } .section.diets .row:not(.row-btn) .col .card .card-img-top {position: relative;width: 100%;height: 100%; } .section.diets .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.diets .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.diets .row:not(.row-btn) .col .card .card-body {padding-top: 1.6666666667rem;padding-bottom: 1.625rem;} } .section.diets .row:not(.row-btn) .col .card .card-title {text-align: center; } .section.diets .row:not(.row-btn) .col .card h2 {text-transform: uppercase;font-size: 1.3333333333rem;line-height: 1.3333333333;font-weight: 600;margin-bottom: 0.8888888889rem;letter-spacing: -0.02em; } @media (min-width: 576px) {.section.diets .row:not(.row-btn) .col .card h2 {font-size: 1.3333333333rem;line-height: 1.25;margin-bottom: 0.625rem;} } .section.diets .row:not(.row-btn) .col .card h2 b {color: var(--color7);font-weight: 600; } .section.diets .row:not(.row-btn) .col .card .content, .section.diets .row:not(.row-btn) .col .card .card-text {text-align: center;font-size: 1.3333333333rem;line-height: 1.3333333333;margin-bottom: 0.2777777778rem; } @media (min-width: 576px) {.section.diets .row:not(.row-btn) .col .card .content, .section.diets .row:not(.row-btn) .col .card .card-text {font-size: 1rem;line-height: 1.3333333333;margin-bottom: 0;} } .section.diets .row:not(.row-btn) .col.col-card-img .card {border: 0;aspect-ratio: 390/344; } @media (min-width: 768px) {.section.diets .row:not(.row-btn) .col.col-card-img .card {aspect-ratio: auto;} } .section.diets .row:not(.row-btn):nth-child(2n) {flex-direction: column-reverse; } @media (min-width: 768px) {.section.diets .row:not(.row-btn):nth-child(2n) {flex-direction: row;} } @media (min-width: 768px) {.section.diets .row:not(.row-btn):nth-child(2n) .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%;} } .section.diets .row:not(.row-btn):nth-child(2n+1) {flex-direction: column-reverse; } @media (min-width: 768px) {.section.diets .row:not(.row-btn):nth-child(2n+1) {flex-direction: row-reverse;} } @media (min-width: 768px) {.section.diets .row:not(.row-btn):nth-child(2n+1) .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%;} }