.section.benefits > .container {padding-bottom: 7.1895424837rem; } .section.benefits > .container .row-card {display: grid;align-items: stretch;gap: 1.568627451rem;grid-template-areas: "item-1 item-1 item-2" "item-1 item-1 item-3" "item-4 item-4 item-4";grid-template-columns: repeat(auto-fit, minmax(186px, 1fr));margin: 0; } .section.benefits > .container .row-card .col-card {padding: 0;max-width: none; } .section.benefits > .container .row-card .col-card .card {height: 100%;border: 0;background: #F5F3F0; } .section.benefits > .container .row-card .col-card .card .card-img {flex-grow: 0;flex-shrink: 1;flex-basis: 100%;position: relative; } .section.benefits > .container .row-card .col-card .card .card-img .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; } .section.benefits > .container .row-card .col-card .card .card-body {display: flex;flex-direction: column;align-items: flex-start;font-size: 1rem;color: #6B6B6B; } .section.benefits > .container .row-card .col-card .card .card-body h2, .section.benefits > .container .row-card .col-card .card .card-body .h2 {font-size: 2rem;margin-bottom: 1.1111111111rem; } .section.benefits > .container .row-card .col-card .card .card-body .card-text {margin-bottom: 0; } .section.benefits > .container .row-card .col-card .card .card-body .btn-link {font-size: 0.7777777778rem;padding: 0; } .section.benefits > .container .row-card .col-card .card .card-body .btn-link svg {margin-left: 2.614379085rem; } .section.benefits > .container .row-card .col-card .card .card-body .btn-link:hover {color: var(--primary); } .section.benefits > .container .row-card .col-card .card .card-body .icon {position: absolute;top: 0.7843137255rem;left: 0.7843137255rem;z-index: 1;background: var(--primary);padding: 0.6535947712rem;box-shadow: 0px 0.2614379085rem 0.3921568627rem -0.2614379085rem rgba(0, 0, 0, 0.1); } .section.benefits > .container .row-card .col-card.item-1 {grid-area: item-1;aspect-ratio: 803/596; } .section.benefits > .container .row-card .col-card.item-1 .card .card-img {position: absolute;inset: 0;width: 100%;height: 100%; } .section.benefits > .container .row-card .col-card.item-1 .card .card-img::after {content: " ";position: absolute;inset: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(30, 30, 30, 0.4) 25%, rgba(30, 30, 30, 0.4) 60.36%, rgba(30, 30, 30, 0.4) 95.71%); } .section.benefits > .container .row-card .col-card.item-1 .card .card-body {position: relative;color: #D1D5DB;padding-bottom: 17.2%;padding-left: 3.0065359477rem;padding-right: 3.0065359477rem; } .section.benefits > .container .row-card .col-card.item-1 .card .card-body h2, .section.benefits > .container .row-card .col-card.item-1 .card .card-body .h2 {color: var(--white);flex-grow: 1;display: flex;flex-direction: column;justify-content: flex-end; } .section.benefits > .container .row-card .col-card.item-1 .card .card-body .card-text {max-width: 500px;margin-bottom: 2.091503268rem; } .section.benefits > .container .row-card .col-card.item-1 .card .card-body .icon {top: 3.0065359477rem;left: 3.0065359477rem;padding: 1.045751634rem;box-shadow: 0 0.522875817rem 0.6535947712rem -0.3921568627rem rgba(0, 0, 0, 0.1); } .section.benefits > .container .row-card .col-card.item-2, .section.benefits > .container .row-card .col-card.item-3 {aspect-ratio: 390/286; } .section.benefits > .container .row-card .col-card.item-2 .card .card-body, .section.benefits > .container .row-card .col-card.item-3 .card .card-body {font-size: 0.7777777778rem;padding: 1.568627451rem; } .section.benefits > .container .row-card .col-card.item-2 .card .card-body h2, .section.benefits > .container .row-card .col-card.item-2 .card .card-body .h2, .section.benefits > .container .row-card .col-card.item-3 .card .card-body h2, .section.benefits > .container .row-card .col-card.item-3 .card .card-body .h2 {font-size: 1rem;margin-bottom: 0.6535947712rem; } .section.benefits > .container .row-card .col-card.item-2 .card .card-body .card-text, .section.benefits > .container .row-card .col-card.item-3 .card .card-body .card-text {max-width: 290px; } .section.benefits > .container .row-card .col-card.item-2 {grid-area: item-2; } .section.benefits > .container .row-card .col-card.item-3 {grid-area: item-3; } .section.benefits > .container .row-card .col-card.item-4 {grid-area: item-4;aspect-ratio: 1216/326; } .section.benefits > .container .row-card .col-card.item-4 .card {flex-direction: row; } .section.benefits > .container .row-card .col-card.item-4 .card .card-img {flex-basis: 40%;position: relative; } .section.benefits > .container .row-card .col-card.item-4 .card .card-img::after {content: " ";position: absolute;inset: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(30, 30, 30, 0.4) 0%, rgba(30, 30, 30, 0.4) 50%, rgba(0, 0, 0, 0.4) 100%); } .section.benefits > .container .row-card .col-card.item-4 .card .card-body {padding: 3.2679738562rem 2.614379085rem 2.614379085rem 2.614379085rem;justify-content: center; } .section.benefits > .container .row-card .col-card.item-4 .card .card-body h2, .section.benefits > .container .row-card .col-card.item-4 .card .card-body .h2 {font-size: 1.6666666667rem; } .section.benefits > .container .row-card .col-card.item-4 .card .card-body .card-text {max-width: 500px;margin-bottom: 1.3725490196rem; } .section.benefits > .container .row-card .col-card.item-4 .card .card-body .icon {top: 1.568627451rem;left: 1.568627451rem;padding: 0.9150326797rem;box-shadow: 0 0.522875817rem 0.6535947712rem -0.3921568627rem rgba(0, 0, 0, 0.1); }