.contact-container {
max-width: 500px;
margin: auto;
background: white;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.contact-container h2 {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.contact-item {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.contact-item i {
font-size: 1.5em;
color: #007bff;
margin-right: 15px;
width: 30px;
text-align: center;
}
.contact-item a {
color: #333;
text-decoration: none;
word-break: break-all;
}
.contact-item a:hover {
text-decoration: underline;
}
