.s-how{align-items:center;background-color:var(--color-white);display:flex;flex-direction:column;gap:calc(var(--scale)*24);padding:calc(var(--scale)*52) calc(var(--scale)*6)}@media(min-width:768px){.s-how{padding:calc(var(--scale)*52)}}@media(min-width:1024px){.s-how{gap:calc(var(--scale)*40);padding:calc(var(--scale)*100)}}.s-how__title{text-align:center}.s-how__cards{display:grid;gap:calc(var(--scale)*5);width:-moz-fit-content;width:fit-content}@media(min-width:768px){.s-how__cards{gap:calc(var(--scale)*6);grid-template:repeat(2,1fr)/repeat(2,1fr)}}@media(min-width:1024px){.s-how__cards{gap:calc(var(--scale)*16);grid-template:1fr/repeat(4,1fr)}}.s-how__card{background-color:var(--color-gray-1);border-radius:calc(var(--scale)*16);display:flex;flex-direction:column;gap:calc(var(--scale)*12);padding:calc(var(--scale)*12)}@media(min-width:768px){.s-how__card{max-width:calc(var(--scale)*312)}}@media(min-width:1024px){.s-how__card{border-radius:calc(var(--scale)*24);gap:calc(var(--scale)*17);max-width:calc(var(--scale)*302);padding:calc(var(--scale)*16)}}.s-how__card-title{font-weight:500}@media(min-width:1024px){.s-how__card-title{font-size:calc(var(--scale)*32)}}.s-how__card--special{background-color:var(--color-main)}.s-how__card-head{display:flex;justify-content:space-between;margin-bottom:auto}.s-how__card-index{align-items:center;background-color:var(--color-white);border-radius:50%;display:flex;height:calc(var(--scale)*28);justify-content:center;width:calc(var(--scale)*28)}@media(min-width:1024px){.s-how__card-index{height:calc(var(--scale)*40);width:calc(var(--scale)*40)}.s-how__card-subtitle{font-size:calc(var(--scale)*18)}}.s-how__subtitle{max-width:calc(var(--scale)*1060);text-align:center}