/* ==========================================
   CONTACT
   ========================================== */


.contact-page {

    max-width:1000px;

    margin:auto;

}



.contact-header {

    margin-bottom:3rem;

}



.contact-header h1 {

    font-size:2.8rem;

    font-weight:700;

}



.contact-header p {

    color:var(--text-muted);

}





.contact-grid {


    display:grid;

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


    gap:2rem;


}






.contact-card {


    background:
            rgba(30,41,59,.75);


    border:
            1px solid rgba(255,255,255,.08);


    border-radius:22px;


    padding:2.5rem;


    text-align:center;


    transition:.25s;


}





.contact-card:hover {


    transform:translateY(-6px);


    border-color:
            rgba(59,130,246,.4);


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


}





.contact-icon {


    font-size:3rem;


    color:var(--primary);


    margin-bottom:1rem;


}




.contact-card h3 {


    margin-bottom:1rem;


}





.contact-card a {


    color:var(--text-secondary);


    text-decoration:none;


    transition:.25s;


}



.contact-card a:hover {


    color:var(--primary-hover);


}