.popup-banner{position:relative;top:0;left:50%;transform:translateX(-50%);z-index:99;width:1064px;max-width:100%}
.banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;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}
.highlight{color:#ffd700;font-weight:bold;margin-left:5px}
#timer{display:flex;gap:6px;flex-wrap:wrap}
.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:20px;white-space:nowrap;font-size:16px}
@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:13px}
.clockcta{margin-left:120px;margin:10px 0 0 0;align-self:center;margin-top:5px;padding:3px 29px}
.time-box{font-size:14px;font-weight:bold;width:50px;height:50px}
.time-box small{font-size:11px;font-weight:normal;margin-top:0}
#timer{margin-left:20%}
}