.tapper{background:#f1f7fa;overflow:hidden}.tapper>div{padding:clamp(4.8rem,4.8rem + 90*(100vw - 375px)/1545,13.8rem) 0 clamp(5.6rem,5.6rem + 35*(100vw - 375px)/1545,9.1rem)}.tapper .wrapper{display:flex;flex-flow:column;gap:2.4rem;margin-top:2.4rem}@media only screen and (min-width:640px){.tapper .wrapper{max-width:36rem}}@media only screen and (min-width:960px){.tapper .wrapper{align-items:center;flex-flow:row;gap:10%;justify-content:center;margin-top:5.8rem;max-width:42rem}}.tapper .heading{font-size:clamp(2.8rem,2.8rem + 20*(100vw - 375px)/1545,4.8rem);font-weight:400;text-align:center}.tapper .item{background:#dff0f7;border-radius:4.7rem;color:#535862;font-size:2.1rem;font-weight:500;margin:0;padding:1.6rem 3.2rem;text-align:center;width:100%}@media only screen and (min-width:640px){.tapper .item{font-size:1.6rem}}@media only screen and (min-width:960px){.tapper .item{position:absolute;text-align:left;width:-moz-fit-content;width:fit-content}}@media only screen and (min-width:1440px){.tapper .item{font-size:clamp(1.6rem,1.6rem + 14*(100vw - 375px)/1545,3rem)}}.tapper .image{margin:0 auto;max-width:33rem}@media only screen and (min-width:960px){.tapper .image{margin:0}}.tapper .image img{aspect-ratio:330/434;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right}.tapper .ping{--circle-color:#dff0f7;height:31.4rem;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);width:31.4rem;z-index:-1}.tapper .ping>svg{height:100vw;left:50%;margin:auto;max-height:100vw;max-width:100vw;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.tapper .buttons{margin-top:clamp(2.4rem,2.4rem + 48*(100vw - 375px)/1545,7.2rem)}@media only screen and (min-width:960px){.frontend .tapper .item{opacity:0;transition:all 2s ease;will-change:transform}.frontend .tapper .item:first-of-type{left:0}.frontend .tapper .item:nth-of-type(2){right:0}.frontend .tapper .item:nth-of-type(3){left:0}.frontend .tapper .item:nth-of-type(4){right:0}.frontend .tapper .item:nth-of-type(5){left:0}.frontend .tapper .item:nth-of-type(6){right:0}.frontend .tapper.js-visible .item{opacity:1;transform:translateX(0)}.frontend .tapper.js-visible .item:first-of-type{transform:translate(-100%,-12rem);transition-delay:.25s}.frontend .tapper.js-visible .item:nth-of-type(2){transform:translate(100%,-12rem);transition-delay:.5s}.frontend .tapper.js-visible .item:nth-of-type(3){transform:translate(-100%);transition-delay:.75s}}@media only screen and (min-width:1600px){.frontend .tapper.js-visible .item:nth-of-type(3){transform:translate(-140%);transition-delay:.75s}}@media only screen and (min-width:960px){.frontend .tapper.js-visible .item:nth-of-type(4){transform:translate(100%);transition-delay:1s}}@media only screen and (min-width:1600px){.frontend .tapper.js-visible .item:nth-of-type(4){transform:translate(140%);transition-delay:1s}}@media only screen and (min-width:960px){.frontend .tapper.js-visible .item:nth-of-type(5){transform:translate(-100%,12rem);transition-delay:1.25s}.frontend .tapper.js-visible .item:nth-of-type(6){transform:translate(100%,12rem);transition-delay:1.5s}}