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

.contact-info{

    position:relative;

    margin-top:-70px;

    z-index:5;

    margin-bottom:90px;

}

.contact-info-grid{

    display:grid;

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

    gap:28px;

}

.contact-card{

    background:#fff;

    border-radius:22px;

    padding:42px 30px;

    text-align:center;

    box-shadow:0 18px 40px rgba(0,0,0,.08);

    transition:.35s;

}

.contact-card:hover{

    transform:translateY(-8px);

}

.contact-icon{

    width:72px;

    height:72px;

    margin:auto;

    margin-bottom:22px;

    border-radius:50%;

    background:#e31e24;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

}

.contact-card h3{

    color:#173d74;

    margin-bottom:18px;

    font-size:22px;

}

.contact-card p{

    color:#666;

    line-height:2;

}

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

.contact-alert{

    max-width:1200px;

    margin:40px auto;

    padding:22px 28px;

    border-radius:18px;

    display:flex;

    gap:18px;

    align-items:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.contact-alert i{

    font-size:34px;

}

.contact-alert strong{

    display:block;

    margin-bottom:6px;

    font-size:18px;

}

.contact-alert p{

    margin:0;

    line-height:1.9;

}

.contact-alert.error{

    background:#fff1f2;

    color:#b91c1c;

    border-right:6px solid #ef4444;

}