.section.howtos {background: #F5F3F0; } .section.howtos > .container {padding-top: 6.4705882353rem;padding-bottom: 6.4052287582rem;text-align: center;color: #6B6B6B; } .section.howtos > .container > .btn {margin-top: 3.3333333333rem; } .section.howtos > .container h1, .section.howtos > .container .h1 {display: flex;flex-direction: column;position: relative;text-align: center;align-items: center;font-size: 2rem;line-height: 1.3071895425rem;margin-bottom: 1.6993464052rem; } .section.howtos > .container h1 small, .section.howtos > .container .h1 small {order: -1;font-size: 0.7777777778rem;line-height: 1.6806722689;font-weight: 500;color: var(--primary);display: flex;flex-direction: row;align-items: center;margin-bottom: 1.045751634rem; } .section.howtos > .container .row-card {margin-top: 50px;position: relative; } .section.howtos > .container .row-card::before {content: " ";width: calc(100% - 1.568627451rem);height: 2px;left: 0.7843137255rem;top: 5.0980392157rem;position: absolute;background: #E5E7EB; } .section.howtos > .container .row-card .col-card .card {font-size: 0.7777777778rem;line-height: 1.8487394958;border: 0;background: transparent;align-items: center;padding: 1.8954248366rem; } .section.howtos > .container .row-card .col-card .card .card-img {width: 6.2745098039rem;height: 6.2745098039rem;background: var(--white);margin-bottom: 1.6339869281rem;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.522875817rem;height: 0.522875817rem;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.7777777778rem;font-weight: 700;background: var(--primary);color: var(--white);position: absolute;right: -0.8496732026rem;top: -0.7843137255rem;padding: 0.3921568627rem 0.4575163399rem;border-radius: 0.1307189542rem; } .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.1111111111rem;line-height: 1.6470588235;margin-bottom: 0.4575163399rem; } .section.howtos > .container .row-card .col-card .card .card-body p {max-width: 160px; }