.payment-wrapper{

max-width:1200px;
margin:auto;
background:#fff;
border-radius:25px;
padding:30px;
box-shadow:0 15px 40px rgba(0,0,0,.08);

}
.payment-wrapper .payment-grid ul {
    list-style: none;
}
.payment-wrapper .payment-grid{ width:100%; 

display:grid;
grid-template-columns:repeat(1,1fr);
gap:30px;

}
.payment-wrapper .payment-grid .column{ width:100%;}

.payment-wrapper .heading{

display:flex;
align-items:center;
gap:15px;
margin-bottom:20px;

}

.payment-wrapper .heading h2{

font-size:30px;
color:#16325c;
font-weight:700;

}

.payment-wrapper .heading small{

font-size:15px;
color:#777;

}

.payment-wrapper .green{
color:#14a44d;
}

.payment-wrapper .flag{
font-size:45px;
}

.payment-wrapper .notice{

border:2px dashed #ffd0d0;
padding:15px;
border-radius:12px;
margin-bottom:20px;
display:flex;
align-items:center;
gap:12px;
font-weight:600;
}

.payment-wrapper .red{
color:#e53935;
background:#fffafb;
}

.payment-wrapper .payment-card{

display:flex;
align-items:center;
padding:20px;
border:2px solid #ddd;
border-radius:15px;
margin-bottom:18px;
cursor:pointer;
transition:.3s;
position:relative;
background:#fff;

}

.payment-wrapper .payment-card:hover{

border-color:#2962ff;
transform:translateY(-4px);

}

.payment-wrapper .payment-card.active{

border-color:#2962ff;
box-shadow:0 10px 25px rgba(41,98,255,.15);

}

.payment-wrapper .payment-card input{

position:absolute;
right:20px;
width:22px;
height:22px;

}

.payment-wrapper .icon{

width:80px;
height:80px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
margin-right:20px;
font-weight:bold;

}

.payment-wrapper .bank{

background:#eef5ff;
color:#003e92;

}

.payment-wrapper .btc{

background:#fff2e5;
color:#ff8800;

}

.payment-wrapper .sepa{

background:#edf2ff;
color:#2454ff;
font-size:26px;

}

.payment-wrapper .sepa img {
    width: 80%;
}
label.payment-card.Bank-Deposit {
    height: 118px;
}

.payment-wrapper .content h3{

font-size:22px;
margin-bottom:8px;
color:#1d3557; padding:0;

}

.payment-wrapper .content p{

font-size:15px;
margin-bottom:10px;
color:#666;

}
.payment-wrapper .payment-grid ul {
    list-style: none;
    padding: 0; width:100%; display:flex; flex-flow:row wrap;
}
.payment-wrapper .payment-grid ul li{flex:0 0 48%; border:none;}
.payment-wrapper .content span{

display:inline-block;
padding:6px 12px;
background:#eaf8ea;
color:#2e7d32;
border-radius:30px;
font-size:13px;

}

.payment-wrapper .features{

display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:35px;
padding-top:25px;
border-top:1px solid #ddd;

}

.payment-wrapper .features div {
    text-align: center;
    display: flex;
    gap: 10px;
}

.payment-wrapper .features i{

font-size:40px;
color:#2962ff;
margin-bottom:15px;

}

.payment-wrapper .features h4{

font-size:18px;
color:#16325c;

}
.payment-wrapper .icon img {
    max-height: 45px;
}

.payment-wrapper .features svg{
    width:32px;
    height:32px;
    color:#2b6cb0; /* Change icon color */
    margin-bottom:10px;
    display:block;
}

.payment-wrapper .features h4{
    margin-top:8px;
}

@media(max-width:900px){

.payment-wrapper .payment-grid{

grid-template-columns:1fr;

}

.payment-wrapper .features{

grid-template-columns:repeat(2,1fr);
gap:20px;

}

}

@media(max-width:600px){

body{

padding:15px;

}

.payment-wrapper .features{

grid-template-columns:1fr;

}

.payment-wrapper .heading h2{

font-size:22px;

}

}