@charset "UTF-8"; .section.howtos {background: #F5F3F0; } .section.howtos > .container {padding-top: 6.1875rem;padding-bottom: 5.9375rem;text-align: center;color: #6B6B6B; } .section.howtos > .container > .btn {margin-top: 4rem;width: 100%; } @media (min-width: 576px) {.section.howtos > .container > .btn {width: auto;} } .section.howtos > .container h1, .section.howtos > .container .h1, .section.howtos > .container h2, .section.howtos > .container .h2 {display: flex;flex-direction: column;position: relative;text-align: center;align-items: center;font-size: 1.9125rem;line-height: 1.3071895425;margin-bottom: 1.625rem; } .section.howtos > .container h1 small, .section.howtos > .container .h1 small, .section.howtos > .container h2 small, .section.howtos > .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.howtos > .container h1 small::before, .section.howtos > .container h1 small::after, .section.howtos > .container .h1 small::before, .section.howtos > .container .h1 small::after, .section.howtos > .container h2 small::before, .section.howtos > .container h2 small::after, .section.howtos > .container .h2 small::before, .section.howtos > .container .h2 small::after {content: "■";position: absolute;top: -0.0625rem; } .section.howtos > .container h1 small::before, .section.howtos > .container .h1 small::before, .section.howtos > .container h2 small::before, .section.howtos > .container .h2 small::before {left: -2.9375rem; } .section.howtos > .container h1 small::after, .section.howtos > .container .h1 small::after, .section.howtos > .container h2 small::after, .section.howtos > .container .h2 small::after {right: -2.9375rem; } .section.howtos > .container .row-card {margin-top: 4.6875rem; } .section.howtos > .container .row-card .col-card {position: relative; } .section.howtos > .container .row-card .col-card::before {content: " ";width: 100%;height: 2px;left: 0;top: 3.125rem;position: absolute;background: #E5E7EB; } .section.howtos > .container .row-card .col-card .card {font-size: 0.8125rem;line-height: 1.8487394958;border: 0;background: transparent;align-items: center;padding: 0 1.8125rem; } .section.howtos > .container .row-card .col-card .card .card-img {width: 6rem;height: 6rem;background: var(--white);margin-bottom: 1.5rem;border: 2px solid #F3F4F6;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);position: relative;display: flex;align-items: center;justify-content: center; } .section.howtos > .container .row-card .col-card .card .card-img::after {content: " ";position: absolute;bottom: 0;left: 0;width: 0.5rem;height: 0.5rem;border-bottom: solid 1px var(--primary);border-left: solid 1px var(--primary); } .section.howtos > .container .row-card .col-card .card .card-img .number {font-size: 0.74375rem;font-weight: 700;background: var(--primary);color: var(--white);position: absolute;right: -0.8125rem;top: -0.75rem;padding: 0.375rem 0.4375rem;border-radius: 0.125rem; } .section.howtos > .container .row-card .col-card .card .card-body {color: #6B6B6B;padding: 0; } .section.howtos > .container .row-card .col-card .card .card-body h2, .section.howtos > .container .row-card .col-card .card .card-body .h2 {font-size: 1.0625rem;line-height: 1.6470588235;margin-bottom: -0.25rem; } .section.howtos > .container .row-card .col-card .card .card-body p {margin-bottom: 0; }