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

.contact-hero{

    max-width:700px;
    margin:80px auto 60px;
    text-align:center;

}

.contact-hero span{

    color:#c8102e;
    font-weight:700;
    letter-spacing:2px;

}

.contact-hero h1{

    font-size:52px;
    margin:18px 0;

}

.contact-hero p{

    color:#666;
    line-height:1.8;
    font-size:18px;

}

/* Cards */

.contact-container{

    max-width:1100px;
    margin:0 auto 80px;

    display:grid;
    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.contact-card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    text-align:center;

    box-shadow:0 8px 30px rgba(0,0,0,.05);

    transition:.3s;

}

.contact-card:hover{

    transform:translateY(-6px);

}

.contact-icon{

    width:70px;
    height:70px;

    margin:auto;

    border-radius:50%;

    background:#111827;

    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:28px;

    margin-bottom:20px;

}

.contact-card h3{

    margin-bottom:12px;

    font-size:24px;

}

.contact-card p{

    color:#555;

    font-size:17px;

}

.contact-card small{

    display:block;

    margin-top:8px;

    color:#777;

}

/* Mobile */

@media(max-width:768px){

    .contact-hero{

        margin:50px 20px;

    }

    .contact-hero h1{

        font-size:36px;

    }

    .contact-hero p{

        font-size:16px;

    }

    .contact-container{

        grid-template-columns:1fr;

        margin:20px;

    }

    .contact-card{

        padding:28px;

    }

}
.phone a{
    text-decoration: none;
    color:#777;
}