.mastercard, .pat, .buywaymobile {position:relative;overflow:hidden;}
.mastercard .container, .pat .container, .buywaymobile .container {position:relative;z-index:997;}

h2 {font-size:30px;line-height:30px;font-weight:500;color:var(--bw-purple);margin-bottom:20px;}
h3 {font-size:44px;line-height:44px;font-weight:800;margin-bottom:45px;}
h3 span {color:var(--bw-grey);-webkit-text-stroke: 2px;-webkit-text-stroke-color: var(--bw-black);}
h3 img {height:36px;}
.mastercard {background-color:var(--bw-grey);padding-top:100px;padding-bottom:100px;}
.mastercard .bg-shape {height:120%;top:0%;transform: rotate(25deg);-webkit-transform: rotate(25deg);left:auto;right:0;}
.mastercard .col:last-of-type {position:relative;}
.mastercard .bg-card {width:460px;position:absolute;right:222px;top:135px;z-index:995;}
.resp-card {display:none;width:96%;max-width:460px;margin:0 auto 60px auto;}
.buywayline {background-color: var(--bw-black);color:var(--bw-white);padding-top:100px;padding-bottom:100px;}
.buywayline .bg_transparent {color:var(--bw-white);border:1px solid var(--bw-white) !important;}
.buywayline h2 {color:var(--bw-purple-light);}
.pat {background-color:var(--bw-purple-light);padding-top:100px;padding-bottom:100px;color:white;}
.pat h2 {text-transform: uppercase;}
.pat .col:last-of-type {text-align:center;}
.pat .col:last-of-type img {width:100%;border-radius:20px;max-width:640px;margin-top:60px;}
.pat .bg_transparent {color:var(--bw-white);border:1px solid var(--bw-white) !important;}
.buywaymobile {background-color:var(--bw-grey);padding-top:100px;padding-bottom:100px;}
.buywaymobile .bg-phone {position:absolute;right:30px;bottom:-255px;height:520px;}
.buywaymobile .bg-shape {height:220%;top:-55%;left:-10%;transform: rotate(65deg);-webkit-transform: rotate(65deg);}
.legal-informations {background-color: var(--bw-grey-dark);}

@media screen and (max-width: 1400px) {
    .mastercard .bg-card {right:80px;}
    .mastercard .bg-shape {right:-120px;}
}

@media only screen and (max-width: 1200px) {
    .mastercard .bg-card {right:20px;}
    .mastercard .bg-shape {right:-200px;}
}

@media only screen and (max-width: 1060px) {
    .top-img {height:380px;}
}

@media only screen and (max-width: 992px) {
    #top {padding-bottom:340px;}
    #top .top-wrapper {max-width:100%;}
    .top-img {width:440px;height:auto;left:50%;margin-left:-220px;}
    .mastercard .bg-card {display:none;}
    .resp-card {display:block;}
    .mastercard .bg-shape {right:0px;width:1100px;left:50%;margin-left:-580px;top:-160px;}
    .buywayline .col:first-of-type {text-align:center;padding-bottom:40px;}
    .buywayline .col:first-of-type img {width:96%;max-width:432px;}
    .buywaymobile .col:last-of-type {height:300px;text-align:center;}
    .buywaymobile .bg-phone {position:relative;bottom:-35px;right:0px;width:96%;max-width:436px;height:auto;}
}

@media only screen and (max-width: 660px) {
    h3 {font-size:30px;line-height:30px;}
}