/*
Theme Name: GeneratePress Child - PincodeArea
Theme URI: https://generatepress.com
Description: GeneratePress child theme with ready Pincode homepage
Author: Custom
Template: generatepress
Version: 1.0
*/

body{
background:#f5f9f4;
font-family:Arial, sans-serif;
}

.pincode-wrapper{
max-width:1200px;
margin:auto;
padding:30px;
display:flex;
gap:40px;
}

.pincode-left{
flex:1;
background:#ffffff;
padding:25px;
border:1px solid #ddd;
}

.pincode-right{
flex:1;
background:#ffffff;
padding:25px;
border:1px solid #ddd;
}

.pincode-search input{
padding:12px;
width:70%;
border:1px solid #ccc;
}

.pincode-search button{
padding:12px 20px;
background:#1b5e20;
color:white;
border:none;
cursor:pointer;
}

.pincode-right ul{
padding-left:20px;
}

.pincode-right li{
margin-bottom:6px;
}
.home-container{

max-width:1200px;
margin:auto;
padding:30px;

}

.state-grid{

display:grid;
grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
gap:15px;

}

.state-card{

display:block;
padding:15px;
background:#f5f5f5;
border-radius:8px;
text-align:center;
font-weight:600;
text-decoration:none;

}

.state-card:hover{

background:#e8f5e9;

}

.pincode-dropdown{

margin:30px 0;
display:flex;
gap:10px;
flex-wrap:wrap;

}

.pincode-dropdown select{

padding:10px;
font-size:16px;

}