.df-how-it-works{padding:60px 0}@media (max-width:620px){.df-feature-list-image~.df-how-it-works{padding:20px 0}}.df-how-it-works:not(.has-background){background-color:transparent}.df-how-it-works__title{margin-bottom:20px;text-align:center}.df-how-it-works__content{display:flex;flex-direction:column;justify-content:space-between;min-height:305px}.df-how-it-works__card{background:#faf8f4;border-radius:12px;border-top:8px solid #038181;box-shadow:0 4px 8.9px rgba(56,61,61,.2);flex-direction:column;isolation:isolate;padding:20px 32px;position:relative}.df-how-it-works__card,.df-how-it-works__number{align-items:center;display:flex;text-align:center}.df-how-it-works__number{background:#9bd0d3;border-radius:50%;color:#000;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;height:40px;justify-content:center;left:50%;letter-spacing:.5px;line-height:1;position:absolute;top:-28px;transform:translateX(-50%);width:40px;z-index:2}.df-how-it-works__image{display:flex;justify-content:center;margin-bottom:32px;width:100%}.df-how-it-works__image img{height:auto;max-height:200px;max-width:100%;-o-object-fit:contain;object-fit:contain}.df-how-it-works__image picture{align-items:center;display:flex;justify-content:center}.df-how-it-works__card-title{color:#038181;font-size:20px;font-weight:700;line-height:1.2;margin-bottom:20px;margin-top:0;text-align:center;text-wrap:auto}.df-how-it-works__card-description{font-size:16px;font-weight:400;line-height:1.4;margin:0;text-align:center}.df-how-it-works__grid{display:grid;gap:40px;grid-template-columns:1fr;padding-top:32px}@media (min-width:768px){.df-how-it-works__title{font-size:40px;margin-bottom:40px}.df-how-it-works__number{font-size:32px;height:58px;left:-13px;top:-38px;transform:none;width:58px}.df-how-it-works__grid{gap:60px}.df-how-it-works__grid.grid-2{gap:30px;grid-template-columns:repeat(2,1fr)}.df-how-it-works__grid.grid-3{gap:30px;grid-template-columns:repeat(3,1fr)}.df-how-it-works__grid.grid-4,.df-how-it-works__grid.grid-5{gap:30px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.df-how-it-works{padding:80px 0}.df-how-it-works__title{margin-bottom:60px}.df-how-it-works__grid.grid-3{gap:56px}.df-how-it-works__grid.grid-4{grid-template-columns:repeat(4,1fr)}.df-how-it-works__grid.grid-5{grid-template-columns:repeat(5,1fr)}.df-how-it-works__card{padding:32px 32px 54px}.df-how-it-works__card-title{font-size:24px;margin-bottom:24px}.df-how-it-works__card-description{font-size:18px;text-align:left}}
