@charset "UTF-8"; .section.procedures {background: #F5F3F0; } .section.procedures .img-bg {position: absolute;inset: 0;z-index: 0;object-fit: cover;width: 100%;height: 100%; } .section.procedures::after {content: " ";display: block;position: absolute;inset: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4); } .section.procedures > .container {padding-top: 8.25rem;padding-bottom: 6.875rem;text-align: center;color: #6B6B6B;position: relative;z-index: 2; } .section.procedures > .container > .btn {margin-top: 2.8125rem; } .section.procedures > .container > .btn svg {margin-left: 1rem;margin-right: -1.0625rem; } .section.procedures > .container h1, .section.procedures > .container .h1, .section.procedures > .container h2, .section.procedures > .container .h2 {display: flex;flex-direction: column;position: relative;text-align: center;align-items: center;font-size: 2.5rem;line-height: 1.2;margin-bottom: 1.625rem;color: var(--white); } .section.procedures > .container h1 small, .section.procedures > .container .h1 small, .section.procedures > .container h2 small, .section.procedures > .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: 1rem;position: relative; } .section.procedures > .container h1 small::before, .section.procedures > .container h1 small::after, .section.procedures > .container .h1 small::before, .section.procedures > .container .h1 small::after, .section.procedures > .container h2 small::before, .section.procedures > .container h2 small::after, .section.procedures > .container .h2 small::before, .section.procedures > .container .h2 small::after {content: "■";position: absolute;top: -0.0625rem; } .section.procedures > .container h1 small::before, .section.procedures > .container .h1 small::before, .section.procedures > .container h2 small::before, .section.procedures > .container .h2 small::before {left: -2.9375rem; } .section.procedures > .container h1 small::after, .section.procedures > .container .h1 small::after, .section.procedures > .container h2 small::after, .section.procedures > .container .h2 small::after {right: -2.9375rem; } .section.procedures > .container .text {font-weight: 700;font-size: 24px;line-height: 1.5;text-align: left;color: var(--primary);width: fit-content;margin-left: auto;margin-right: auto;position: relative; } .section.procedures > .container .text::first-line {color: var(--white); } .section.procedures > .container .text::before {content: " ";position: absolute;inset: 0;left: -2.1875rem;width: 2px;height: 100%;background: rgba(242, 107, 29, 0.5); } .section.procedures > .container .text + .btn {margin-top: 1.5625rem; } .section.procedures > .container .row-card {padding-top: 3.25rem;margin-bottom: 2.5rem; }