.HeroBanner{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#eee;border-radius:10px;width:100%;height:380px;margin-top:25px;position:relative;overflow:hidden}.HeroBanner-track{height:100%;transition:transform .4s;display:flex;position:relative}.HeroBanner-slide{background:#ff4c00;background-image:var(--bg-xl);background-position:50%;background-repeat:no-repeat;background-size:cover;min-width:100%;height:100%;position:relative;overflow:hidden}.HeroBanner-slide img{object-fit:contain}.HeroBanner-content{z-index:2;text-align:center;color:#fff;padding:0 20px;position:relative;top:50%;transform:translateY(-50%)}.HeroBanner-title{padding-bottom:5px;font-size:32px;font-style:italic;font-weight:700}.HeroBanner-sub{font-weight:700;font-style:Bold;text-transform:uppercase;font-size:42px}.HeroBanner-btn{text-transform:uppercase;color:#ff5a00;cursor:pointer;background:#fafafa;border:2px solid #0000;border-radius:4px;width:100%;max-width:280px;margin-top:30px;padding:11px 5px;font-size:24px;font-weight:700;transition:all .3s}.HeroBanner-btn:hover{color:#fafafa;background:0 0;border:2px solid #fafafa}.HeroBanner-pagination{justify-content:center;gap:8px;width:100%;display:flex;position:absolute;bottom:12px}.dot{cursor:pointer;background:#ddd;border-radius:50%;width:8px;height:8px}.dot.active{background:#fff}@media (max-width:1440px){.HeroBanner-slide{background-image:var(--bg-lg)}.HeroBanner-title{font-size:24px}.HeroBanner-sub{font-size:32px}.HeroBanner-btn{font-size:20px}}@media (max-width:1124px){.HeroBanner-slide{background-image:var(--bg-md)}.HeroBanner-title{font-size:20px}.HeroBanner-sub{font-size:24px}.HeroBanner-btn{max-width:200px;margin-top:20px;font-size:16px}.HeroBanner{height:290px}}@media (max-width:820px){.HeroBanner-slide{background-image:var(--bg-sm)}.HeroBanner-title{font-size:20px}.HeroBanner-sub{font-size:24px}.HeroBanner-btn{max-width:200px;font-size:16px}.HeroBanner{height:408px}}@media (max-width:440px){.HeroBanner-slide{background-image:var(--bg-xs)}.HeroBanner-content{top:40px;transform:translateY(0%)}.HeroBanner-title{font-size:16px}.HeroBanner-sub{font-size:24px}.HeroBanner-btn{max-width:200px;font-size:16px}.HeroBanner{height:508px}}