.grow-section {
margin-left: -30px !important;
margin-right: -30px !important;
border-radius: 0 !important;
}
@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800;900&display=swap’);
.grow-section {
font-family: ‘Poppins’, sans-serif;
text-align: center;
padding: 60px 20px;
background: linear-gradient(135deg, #fff8f0 0%, #ffffff 100%);
border-radius: 24px;
margin: 30px 0;
position: relative;
overflow: hidden;
}
.grow-section::before {
content: ”;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,122,0,0.05) 0%, transparent 60%);
animation: rotateBg 8s linear infinite;
}
@keyframes rotateBg {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.grow-section .tag {
display: inline-block;
background: linear-gradient(135deg, #ff7a00, #ffb347);
color: white;
font-size: 12px;
font-weight: 700;
padding: 6px 18px;
border-radius: 50px;
margin-bottom: 20px;
letter-spacing: 1px;
text-transform: uppercase;
animation: fadeInDown 0.6s ease;
}
@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
.grow-section h2 {
font-size: 36px;
font-weight: 900;
color: #1a1a1a;
margin: 0 0 12px;
line-height: 1.2;
animation: fadeInUp 0.6s ease 0.1s both;
}
.grow-section h2 span {
background: linear-gradient(135deg, #ff7a00, #ffb347);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.grow-section p {
font-size: 15px;
color: #888;
margin-bottom: 36px;
animation: fadeInUp 0.6s ease 0.2s both;
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.grow-btn {
display: inline-block;
padding: 20px 56px;
background: linear-gradient(135deg, #ff7a00, #ffb347);
color: white !important;
font-size: 20px;
font-weight: 800;
border-radius: 60px;
text-decoration: none !important;
box-shadow: 0 15px 40px rgba(255,122,0,0.4);
position: relative;
overflow: hidden;
animation: fadeInUp 0.6s ease 0.3s both;
transition: all 0.3s ease;
}
.grow-btn::before {
content: ”;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
animation: shimmer 2.5s infinite;
}
@keyframes shimmer {
0% { left: -100%; }
100% { left: 100%; }
}
.grow-btn:hover {
transform: translateY(-4px) scale(1.04);
box-shadow: 0 25px 60px rgba(255,122,0,0.55);
color: white !important;
}
.grow-btn .btn-icon {
display: inline-block;
animation: rocketShake 1s infinite;
}
@keyframes rocketShake {
0%, 100% { transform: translateY(0) rotate(0deg); }
25% { transform: translateY(-4px) rotate(-5deg); }
75% { transform: translateY(2px) rotate(5deg); }
}
.grow-stats {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 36px;
flex-wrap: wrap;
animation: fadeInUp 0.6s ease 0.4s both;
}
.grow-stat {
text-align: center;
}
.grow-stat .num {
font-size: 28px;
font-weight: 900;
color: #ff7a00;
display: block;
}
.grow-stat .label {
font-size: 12px;
color: #aaa;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.plans-from {
margin-top: 16px;
font-size: 13px;
color: #bbb;
animation: fadeInUp 0.6s ease 0.5s both;
}
.plans-from strong {
color: #ff7a00;
}
⚡ Next Step
Ready to Grow Your
Business in Ballari?
Your details are saved! Now pick a plan and get discovered by thousands of customers.
🚀 Choose Your Plan Now
500+
Businesses Listed
10K+
Monthly Visitors
₹0
To Get Started
Plans from ₹0 FREE to ₹599 BOB Verified
