/* ===================================================== */
/* CONTACTO SECTION */
/* ===================================================== */
.contact-section{

padding:
130px 0 40px;

}

/* ===================================================== /
/ HERO /
/ ===================================================== */

.contact-hero{

max-width:780px;

}

/* tag */

.contact-hero small{

color:#1e88ff;

letter-spacing:5px;

text-transform:uppercase;

font-size:13px;

}

/* title */

.contact-hero h1{

margin-top:18px;

font-size:58px;

line-height:1.0;

font-weight:800;

color:white;

}

/* text */

.contact-hero p{

margin-top:22px;

font-size:18px;

line-height:1.7;

color:#aab4c5;

max-width:760px;

}

/* ===================================================== /
/ ACTIONS /
/ ===================================================== */

.contact-actions{

margin-top:30px;

display:flex;

gap:18px;

flex-wrap:wrap;

}

/* ===================================================== /
/ RESPONSIVE /
/ ===================================================== */

@media(max-width:900px){

.contact-section{

    padding:
    120px 0 40px;
}

.contact-hero h1{

    font-size:42px;
}

.contact-hero p{

    font-size:17px;
}

}