.timer-banner-item{height:100%;width:100%;position:relative;transition:width 0.3s ease-in-out;border-radius:8px;overflow:hidden;cursor:pointer}.timer-banner-item .gradient{width:100%;height:100%;position:absolute;background:linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 100%)}.timer-banner-item .link{width:100%;height:100%;position:absolute;z-index:2;display:none;color:transparent}.timer-banner-item.active{max-width:unset;width:100% !important}.timer-banner-item.active .gradient{background:linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)),linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 100%)}.timer-banner-item .single-chart{position:absolute;justify-content:space-around}.timer-banner-item .single-chart .circular-chart{display:block;margin-top:24px;margin-left:32px;width:45px;height:45px}.timer-banner-item .single-chart .circular-chart .circle-bg{fill:rgba(0,0,0,0.4) !important;stroke:#eee;stroke-width:0}.timer-banner-item .single-chart .circular-chart .circle{fill:transparent;stroke-width:2;stroke-linecap:round;stroke:#FFFFFF}.timer-banner-item .single-chart .percentage{width:17px;display:flex;justify-content:center;position:absolute;bottom:12px;right:14px;margin-bottom:0;color:#FFFFFF}@keyframes progress{0%{stroke-dasharray:0 100}}.timer-banner-item.swiper-slide-active .content-container,.timer-banner-item.active .content-container{padding-left:32px;padding-right:10%}.timer-banner-item.swiper-slide-active .content-container .title-normal,.timer-banner-item.swiper-slide-active .content-container .description,.timer-banner-item.active .content-container .title-normal,.timer-banner-item.active .content-container .description{display:flex;opacity:0;animation:fadeIn 0.5s ease-in-out forwards}@keyframes fadeIn{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}.timer-banner-item.swiper-slide-active .content-container .title-small,.timer-banner-item.active .content-container .title-small{display:none}.timer-banner-item.swiper-slide-active .link,.timer-banner-item.active .link{display:block}.timer-banner-item img,.timer-banner-item picture,.timer-banner-item figure{width:100%;height:100%;transition:width 0.3s ease-in-out}.timer-banner-item img{object-fit:cover}.timer-banner-item .content-container{position:absolute;bottom:24px;width:90%;z-index:1}.timer-banner-item .content-container .title-normal,.timer-banner-item .content-container .title-small,.timer-banner-item .content-container .description{color:#FFFFFF}.timer-banner-item .content-container .title-normal,.timer-banner-item .content-container .description{display:none}.timer-banner-item .content-container .title-small{display:flex;justify-content:center;margin-bottom:0;padding:0px 24px;text-align:center}.timer-banner-item .content-container p{margin-bottom:0}.timer-banner-item .icon-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#33820D;border-radius:50%;position:absolute;right:32px;bottom:51px}.timer-banner-item:not(.active):not(.swiper-slide-active) .icon-arrow{display:none}@media (max-width: 1024px){.timer-banner-item .gradient{display:none}.timer-banner-item .single-chart .circular-chart{margin-left:24px}.timer-banner-item .content-container{padding-right:24px !important;padding-left:24px !important}.timer-banner-item .content-container .title-small{padding:0}.timer-banner-item.swiper-slide-active .gradient{display:block;background:linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)),linear-gradient(180deg, rgba(0,0,0,0) 36.11%, rgba(0,0,0,0.9) 100%)}.timer-banner-item.swiper-slide-next .content-container .title-small{justify-content:flex-start}.timer-banner-item.swiper-slide-prev .content-container .title-small{justify-content:flex-end}.timer-banner-item .icon-arrow{right:24px;top:28px}}

/*# sourceMappingURL=timer_banner_item.css.map */