.banner-container{position:relative;max-width:100%;width:866px;top:0;align-self:center;margin:0 auto;z-index:999;animation:slideDown .5s ease-out}
.bonus-banner{background:linear-gradient(135deg,#4caf50 0,#007abc 100%);color:white;padding:12px 50px 12px 20px;border-radius:25px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px rgba(76,175,80,0.3);position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}
.bonus-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,0.4);background:linear-gradient(135deg,#66bb6a 0,#0086d1 100%)}
.banner-content{display:flex;align-items:center}
.bonus-text{font-weight:bold;font-size:16px;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,0.1)}
.bonus-amount{font-weight:900;font-size:18px;color:#ffeb3b;margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.2)}
.bonus-description{font-weight:600;font-size:16px;margin-left:8px}
.bonus-banner .highlight-text{background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:12px;font-weight:bold;margin-left:8px}
.bonus-banner .know-more{background:linear-gradient(135deg,#fff 0,rgba(255,255,255,0.9) 100%);color:#2e7d32;border:2px solid rgba(255,255,255,0.8);padding:3px 15px;border-radius:20px;text-align:center;line-height:16px;font-weight:bold;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:underline;margin-left:35px;box-shadow:0 2px 8px rgba(0,0,0,0.15);text-shadow:none;width:150px}
.know-more:hover{background:linear-gradient(135deg,#f8f9fa 0,rgba(255,255,255,0.95) 100%);border-color:rgba(255,255,255,1);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.25);color:#1b5e20}
.close-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.2);border:0;color:white;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:15px;font-weight:bold;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.close-btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-50%) scale(1.1)}
.shine-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:shine 3s infinite}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes shine{0{left:-100%}
100%{left:100%}
}
.banner-hidden{animation:slideUp .5s ease-out forwards}
@keyframes slideUp{from{opacity:1;transform:translateY(0);max-height:60px}
to{opacity:0;transform:translateY(-20px);max-height:0}
}
@media(max-width:767px){.banner-container{width:100%;top:11px}
.bonus-banner{padding:10px 45px 10px 15px;border-radius:20px}
.banner-content{flex-direction:row}
.ourCampaigns iframe{height:auto !important}
.bonus-text,.bonus-description,.bonus-amount{font-size:10px}
.bonus-banner .know-more{padding:0;font-size:11px;background:transparent;border-radius:0;border:0;color:#fff;box-shadow:none;width:80px}
.bonus-amount sup{font-size:7px}
}
@media only screen and (max-device-width:430px) and (orientation:portrait){.bonus-banner{padding:5px;border-radius:0}
.bonus-text{width:245px;line-height:11px}
.bonus-banner .know-more{margin:0}
.close-btn{width:20px;height:20px}
.bonus-amount sup{font-size:7px}
}
@media(max-width:360px){.close-btn{right:5px;top:35%;font-size:12px;width:20px;height:20px}
.bonus-banner{padding:7px;border-radius:0}
.bonus-text{padding:0;margin:0;line-height:11px}
.bonus-banner .know-more{margin:0}
.bonus-amount sup{font-size:7px}
}
.demo-section{margin-top:40px;text-align:center;color:#666}
.demo-button{background:linear-gradient(135deg,#4caf50 0,#007abc 100%);color:white;border:0;padding:10px 20px;border-radius:20px;cursor:pointer;margin:10px;transition:all .3s ease}
.demo-button:hover{background:linear-gradient(135deg,#66bb6a 0,#0086d1 100%);transform:translateY(-2px)}
.allArticles .allArticles_text .allArticles_leftimg{position:relative;height:100%}
.play-button{display:inline-block;position:absolute;z-index:111;left:50%;cursor:pointer;top:50%;transform:translate(-50%,-50%)}
.play-button .icon-clear-play-button{height:60px;width:60px}
.play-button .icon-clear-play-button{display:block}
.modal-content{padding:0}