@charset "UTF-8"; .section.references {background: var(--black);color: var(--white);padding-top: 3.5294117647rem;padding-bottom: 4.9673202614rem; } .section.references > .container h1, .section.references > .container .h1 {display: flex;flex-direction: column;position: relative;text-align: center;align-items: center;font-size: 2rem;text-align: center;margin-bottom: 3.4640522876rem;color: var(--white); } .section.references > .container h1::after, .section.references > .container .h1::after {content: " ";position: absolute;left: 50%;transform: translateX(-50%);bottom: -0.6535947712rem;width: 6.2745098039rem;height: 1px;background: var(--primary); } .section.references > .container h1 small, .section.references > .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.references > .container h1 small::before, .section.references > .container h1 small::after, .section.references > .container .h1 small::before, .section.references > .container .h1 small::after {content: "■";position: absolute;top: -0.0653594771rem; } .section.references > .container h1 small::before, .section.references > .container .h1 small::before {left: -3.0718954248rem; } .section.references > .container h1 small::after, .section.references > .container .h1 small::after {right: -3.0718954248rem; } .section.references > .container .row-card {display: grid;align-items: stretch;gap: 1.568627451rem;grid-template-areas: "item-1 item-2" "item-1 item-3";grid-template-columns: 696fr 488fr;margin: 0; } .section.references > .container .row-card .col-card {padding: 0;max-width: none; } .section.references > .container .row-card .col-card .card {height: 100%;border: 0;background: #2D2D2D; } .section.references > .container .row-card .col-card .card .card-body {z-index: 2;padding: 1.7647058824rem 2.4183006536rem 2.091503268rem 2.4183006536rem;color: #E5E7EB;font-size: 0.8888888889rem;font-weight: 300;display: flex;flex-direction: column;justify-content: space-between; } .section.references > .container .row-card .col-card .card .card-body .icon {position: absolute;right: 1.045751634rem;top: 0.9803921569rem; } .section.references > .container .row-card .col-card .card .card-body .icon svg {width: 3.2679738562rem;height: auto; } .section.references > .container .row-card .col-card .card .card-body .image {display: none; } .section.references > .container .row-card .col-card .card .card-body .stars {margin-bottom: 1.2418300654rem; } .section.references > .container .row-card .col-card .card .card-body .stars svg {width: 1.1764705882rem;height: auto;color: var(--primary); } .section.references > .container .row-card .col-card .card .card-body .card-footer {padding: 0;background: transparent;border: 0; } .section.references > .container .row-card .col-card .card .card-body .name {font-size: 1rem;font-weight: 700;color: var(--white);margin-bottom: 0; } .section.references > .container .row-card .col-card .card .card-body .job {font-size: 0.7777777778rem;font-weight: 400;color: var(--primary);margin-bottom: 0; } .section.references > .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.references > .container .row-card .col-card.item-1 {grid-area: item-1;aspect-ratio: 696/484; } .section.references > .container .row-card .col-card.item-1 .card {background: linear-gradient(135deg, #2D2D2D 25%, #2D2D2D 95.71%);border-left: 4px solid var(--primary); } .section.references > .container .row-card .col-card.item-1 .card .card-body {font-size: 1.3333333333rem;padding: 2.6797385621rem 3.2679738562rem;line-height: 1.6;justify-content: flex-start; } .section.references > .container .row-card .col-card.item-1 .card .card-body .icon {right: 2.4183006536rem;top: 2.091503268rem; } .section.references > .container .row-card .col-card.item-1 .card .card-body .icon svg {width: 6.5359477124rem; } .section.references > .container .row-card .col-card.item-1 .card .card-body .image {display: block;position: absolute;right: 0;bottom: 0;max-height: 79%;max-width: 27%;overflow: clip;opacity: 0.3; } .section.references > .container .row-card .col-card.item-1 .card .card-body .image .img-fluid {width: 100%;height: 100%;object-fit: cover; } .section.references > .container .row-card .col-card.item-1 .card .card-body .stars {margin-bottom: 1.6993464052rem; } .section.references > .container .row-card .col-card.item-1 .card .card-body .stars svg {width: 1.568627451rem; } .section.references > .container .row-card .col-card.item-1 .card .card-body .card-footer {margin-top: 2.614379085rem;display: flex;flex-direction: row;align-items: center; } .section.references > .container .row-card .col-card.item-1 .card .card-body .card-footer::before {content: "|";display: block;width: 4.1830065359rem;height: 4.1830065359rem;background: rgba(242, 107, 29, 0.2);margin-right: 1.045751634rem;display: flex;align-items: center;justify-content: center;font-weight: 900;font-size: 1.1764705882rem;color: var(--primary); } .section.references > .container .row-card .col-card.item-1 .card::after {content: none; } .section.references > .container .row-card .col-card.item-2 {grid-area: item-2;aspect-ratio: 488/226; } .section.references > .container .row-card .col-card.item-3 {grid-area: item-3;aspect-ratio: 488/226; }