/* contact.css */
color: #fff;
padding: 20px 10%;
text-align: center;
}


.container {
max-width: 1100px;
margin: 40px auto;
padding: 0 20px;
}


.contact-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
background: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}


h2 { margin-bottom: 15px; color: #0b5ed7; }


.contact-info p { margin-bottom: 10px; line-height: 1.6; }


form input, form textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}


form button {
background: #0b5ed7;
color: #fff;
border: none;
padding: 12px 25px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}


form button:hover { background: #084298; }


footer {
text-align: center;
padding: 20px;
background: #222;
color: #aaa;
margin-top: 40px;
}


@media (max-width: 768px) {
.contact-wrapper { grid-template-columns: 1fr; }
}