.contact-info-wrapper {
background-color: #ffffff;
padding: 60px 15px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.contact-container {
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.contact-main-title {
font-size: 32px;
font-weight: 800;
margin-bottom: 10px;
color: #1a1a1a;
letter-spacing: -0.5px;
}
.contact-subtitle {
font-size: 16px;
color: #555;
margin-bottom: 40px;
line-height: 1.5;
}
.contact-card {
background: #f8f9fa;
padding: 40px 30px;
border-radius: 16px;
border: 2px solid #2b67d6;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 8px 25px rgba(43, 103, 214, 0.05);
}
.contact-icon {
font-size: 40px;
margin-bottom: 15px;
}
.contact-type-title {
font-size: 22px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 10px 0;
}
.contact-email {
font-size: 18px;
font-weight: 700;
margin: 0 0 20px 0;
}
.contact-email a {
color: #2b67d6;
text-decoration: none;
transition: opacity 0.2s ease;
}
.contact-email a:hover {
text-decoration: underline;
opacity: 0.8;
}
.contact-divider {
width: 50px;
height: 3px;
background-color: #2b67d6;
margin-bottom: 20px;
border-radius: 2px;
}
.contact-description {
font-size: 14px;
color: #666;
line-height: 1.5;
margin: 0;
}
@media screen and (max-width: 768px) {
.contact-main-title {
font-size: 26px;
}
.contact-subtitle {
font-size: 14px;
}
.contact-card {
padding: 30px 20px;
}
}
