/*======================================
CONTACTO
======================================*/

.contact{

    padding:120px 0;

}

/*======================================
GRID
======================================*/

.contact-grid{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:60px;

    margin-top:70px;

}

/*======================================
INFORMACIÓN
======================================*/

.contact-info h3{

    margin-bottom:20px;

    font-size:38px;

}

.contact-info p{

    margin-bottom:40px;

    color:#AAB5C7;

    line-height:1.8;

}

.contact-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:30px;

}

.contact-item i{

    font-size:28px;

    color:var(--primary);

}

.contact-item strong{

    display:block;

    margin-bottom:6px;

}

.contact-item span{

    color:#9BA8BC;

}

/*======================================
FORMULARIO
======================================*/

.contact-form{

    display:grid;

    gap:20px;

}

.contact-form input,
.contact-form textarea{

    width:100%;

    padding:18px;

    color:#fff;

    background:#10192d;

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

    border-radius:16px;

}

.contact-form textarea{

    resize:none;

}

.contact-form button{

    width:fit-content;

}