.elementor-2789 .elementor-element.elementor-element-4298965{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2789 .elementor-element.elementor-element-fff05e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-2789 .elementor-element.elementor-element-4298965{--content-width:90vw;}}@media(max-width:1024px){.elementor-2789 .elementor-element.elementor-element-4298965{--padding-top:50px;--padding-bottom:50px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-2789 .elementor-element.elementor-element-4298965{--padding-top:40px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for html, class: .elementor-element-8f8b765 *//* ==========================================================
   LOCATION COMANSA — SERVICES HUB
========================================================== */

.lc-services-hub{
  --lc-blue:#1d4e79;
  --lc-blue-dark:#153957;
  --lc-yellow:#becd12;
  --lc-text:#25313b;
  --lc-muted:#6d7780;
  --lc-border:#dce3e8;
  --lc-bg:#f6f8fa;

  width:100%;
  padding:0px 0 100px;

  font-family:inherit;
}

.lc-services-hub *{
  box-sizing:border-box;
}


/* ==========================================================
   HEADING
========================================================== */

.lc-services-hub__heading{
  max-width:960px;
  margin:0 auto 50px;

  text-align:center;
}

.lc-services-hub__eyebrow{
  display:block;

  margin-bottom:10px;

  color:var(--lc-blue);

  font-size:14px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.lc-services-hub__heading h2{
  margin:0 0 16px;

  color:#192530;

  font-size:clamp(30px,3vw,46px);
  line-height:1.15;
}

.lc-services-hub__heading p{
  margin:0 auto;

  color:var(--lc-muted);

  font-size:16px;
  line-height:1.7;
}


/* ==========================================================
   GRID
========================================================== */

.lc-services-hub__grid{
  display:grid;

  grid-template-columns:repeat(6,minmax(0,1fr));

  gap:22px;
}


/* 2 grandes cartes */

.lc-services-card--large{
  grid-column:span 3;
}


/* 3 cartes secondaires */

.lc-services-card:not(.lc-services-card--large){
  grid-column:span 2;
}


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

.lc-services-card{
  display:flex;
  flex-direction:column;

  min-width:0;
  min-height:100%;

  overflow:hidden;

  border:1px solid var(--lc-border);

  background:#fff;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.lc-services-card:hover{
  transform:translateY(-5px);

  border-color:#cbd5dd;

  box-shadow:
    0 18px 45px
    rgba(24,51,74,.10);
}


/* ==========================================================
   IMAGE / ICON AREA
========================================================== */

.lc-services-card__image{
  position:relative;

  display:flex;

  align-items:center;
  justify-content:center;

  width:100%;
  height:280px;

  overflow:hidden;

  background:#f7f9fb;
}


/* Grandes cartes */

.lc-services-card--large .lc-services-card__image{
  height:330px;
}


/* Image toujours entièrement visible */

.lc-services-card__image img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
  object-position:center;

  padding:24px;

  transition:none;
}


/* Aucun zoom au hover */

.lc-services-card:hover
.lc-services-card__image img{
  transform:none;
}


/* ==========================================================
   TAG
========================================================== */

.lc-services-card__tag{
  position:absolute;

  top:18px;
  left:18px;

  z-index:2;

  padding:7px 11px;

  background:#fff;

  color:var(--lc-blue);

  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;

  box-shadow:
    0 5px 18px
    rgba(20,40,55,.08);
}


/* ==========================================================
   CONTENT
========================================================== */

.lc-services-card__content{
  display:flex;
  flex:1;
  flex-direction:column;

  padding:30px;
}

.lc-services-card__content h3{
  margin:0 0 13px;

  color:#192530;

  font-size:23px;
  line-height:1.2;
}

.lc-services-card--large
.lc-services-card__content h3{
  font-size:27px;
}

.lc-services-card__content p{
  margin:0 0 20px;

  color:var(--lc-muted);

  font-size:16px;
  line-height:1.65;
}


/* ==========================================================
   LIST
========================================================== */

.lc-services-card__content ul{
  display:grid;

  gap:8px;

  margin:0 0 26px;
  padding:0;

  list-style:none;
}

.lc-services-card__content li{
  position:relative;

  padding-left:19px;

  color:var(--lc-text);

  font-size:15px;
  line-height:1.5;
}

.lc-services-card__content li:before{
  content:"";

  position:absolute;

  top:.55em;
  left:0;

  width:6px;
  height:6px;

  background:var(--lc-yellow);

  border-radius:50%;
}


/* ==========================================================
   LINK
========================================================== */

.lc-services-card__link{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  margin-top:auto;
  padding-top:18px;

  border-top:1px solid var(--lc-border);

  color:var(--lc-blue);

  font-size:13px;
  font-weight:800;

  text-decoration:none;

  text-transform:uppercase;
  letter-spacing:.04em;
}

.lc-services-card__link:hover{
  color:var(--lc-blue-dark);
}

.lc-services-card__link span{
  font-size:22px;

  transition:transform .2s ease;
}

.lc-services-card__link:hover span{
  transform:translateX(5px);
}


/* ==========================================================
   ACCENT CARD
========================================================== */

.lc-services-card--accent{
  border-color:var(--lc-blue);

  background:var(--lc-blue);
}

.lc-services-card--accent
.lc-services-card__content h3,

.lc-services-card--accent
.lc-services-card__content p,

.lc-services-card--accent
.lc-services-card__content li{
  color:#fff;
}

.lc-services-card--accent
.lc-services-card__content li:before{
  background:var(--lc-yellow);
}

.lc-services-card--accent
.lc-services-card__link{
  border-color:rgba(255,255,255,.25);

  color:#fff;
}

.lc-services-card--accent
.lc-services-card__link:hover{
  color:#fff;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

  .lc-services-hub{
    padding:65px 0 80px;
  }


  .lc-services-hub__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }


  .lc-services-card,
  .lc-services-card--large,
  .lc-services-card:not(.lc-services-card--large){
    grid-column:span 1;
  }


  .lc-services-card:last-child{
    grid-column:1 / -1;
  }


  .lc-services-card__image,
  .lc-services-card--large .lc-services-card__image{
    height:280px;
  }


  .lc-services-card__image img{
    padding:22px;
  }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

  .lc-services-hub{
    padding:50px 0 65px;
  }


  .lc-services-hub__heading{
    margin-bottom:32px;

    text-align:left;
  }


  .lc-services-hub__grid{
    grid-template-columns:1fr;

    gap:16px;
  }


  .lc-services-card,
  .lc-services-card:last-child{
    grid-column:auto;
  }


  .lc-services-card__image,
  .lc-services-card--large .lc-services-card__image{
    height:240px;
  }


  .lc-services-card__image img{
    padding:18px;
  }


  .lc-services-card__content{
    padding:24px;
  }


  .lc-services-card__content h3,
  .lc-services-card--large
  .lc-services-card__content h3{
    font-size:21px;
  }

}/* End custom CSS */