.section.realizations {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;background: var(--white);padding-bottom: 0.1rem; } .section.realizations h1, .section.realizations .h1 {position: absolute;z-index: 10;background: var(--primary);color: var(--white);left: 50%;top: -5rem;transform: translateX(-50%);padding: 1.2rem 1.5rem 1.15rem 1.65rem; } @media (min-width: 1450px) {.section.realizations h1, .section.realizations .h1 {top: 50%;transform: translate(-50%, -158%);} } .section.realizations > .container {max-width: 1920px;padding-left: 0.1rem;padding-right: 0.1rem; } .section.realizations > .container > .row {margin-left: -0.05rem;margin-right: -0.05rem; } .section.realizations > .container > .row > .col {position: relative;padding-left: 0.1rem;padding-right: 0.1rem; } @media (min-width: 992px) {.section.realizations > .container > .row > .col {aspect-ratio: 957/1136;} } .section.realizations > .container > .row > .col .card {border: 0;position: relative;height: 50rem; } @media (min-width: 992px) {.section.realizations > .container > .row > .col .card {height: 100%;} } .section.realizations > .container > .row > .col .card .card-text {position: absolute;z-index: 1;bottom: 0;background: linear-gradient(180deg, transparent 0%, #000 100%);color: var(--white);width: 100%;height: 35.7394366197%;display: flex;flex-direction: column;justify-content: flex-end;padding: 2.45rem 4rem 2.3rem 2.65rem; } .section.realizations > .container > .row > .col .card .card-text h2, .section.realizations > .container > .row > .col .card .card-text .h2 {font-size: 2.4rem;line-height: 1.42;letter-spacing: -0.072rem;color: var(--white);max-width: 20rem;text-align: left;margin: 0;padding-left: 0.85rem;margin-bottom: 1.2rem; } .section.realizations > .container > .row > .col .card .card-text h2 span, .section.realizations > .container > .row > .col .card .card-text .h2 span {background: var(--primary);line-height: 1.5;outline: solid 2.1rem var(--primary) !important;clip-path: inset(-0.3rem -1.85rem -0.3rem -1rem); } .section.realizations > .container > .row > .col .card .card-text p {font-size: 1rem;line-height: 1.42;letter-spacing: 0.0025rem; } .section.realizations > .container > .row > .col .card .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; }