.vastu-why-kit{padding-top:0;padding-bottom:0;margin:0;position:relative}.vastu-why-kit__grid{display:grid;width:100%}.vastu-why-kit__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:2.5rem 1.5rem;background:#473855;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:100%;position:relative;overflow:hidden}@media (width > 48rem){.vastu-why-kit__item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f;background:#473855}.vastu-why-kit__item:hover .vastu-why-kit__icon{transform:scale(1.1);color:#fff}.vastu-why-kit__item:hover .vastu-why-kit__text{color:#fff}}.vastu-why-kit__icon{width:80px;height:80px;min-width:80px;min-height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;transition:transform .3s ease;flex-shrink:0}.vastu-why-kit__icon svg{width:100%;height:100%;fill:currentColor}.vastu-why-kit__icon img,.vastu-why-kit__icon .xo-image{width:100%;height:100%;object-fit:contain}.vastu-why-kit__text{font-size:1.8rem;font-weight:600;margin:0;line-height:1.4;color:#fff}.vastu-why-kit__carousel{display:none}@media (width <= 48rem){.vastu-why-kit{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.vastu-why-kit__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:.5rem;width:100%}.vastu-why-kit__grid>*{min-width:0;width:100%}.vastu-why-kit__grid::-webkit-scrollbar{height:4px}.vastu-why-kit__grid::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.vastu-why-kit__grid::-webkit-scrollbar-thumb{background:#4738554d;border-radius:2px}.vastu-why-kit__grid::-webkit-scrollbar-thumb:hover{background:#4738557f}.vastu-why-kit__item{padding:1.28rem .64rem;min-height:auto;min-width:0;scroll-snap-align:start}.vastu-why-kit__icon{width:41px;height:41px;min-width:41px;min-height:41px;margin-bottom:.64rem}.vastu-why-kit__text{font-size:1.03rem;line-height:1.3}}@media (width > 48rem) and (width <= 768px){.vastu-why-kit__icon{width:72px;height:72px;min-width:72px;min-height:72px}.vastu-why-kit__text{font-size:1.7rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vastu-why-kit.css.map */