.elementor-16546 .elementor-element.elementor-element-4fb420c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16546 .elementor-element.elementor-element-dc0fdd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16546 .elementor-element.elementor-element-f6a28bf{--display:flex;}.elementor-16546 .elementor-element.elementor-element-89f51b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16546 .elementor-element.elementor-element-79638d7 > .elementor-widget-container{margin:-100px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-16546 .elementor-element.elementor-element-89f51b1{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-2d7e81d *//* ===========================
   HERO SMF AUTO
=========================== */

.smf-hero{

position:relative;

display:flex;

align-items:center;

min-height:760px;

background-image:url("TUO-SFONDO.jpg");

background-size:cover;

background-position:center right;

overflow:hidden;

}

.smf-overlay{

position:absolute;

inset:0;

background:linear-gradient(
90deg,
rgba(0,0,0,.88) 0%,
rgba(0,0,0,.74) 42%,
rgba(0,0,0,.30) 100%
);

}

.smf-container{

position:relative;

z-index:2;

width:100%;

max-width:1280px;

margin:auto;

padding:0 50px;

}

.smf-left{

max-width:680px;

}

.smf-badge{

display:inline-block;

padding:12px 22px;

background:#FE7232;

color:#fff;

font-family:"Clash Grotesk",sans-serif;

font-size:13px;

font-weight:600;

letter-spacing:1px;

text-transform:uppercase;

border-radius:40px;

margin-bottom:30px;

position:relative;

}

.smf-badge:after{

content:"";

position:absolute;

left:0;

bottom:-18px;

width:70px;

height:4px;

background:#FE7232;

border-radius:20px;

}

.smf-left h1{

font-family:"Clash Grotesk",sans-serif;

font-size:78px;

font-weight:700;

line-height:1;

color:#fff;

margin:35px 0 25px;

padding-left:28px;

position:relative;

}

.smf-left h1:before{

content:"";

position:absolute;

left:0;

top:6px;

width:6px;

height:88%;

background:#FE7232;

border-radius:30px;

}

.smf-left h1 span{

color:#FE7232;

}

.smf-left p{

font-family:"Clash Grotesk",sans-serif;

font-size:21px;

font-weight:400;

line-height:1.8;

color:#ECECEC;

max-width:620px;

margin-bottom:45px;

}

.smf-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.btn-primary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 34px;

background:#FE7232;

color:#fff;

font-family:"Clash Grotesk",sans-serif;

font-size:17px;

font-weight:600;

text-decoration:none;

border-radius:8px;

transition:.30s;

box-shadow:0 15px 35px rgba(254,114,50,.25);

}

.btn-primary:hover{

background:#E4662D;

transform:translateY(-3px);

box-shadow:0 20px 45px rgba(254,114,50,.40);

}

.btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 34px;

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

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

backdrop-filter:blur(10px);

color:#fff;

font-family:"Clash Grotesk",sans-serif;

font-size:17px;

font-weight:600;

text-decoration:none;

border-radius:8px;

transition:.30s;

}

.btn-secondary:hover{

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

border-color:#FE7232;

transform:translateY(-3px);

}

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

@media(max-width:991px){

.smf-hero{

min-height:650px;

background-position:75% center;

}

.smf-left h1{

font-size:58px;

}

.smf-left p{

font-size:18px;

}

}

