.section.levels {margin-bottom: -0.1666666667rem; } @media (min-width: 576px) {.section.levels {margin-bottom: 0;padding-bottom: 2.6666666667rem;} } @media (min-width: 576px) {.section.levels .container {padding-top: 2.0416666667rem;} } .section.levels h1, .section.levels .h1 {padding-top: 0;padding-bottom: 0; } .section.levels .content {max-width: 37.6666666667rem;margin: 0 auto;text-align: center;margin-bottom: 3.3888888889rem; } @media (min-width: 576px) {.section.levels .content {margin-bottom: 2.0833333333rem;} } .section.levels .row-card {max-width: 48rem;margin: 1.25rem -0.6111111111rem 1.6111111111rem -0.6111111111rem; } @media (min-width: 576px) {.section.levels .row-card {margin: 1.25rem auto 0.7083333333rem auto;} } .section.levels .row-card .card {border-radius: 0.4166666667rem; } .section.levels .row-card .card .card-img-top {display: flex;flex-direction: column;align-items: center;padding-top: 2.1666666667rem; } @media (min-width: 576px) {.section.levels .row-card .card .card-img-top {padding-top: 1.625rem;} } .section.levels .row-card .card .card-body {padding-top: 0.8888888889rem;padding-left: 1.3888888889rem;padding-right: 1.3888888889rem;padding-bottom: 1.5555555556rem; } @media (min-width: 576px) {.section.levels .row-card .card .card-body {padding-top: 0.6666666667rem;padding-left: 0.9583333333rem;padding-right: 0.9583333333rem;padding-bottom: 0.9583333333rem;} } .section.levels .row-card .card .card-title {text-align: center;font-weight: 500;font-size: 1.3333333333rem;line-height: 1.3333333333;margin-bottom: 0.8888888889rem;background: none;-webkit-background-clip: initial;-webkit-text-fill-color: var(--color7);color: var(--color7); } @media (min-width: 576px) {.section.levels .row-card .card .card-title {font-size: 1.1666666667rem;line-height: 1.1428571429;margin-bottom: 0.6666666667rem;} } .section.levels .row-card .card .content {text-align: center;font-size: 1rem;line-height: 1.3333333333;margin-bottom: 0;color: var(--color7); } @media (min-width: 576px) {.section.levels .row-card .card .content {font-size: 1rem;line-height: 1.3333333333;} } .section.levels .card-info {flex-direction: column;border: 0;position: relative;background: linear-gradient(to right, rgba(255, 237, 152, 0.5), rgba(254, 246, 193, 0.5));font-size: 1rem;line-height: 1.3333333333;color: var(--color10);border-radius: 1.6666666667rem;margin-bottom: 2.8333333333rem;max-width: 48rem;margin-left: auto;margin-right: auto; } .section.levels .card-info::before {content: "";width: 100%;height: 100%;background: url("/static/img/background.png");background-size: cover;position: absolute;top: 0;left: 0; } @media (min-width: 576px) {.section.levels .card-info {font-size: 0.75rem;flex-direction: row;margin-bottom: 2.0833333333rem;} } .section.levels .card-info .card-img-top {flex-grow: 0;flex-shrink: 0;display: flex;align-items: center;justify-content: center;padding-top: 1.0555555556rem; } @media (min-width: 576px) {.section.levels .card-info .card-img-top {max-width: 7.3%;flex-basis: 7.3%;padding-left: 1.0416666667rem;padding-top: 0.0416666667rem;} } .section.levels .card-info .card-img-top .img-fluid {width: 2.1111111111rem;height: auto; } @media (min-width: 576px) {.section.levels .card-info .card-img-top .img-fluid {width: 1.5833333333rem;} } .section.levels .card-info .card-body {padding-top: 1.7777777778rem;padding-bottom: 1.1666666667rem;padding-right: 1.1666666667rem;padding-left: 1.1666666667rem;text-align: center; } @media (min-width: 576px) {.section.levels .card-info .card-body {padding-top: 1.1666666667rem;padding-right: 1.0416666667rem;padding-left: 0.7083333333rem;text-align: left;} }