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

.contacts-hero {

   
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
    text-align: center;

}

.contacts-hero h1 {

   

}

.contacts-hero p {
	position:relative;
    max-width: 900px;
    margin: 0 auto;

}


/* ==========================================================
   SEZIONI
========================================================== */

.contacts-section {
    position:relative;
    padding: 30px 0;
	scroll-margin-top: 65px;

}

.contacts-section h2 {

    text-align: center;
    margin-bottom: 20px;

}

.contacts-section .section-intro {

    max-width: 900px;
    text-align: center;
	margin: 0 auto 40px;
}


/* ==========================================================
   CARD SERVIZI
========================================================== */

.services-grid {

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;

}

.service-card {

    padding: 35px;
    background: #fff;

    border-radius: 18px;

    border: 1px solid #e7edf3;

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

    transition: .25s;
	
	display:block;

    text-decoration:none;

    color:inherit;

    cursor:pointer;
	
    transition: color .25s ease;

}

.service-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 40px rgba(0,0,0,.08);
	
	color: var(--primary-color);

}

.service-card h3 {

    margin-bottom: 18px;

}

.service-card p {

    margin: 0;

}

/* ==========================================================
   CONSULENZE
========================================================== */

.consulting-box {

    max-width: 900px;
    margin: 0 auto;

    padding: 45px;

    background: #ffffff;

    border: 1px solid #e7edf3;

    border-radius: 18px;

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

    text-align: center;

}

.consulting-box h3 {

    margin-bottom: 20px;

}

.consulting-box p {

    margin-bottom: 35px;

}

.consulting-box .btn {

    display: inline-block;

}

/* ==========================================================
   COLLABORAZIONI
========================================================== */

.collaboration-grid {

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;

}

.collaboration-card {

    padding: 35px;

    background: #fff;

    border: 1px solid #e7edf3;

    border-radius: 18px;

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

    transition: .25s;
	
	display:block;

    text-decoration:none;

    color:inherit;

    cursor:pointer;
	
    transition: color .25s ease;

}

.collaboration-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 40px rgba(0,0,0,.08);
	
	color: var(--tertiary-color);

}

.collaboration-card h3 {

    margin-bottom: 18px;

}

.collaboration-card p {

    margin: 0;

}

/* ==========================================================
   CONTATTI
========================================================== */

.contact-info{

    max-width:900px;

    margin:0 auto;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

}

.contact-item{

    background:#fff;

    border:1px solid #e7edf3;

    border-radius:18px;

    padding:35px;

    text-align:center;

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

}

.contact-item h3{

    margin-bottom:18px;

}

.contact-item a{

    font-size:1.2rem;

    font-weight:600;

    color:var(--primary-color);

    text-decoration:none;

}

.contact-item a:hover{

    text-decoration:underline;

}