.grievance-hero{

height:350px;

background:
linear-gradient(
135deg,
rgba(225,96,15,.95),
rgba(255,167,51,.85)
);

display:flex;

align-items:center;

justify-content:center;

text-align:center;

color:white;

}



.grievance-hero h1{

font-size:48px;

}



.grievance-hero p{

font-size:18px;

}





.grievance-section{

padding:80px 7%;

background:#fff8f2;

}



.grievance-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

}




.grievance-info h2,
.grievance-form h2{

font-size:35px;

color:#8A3607;

margin-bottom:25px;

}



.grievance-info p{

line-height:1.8;

color:#555;

}



.grievance-card{

background:white;

padding:20px;

margin-top:20px;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.grievance-card i{

font-size:35px;

color:#E1600F;

}



.grievance-card h3{

color:#17211F;

}




.grievance-form{

background:white;

padding:35px;

border-radius:20px;

box-shadow:0 15px 35px rgba(0,0,0,.1);

}




.grievance-form input,
.grievance-form select,
.grievance-form textarea{

width:100%;

padding:14px;

margin-bottom:15px;

border-radius:10px;

border:1px solid #ddd;

}




.grievance-form button{

background:#E1600F;

color:white;

border:none;

padding:15px 35px;

border-radius:30px;

cursor:pointer;

font-size:16px;

}



.grievance-form button:hover{

background:#8A3607;

}




.grievance-contact{

text-align:center;

padding:50px;

background:#E1600F;

color:white;

}



@media(max-width:800px){

.grievance-container{

grid-template-columns:1fr;

}

.grievance-hero h1{

font-size:35px;

}

}