/* *{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, sans-serif;
}

body{
background:#f4f6fb;
padding:20px;
} */

/* .container{
max-width:1000px;
margin:auto;
background:#fff;
padding:30px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
} */
.title-underline{
/* font-size:22px; */
font-weight:600;
margin-bottom:25px;
padding-bottom:6px;
border-bottom:1px solid;
border-image: linear-gradient(to right,#0d6efd,#00c6ff) 1;
display:inline-block;
}
.title{
/* font-size:22px; */
font-weight:600;
/* margin-bottom:25px; */
border-left:4px solid #0d6efd;
padding-left:10px;
}

.payment-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:0px;
}

.payment-card{
border:1px solid #e5e5e5;
border-radius:10px;
height:110px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
cursor:pointer;
transition:all .3s;
background:#fff;
padding:10px;
}

.payment-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
border-color:#0d6efd;
}

.payment-card img{
max-width:120px;
max-height:40px;
object-fit:contain;
margin-bottom:5px;
}

.payment-card p{
font-size:13px;
color:#555;
}

/* Mobile */

@media(max-width:600px){

.container{
padding:20px;
}

.title{
font-size:18px;
}

.payment-card{
height:90px;
}

.payment-card img{
max-width:90px;
}

}