section.welcome {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_welcome_brick.svg);
  background-repeat: no-repeat;
  background-position: 119% 84%;
  background-size: 58.4%;
  padding: 180px 0 70px;
  position: relative;
}
section.welcome.welcome--payalto {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_payments_intro_2.svg);
  background-size: 35%;
  background-position: 92% 84%;
}
@media (max-width: 1023px){
  section.welcome.welcome--payalto {
      background-size: 99% 86%;
  }
}
@media (max-width: 767px){
  section.welcome.welcome--payalto {
      padding-bottom: 300px;
      background-size: 70%;
      background-repeat: no-repeat;
      background-position: 50% 97%;
      padding-bottom: 350px;
  }
}
section.welcome.welcome--passport {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_welcome_passport.png);
  background-size: 710px;
  background-position: calc(50% + 350px) 77%;
}
@media (max-width: 1200px){
  section.welcome.welcome--passport {
     background-size: 600px;
    background-position: 580px 77%;
  }
}
@media (max-width: 1023px){
  section.welcome.welcome--passport {
    background-position: 110% 87%;
    background-size: 300px;
  }
}
@media (max-width: 767px){
  section.welcome.welcome--passport {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 60% 100%;
    padding-bottom: 270px;
  }
}
section.welcome.welcome--einvoicing {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_welcome_einvoicing.png);
  background-size: 710px;
  background-position: calc(50% + 350px) 77%;
}
@media (max-width: 1200px){
  section.welcome.welcome--einvoicing {
     background-size: 600px;
    background-position: 580px 77%;
  }
}
@media (max-width: 1023px){
  section.welcome.welcome--einvoicing {
    background-position: 110% 87%;
    background-size: 300px;
  }
}
@media (max-width: 767px){
  section.welcome.welcome--einvoicing {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 60% 100%;
    padding-bottom: 270px;
  }
}

