.hero-contact{
background:linear-gradient(135deg,#1f3c5b,#3d6fa3);
color:white;
text-align:center;
padding:90px 20px;
}

.hero-contact h1{
font-size:46px;
margin-bottom:15px;
}

.hero-contact p{
max-width:800px;
margin:auto;
font-size:18px;
}


.contact-grid{

max-width:1000px;
margin:80px auto;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:40px;
padding:20px;

}


.contact-card{

background:white;
text-align:center;

padding:40px 25px;

border-radius:12px;

text-decoration:none;
color:#1f3c5b;

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

transition:all .35s ease;

}


.contact-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 50px rgba(0,0,0,0.18);

}


.contact-card .icon{

font-size:48px;
margin-bottom:20px;

}


.contact-card.email .icon{
color:#2e7d32;
}

.contact-card.linkedin .icon{
color:#0a66c2;
}

.contact-card.whatsapp .icon{
color:#25D366;
}


.contact-card h3{

font-size:22px;
margin-bottom:10px;

}


.contact-card p{

font-size:16px;
color:#555;

}


@media (max-width:768px){

.hero-contact h1{
font-size:34px;
}

}