@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Montserrat:wght@600;700&display=swap";
.heroCarouselSwiper{width:98vw;height:450px}.recommendedProductsSwiper{width:100%;height:250px}.homepageSwiper{width:100%;height:250px;--swiper-theme-color:#ed3523!important}.swiper{width:100%;height:100%}.homepageSwiper>.swiper-slide-active,.homepageSwiper>.swiper-slide-next,.homepageSwiper>.swiper-slide-previous{max-height:250px}.placeholder{height:100%}.homepageSliderLogos{-o-object-fit:contain;object-fit:contain;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;max-height:250px;margin:auto;padding:10px;display:flex;border:2px solid var(--Grey-3,#c4c4c4)!important;background:var(--White,#fff)!important}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blob{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20px,-20px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(20px,20px)scale(1.05)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-gradient-shift{animation:15s infinite gradientShift}.animate-blob{animation:20s ease-in-out infinite blob}.animate-fade-in{animation:1s ease-out forwards fade-in}