<style>

.hero{
background:url('assets/img/banner-itb.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
height:520px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:white;
text-align:center;
}

.hero-overlay{
background:rgba(0,0,0,0.5);
width:100%;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.counter{
font-size:40px;
font-weight:bold;
color:#0d6efd;
}

.timeline li{
background:#f8f9fa;
margin:10px 0;
padding:15px;
border-left:5px solid #0d6efd;
font-size:18px;
}

.wa-float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background:#25d366;
color:#fff;
border-radius:50px;
text-align:center;
font-size:30px;
line-height:60px;
box-shadow:2px 2px 5px #999;
z-index:100;
text-decoration:none;
}

</style>