.hero-design-wrapper{width:100%;overflow-x:hidden}.hero-design-wrapper .hero-box{width:100%;height:auto;background:#e6e6e6;padding:60px 0;margin:0 auto;position:relative}.hero-design-wrapper .hero-content{width:90%;max-width:1200px;height:100%}.hero-design-wrapper .grid-section{width:100%;position:relative;z-index:9999;margin-top:50px;pointer-events:auto}.hero-design-wrapper .grid-container{pointer-events:auto;display:flex;justify-content:center;align-items:flex-start;gap:20px;width:95%;max-width:1164px;margin:-122px auto 0;flex-wrap:wrap}@media(max-width:645px){.hero-design-wrapper .grid-container{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-design-wrapper .grid-container::-webkit-scrollbar{display:none}.hero-design-wrapper .grid-container{padding-left:20px;padding-right:20px;width:100%;max-width:100%}}.hero-design-wrapper .grid-item{background:#dadada;flex:0 0 auto;width:115px;height:115px;aspect-ratio:1/1;position:relative;z-index:20;box-shadow:0 4px 10px rgba(0,0,0,.05)}@media(max-width:1023px){.hero-design-wrapper .grid-item{scroll-snap-align:center;width:150px;height:150px}}@media(max-width:576px){.hero-design-wrapper .grid-item{width:140px;height:140px}}@keyframes redDotPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.hero-design-wrapper .grid-item .red-dot-notification{position:absolute;top:5px;right:5px;width:15px;height:15px;background-color:#ef4444;border-radius:50%;border:1px solid #fff;z-index:50;box-shadow:0 1px 2px rgba(0,0,0,.1);animation:redDotPulse 2s ease-in-out infinite}.hero-design-wrapper .frame247{width:100%;max-width:100%;margin:34px auto 50px;display:flex;justify-content:center;gap:34px;align-items:flex-start;flex-wrap:wrap}@media(max-width:685px){.hero-design-wrapper .frame247{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;scrollbar-width:none}.hero-design-wrapper .frame247::-webkit-scrollbar{display:none}.hero-design-wrapper .frame247{padding-bottom:20px}}.hero-design-wrapper .frame245,.hero-design-wrapper .frame246{background:#dadada;flex:1 1;min-width:300px;border-radius:1rem;overflow:hidden;position:relative}@media(max-width:1023px){.hero-design-wrapper .frame245,.hero-design-wrapper .frame246{flex:0 0 auto;width:85%;max-width:400px;scroll-snap-align:center}}@media(max-width:576px){.hero-design-wrapper .frame245,.hero-design-wrapper .frame246{width:90%}}.hero-design-wrapper .rectangle238{width:100%;height:100%;background:#dadada}@media(max-width:1423px){.hero-design-wrapper .grid-item{width:115px;height:115px}}@media(max-width:992px){.hero-design-wrapper .hero-box{height:auto}.hero-design-wrapper .grid-container{margin-top:-100px}}@media(max-width:1023px){.hero-design-wrapper .grid-section{margin-top:19px}}@media(max-width:576px){.hero-design-wrapper .grid-container{margin-top:-80px;gap:15px}.hero-design-wrapper .frame247{margin-top:20px}}