.popup-banner{position:relative;top:0;left:50%;transform:translateX(-50%);z-index:2;width:100%;max-width:100%}
.banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:linear-gradient(to right,#4caf50,#007bb5);color:white;padding:10px 20px;font-family:sans-serif;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.banner-left{display:flex;align-items:center;flex-wrap:wrap;gap:79px;font-size:16px}
.banner-right{display:flex;align-items:center;flex-wrap:wrap;gap:79px;font-size:16px}
.highlight{color:#ffd700;font-weight:bold;margin-left:3px}
#timer{display:flex;gap:6px;flex-wrap:wrap;margin-left:-140px}
.time-box{background-color:#c7e4f2;border:2px solid #c7e4f2;color:#007abc;font-size:18px;font-weight:bold;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border-radius:12px}
.time-box small{font-size:12px;font-weight:normal;margin-top:4px}
.clockcta{background:white;color:#007abc;padding:11px 29px;border-radius:20px;text-decoration:none;font-weight:bold;margin-left:57px;white-space:nowrap;font-size:16px}
.timerticker-wrap{width:49%;display:flex;justify-content:center;align-items:center}
@media(max-width:1024px){.timerticker-wrap{width:100%;display:flex;justify-content:space-between;align-items:center}
.clockcta{padding:3px 20px}
.time-box{width:45px;height:45px}
#timer{margin-left:0;flex-wrap:nowrap}
}
@media(max-width:768px){.popup-banner{top:10px}
.banner{flex-direction:column;align-items:flex-start;padding:10px}
.banner-left{flex-direction:column;align-items:flex-start;gap:10px;font-size:12px;margin-left:0;margin-bottom:5px}
.clockcta{margin-left:120px;margin:10px 0 0 0;align-self:center;margin-top:5px}
.time-box{font-size:12px;font-weight:bold}
.time-box small{font-size:11px;font-weight:normal;margin-top:0}
.}