.container{max-width:1200px;margin:0 auto}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header h1{color:#333;font-size:26px;font-weight:700}.view-all{color:#007bff;font-weight:700;text-decoration:none;transition:all .3s}.view-all:hover{color:#0056b3}.loading-container{justify-content:center;gap:20px;display:flex}.skeleton-card{width:100%;max-width:300px}.coupon-card{justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.coupon-content{text-align:center;object-fit:cover;background:#fff;border-radius:8px;margin:0 10px}.coupon-image{object-fit:cover;width:100%;height:160px;position:relative}.coupon-title{color:#333;font-size:18px;font-weight:700}.coupon-expiry{color:#fff;background:#2a2247;border-radius:6px;width:max-content;margin:5px 0;padding:7px;font-size:14px;position:absolute;top:22px;right:27px}.grab-deal-btn{color:#fff;cursor:pointer;background:#2a2247;border:none;border-radius:5px;width:100%;padding:8px 15px;transition:all .3s}.grab-deal-btn:hover{background:#0056b3}.slick-slider.slick-initialized{background:#fff;border-radius:6px;padding:20px;background:0 0!important;padding:0!important}.css-1t8kkt0.Mui-selected{color:#fff;background-color:#282445}.slick-list{padding-left:0!important;padding-right:100px!important}.slider-container{align-items:center;display:flex;position:relative}.h-250{height:250px;position:relative}.h-250 iframe{pointer-events:none;border:0;width:100%;height:100%}.h-250:hover iframe{pointer-events:auto}.slider-controls{justify-content:space-between;margin-bottom:10px;display:flex;position:relative}.prev-btn,.next-btn{color:#fff;cursor:pointer;z-index:10;background:#282445;border:none;border-radius:50%;justify-content:end;align-items:center;width:35px;height:35px;padding:10px;font-size:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.prev-btn{top:80px;left:-28px}.next-btn{top:80px;right:-31px}.prev-btn:hover,.next-btn:hover{background:#555}.date-expiry{border:1px solid red}.date-expiry-n{z-index:9999;background:#fff;border:1px solid;width:100px;position:absolute;top:19px;right:0}.month{color:#fff;background:#3e3964;font-size:14px}.expiry-day{font-family:sans-serif;font-size:21px;font-weight:bolder}.coupon-card{text-align:center;background:#fff;border-radius:10px;padding:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a}.coupon-info{margin-top:10px}.coupon-title{color:#333;margin-bottom:5px;font-size:16px;font-weight:700}.date-expiry-n{color:#000;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:65px;height:80px;display:flex;position:absolute;top:2px;right:13px;box-shadow:2px 2px 8px #0003}.date-expiry-n .month{text-transform:uppercase;text-align:center;background:#2a2247;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;padding:4px 0;font-size:12px;font-weight:700}.date-expiry-n .expiry-day{font-size:24px;font-weight:700}.date-expiry-n .expiry-year{margin-top:-2px;font-size:12px}.calendar:before,.calendar:after{content:"";background:#ddd;border-radius:50%;width:15px;height:15px;position:absolute;top:10px}.calendar:before{left:20px}.calendar:after{right:20px}.calendar{text-align:center;background:#fff;border-radius:0 0 8px 8px;width:70px;position:absolute;top:0;left:10px;overflow:hidden;box-shadow:0 6px 15px #0003}.calendar .header{color:#fff;text-transform:uppercase;background:#2a2247;justify-content:center;padding:5px;font-size:11px;font-weight:700}.calendar .body{background:#fff;padding:0 10px}.calendar .date{color:#2a2247;margin-top:5px;margin-bottom:3px;font-size:14px;font-weight:700;line-height:1}.calendar .year{color:#2a2247;margin-top:3px;font-size:14px}.calendar:after{content:"";background-color:#df3e5d;border:1px solid #fff;border-radius:10px;width:10px;height:50px;display:block;position:absolute;top:-35px;left:50px}@media only screen and (max-width:480px){.prev-btn{top:85px;left:0}.next-btn{top:85px;right:-4px}}.coupon-section .slick-slide{height:150px;padding:0 10px;overflow:hidden}.coupon-section .slick-list{margin:0 -10px}.coupon-section .slick-slide div div{object-fit:cover;height:150px;overflow:hidden}