.container-item{--v-offset:60px;--curve-height:120px;width:100vw;position:relative;overflow:hidden}.container-item:before,.container-item:after{content:"";width:calc(100vw + 2 * var(--v-offset));height:var(--curve-height);left:calc(-1 * var(--v-offset));right:calc(-1 * var(--v-offset));background:#f5f0fa;border-radius:50%;display:block;position:absolute}.container-item:before{top:calc(-.6 * var(--curve-height));z-index:1}.container-item:after{bottom:calc(-.6 * var(--curve-height))}.wrapper{grid-gap:10px;scroll-snap-type:x mandatory;grid-auto-flow:column;max-height:400px;display:grid;overflow:hidden;transform:translate(0%)translateZ(0)!important}.item{scroll-snap-align:center}@media screen and (max-width:1023px){.wrapper{max-height:280px}}@media screen and (min-width:1024px){.wrapper{max-height:350px}}@media screen and (min-width:1200px){.wrapper{max-height:450px}}@media screen and (min-width:1500px){.wrapper{max-height:620px}}@media screen and (min-width:2000px){.wrapper{max-height:750px}}
@media screen and (max-width:767px){.container-item{--v-offset:30px;--curve-height:60px;width:100vw;position:relative;overflow:hidden}.container-item:before,.container-item:after{content:"";width:calc(100vw + 2 * var(--v-offset));height:var(--curve-height);left:calc(-1 * var(--v-offset));right:calc(-1 * var(--v-offset));background:#f5f0fa;border-radius:50%;display:block;position:absolute}.container-item:before{top:calc(-.6 * var(--curve-height));z-index:1}.container-item:after{bottom:calc(-.6 * var(--curve-height))}.wrapper{grid-gap:6px;scroll-snap-type:x mandatory;grid-auto-flow:column;display:grid;overflow:auto hidden;transform:translate(0%)translateZ(0)!important}.item{scroll-snap-align:center}}@media screen and (max-width:360px){.container-item{--v-offset:25px;--curve-height:50px}}