section.welcome.welcome--gateway {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_welcome_gateway.png);
  background-size: 760px;
  background-position: calc(50% + 350px) 77%;
}
@media (max-width: 1200px){
  section.welcome.welcome--gateway {
     background-size: 600px;
    background-position: 580px 77%;
  }
}
@media (max-width: 1023px){
  section.welcome.welcome--gateway {
    background-position: 110% 87%;
    background-size: 300px;
  }
}
@media (max-width: 767px){
  section.welcome.welcome--gateway {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 60% 100%;
    padding-bottom: 270px;
  }
}
section.welcome.welcome--subscriptions {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_welcome_subscriptions.png);
  background-size: 710px;
  background-position: calc(50% + 350px) 77%;
}
@media (max-width: 1200px){
  section.welcome.welcome--subscriptions {
     background-size: 600px;
    background-position: 580px 77%;
  }
}
@media (max-width: 1023px){
  section.welcome.welcome--subscriptions {
    background-position: 110% 87%;
    background-size: 300px;
  }
}
@media (max-width: 767px){
  section.welcome.welcome--subscriptions {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 60% 100%;
    padding-bottom: 270px;
  }
}
section.welcome.welcome--checkout {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_welcome_checkout.png);
}
@media (max-width: 1599px){
  section.welcome.welcome--checkout {
    background-size: 50%;
    background-position: 105% 85%;
  }
}
@media (max-width: 1023px){
  section.welcome.welcome--checkout {
    background-size: 40%;
  }
}
@media (max-width: 767px){
  section.welcome.welcome--checkout {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 60% 100%;
    padding-bottom: 80%;
  }
}
section.welcome.welcome--affiliate-commission {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_welcome_affiliate_commission.png);
}
@media (max-width: 1599px){
  section.welcome.welcome--affiliate-commission {
    background-size: 50%;
    background-position: 105% 85%;
  }
}
@media (max-width: 1023px){
  section.welcome.welcome--affiliate-commission {
    background-size: 40%;
  }
}
@media (max-width: 767px){
  section.welcome.welcome--affiliate-commission {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 60% 100%;
    padding-bottom: 80%;
  }
}
@media (min-width: 1600px){
  section.welcome {
    background-size: 850px;
    background-position: calc(50% + 425px) 84%;
  }
  section.welcome.welcome--payalto {
    background-size: 520px;
    background-position: calc(50% + 375px) 80%;
  }
  section.welcome.welcome--passport {
    background-size: 550px;
    background-position: calc(50% + 350px) 78%;
  }
}
.welcome .buttons {
  justify-content: flex-start;
}
.welcome__product {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.welcome__product-icon {
  height: 18px;
  margin-right: 10px;
}
@media (min-width: 375px) {
  .welcome__product-icon {
    height: 20px;
  }
}
@media (min-width: 768px) {
  .welcome__product-icon {
    height: 26px;
  }
}
.welcome__product-title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 375px) {
  .welcome__product-title {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .welcome__product-title {
    font-size: 32px;
  }
}
.welcome__title {
  color: #000000;
  font-size: 46px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 58px;
  max-width: 620px;
  margin-bottom: 22px;
}
.welcome--affiliate-commission .welcome__title {
  max-width: 720px;
}
.welcome__text {
  color: #000000;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 36px;
  max-width: 505px;
  margin-bottom: 32px;
}
.benefits {
  padding-bottom: 20px;
}
.benefits .title-homepage--lg {
  margin-bottom: 12px;
}
.benefits .text-homepage--lg {
  margin-bottom: 44px;
  max-width: 655px;
  font-size: 16px;
}
.benefits__items {
  display: flex;
  flex-wrap: wrap;
}
.benefit {
  margin-bottom: 90px;
  width: 49%;
}
@media (max-width: 992px){
  .benefit {
    width: 100%;
  }
}
.benefit__img {
  width: 460px;
  height: 236px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 27px;
}
.benefit .title-homepage {
  line-height: 38px;
  margin-bottom: 10px;
}
.benefit .text-homepage {
  max-width: 460px;
}
@media (max-width: 767px){
  .benefit {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
  }
  .benefit__img {
    order: 0;
    margin-bottom: 20px;
  }
}
.passport {
  padding-top: 0px;
}
.passport .title-homepage--lg {
  margin-top: 30px;
}
.passport .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.passport .text-homepage {
  max-width: 655px;;
}
.case {
  display: flex;
  align-items: flex-start;
  margin-top: 60px;
  padding-right: 50px;
  width: 49%;
}
@media (max-width: 992px) {
  .case {
    width: 100%;
  }
}
.case .title-homepage {
  line-height: 40px;
}
.case img {
  margin-right: 25px;
  display: block;
}
.case:nth-child(3) img {
  margin-right: 22px;
}
.case:nth-child(4) img {
  margin-right: 25px;
}
.case__content .text-homepage {
  margin-bottom: 10px;
  max-width: 315px;
}
.assistance {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_assistance_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-size: 78%;
}
.assistance .text-homepage {
  max-width: 650px;
  margin-top: 18px;
  margin-bottom: 50px;
}
.assistance ul {
  line-height: 28px;
}
.api .title-homepage--lg {
  margin-bottom: 40px;
}
.apis img {
  margin-bottom: 12px;
  display: block;
}
.apis .text-homepage {
  margin-bottom: 12px;
}
.trusted .title-homepage {
  margin-bottom: 43px;
}
.trusted__companies {
  display: flex;
  justify-content: center;
  align-items: center;
}
.trusted__companies img {
  display: block;
  margin: 0px 8px;
}
@media (max-width: 1200px) {
  .trusted__companies img {
    display: block;
    margin: 0px 8px;
    width: 150px;
  }
}

@media (max-width: 1023px) {
  .trusted__companies img {
    display: block;
    margin: 0px 8px;
    width: 150px;
  }
  .trusted__companies img {
    margin: 0;
    width: 120px;
  }
  section.welcome {
    background-size: 46.4%;
  }
  .api {
    margin-bottom: 30px;
  }
  .trusted__companies {
    flex-wrap: wrap;
    align-items: center;
  }
  .case {
    padding-right: 15px;
  }
  .case__content .text-homepage {
    max-width: unset;
  }
}
@media (max-width: 767px) {
  section.welcome {
    padding-bottom: 350px;
    background-size: 120%;
    background-position: 15% bottom;
  }
  .welcome .buttons {
    justify-content: center;
  }
}
@media (max-width: 479px) {
  .benefit__img {
    width: 100%;
    padding-top: 52%;
    height: unset;
  }
  .title-homepage {
    line-height: 41px;
  }
  .title-homepage--sm {
    font-size: 24px;
  }
  .assistance__item {
    margin-bottom: 30px;
  }
  section.welcome {
    padding-top: 130px;
    padding-bottom: 300px;
  }
  .case {
    flex-wrap: wrap;
  }
  .case img {
    margin-bottom: 15px;
  }
  .trusted__companies {
    justify-content: space-around;
  }
  .passport .title-homepage--lg {
    margin-bottom: 20px;
  }
  .assistance {
    background-position: 20% 10%;
    background-size: 200%;
  }
  section.api {
    margin-bottom: 0;
  }
  .trusted__companies img {
    width: 90px;
  }
}
/* methods */
.methods .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.methods {
  background-image: url(https://www.paymentwall.com/uploaded/files/PW20_methods_bg.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 37%;
  padding: 100px 0 70px;
}
.methods__content {
  max-width: 480px;
}
.methods .text-homepage {
  text-align: justify;
  margin-bottom: 27px;
}
.methods__logos {
  margin-right: 25px;
}
@media (max-width: 1023px) {
  .merchants .container, .methods .container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .merchants .container > div, .methods .container > div {
    width: 100%
  }
  .methods__logos img {
    margin: 0 auto 30px;
  }
}
@media (max-width: 767px) {
  .methods {
    margin-top: 60px;
  }
  .methods__logos {
    margin-right: 0;
    order: 2;
    margin-top: 30px;
  }
  .methods__logos img {
    margin: 0 auto;
  }
  .methods .text-homepage {
    margin-bottom: 20px;
  }
  .methods {
    background-position: 0% 100%;
    background-size: 105%;
    padding: 40px 0;
  }
  .methods .title-homepage {
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .methods .container > div {
    text-align: left;
  }
}