.home-hero-banner{display:flex;align-items:center;justify-content:center;position:relative;background-color:#000;background-size:cover;background-repeat:no-repeat;margin-top:-240px;padding-top:260px;padding-bottom:50px}.home-hero-banner .banner-items-content{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -10px}.home-hero-banner .banner-items-content-inner{padding:0 10px;width:33.3333%;text-align:center}.home-hero-banner .banner-items-content-inner img{display:block;margin:0 auto 15px}.home-hero-banner .hero-content{margin-bottom:50px}.home-hero-banner .hero-content h1{color:#fff;font-weight:500;text-align:center;font-size:36px;line-height:42px;margin-bottom:8px}.home-hero-banner .hero-content p{color:#fff;text-align:center;font-size:20px;margin-bottom:0}.rainbow-btn.hdt-btn{position:relative;text-decoration:none;box-sizing:border-box;z-index:2;overflow:hidden;height:50px}.rainbow-btn:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(115deg,#4fcf70,#df8612,#a767e5,#12bcfe,#44ce7b);background-size:50% 100%;animation:rainbow-btn 2s linear infinite}.rainbow-btn.hdt-btn{animation:bgColorChange 6s linear infinite}.rainbow-btn.hdt-btn span{position:relative;z-index:1}@keyframes rainbow-btn{to{transform:translate(-50%)}}@keyframes bgColorChange{0%{background-color:#000}25%{background-color:#df8612}50%{background-color:#edbc3a,}75%{background-color:#df8612}to{background-color:#edbc3a}}@media screen and (min-width: 768px){.home-hero-banner{min-height:calc(100vh + 150px)}.banner-items-content-inner{min-width:auto}.banner-dots{display:none}.home-hero-banner .banner-items-content-inner{width:33.3333%!important}}@media screen and (max-width: 767px){.banner-items-content-inner{display:none}.banner-items-content-inner.active{display:block}.banner-items-content{display:flex;overflow:hidden;position:relative;width:100%}.banner-items-content-inner{min-width:100%;transition:transform .5s ease}.banner-dots{text-align:center;margin-top:10px}.banner-dots span{display:inline-block;width:10px;height:10px;background:#fff;border-radius:50%;margin:0 5px;cursor:pointer}.banner-dots span.active{background:#df8612}}@media (max-width:767px){.home-hero-banner .hero-content h1{font-size:26px;line-height:30px}.home-hero-banner .banner-items-content-inner{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/54/compiled_assets/styles.css.map */