.section.realizations {background: #F5F3F0;overflow-x: clip; } .section.realizations > .container {padding-top: 4rem;padding-bottom: 5.125rem;position: relative; } .section.realizations > .container h1, .section.realizations > .container .h1, .section.realizations > .container h2, .section.realizations > .container .h2 {color: var(--black);max-width: 450px;line-height: 1.2;display: flex;flex-direction: column;position: relative; } .section.realizations > .container h1 small, .section.realizations > .container .h1 small, .section.realizations > .container h2 small, .section.realizations > .container .h2 small {order: -1;font-size: 0.9375rem;line-height: 1.6806722689;font-weight: 500;color: var(--primary);display: flex;flex-direction: row;align-items: center;margin-bottom: 0.6875rem; } .section.realizations > .container h1 small::before, .section.realizations > .container .h1 small::before, .section.realizations > .container h2 small::before, .section.realizations > .container .h2 small::before {content: " ";display: block;width: 3rem;height: 1px;background: var(--primary);margin-right: 0.625rem; } .section.realizations > .container .row-link {margin-bottom: 1.875rem; } .section.realizations > .container .row-link .btn {color: var(--gray-400);border-color: var(--gray-400);color: var(--black) !important;width: 100%; } .section.realizations > .container .row-link .btn:hover {color: var(--gray-400);background-color: var(--gray-400);border-color: var(--gray-400); } .section.realizations > .container .row-link .btn:focus, .section.realizations > .container .row-link .btn.focus {box-shadow: 0 0 0 0.2rem rgba(var(--gray-400), 0.5); } .section.realizations > .container .row-link .btn.disabled, .section.realizations > .container .row-link .btn:disabled {color: var(--gray-400);background-color: transparent; } .section.realizations > .container .row-link .btn:not(:disabled):not(.disabled):active, .section.realizations > .container .row-link .btn:not(:disabled):not(.disabled).active, .show > .section.realizations > .container .row-link .btn.dropdown-toggle {background-color: var(--gray-400);border-color: var(--gray-400); } .section.realizations > .container .row-link .btn:not(:disabled):not(.disabled):active:focus, .section.realizations > .container .row-link .btn:not(:disabled):not(.disabled).active:focus, .show > .section.realizations > .container .row-link .btn.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--gray-400), 0.5); } @media (min-width: 576px) {.section.realizations > .container .row-link .btn {width: auto;} } @media (min-width: 768px) {.section.realizations > .container .row-link .btn {margin-top: -5.6875rem;} } .section.realizations > .container .row-link .btn svg {margin-left: 1rem;margin-right: -1.0625rem;color: var(--primary); } .section.realizations > .container .row-card {display: grid;align-items: stretch;gap: 1.5rem;grid-template-areas: "item-1" "item-2" "item-3" "item-4" "item-5";grid-template-columns: repeat(auto-fit, minmax(186px, 1fr));margin: 0; } @media (min-width: 768px) {.section.realizations > .container .row-card {grid-template-areas: "item-1 item-1 item-2" "item-1 item-1 item-3" "item-4 item-4 item-5";} } .section.realizations > .container .row-card .col-card {padding: 0;max-width: none;aspect-ratio: 803/596; } .section.realizations > .container .row-card .col-card.item-1 {grid-area: item-1; } @media (min-width: 768px) {.section.realizations > .container .row-card .col-card.item-1 .card .card-body {padding: 2.0625rem 4.0625rem;} } @media (min-width: 768px) {.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, .section.realizations > .container .row-card .col-card.item-1 .card .card-body h3, .section.realizations > .container .row-card .col-card.item-1 .card .card-body .h3 {font-size: 1.9125rem;line-height: 1.3071895425;} } @media (min-width: 768px) {.section.realizations > .container .row-card .col-card.item-1 .card .card-body .number {font-size: 3.1875rem;right: 2.1875rem;} } @media (min-width: 768px) {.section.realizations > .container .row-card .col-card.item-2, .section.realizations > .container .row-card .col-card.item-3, .section.realizations > .container .row-card .col-card.item-5 {aspect-ratio: 390/286;} } @media (min-width: 768px) {.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-2 .card .card-body h3::before, .section.realizations > .container .row-card .col-card.item-2 .card .card-body .h3::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, .section.realizations > .container .row-card .col-card.item-3 .card .card-body h3::before, .section.realizations > .container .row-card .col-card.item-3 .card .card-body .h3::before, .section.realizations > .container .row-card .col-card.item-5 .card .card-body h2::before, .section.realizations > .container .row-card .col-card.item-5 .card .card-body .h2::before, .section.realizations > .container .row-card .col-card.item-5 .card .card-body h3::before, .section.realizations > .container .row-card .col-card.item-5 .card .card-body .h3::before {left: -1.0625rem;} } .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: 4rem;height: 4rem;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.9375rem; } .section.realizations > .container .row-card .col-card.item-3 {grid-area: item-3; } .section.realizations > .container .row-card .col-card.item-3 .card::before {width: 4rem;height: 4rem;left: auto;right: 0;border-left: 0;border-right: solid 2px var(--primary); } .section.realizations > .container .row-card .col-card.item-3 .card::after {content: none; } .section.realizations > .container .row-card .col-card.item-4 {grid-area: item-4; } @media (min-width: 768px) {.section.realizations > .container .row-card .col-card.item-4 {aspect-ratio: 803/326;} } .section.realizations > .container .row-card .col-card.item-4 .card::before {width: 4rem;height: 4rem; } .section.realizations > .container .row-card .col-card.item-4 .card::after {width: 5rem;height: 5rem; } @media (min-width: 768px) {.section.realizations > .container .row-card .col-card.item-4 .card .card-body {padding: 1.4375rem 3.5625rem;} } @media (min-width: 768px) {.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, .section.realizations > .container .row-card .col-card.item-4 .card .card-body h3, .section.realizations > .container .row-card .col-card.item-4 .card .card-body .h3 {font-size: 1.59375rem;line-height: 1.4117647059;} } @media (min-width: 768px) {.section.realizations > .container .row-card .col-card.item-4 .card .card-body .number {font-size: 2.55rem;top: 0.625rem;right: 2.125rem;} } .section.realizations > .container .row-card .col-card.item-5 {grid-area: item-5; } .section.realizations > .container .square {position: absolute; } .section.realizations > .container .square.square-1 {width: 11.875rem;height: 11.875rem;right: -6.5%;top: 15rem;border: 2px solid rgba(242, 107, 29, 0.2); } .section.realizations.realizations-dark {background: #574646;color: var(--white); } .section.realizations.realizations-dark > .container h1, .section.realizations.realizations-dark > .container .h1, .section.realizations.realizations-dark > .container h2, .section.realizations.realizations-dark > .container .h2 {color: var(--white); } .section.realizations.realizations-dark > .container .row-link .btn {color: var(--color12);border-color: var(--color12);color: var(--white) !important; } .section.realizations.realizations-dark > .container .row-link .btn:hover {color: var(--color12);background-color: var(--color12);border-color: var(--color12); } .section.realizations.realizations-dark > .container .row-link .btn:focus, .section.realizations.realizations-dark > .container .row-link .btn.focus {box-shadow: 0 0 0 0.2rem rgba(var(--color12), 0.5); } .section.realizations.realizations-dark > .container .row-link .btn.disabled, .section.realizations.realizations-dark > .container .row-link .btn:disabled {color: var(--color12);background-color: transparent; } .section.realizations.realizations-dark > .container .row-link .btn:not(:disabled):not(.disabled):active, .section.realizations.realizations-dark > .container .row-link .btn:not(:disabled):not(.disabled).active, .show > .section.realizations.realizations-dark > .container .row-link .btn.dropdown-toggle {background-color: var(--color12);border-color: var(--color12); } .section.realizations.realizations-dark > .container .row-link .btn:not(:disabled):not(.disabled):active:focus, .section.realizations.realizations-dark > .container .row-link .btn:not(:disabled):not(.disabled).active:focus, .show > .section.realizations.realizations-dark > .container .row-link .btn.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--color12), 0.5); } .section.realizations.realizations-dark > .container .row-link .btn svg {color: var(--white); } .section.realizations .modal-content {background: transparent; } .section.realizations .modal-content .btn-close {padding: 0; }