.timeline{padding:30px 0;width:100%;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;justify-content:center;align-items:center;gap:17px;background:black}
.timeline .item-title{display:flex;align-items:center;justify-content:center;padding-bottom:0}
.timeline strong.item-title{font-size:25px}
#timer{color:white;text-align:center;text-transform:uppercase;font-family:'Lato',sans-serif;font-size:.7em;letter-spacing:5px;font-weight:bold}
#countdown-timer{display:flex;justify-content:center;gap:15px}
#countdown-timer div{display:flex;align-items:center;gap:5px;padding:6px 25px;border-radius:10px;background-color:white;color:black;font-size:15px;font-weight:600}
#countdown-timer div span{font-size:30px;font-weight:bold}
.timeline a{display:flex;align-items:baseline;gap:5px;padding:10px 30px;border-radius:10px;background-color:red;color:black;font-size:18px;font-weight:bold;flex-wrap:wrap;align-content:stretch;justify-content:center;color:white}
.img-grid{display:grid;grid-gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));padding:25px 40px;background-color:#c51f29}
.img-grid a{max-width:100%}
.img-grid a img{max-width:100%;border-radius:10px}
/*.mobile-wrapper #countdown-timer{display:block;}*/
.mobile-wrapper .img-grid{grid-gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 12px}
.mobile-wrapper #countdown-timer div{padding:5px 10px;font-size:11px;justify-content:center}
.mobile-wrapper #countdown-timer div span{font-size:20px;font-weight:bold}
.mobile-wrapper .timeline{position:unset;gap:12px;padding:12px 0}
.mobile-wrapper .timeline strong.item-title{font-size:20px}
.mobile-wrapper .timeline a{display:flex;align-items:baseline;gap:5px;padding:10px 20px;border-radius:10px;background-color:red;color:black;font-size:15px;font-weight:bold;flex-wrap:wrap;align-content:stretch;justify-content:center;color:white}
.bg-sale{margin-top:0;padding-bottom:12px;padding-left:12px;padding-right:12px}
.box-product-sale{background-color:#fff;border-bottom-width:1px;border-color:#d1d5db;display:grid;grid-template-columns:1fr;overflow-y:auto;position:relative;text-align:center;-ms-overflow-style:none;scrollbar-width:none;padding: 12px 12px 0 12px;border-radius: 10px;}
.box-product-sale .sale-item{display:flex;scrollbar-width:none;overflow-x:auto;list-style:none;margin:0;padding:0;/* margin-bottom: 12px; */width:max-content}
.box-product-sale .sale-item li{scrollbar-width:none;overflow-x:auto;list-style:none;margin:0;padding:0}
.box-product-sale .sale-item li:first-child{border-radius: 5px 0px 0px 5px;}
.box-product-sale .sale-item li{border-bottom-width: 2px;padding: 12px 12px 8px 12px;width: 99px;text-align:center;transition:all .3s ease-in;cursor:pointer;border-bottom: 4px solid #C9C9C9;}
.box-product-sale .sale-item li.activenow{width: 219px;font-size: 11px;}
.box-product-sale .sale-item li:hover,.box-product-sale .sale-item li.isSelected{background-color: #FFDFD4;border-bottom: 4px solid #FC521D}
.box-product-sale .sale-item li div{align-items:center;display:flex;font-size: 15px;font-weight:600;justify-content:center;line-height:24px;margin-bottom:.25rem}
.box-product-sale .sale-item li .date-now{color: #FC521D;}
.box-product-sale .sale-item li .date-now strong{background-color:#dc2626;border-radius:9999px;display:inline-block;margin-left:.375rem;margin-right:.375rem;padding:2.5px}
.box-product-sale .sale-item li #countdownTimer{display:flex;padding:0 .5rem}
.box-product-sale .sale-item li .number{background: #FC521D;border-radius:.25rem;display:inline-block;font-size: 13px;font-weight:600;height:1.25rem;line-height:20px;min-width:32px;padding-bottom:.125rem;padding-top:0;text-align:center;padding:0;width:auto;margin:0;color:white}
.box-product-sale .sale-item li .colon{color:rgb(9,13,20);font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem}
.box-product-sale .sale-item li p{margin:0;padding:0}