@media(max-width:767px){

.smf-hero{

min-height:600px;

padding:70px 0;

background-position:80% center;

}

.smf-container{

padding:0 25px;

}

.smf-left{

max-width:100%;

}

.smf-left h1{

font-size:44px;

padding-left:18px;

}

.smf-left h1:before{

width:4px;

}

.smf-left p{

font-size:17px;

line-height:1.7;

}

.smf-buttons{

flex-direction:column;

}

.btn-primary,

.btn-secondary{

width:100%;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bbfdc3 *//* ===========================
TIMELINE
=========================== */

.smf-timeline{

padding:90px 40px;

background:#fff;

}

.smf-title{

text-align:center;

max-width:850px;

margin:0 auto 70px;

}

.smf-title span{

display:inline-block;

font-family:"Clash Grotesk",sans-serif;

font-size:14px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

color:var(--e-global-color-primary);

margin-bottom:14px;

}

.smf-title h2{

font-family:"Clash Grotesk",sans-serif;

font-size:52px;

font-weight:700;

color:#111;

margin-bottom:18px;

line-height:1.1;

}

.smf-title p{

font-family:"Clash Grotesk",sans-serif;

font-size:18px;

line-height:1.8;

color:#666;

margin:auto;

max-width:720px;

}

.timeline{

display:grid;

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

gap:35px;

position:relative;

margin-top:60px;

}

.timeline:before{

content:"";

position:absolute;

top:34px;

left:12%;

width:76%;

height:3px;

background:#E8E8E8;

z-index:0;

}

.step{

position:relative;

text-align:center;

z-index:2;

}

.circle{

width:68px;

height:68px;

border-radius:50%;

background:var(--e-global-color-primary);

color:#fff;

font-family:"Clash Grotesk",sans-serif;

font-size:22px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

margin-bottom:25px;

transition:.35s;

box-shadow:0 10px 25px rgba(254,114,50,.25);

}

.step:hover .circle{

transform:translateY(-6px) scale(1.05);

box-shadow:0 18px 35px rgba(254,114,50,.35);

}

.step h3{

font-family:"Clash Grotesk",sans-serif;

font-size:26px;

font-weight:700;

color:#111;

margin-bottom:15px;

}

.step p{

font-family:"Clash Grotesk",sans-serif;

font-size:16px;

line-height:1.8;

color:#666;

padding:0 10px;

}

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

@media(max-width:1024px){

.timeline{

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

row-gap:60px;

}

.timeline:before{

display:none;

}

}

@media(max-width:767px){

.smf-timeline{

padding:70px 20px;

}

.smf-title h2{

font-size:38px;

}

.smf-title p{

font-size:17px;

}

.timeline{

grid-template-columns:1fr;

gap:40px;

}

.step{

padding-bottom:30px;

border-bottom:1px solid #ECECEC;

}

.step:last-child{

border-bottom:none;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79638d7 *//* ===========================
CTA SMF AUTO
=========================== */

.smf-cta{

width:100%;

margin:100px 0;

padding:80px 40px;

background:#111111;

}

.smf-cta-container{

max-width:850px;

margin:0 auto;

text-align:center;

}

.smf-cta-label{

display:inline-block;

padding:10px 18px;

background:var(--e-global-color-primary);

color:#fff;

font-family:"Clash Grotesk",sans-serif;

font-size:13px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

border-radius:30px;

margin-bottom:22px;

}

.smf-cta h2{

font-family:"Clash Grotesk",sans-serif;

font-size:46px;

font-weight:700;

line-height:1.15;

color:#fff;

margin-bottom:20px;

}

.smf-cta p{

font-family:"Clash Grotesk",sans-serif;

font-size:17px;

line-height:1.8;

color:#D6D6D6;

margin:0 auto 35px;

max-width:700px;

}

.smf-cta-buttons{

display:flex;

justify-content:center;

gap:15px;

flex-wrap:wrap;

}

.smf-btn-primary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 32px;

background:var(--e-global-color-primary);

color:#fff;

font-family:"Clash Grotesk",sans-serif;

font-size:16px;

font-weight:600;

text-decoration:none;

border-radius:8px;

transition:.30s;

}

.smf-btn-primary:hover{

background:var(--e-global-color-primary-hover);

transform:translateY(-3px);

}

.smf-btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 32px;

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

background:transparent;

color:#fff;

font-family:"Clash Grotesk",sans-serif;

font-size:16px;

font-weight:600;

text-decoration:none;

border-radius:8px;

transition:.30s;

}

.smf-btn-secondary:hover{

border-color:var(--e-global-color-primary);

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

transform:translateY(-3px);

}

@media(max-width:767px){

.smf-cta{

padding:60px 25px;

margin:70px 0;

}

.smf-cta h2{

font-size:34px;

}

.smf-cta p{

font-size:16px;

}

.smf-cta-buttons{

flex-direction:column;

}

.smf-btn-primary,

.smf-btn-secondary{

width:100%;

}

}/* End custom CSS */