section.how{padding:80px 0 0 16px}section.how .wrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;gap:32px;max-width:1316px}section.how .wrapper>.content{max-width:1080px;margin:0 auto;width:100%}section.how .wrapper>.content p{font-size:1.125rem;color:#afe3bd}section.how .wrapper>.content p *{font-size:1.125rem;color:#afe3bd}section.how .wrapper>.content .btns{margin-top:24px}section.how .wrapper>.content .btns .text-link{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:auto;gap:16px;font-size:1.25rem;color:#d97c64;text-decoration:none;transition:all .3s ease}section.how .wrapper>.content .btns .text-link:hover{gap:32px}section.how .wrapper .steps{width:100%}section.how .wrapper .steps .swiper-pagination .swiper-pagination-bullet{width:17px;height:17px;border:solid 1px #FFF;background:transparent;opacity:1;transition:all .3s ease}section.how .wrapper .steps .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}section.how .wrapper .steps.desktop{display:none}section.how .wrapper .steps.desktop .step{flex-basis:100%}section.how .wrapper .steps.mobile .swiper{padding-bottom:60px}section.how .wrapper .steps.mobile .step{height:auto}section.how .wrapper .steps .step{display:flex;align-items:center;justify-content:space-between;flex-direction:column;flex-wrap:auto;text-align:center;border-radius:20px;background:radial-gradient(84.32% 58.46% at 25.5% 64.52%,#00A287 0%,#003C32 100%)}section.how .wrapper .steps .step .count{border-radius:0 0 10px 10px;background:#D9D9D9;width:190px;margin:0 auto;text-align:center}section.how .wrapper .steps .step .count p{color:#003c32;font-size:.875rem;font-weight:700;text-transform:uppercase;padding:6px 12px}section.how .wrapper .steps .step .content{padding:24px 16px}section.how .wrapper .steps .step .image{max-width:250px;margin:0 auto}@media only screen and (min-width: 601px){section.how .wrapper .steps .step{align-self:stretch;flex-basis:calc(50% - 10px)}}@media only screen and (min-width: 992px){section.how{padding:80px 16px 0}section.how .wrapper{gap:80px}section.how .wrapper>.content p{font-size:1.25rem}section.how .wrapper>.content p *{font-size:1.25rem}section.how .wrapper .steps.desktop{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:20px}section.how .wrapper .steps.desktop .step{align-self:stretch;flex-basis:calc(33% - 10px)}section.how .wrapper .steps.mobile{display:none}section.how .wrapper .steps .step .image{max-width:300px}}