@media(max-width:992px){

.hero{

padding-top:140px;

text-align:center;

}

.hero h1{

font-size:42px;

line-height:52px;

}

.hero-stats{

justify-content:center;

gap:30px;

flex-wrap:wrap;

}

.dashboard-card{

margin-top:50px;

}

.dashboard-list{

grid-template-columns:1fr;

}

.flow-wrap{

flex-direction:column;

}

.arrow{

transform:rotate(90deg);

}

.cta-box{

padding:50px 25px;

}

.cta-box h2{

font-size:34px;

}

}

@media(max-width:768px){

.section-title h2{

font-size:32px;

}

.hero h1{

font-size:34px;

line-height:45px;

}

.btn-main,

.btn-outline1{

display:block;

margin:10px auto;

}

.payment-box{

flex-direction:column;

gap:20px;

}

.chart{

gap:6px;

}

.chart-bar{

width:18px;

}

.wallet-box h2{

font-size:28px;

}

footer{

text-align:center;

}

}