পেঁয়াজ

<style type="text/css">
#dsspHS {background: transparent;}
.mobile-img {display: none;}
.desk-img {display: block;}
#dsspHS, #dsspHS img{width:970px; max-width:100%; height:90px;position:fixed;bottom:0;z-index: 9999999; margin:0px auto; text-align:center; right:50%; transform: translateX(50%);}
@media only screen and (max-width: 767px){ #dsspHS {background: transparent} }
#closeHB {position: fixed; right: -15px; top: 0;width: 30px; height: 30px;opacity: 0.8;z-index: 99999999; background:#fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%;border-radius: 50%;}
#closeHB:hover {opacity: 1;}
#closeHB:before, #closeHB:after {position: absolute;left: 14px;content: ' ';height: 18px;width: 1px;background-color: #000;bottom: 5px;}
#closeHB:before {transform: rotate(45deg);}
#closeHB:after {transform: rotate(-45deg);}
@media only screen and (max-width: 768px){
#closeHB{width: 25px; height: 25px; top: -12px; right: 30%;}
#closeHB:before, #closeHB:after {left: 12px;height: 15px;bottom: 4px;}
#dsspHS img{width: 340px; height: 60px}
#dsspHS {height: 60px}
.desk-img {display: none;}
.mobile-img {display: block;}
}
@media only screen and (max-width: 375px){
#closeHB{width: 25px; height: 25px; top: 0; right: 0;}
#dsspHS {height: 70px}
#dsspHS img{width: 100%; height: auto;}
}
</style>
<div id="dsspHS" class="centered">
<div class="d-show tm-show">
<a href="https://www.citybankplc.com/bancassurance?utm_source=alternate&utm_mediu..."
style="display: block; height: 100px;">
<img class="desk-img" src="/sites/default/files/uploads/2025/12/05/city_bank_sticky.jpeg"/>
<img class="mobile-img" src="/sites/default/files/uploads/2025/12/05/city_bank_sticky.jpeg"/>
</a>
</div>
<a href="javascript:void(0)" id="closeHB" class="d-show tm-show"></a>
</div>
<script>
jQuery(function(){
jQuery('#closeHB').click(function() { jQuery('#dsspHS').hide("slow"); });
});
</script>