.wherever, .wherever .container {position:relative;overflow:hidden;}
.wherever .container {z-index:997;}

/* Partners slideshows */
.logo-ticker {margin-top:65px;}
.logo-item {background:white;border-radius:20px;padding:0px 50px;}

.top-bg {bottom:50%;right:25%;bottom:50%;}
.buywaymobile h3 {color:var(--bw-white);}
.benefit:nth-of-type(2) div:first-of-type img, #buywayline .benefit:last-of-type div:first-of-type img {height:58px;}
.benefit:nth-of-type(3) div:first-of-type img {height:81px;}
.benefit:last-of-type div:first-of-type img, #buywayline .benefit:nth-of-type(2) div:first-of-type img, #buywayline .benefit:nth-of-type(3) div:first-of-type img {height:66px;}

.top-img {height:46%;transform:translate(50%, 65%);}
.top-bg {height:75%;position:absolute;transform:translate(50%, 60%) rotate(20deg);}
.wherever {background-color: var(--bw-grey);padding-top:75px;padding-bottom:80px;}
.wherever h2 {margin-top:60px;margin-bottom:40px;}
.wherever .watch {position:relative;z-index:995;display:inline-block;height:480px;}
.wherever .bg-shape {height:160%;top:-30%;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.wherever .big-btn {margin-top:10px;}
.solution {background-color: var(--bw-purple);padding-top:100px;padding-bottom:100px;}
.solution h2 {text-align:center;color:var(--bw-white);margin-bottom:55px;}
.mosaic {height:408px;}
.mosaic h3 {font-size:26px;line-height:30px;margin-bottom:20px;}
.mosaic .mos-col:first-of-type {width:358px;padding-right:12px;}
.mosaic .mos-col:first-of-type .mos-containt {width:346px;}
.mosaic .mos-col:first-of-type .mos-containt:first-of-type {background-color: var(--bw-purple-light);color:var(--bw-white);margin-bottom:18px;padding:37px 31px;flex-grow: 1;height:auto;}
.mosaic .mos-col:first-of-type .mos-containt:last-of-type {height:220px;}
.mosaic .mos-col:nth-of-type(2) {width:56%;padding-left:6px;padding-right:12px;}
.mosaic .mos-col:nth-of-type(2) .mos-containt:first-of-type {background-color:var(--bw-white);height:235px;margin-bottom:18px;}
.mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type {background-color: var(--bw-green);padding:37px 31px;flex-grow: 1;height:auto;}
.mosaic .mos-col:last-of-type {flex-grow:1;padding-left:12px;}
.mosaic .mos-col:last-of-type .mos-containt {background-color: var(--bw-white);height:100%;padding:37px 31px;}
.mosaic .card-mos {height:100%;width:100%;}
.mosaic .atm {width:100%;height:100%;object-fit:cover;object-position:center;}
.mosaic .gwp {bottom:-70px;right:-67px;width:93%;min-width:300px;}
.benefit div:first-of-type img {height:61px;}

.opening {padding: 80px 0px;position:relative;overflow:hidden;}
.opening .container {position:relative;z-index:996;}
.opening h2 {margin-bottom:30px;}
.opening .big-btn {padding:18px 30px 18px 30px !important;width:100%;max-width:580px;height:auto;line-height:24px;background-color:var(--bw-purple);}
.opening .error-container {margin-top:30px;padding:30px;}
.opening .error-container h4 {margin-top:0px;}
#tarification {display:inline-block;width:100%;}
#tarification > div {width:50%;float:left;}
#tarification ul {border:2px solid var(--bw-grey);background-color: var(--bw-grey);padding:30px;box-sizing:border-box;border-radius:10px;cursor: pointer;transition: background-color 300ms linear, border-color 300ms ease;}
#tarification ul.error {border:2px solid #b94a48;}
#tarification ul:hover {border:2px solid #5334c4;}
#tarification div:first-of-type ul {margin-right:10px;}
#tarification div:last-of-type ul {margin-left:10px;}
#tarification li {display:flex;justify-content:space-between;font-size:17px;line-height:20px;margin-bottom:12px;}
#tarification li:first-of-type {font-weight:bold;font-size:16px;margin-bottom:20px;}
#tarification li:first-of-type div {color:var(--bw-purple);font-family: var(--bw-fonts-title);font-size:20px !important;line-height:20px !important;font-weight:400 !important;}
#tarification li div:last-of-type {display:inline-flex;font-weight:bold;}

#tarification ul.active {border: 2px solid #5334c4;}

/* Style des radios */
#tarification ul {position:relative;padding-top:70px;}
#tarification ul::before {content:"";position:absolute;top:30px;left:30px;width:24px;height:24px;border:2px solid var(--bw-purple);border-radius:50%;box-sizing:border-box;}
#tarification ul.active::after {content:"";position:absolute;top:35px;left:35px;width:14px;height:14px;background-color:var(--bw-purple);border-radius:50%;}

#tarification #secciLink {font-size:14px;}
#seccilink {color:var(--bw-purple);}

.opening .bg-shape {position:absolute;height:1400px;z-index:998;left:50%;top:-420px;margin-left:470px;z-index:994;}


@media only screen and (max-width: 1410px) {
    .opening .bg-shape {left:auto;right:-700px;margin-left:0px;}
}

@media only screen and (max-width: 1200px) {
    #mastercard .top-img {height:38%;}
    #mastercard .top-bg {height:60%;}
    .wherever .watch {margin-left:-20px;}
}

@media only screen and (max-width: 992px) {
    #mastercard #top {padding-bottom:380px;}
    #mastercard #top .top-wrapper {max-width:100%;}
    #mastercard .top-img {height:270px;}
    #mastercard .top-bg {height:434px;}
    #mastercard .top-img, #mastercard .top-bg {bottom:190px;right:50%;}
    #mastercard .wherever .col:first-of-type {text-align:center;}
    #mastercard .wherever .watch {margin-left:0px;width:96%;max-width:470px;}
    #mastercard .wherever .bg-shape {right:0px;width:1100px;left:50%;margin-left:-550px;top:-240px;}
}

@media only screen and (max-width: 950px) {
    #mastercard .mosaic {flex-direction: column;height:auto;}
    #mastercard .mosaic .mos-col {width:100% !important;padding-left:0 !important;padding-right:0 !important;}
    #mastercard .mosaic .mos-col .mos-containt {width:100% !important;height:auto !important;max-width:600px;margin:0 auto;margin-bottom:18px !important;}
    #mastercard .mosaic .card-mos, #mastercard .mosaic .atm {position: relative;display:block;}
    #mastercard .mosaic .mos-col:last-of-type .mos-containt {padding-bottom:300px;}
    #mastercard .mosaic .gwp {width:350px;right:50%;margin-right:-200px;}
}

@media screen and (max-width: 920px) {
    #tarification > div {width:100%;}
    #tarification div:first-of-type ul {margin-right:0px;margin-bottom:10px;}
    #tarification div:last-of-type ul {margin-left:0px;}
}

@media only screen and (max-width: 490px) {
    #tarification ul {padding:70px 20px 30px 20px;}
    #tarification li {font-size:13px;}
    #tarification ul::before {left:20px;}
    #tarification ul.active::after {left:25px;}
}