.no-side-space{padding-top:40px}.tab-container-title{display:flex;justify-content:center}.tab-title{font-size:30px;font-weight:700;font-family:Poppins;color:#666;text-align:center}.tab{overflow:hidden;display:flex;justify-content:center;margin-bottom:20px}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;transition:.3s;font-size:20px;padding:0 8px;margin:0 16px}.tab button:hover{background-color:#c3aefc;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff}.tab button.active{color:#c3aefc;border-bottom:3px solid;font-weight:700;font-weight:600}.tab button.active:hover{color:#fff}.tablinks{font-family:Poppins;color:#666}.wrapper{max-width:1100px;width:100%;position:relative}.wrapper i{height:50px;width:50px;background:transparent;text-align:center;line-height:50px;border-radius:50%;cursor:pointer;position:absolute;top:45%;font-size:1.25rem;transform:translateY(-50%);border:1px solid}.wrapper i:first-child{left:-58px}.wrapper i:last-child{right:-50px}.wrapper .carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% / 3) - 12px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:0;min-height:350px}.carousel::-webkit-scrollbar{display:none}.carousel :where(.card,.carousel-images){display:flex;align-items:center;justify-content:center}.carousel.no-transition{scroll-behavior:auto}.carousel .card{scroll-snap-align:start;list-style:none;background:#fff;border-radius:8px;display:flex;cursor:pointer;width:98%;padding-bottom:15px;align-items:center;justify-content:center;flex-direction:column}.card .carousel-images{width:100%;height:100%}.card .carousel-images img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:4px solid #fff}.carousel-text{font-size:16px;padding:4px 0;color:#666}@media screen and (max-width: 900px){.wrapper .carousel{grid-auto-columns:calc(50% - 9px)}.wrapper .carousel{gap:0px}.no-side-space{padding:20px 0 0;margin:0}.tab{margin:0 8px 12px}.tab button{padding:0 4px;margin:0 8px;font-size:16px}.tablinks{min-width:100px}}@media screen and (max-width: 600px){.wrapper .carousel{grid-auto-columns:80%}}.carousel-arrow-icons{display:flex;align-items:center;justify-content:center;color:#f9b7cd}
/*# sourceMappingURL=/cdn/shop/t/264/assets/tabs-carousel.css.map */