@charset "UTF-8"; .section.values > .container {padding-top: 4.4375rem;padding-bottom: 4.4375rem;font-size: 0.95625rem;line-height: 1.8300653595;color: #6B6B6B;text-align: center; } .section.values > .container h1, .section.values > .container .h1, .section.values > .container h2, .section.values > .container .h2 {display: flex;flex-direction: column;position: relative;text-align: center;align-items: center;font-size: 1.9125rem;text-align: center;margin-bottom: 1rem; } .section.values > .container h1 small, .section.values > .container .h1 small, .section.values > .container h2 small, .section.values > .container .h2 small {order: -1;font-size: 0.9375rem;line-height: 1.6806722689;font-weight: 500;color: var(--primary);display: flex;flex-direction: row;align-items: center;margin-bottom: 0.375rem;position: relative; } .section.values > .container h1 small::before, .section.values > .container h1 small::after, .section.values > .container .h1 small::before, .section.values > .container .h1 small::after, .section.values > .container h2 small::before, .section.values > .container h2 small::after, .section.values > .container .h2 small::before, .section.values > .container .h2 small::after {content: "■";position: absolute;top: -0.0625rem; } .section.values > .container h1 small::before, .section.values > .container .h1 small::before, .section.values > .container h2 small::before, .section.values > .container .h2 small::before {left: -2.9375rem; } .section.values > .container h1 small::after, .section.values > .container .h1 small::after, .section.values > .container h2 small::after, .section.values > .container .h2 small::after {right: -2.9375rem; } .section.values > .container p {max-width: 500px;margin-left: auto;margin-right: auto; } .section.values > .container .row-card {display: grid;align-items: stretch;gap: 1.5rem;grid-template-areas: "item-1" "item-2" "item-3" "item-4";margin: 0;padding-top: 1.8125rem; } @media (min-width: 576px) {.section.values > .container .row-card {grid-template-areas: "item-1 item-2" "item-3 item-4";} } @media (min-width: 992px) {.section.values > .container .row-card {grid-template-columns: 488fr 384fr 280fr;grid-template-areas: "item-1 item-2 item-4" "item-1 item-3 item-4";} } .section.values > .container .row-card .col-card {padding: 0;max-width: none; } @media (min-width: 992px) {.section.values > .container .row-card .col-card {aspect-ratio: 384/222;} } .section.values > .container .row-card .col-card .card {height: 100%;text-align: left;font-size: 0.8125rem;line-height: 1.8487394958;background: #F5F3F0;border: 0;overflow: clip; } .section.values > .container .row-card .col-card .card .card-body {display: flex;flex-direction: column;justify-content: flex-end;color: #6B6B6B;padding: 6.25rem 2.25rem 2.4375rem 2.25rem;z-index: 2; } @media (min-width: 768px) {.section.values > .container .row-card .col-card .card .card-body {padding: 2.4375rem 2.25rem;} } .section.values > .container .row-card .col-card .card .card-body h2, .section.values > .container .row-card .col-card .card .card-body .h2, .section.values > .container .row-card .col-card .card .card-body h3, .section.values > .container .row-card .col-card .card .card-body .h3 {font-size: 0.95625rem;margin-bottom: 1.125rem;text-align: center;margin-bottom: 1rem; } .section.values > .container .row-card .col-card .card .card-body p {margin-left: 0;margin-right: 0; } .section.values > .container .row-card .col-card .card .card-body .icon {position: absolute;top: 2.125rem;left: 2.4375rem;background: white;padding: 0.625rem 0.6875rem;border: 2px solid #F26B1D; } .section.values > .container .row-card .col-card .card .card-body .icon svg {width: 1.25rem;height: auto; } .section.values > .container .row-card .col-card .card .card-body .number {position: absolute;top: -2.1875rem;right: -0.5rem;font-size: 3.1875rem;font-weight: 700;color: rgba(0, 0, 0, 0.02); } .section.values > .container .row-card .col-card .card::after {content: " ";position: absolute;top: 0;left: 0;width: 6.25rem;height: 100%;border-top: solid 2px rgba(242, 107, 29, 0.5);border-left: solid 2px rgba(242, 107, 29, 0.5);z-index: 1; } .section.values > .container .row-card .col-card.item-1 {grid-area: item-1; } @media (min-width: 992px) {.section.values > .container .row-card .col-card.item-1 {aspect-ratio: 488/475;} } .section.values > .container .row-card .col-card.item-1 .card .card-body {justify-content: flex-start;background: #574646;color: #D1D5DB;border-left: 4px solid var(--primary); } @media (min-width: 768px) {.section.values > .container .row-card .col-card.item-1 .card .card-body {padding-top: 8.8125rem;padding-left: 2.8125rem;padding-right: 2.8125rem;font-size: 0.85rem;line-height: 1.8;} } .section.values > .container .row-card .col-card.item-1 .card .card-body h2, .section.values > .container .row-card .col-card.item-1 .card .card-body .h2, .section.values > .container .row-card .col-card.item-1 .card .card-body h3, .section.values > .container .row-card .col-card.item-1 .card .card-body .h3 {color: var(--white); } @media (min-width: 768px) {.section.values > .container .row-card .col-card.item-1 .card .card-body h2, .section.values > .container .row-card .col-card.item-1 .card .card-body .h2, .section.values > .container .row-card .col-card.item-1 .card .card-body h3, .section.values > .container .row-card .col-card.item-1 .card .card-body .h3 {font-size: 1.275rem;} } .section.values > .container .row-card .col-card.item-1 .card .card-body p {max-width: 350px; } .section.values > .container .row-card .col-card.item-1 .card .card-body .icon {background: var(--primary);border: 0;box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1); } @media (min-width: 768px) {.section.values > .container .row-card .col-card.item-1 .card .card-body .icon {padding: 1rem;left: 2.8125rem;top: 2.5rem;} } @media (min-width: 768px) {.section.values > .container .row-card .col-card.item-1 .card .card-body .icon svg {width: 2rem;height: auto;} } .section.values > .container .row-card .col-card.item-1 .card .card-body .number {top: -4.1875rem;right: 0;font-size: 6.8rem;color: rgba(255, 255, 255, 0.05); } .section.values > .container .row-card .col-card.item-1 .card::after {content: none; } .section.values > .container .row-card .col-card.item-2 {grid-area: item-2; } .section.values > .container .row-card .col-card.item-3 {grid-area: item-3; } .section.values > .container .row-card .col-card.item-4 {grid-area: item-4; } @media (min-width: 992px) {.section.values > .container .row-card .col-card.item-4 {aspect-ratio: 280/475;} } .section.values > .container .row-card .col-card.item-4 .card .card-body {justify-content: flex-start;background: var(--primary);color: var(--white); } @media (min-width: 768px) {.section.values > .container .row-card .col-card.item-4 .card .card-body {padding-top: 7.375rem;} } .section.values > .container .row-card .col-card.item-4 .card .card-body h2, .section.values > .container .row-card .col-card.item-4 .card .card-body .h2, .section.values > .container .row-card .col-card.item-4 .card .card-body h3, .section.values > .container .row-card .col-card.item-4 .card .card-body .h3 {color: var(--white); } @media (min-width: 768px) {.section.values > .container .row-card .col-card.item-4 .card .card-body h2, .section.values > .container .row-card .col-card.item-4 .card .card-body .h2, .section.values > .container .row-card .col-card.item-4 .card .card-body h3, .section.values > .container .row-card .col-card.item-4 .card .card-body .h3 {font-size: 1.0625rem;} } .section.values > .container .row-card .col-card.item-4 .card .card-body .icon {border: 0;box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1); } @media (min-width: 768px) {.section.values > .container .row-card .col-card.item-4 .card .card-body .icon {padding: 0.9375rem;} } @media (min-width: 768px) {.section.values > .container .row-card .col-card.item-4 .card .card-body .icon svg {width: 1.5rem;height: auto;} } .section.values > .container .row-card .col-card.item-4 .card .card-body .number {top: -2.3125rem;right: 0;font-size: 3.825rem;color: rgba(255, 255, 255, 0.1); } .section.values > .container .row-card .col-card.item-4 .card::after {content: none; }