<div class="no-scroll-banner__container">
<div class="no-scroll-banner">
<span class="underline-animate">ENJOY A MOVE IN BONUS OF UP TO $100K^</span>
</div>
</div>
<style>
.no-scroll-banner__container {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.no-scroll-banner {
font-size: 24px;
font-weight: bold;
display: inline-block;
margin: 0 auto;
text-align: center;
color: #000;
position: relative;
}
.underline-animate {
position: relative;
display: inline-block;
}
.underline-animate::after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background-color: #000;
transform: scaleX(0);
transform-origin: left;
opacity: 0;
animation: underline-grow 6s infinite;
}
@keyframes underline-grow {
0% { transform: scaleX(0); opacity: 0; }
10% { opacity: 1; }
60% { transform: scaleX(1); opacity: 1; }
85% { transform: scaleX(1); opacity: 1; }
100% { transform: scaleX(1); opacity: 0; }
}
@media (max-width: 768px) {
div.fpl-root .fpl-grid {
grid-template-columns: 1fr;
}
}
.py-10 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.px-4 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.max-w-7xl {
max-width: none;
}
.mt-10 {
margin-top: 0 !important;
}
</style> Upgrading to NINE by Mirvac