.promotion-container{width:100%;position:relative;overflow:hidden;transition:all .5s ease-in-out;display:flex;flex-direction:column}.promotion-container:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .5s ease-in-out}.promotion-container.red-gradient:before{background:linear-gradient(180deg,#eb1c24,#c70f04)}.promotion-container.green-gradient:before{background:linear-gradient(180deg,#0ca911,#06860a)}.promotion-container.blue-gradient:before{background:linear-gradient(180deg,#1992ee,#0c64a7)}.promotion-container.cyan-gradient:before{background:linear-gradient(135deg,#399fed,#97ac37)}.promotion-container.cyan-gradient-2:before{background:linear-gradient(180deg,#0ca997,#066086)}.promotion-container .slide-content{flex:1;opacity:0;transform:translateY(20px);transition:all .5s ease-out;flex-direction:column;align-items:center}.promotion-container .slide-content,.promotion-container .status-container{width:100%;display:flex;justify-content:center;z-index:1;padding:2rem}.promotion-container.active:before{opacity:1}.promotion-container.active .slide-content{opacity:1;transform:translateY(0)}.promotion-section>div{scroll-behavior:smooth;gap:2rem}.promotion-section>div::-webkit-scrollbar{display:none}.promotion-section>div{-ms-overflow-style:none;scrollbar-width:none}.status-dot{transition:all .3s ease-in-out}.status-dot.active{transform:scale(1.2)}