/* ============================================
   COMPONENTS
============================================ */

.contact-grid{

    display:grid;

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

    gap:20px;

    width:min(850px,100%);

    margin-top:50px;

}

.contact-card{

    display:flex;

    align-items:center;

    gap:18px;

    padding:22px;

    border-radius:20px;

    transition:.25s;

}

.contact-card:hover{

    transform:translateY(-4px);

}

.contact-card--primary{

    background:var(--color-primary);

}

.contact-card--secondary{

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

    backdrop-filter:blur(10px);

    background:rgba(255,255,255,.08);

}

.contact-card__icon{

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    font-size:1.3rem;

}

.contact-card__content{

    display:flex;

    flex-direction:column;

    gap:4px;

}

.contact-card__label{

    font-size:.82rem;

    opacity:.8;

}

.contact-card__action{

    font-weight:700;

}

.services{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:35px;

}

.services span{

    padding:10px 16px;

    border-radius:999px;

    background:rgba(255,255,255,.08);

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

    font-size:.82rem;

}

.operation-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:35px;

    font-weight:600;

}

.operation-badge__dot{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#36d68d;

}