@charset "UTF-8"; .section.values > .container {padding-top: 4.6405228758rem;padding-bottom: 4.6405228758rem;font-size: 1rem;line-height: 1.8300653595;color: #6B6B6B;text-align: center; } .section.values > .container h1, .section.values > .container .h1 {display: flex;flex-direction: column;position: relative;text-align: center;align-items: center;font-size: 2rem;text-align: center;margin-bottom: 1.045751634rem; } .section.values > .container h1 small, .section.values > .container .h1 small {order: -1;font-size: 0.7777777778rem;line-height: 1.6806722689;font-weight: 500;color: var(--primary);display: flex;flex-direction: row;align-items: center;margin-bottom: 0.3921568627rem;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 {content: "■";position: absolute;top: -0.0653594771rem; } .section.values > .container h1 small::before, .section.values > .container .h1 small::before {left: -3.0718954248rem; } .section.values > .container h1 small::after, .section.values > .container .h1 small::after {right: -3.0718954248rem; } .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.568627451rem;grid-template-areas: "item-1 item-2 item-4" "item-1 item-3 item-4";grid-template-columns: 488fr 384fr 280fr;margin: 0;padding-top: 1.8954248366rem; } .section.values > .container .row-card .col-card {padding: 0;max-width: none;aspect-ratio: 384/222; } .section.values > .container .row-card .col-card .card {height: 100%;text-align: left;font-size: 0.7777777778rem;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: 2.5490196078rem 2.3529411765rem;z-index: 2; } .section.values > .container .row-card .col-card .card .card-body h2, .section.values > .container .row-card .col-card .card .card-body .h2 {font-size: 1rem;margin-bottom: 1.1764705882rem; } .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.2222222222rem;left: 2.5490196078rem;background: white;padding: 0.6535947712rem 0.7189542484rem;border: 2px solid rgba(242, 107, 29, 0.2); } .section.values > .container .row-card .col-card .card .card-body .number {position: absolute;top: -2.2875816993rem;right: -0.522875817rem;font-size: 3.3333333333rem;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.5359477124rem;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;aspect-ratio: 488/475; } .section.values > .container .row-card .col-card.item-1 .card .card-body {justify-content: flex-start;padding-top: 9.2156862745rem;padding-left: 2.9411764706rem;padding-right: 2.9411764706rem;background: #574646;font-size: 0.8888888889rem;line-height: 1.8;color: #D1D5DB;border-left: 4px solid var(--primary); } .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 {font-size: 1.3333333333rem;color: var(--white); } .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);padding: 1.045751634rem;left: 2.9411764706rem;top: 2.614379085rem;border: 0;box-shadow: 0 0.6535947712rem 0.9803921569rem -0.1960784314rem rgba(0, 0, 0, 0.1); } .section.values > .container .row-card .col-card.item-1 .card .card-body .number {top: -4.3790849673rem;right: 0;font-size: 7.1111111111rem;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;aspect-ratio: 280/475; } .section.values > .container .row-card .col-card.item-4 .card .card-body {justify-content: flex-start;padding-top: 7.7124183007rem;background: var(--primary);color: var(--white); } .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 {color: var(--white);font-size: 1.1111111111rem; } .section.values > .container .row-card .col-card.item-4 .card .card-body .icon {padding: 0.9803921569rem;border: 0;box-shadow: 0 0.6535947712rem 0.9803921569rem -0.1960784314rem rgba(0, 0, 0, 0.1); } .section.values > .container .row-card .col-card.item-4 .card .card-body .number {top: -2.4183006536rem;right: 0;font-size: 4rem;color: rgba(255, 255, 255, 0.1); } .section.values > .container .row-card .col-card.item-4 .card::after {content: none; }