
:root{
 --fa-navy:#06152d;
 --fa-navy-2:#071c3c;
 --fa-blue:#1749e6;
 --fa-blue2:#315fff;
 --fa-text:#101725;
 --fa-muted:#667085;
 --fa-line:#e7ebf2;
}
.fa-page{font-family:Arial,Helvetica,sans-serif;color:var(--fa-text)}
.fa-page h1,.fa-page h2,.fa-page h3{font-weight:800;letter-spacing:-.025em}
.fa-kicker{color:var(--fa-blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.fa-blue{color:var(--fa-blue2)}
.fa-hero{background:linear-gradient(95deg,var(--fa-navy) 0%,var(--fa-navy) 46%,var(--fa-navy-2) 100%)!important;color:#fff;padding:50px 0!important;overflow:hidden}
.fa-hero h1{font-size:62px;line-height:.98;color:#fff;margin-bottom:25px}
.fa-hero p{font-size:18px;line-height:1.55;color:#fff}
.fa-hero .et_pb_image img{max-height:555px;width:100%;object-fit:cover}
.fa-title h2{font-size:42px;line-height:1.06}
.fa-copy{font-size:17px;line-height:1.7;color:#414a5a}
.fa-dark{background:var(--fa-navy)!important;color:#fff}
.fa-bluebg{background:linear-gradient(110deg,#0b2f86,#082057)!important;color:#fff}
.fa-dark h2,.fa-dark h3,.fa-dark p,.fa-bluebg h2,.fa-bluebg h3,.fa-bluebg p{color:#fff}
.fa-service-card{background:#fff;border:1px solid var(--fa-line);padding:24px!important;height:100%}
.fa-service-card img{width:58px!important;height:58px!important;object-fit:contain}
.fa-service-card h3{font-size:18px;margin-top:8px}
.fa-service-card p{font-size:14px;line-height:1.55;color:#5d6573}
.fa-step{text-align:center}
.fa-step .fa-num{font-size:30px;font-weight:800;color:var(--fa-blue)}
.fa-step h3{font-size:14px}
.fa-step p{font-size:13px;color:#657080;line-height:1.5}
.fa-quote{font-size:30px;font-weight:800;line-height:1.2}
.fa-cta{background:linear-gradient(110deg,#0b2f86,#082057)!important;color:#fff}
.fa-cta h2,.fa-cta p{color:#fff}
.fa-contact-box{border-bottom:1px solid var(--fa-line);padding:15px 0}
.fa-footer{background:#041125!important;color:#fff}
.fa-footer h3,.fa-footer p,.fa-footer a{color:#fff}
.fa-footer p{font-size:13px;line-height:1.7}
.fa-btn .et_pb_button{background:var(--fa-blue)!important;border-color:var(--fa-blue)!important;color:#fff!important;font-weight:800!important;text-transform:uppercase;font-size:13px!important}
.fa-btn-outline .et_pb_button{background:transparent!important;border:1px solid #fff!important;color:#fff!important;font-weight:800!important;text-transform:uppercase;font-size:13px!important}
.fa-tabsafe{max-width:1180px;margin:auto}
@media(max-width:980px){
 .fa-hero h1{font-size:46px}
 .fa-title h2{font-size:34px}
}
@media(max-width:767px){
 .fa-hero h1{font-size:38px}
 .fa-hero{padding:28px 0!important}
}

/* SERVEIS – DISSENY FINAL */
.fa-services-hero{min-height:510px!important;padding:0!important;background:
linear-gradient(90deg,rgba(4,19,38,.98) 0%,rgba(4,19,38,.94) 42%,rgba(4,19,38,.58) 68%,rgba(4,19,38,.15) 100%),
url("assets/serveis-hero.jpg") center 46%/cover no-repeat!important;display:flex;align-items:center}
.fa-services-hero .et_pb_row{width:min(1180px,92%)!important}
.fa-services-hero h1{font-size:58px;line-height:.98;color:#fff;margin:12px 0 24px}
.fa-services-hero p{font-size:17px;line-height:1.55;color:#fff;max-width:430px}
.fa-hero-line{width:60px;height:2px;background:#315fff;margin:0 0 22px}
.fa-services-grid{background:#fafafa!important;padding:38px 0!important}
.fa-svc-row{width:min(1220px,94%)!important;max-width:1220px!important;padding:8px 0!important}
.fa-svc-row .et_pb_column{margin-right:1.4%!important;width:23.95%!important}
.fa-svc-row .et_pb_column:last-child{margin-right:0!important}
.fa-svc-card{background:#fff;border:1px solid #edf0f5;height:100%;overflow:hidden}
.fa-svc-card .et_pb_text_inner{height:100%}
.fa-svc-inner{display:grid;grid-template-columns:55% 45%;min-height:335px;height:100%}
.fa-svc-copy{padding:17px 12px 17px 17px}
.fa-svc-num{font-size:26px;font-weight:900;color:#1748e8;margin-bottom:12px}
.fa-svc-icon{width:38px!important;height:38px!important;object-fit:contain!important;margin:0 0 12px!important}
.fa-svc-card h3{font-size:13px;line-height:1.2;margin:0 0 12px}
.fa-svc-card p{font-size:11px;line-height:1.55;color:#454e5d;margin-bottom:16px}
.fa-svc-card a{font-size:10px;font-weight:900;color:#1748e8}
.fa-svc-photo{overflow:hidden;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.fa-svc-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.fa-method{padding:45px 0!important;background:#fff!important}
.fa-method .et_pb_row{width:min(1180px,92%)!important}
.fa-method h2{font-size:30px;line-height:1.04;margin-top:8px}
.fa-method-btn .et_pb_button{border:1px solid #1748e8!important;color:#1748e8!important;background:transparent!important;font-size:11px!important;font-weight:800!important}
.fa-method-step{text-align:center}
.fa-method-step img{width:60px!important;height:60px!important;object-fit:contain!important;margin:auto!important}
.fa-method-step .fa-num{font-size:20px;font-weight:900;color:#1748e8;margin:8px 0 4px}
.fa-method-step h3{font-size:11px;margin-bottom:8px}
.fa-method-step p{font-size:10px;line-height:1.45;color:#596474}
@media(max-width:980px){
 .fa-services-hero h1{font-size:48px}
 .fa-svc-row .et_pb_column{width:48.5%!important;margin:0 3% 18px 0!important}
 .fa-svc-row .et_pb_column:nth-child(2n){margin-right:0!important}
}
@media(max-width:767px){
 .fa-services-hero{min-height:470px!important;background-position:60% center!important}
 .fa-services-hero h1{font-size:40px}
 .fa-svc-row .et_pb_column{width:100%!important;margin:0 0 16px!important}
 .fa-svc-inner{min-height:300px}
 .fa-method-step img{width:50px!important;height:50px!important}
}
