.section.about > .row-bg {position: absolute;height: 100%;width: 100%;inset: 0;padding-top: 1.125rem;padding-bottom: 1.125rem; } .section.about > .row-bg .col {position: relative; } .section.about > .row-bg .col:last-child::after {content: " ";display: block;position: absolute;height: 100%;width: 100%;inset: 0;left: 0;background: #F5F3F0; } @media (min-width: 992px) {.section.about > .row-bg .col:last-child::after {width: calc(100% - 1.875rem);left: 1.875rem;} } .section.about > .container {padding-top: 9.75rem;padding-bottom: 6.25rem; } .section.about > .container .col-content {color: #6B6B6B;padding-left: 1.5rem;padding-right: 1.5rem;padding-top: 11.875rem; } @media (min-width: 768px) {.section.about > .container .col-content {padding-left: 1.875rem;padding-top: 0;} } @media (min-width: 992px) {.section.about > .container .col-content {padding-left: 5.625rem;} } @media (min-width: 1232px) {.section.about > .container .col-content {padding-left: 7.6875rem;} } .section.about > .container .content {font-size: 0.875rem;line-height: 1.8571428571; } .section.about > .container .content p {max-width: 450px; } .section.about > .container .image {margin-top: -1.25rem;margin-right: 1.25rem;position: relative; } .section.about > .container .image::after {content: " ";position: absolute;top: 0;left: 0;width: 4rem;height: 4rem;border-top: solid 2px var(--primary);border-left: solid 2px var(--primary); } .section.about > .container .image .img-fluid {aspect-ratio: 576/500;object-fit: cover; } .section.about > .container .image .card {position: absolute;right: -1.375rem;bottom: -1.6875rem; } .section.about > .container h2, .section.about > .container .h2 {font-weight: 700;line-height: 1.2;margin-bottom: 2.125rem;position: relative;color: var(--black); } .section.about > .container h2 small, .section.about > .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.375rem;position: absolute;top: -2.9375rem;left: 3.625rem; } .section.about > .container h2 small::before, .section.about > .container .h2 small::before {content: " ";position: absolute;top: 0.8125rem;left: -3.625rem;width: 3rem;height: 1px;background: var(--primary); } .section.about > .container .btn svg {margin-left: 1rem;margin-right: -1.0625rem; } .section.about.about-right > .row-bg {display: none; } .section.about.about-right > .container .col-content {order: 1;padding-left: 0.75rem;padding-right: 3.125rem;margin-bottom: 5.625rem;padding-top: 0; } @media (min-width: 768px) {.section.about.about-right > .container .col-content {margin-bottom: 0;} } .section.about.about-right > .container .col-image {order: 2; } .section.about.about-right > .container .image {margin-left: 1.25rem;margin-right: 0; } .section.about.about-right > .container .image::after {top: 0;left: auto;right: 0;border-top: solid 2px var(--primary);border-left: 0;border-right: solid 2px var(--primary); } .section.about.about-right > .container .image .card {left: -1.375rem;right: auto; }