/* ==========================================================
   INFO PRO 13 — CONTEXTE CONTACT
========================================================== */

.ip13-contact-context {
    display:grid;

    grid-template-columns:42px 1fr;

    gap:14px;

    margin:0 0 20px;
    padding:17px 18px;

    border:1px solid rgba(102,137,255,.28);
    border-radius:11px;

    background:radial-gradient(
            circle at 0 0,
            rgba(102,137,255,.11),
            transparent 45%
        ),
        rgba(255, 255, 255,.94);

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

.ip13-contact-context__icon {
    display:grid;

    width:38px;
    height:38px;

    place-items:center;

    border:1px solid rgba(102,137,255,.50);
    border-radius:9px;

    background:rgba(102,137,255,.10);

    color:#2f5fff;

    font-size:.85rem;
    font-weight:950;
}

.ip13-contact-context__small {
    display:block;

    margin:0 0 4px;

    color:#8d8798;

    font-size:.60rem;
    font-weight:900;

    letter-spacing:.10em;
    text-transform:uppercase;
}

.ip13-contact-context strong {
    display:block;

    color:#151515;

    font-size:.88rem;
    line-height:1.4;
}

.ip13-contact-context p {
    margin:5px 0 0;

    color:#817c8c;

    font-size:.68rem;
    line-height:1.55;
}

@media(max-width:600px) {

    .ip13-contact-context {
        grid-template-columns:35px 1fr;

        gap:11px;

        padding:15px;
    }

    .ip13-contact-context__icon {
        width:33px;
        height:33px;
    }

}