.hp-how-it-works{padding:70px 0 90px}.hp-how-it-works .sectioon-title{margin-bottom:50px;text-align:center}.hp-how-it-works .sectioon-title h2{margin-bottom:12px}.hp-how-it-works .sectioon-title p{color:#75908e}.hp-how-it-works .list-wrapper{display:flex;flex-wrap:wrap;margin:0 -20px -46px}.hp-how-it-works .list-wrapper .list-item{margin-bottom:46px;padding:0 20px;width:50%}.hp-how-it-works .list-wrapper .list-item .list-block{align-items:center;background:linear-gradient(180deg,#f4f4f4 60.58%,#fff);border-radius:16px;box-shadow:0 3px 0 rgba(117,144,142,.2);display:flex;height:100%;padding:10px 20px}.hp-how-it-works .image-block{flex-shrink:0;margin-right:20px}.hp-how-it-works .list-wrapper .list-item .list-block .image-block img{height:100%;max-height:170px;object-fit:contain;width:100%}.hp-how-it-works .list-wrapper .list-item .list-block h3{background:var(--grad,linear-gradient(270deg,#c8277d 0,#d22725 100%));background-clip:text;-webkit-background-clip:text;font-family:Poppins;font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.2;-webkit-text-fill-color:transparent;margin-bottom:15px}.hp-how-it-works .list-wrapper .list-item .list-block p{color:#636363;font-size:16px;font-weight:400;letter-spacing:0;line-height:22px}@media only screen and (max-width:1399px){.hp-how-it-works .list-wrapper .list-item .list-block h3{font-size:24px;line-height:1.2}}@media only screen and (max-width:1199px){.hp-how-it-works{padding:60px 0}.hp-how-it-works .list-wrapper .list-item{margin-bottom:20px;padding:0 10px}.hp-how-it-works .list-wrapper{margin:0 -10px -20px}.hp-how-it-works .image-block{width:25%}.hp-how-it-works .list-wrapper .list-item .list-block{align-items:flex-start}.hp-how-it-works .list-wrapper .list-item .list-block h3{font-size:22px;line-height:normal}.hp-how-it-works .list-wrapper .list-item .list-block{flex-direction:column}.hp-how-it-works .list-wrapper .list-item .list-block h3{font-size:20px}.hp-how-it-works .image-block{width:100%}.hp-how-it-works .sectioon-title{margin-bottom:30px}}@media only screen and (max-width:767px){.hp-how-it-works{padding:40px 0}.hp-how-it-works .sectioon-title h2{font-size:28px;line-height:normal}.hp-how-it-works .list-wrapper .list-item{width:100%}.hp-how-it-works .list-wrapper .list-item .list-block{padding:20px}}