/* .service-items */
.service-items { background: #fafafa; margin-bottom: 0; padding: 6.5rem 0;}

.service-items p ,
.service-items p strong { font-size: 1.1rem; line-height: 1.6rem;}
.service-items p:last-child { margin-bottom: 0;}

.service-items .col-left { width: 35%; max-width: 450px;}
.service-items .col-left h2 ,
.service-items .col-left p { width: 75%; margin-bottom: 1rem; padding-left: 3rem;}
.service-items .col-left > img { width: 100%; margin-top: 3rem;}

.service-items .col-right { width: 60%; max-width: 700px;}
.service-items article { margin-bottom: 4rem;}
.service-items article:last-child { margin-bottom: 0;}
.service-items article .image-content { width: 90px;}
.service-items article .text-content { width: calc(100% - 90px - 1rem); margin-top: 2.5rem;}
.service-items article .text-content h3 { display: inline-block; font-size: 2.25rem; line-height: 2.5rem; text-transform: none; margin-bottom: .5rem;}


@media (min-width: 1024px){
    .service-items { background: linear-gradient(-90deg, rgba(255,255,255,1) 65%, rgba(250,250,250,1) 65%);}
}
@media (max-width: 1023px){
    .service-items > .flex { flex-direction: column;}
    .service-items article { background: #fff; padding: 2rem; margin-bottom: 1rem;}
    .service-items .col-left ,
    .service-items .col-right { width: 100%; max-width: inherit;}
    .service-items .col-left { margin-bottom: 3rem;}
    .service-items .col-left h2 ,
    .service-items .col-left p { width: 100%; text-align: center; padding-left: 0;}
    .service-items .col-left > img { display: none;}
}
@media (max-width: 767px){
    .service-items { padding: 3rem 0;}
    .service-items article { flex-wrap: wrap;}
    .service-items article > div { width: 100% !important;}
    .service-items article .image-content { text-align: center;}
    .service-items article .image-content img { margin: auto;}
}



/* .contact-content */
.service-items .col-left a.btn01 { text-transform: none;}
.service-items .col-left .contact-content.flex { flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 450px; background: #fff; border: 1px solid #616161; margin: 3rem auto; padding: 4rem 0;}
.service-items .col-left .contact-content.flex img { margin-bottom: 3rem;}
.service-items .col-left .contact-content.flex ul { margin: 0;}
.service-items .col-left .contact-content.flex .tel { display: inline-block; color: #28628a; font-family: 'apercubold', sans-serif; font-size: 2.5rem; margin-bottom: 1rem;}
.service-items .col-left .contact-content.flex .tel span { font-family: 'apercubold', sans-serif; font-size: 1.5rem;}
.service-items .col-left .contact-content.flex .mail.btn01 { display: block; width: 100%; font-family: 'aperculight', sans-serif; font-size: 1.1rem; letter-spacing: 2px; padding: .5rem 1rem;}


@media (max-width: 767px){
    .service-items .col-left .contact-content.flex { padding: 2rem 0;}
}





/* TITULARS COLORS */

/* blue */
.service-items article .text-content h3 { background: linear-gradient(90deg, rgba(56,99,139,1) 0%, rgba(77,151,178,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* economy */
.service-items article .text-content h3.color-economy { background: linear-gradient(90deg, rgba(227,121,88,1) 0%, rgba(237,170,143,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* advance */
.service-items article .text-content h3.color-advance { background: linear-gradient(90deg, rgba(221,108,108,1) 0%, rgba(233,160,160,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* premium */
.service-items article .text-content h3.color-premium { background: linear-gradient(90deg, rgba(218,93,122,1) 0%, rgba(231,146,170,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* users */
.service-items article .text-content h3.color-users { background: linear-gradient(90deg, rgba(218,180,88,1) 0%, rgba(229,203,138,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* managers */
.service-items article .text-content h3.color-managers { background: linear-gradient(90deg, rgba(218,155,88,1) 0%, rgba(229,185,138,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* mantenance-staff */
.service-items article .text-content h3.color-mantenance-staff { background: linear-gradient(90deg, rgba(218,128,88,1) 0%, rgba(229,166,138,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* breakdowns */
.service-items article .text-content h3.color-breakdowns { background: linear-gradient(90deg, rgba(160,124,168,1) 0%, rgba(184,157,190,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* adjustments */
.service-items article .text-content h3.color-adjustments { background: linear-gradient(90deg, rgba(158,84,176,1) 0%, rgba(187,136,200,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* remote-assistance */
.service-items article .text-content h3.color-remote-assistance { background: linear-gradient(90deg, rgba(108,221,159,1) 0%, rgba(108,221,159,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* security */
.service-items article .text-content h3.color-security { background: linear-gradient(90deg, rgba(87,202,139,1) 0%, rgba(138,218,174,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* operational-efficiency */
.service-items article .text-content h3.color-operational-efficiency { background: linear-gradient(90deg, rgba(57,171,109,1) 0%, rgba(117,196,153,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* energy-efficiency */
.service-items article .text-content h3.color-energy-efficiency { background: linear-gradient(90deg, rgba(41,153,92 ,1) 0%, rgba(105,183,141,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* custom-solution */
.service-items article .text-content h3.color-custom-solution { background: linear-gradient(90deg, rgba(29,131,75 ,1) 0%, rgba(97,168,129,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}