body{

font-family: Arial, Helvetica, sans-serif;

text-align:center;

margin:0;

padding:20px;

}



.container{

background:#3498db;

color:white;

max-width:1200px;

margin:40px auto;

padding:40px;

border-radius:20px;

}



.orders-container{

background:#f0f0f0;

max-width:1200px;

margin:auto;

padding:30px;

border-radius:20px;

}



h2{

text-align:left;

}



.boxes{

display:flex;

gap:20px;

}



.box-data,
.box-airtime{

flex:1;

padding:30px;

border-radius:15px;

text-decoration:none;

}



.box-data{

background:aqua;

color:black;

}



.box-airtime{

background:darkorange;

color:white;

}



.products{

display:flex;

flex-wrap:wrap;

gap:20px;

justify-content:center;

}



.card{

width:220px;

padding:20px;

border-radius:15px;

box-shadow:0 2px 10px #ccc;

}



button{

background:#3498db;

color:white;

border:none;

padding:12px;

width:100%;

border-radius:10px;

cursor:pointer;

}



button:hover{

opacity:.8;

}



input{

display:block;

width:300px;

padding:12px;

margin:15px auto;

border-radius:8px;

border:1px solid #ccc;

}



.checkout-container{

max-width:500px;

margin:50px auto;

background:#f5f5f5;

padding:30px;

border-radius:20px;

}