.section.realizations {background: #574646;color: var(--white); } .section.realizations > .container {padding-top: 4.1830065359rem;padding-bottom: 5.3594771242rem;position: relative; } .section.realizations > .container h1, .section.realizations > .container .h1 {color: var(--white);max-width: 450px;line-height: 1.2;display: flex;flex-direction: column;position: relative; } .section.realizations > .container h1 small, .section.realizations > .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.7189542484rem; } .section.realizations > .container h1 small::before, .section.realizations > .container .h1 small::before {content: " ";display: block;width: 3.137254902rem;height: 1px;background: var(--primary);margin-right: 0.6535947712rem; } .section.realizations > .container .row-link {margin-bottom: 1.9607843137rem; } .section.realizations > .container .row-link .btn {margin-top: -5.9477124183rem; } .section.realizations > .container .row-card {display: grid;gap: 1.568627451rem;grid-template-areas: "item-1 item-2" "item-1 item-3" "item-4 item-5";grid-template-columns: 700fr 493fr;margin: 0; } .section.realizations > .container .row-card .col-card {padding: 0;max-width: none; } .section.realizations > .container .row-card .col-card .card {height: 100%;border: 0;background: transparent;color: var(--white); } .section.realizations > .container .row-card .col-card .card::before {content: " ";position: absolute;top: 0;left: 0;width: 5.2287581699rem;height: 5.2287581699rem;border-top: solid 2px var(--primary);border-left: solid 2px var(--primary);z-index: 1; } .section.realizations > .container .row-card .col-card .card::after {content: " ";position: absolute;bottom: 0;right: 0;width: 6.2745098039rem;height: 6.2745098039rem;border-bottom: solid 2px var(--primary);border-right: solid 2px var(--primary); } .section.realizations > .container .row-card .col-card .card .card-img {flex-grow: 0;flex-shrink: 1;flex-basis: 100%;position: absolute;inset: 0;width: 100%;height: 100%; } .section.realizations > .container .row-card .col-card .card .card-img::after {content: " ";position: absolute;inset: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5); } .section.realizations > .container .row-card .col-card .card .card-img .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; } .section.realizations > .container .row-card .col-card .card .card-body {position: relative;display: flex;flex-direction: column;justify-content: flex-end;padding: 1.3725490196rem 2.6797385621rem; } .section.realizations > .container .row-card .col-card .card .card-body h2, .section.realizations > .container .row-card .col-card .card .card-body .h2 {color: var(--white);font-size: 1.1111111111rem;line-height: 1.6470588235;margin-bottom: 0;display: flex;flex-direction: column;position: relative; } .section.realizations > .container .row-card .col-card .card .card-body h2 small, .section.realizations > .container .row-card .col-card .card .card-body .h2 small {order: -1;font-size: 0.6666666667rem;line-height: 1.568627451;font-weight: 700;color: var(--primary);display: block;margin-bottom: 0.7189542484rem; } .section.realizations > .container .row-card .col-card .card .card-body h2::before, .section.realizations > .container .row-card .col-card .card .card-body .h2::before {content: " ";position: absolute;inset: 0;top: 0;width: 2px;height: 100%;background: var(--primary);left: -1.6993464052rem; } .section.realizations > .container .row-card .col-card .card .card-body .number {position: absolute;top: 0.3267973856rem;right: 1.568627451rem;font-size: 2rem;font-weight: 700;color: rgba(255, 255, 255, 0.1); } .section.realizations > .container .row-card .col-card.item-1 {grid-area: item-1;aspect-ratio: 700/600; } .section.realizations > .container .row-card .col-card.item-1 .card .card-body {padding: 2.1568627451rem 4.2483660131rem; } .section.realizations > .container .row-card .col-card.item-1 .card .card-body h2, .section.realizations > .container .row-card .col-card.item-1 .card .card-body .h2 {font-size: 2rem;line-height: 1.3071895425; } .section.realizations > .container .row-card .col-card.item-1 .card .card-body .number {font-size: 3.3333333333rem;right: 2.2875816993rem; } .section.realizations > .container .row-card .col-card.item-2, .section.realizations > .container .row-card .col-card.item-3 {aspect-ratio: 493/294;align-self: stretch; } .section.realizations > .container .row-card .col-card.item-2 .card .card-body h2::before, .section.realizations > .container .row-card .col-card.item-2 .card .card-body .h2::before, .section.realizations > .container .row-card .col-card.item-3 .card .card-body h2::before, .section.realizations > .container .row-card .col-card.item-3 .card .card-body .h2::before {left: -1.1111111111rem; } .section.realizations > .container .row-card .col-card.item-2 {grid-area: item-2; } .section.realizations > .container .row-card .col-card.item-2 .card::before {width: 4.1830065359rem;height: 4.1830065359rem;left: auto;right: 0;border-left: 0;border-right: solid 2px var(--primary); } .section.realizations > .container .row-card .col-card.item-2 .card::after {content: none; } .section.realizations > .container .row-card .col-card.item-2 .card .card-body .number {right: auto;left: 0.9803921569rem; } .section.realizations > .container .row-card .col-card.item-3 {grid-area: item-3; } .section.realizations > .container .row-card .col-card.item-3 .card::before {content: none; } .section.realizations > .container .row-card .col-card.item-3 .card::after {width: 3.137254902rem;height: 3.137254902rem;right: auto;left: 0;border-right: 0;border-left: solid 2px var(--primary); } .section.realizations > .container .row-card .col-card.item-4 {grid-area: item-4;aspect-ratio: 700/350; } .section.realizations > .container .row-card .col-card.item-4 .card::before {width: 4.1830065359rem;height: 4.1830065359rem; } .section.realizations > .container .row-card .col-card.item-4 .card::after {width: 5.2287581699rem;height: 5.2287581699rem; } .section.realizations > .container .row-card .col-card.item-4 .card .card-body {padding: 1.5032679739rem 3.7254901961rem; } .section.realizations > .container .row-card .col-card.item-4 .card .card-body h2, .section.realizations > .container .row-card .col-card.item-4 .card .card-body .h2 {font-size: 1.6666666667rem;line-height: 1.4117647059; } .section.realizations > .container .row-card .col-card.item-4 .card .card-body .number {font-size: 2.6666666667rem;top: 0.6535947712rem;right: 2.2222222222rem; } .section.realizations > .container .square {position: absolute; } .section.realizations > .container .square.square-1 {width: 12.4183006536rem;height: 12.4183006536rem;right: -6.5%;top: 18.5%;border: 2px solid rgba(242, 107, 29, 0.2); }