.deal-banner .banner-bg{background-repeat:no-repeat;background-position:center;background-size:cover}.deal-banner .deal-banner-main{background-color:var(--background-color);border-radius:var(--sti-border-radius)}.deal-banner .deal-banner-main .deal-banner-area{display:flex;flex-wrap:wrap;border-radius:10px;overflow:hidden}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap,.deal-banner .deal-banner-main .deal-banner-area .banner-wrap{width:50%}@media(max-width:991px){.deal-banner .deal-banner-main .deal-banner-area .deal-wrap,.deal-banner .deal-banner-main .deal-banner-area .banner-wrap{width:100%}}.deal-banner .deal-banner-main .deal-banner-area .banner-wrap{position:relative}.deal-banner .deal-banner-main .deal-banner-area .banner-wrap span.banner{height:100%}.deal-banner .deal-banner-main .deal-banner-area .banner-wrap span.banner:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;opacity:1;visibility:visible;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);z-index:1;pointer-events:none;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.deal-banner .deal-banner-main .deal-banner-area .banner-wrap span.banner img{position:relative;height:100%;object-fit:cover}.deal-banner .deal-banner-main .deal-banner-area .video-block{position:absolute;left:0;right:0;bottom:50%;transform:translateY(50%);text-align:center;z-index:2}.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon{position:relative;background-color:#fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:100%}.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon:before{-webkit-animation:hovereffect 2s linear infinite;-moz-animation:hovereffect 2s linear infinite;animation:hovereffect 2s linear infinite}.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon:after{-webkit-animation:hovereffect 4s linear infinite;-moz-animation:hovereffect 4s linear infinite;animation:hovereffect 4s linear infinite}.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon:before,.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon:after{background-color:#fff;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%}@keyframes hovereffect{0%{opacity:.5}40%{opacity:.7}to{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);transform:scale(2.2)}}.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon i{color:var(--font-color-primary);font-size:20px;z-index:2;line-height:1;display:flex}.deal-banner .deal-banner-main .deal-banner-area .banner-wrap .banner-text{position:absolute;left:50px;right:50px;bottom:50px;text-align:center;z-index:2}.deal-banner .deal-banner-main .deal-banner-area .banner-wrap .banner-text h2.title{font-size:40px;font-weight:600;margin:0;text-transform:none;line-height:1}@media(max-width:1199px){.deal-banner .deal-banner-main .deal-banner-area .banner-wrap .banner-text{left:30px;right:30px;bottom:30px}.deal-banner .deal-banner-main .deal-banner-area .banner-wrap .banner-text h2.title{font-size:30px}.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon{width:50px;height:50px}}@media(max-width:479px){.deal-banner .deal-banner-main .deal-banner-area .banner-wrap .banner-text{left:12px;right:12px}.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon{font-size:18px}.deal-banner .deal-banner-main .deal-banner-area .banner-wrap .banner-text h2.title{font-size:24px}.deal-banner .deal-banner-main .deal-banner-area .video-block a.play-button span.video-btn span.icon{width:40px;height:40px}}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap{padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content{width:75%}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .section-capture{margin-bottom:10px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .section-capture .subtitle{font-size:18px;font-weight:var(--font-custom-weight-header);margin-bottom:12px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-desc p.desc{margin:0}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer{margin-top:22px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer{display:flex;align-items:center;justify-content:center;gap:30px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100px;width:100px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item .timer-block{padding-bottom:100%}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item .timer-block .timer-info{display:flex;flex-direction:column;justify-content:center;text-align:center;position:absolute;top:0;inset-inline-end:0px;bottom:0;inset-inline-start:0px;padding:10px;border:1px solid var(--font-color-primary);border-radius:100%}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item .timer-block .timer-info span.banner-countdown-timer{color:var(--font-color-header);font-size:32px;font-weight:600;line-height:1}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item .timer-block .timer-info span.banner-countdown-title{color:var(--font-color-body);line-height:1;padding-top:8px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content a.deal-btn{margin-top:50px}@media(max-width:1499px){.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content{width:100%}}@media(max-width:1199px){.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .section-capture{margin-bottom:8px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .section-capture .subtitle{margin-bottom:10px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap{padding:50px 30px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer{margin-top:17px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer{gap:20px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item{height:80px;width:80px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item .timer-block .timer-info span.banner-countdown-timer{font-size:24px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item .timer-block .timer-info span.banner-countdown-title{padding-top:7px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content a.deal-btn{margin-top:40px}}@media(max-width:479px){.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .section-capture{margin-bottom:7px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .section-capture .subtitle{font-size:var(--font-size-body)}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap{padding:30px 12px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer{margin-top:14px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer{gap:12px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item{height:60px;width:60px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item .timer-block .timer-info span.banner-countdown-timer{font-size:18px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content .deal-timer .content-timer .timer-item .timer-block .timer-info span.banner-countdown-title{font-size:14px;padding-top:5px}.deal-banner .deal-banner-main .deal-banner-area .deal-wrap .deal-content a.deal-btn{margin-top:30px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/banner-deal.css.map */