.elementor-104 .elementor-element.elementor-element-45f08eb{--display:flex;--min-height:719px;--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;--justify-content:flex-end;--align-items:flex-start;}.elementor-104 .elementor-element.elementor-element-45f08eb:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-45f08eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.technosoluce.net/wp-content/uploads/2026/02/Nos-services.jpeg");background-size:cover;}.elementor-104 .elementor-element.elementor-element-b34bfa5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:37px;font-weight:600;color:var( --e-global-color-06fef82 );}.elementor-104 .elementor-element.elementor-element-b34bfa5{padding:62px 0px 060px 100px;}.elementor-104 .elementor-element.elementor-element-64af17f{--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;--justify-content:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-64af17f.e-con{--align-self:center;}.elementor-104 .elementor-element.elementor-element-c2a57b0{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-primary );}.elementor-104 .elementor-element.elementor-element-25262a2{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--align-content:space-evenly;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box{height:392px;}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-view-framed .elementor-icon svg, .elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-icon i{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-icon svg{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:start;justify-content:center;}.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__button{margin-inline-start:0;}.elementor-104 .elementor-element.elementor-element-e0f2fe1{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-e0f2fe1.elementor-element{--align-self:flex-start;}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box{height:392px;}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-dee8520 .elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-view-framed .elementor-icon svg, .elementor-104 .elementor-element.elementor-element-dee8520 .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-icon i{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-icon svg{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:start;justify-content:center;}.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__button{margin-inline-start:0;}.elementor-104 .elementor-element.elementor-element-dee8520{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box{height:392px;}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-8cd230c .elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-view-framed .elementor-icon svg, .elementor-104 .elementor-element.elementor-element-8cd230c .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-icon i{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-icon svg{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__button{margin-inline-center:0;}.elementor-104 .elementor-element.elementor-element-8cd230c{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box{height:392px;}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-6917a22 .elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-view-framed .elementor-icon svg, .elementor-104 .elementor-element.elementor-element-6917a22 .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-icon i{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-icon svg{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__button{margin-inline-center:0;}.elementor-104 .elementor-element.elementor-element-6917a22{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box{height:392px;}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-87de9fc .elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-view-framed .elementor-icon svg, .elementor-104 .elementor-element.elementor-element-87de9fc .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-icon i{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-icon svg{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__button{margin-inline-center:0;}.elementor-104 .elementor-element.elementor-element-87de9fc{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box{height:392px;}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-339ff9e .elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-view-framed .elementor-icon svg, .elementor-104 .elementor-element.elementor-element-339ff9e .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-icon i{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-icon svg{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__button{margin-inline-center:0;}.elementor-104 .elementor-element.elementor-element-339ff9e{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box{height:392px;}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-view-framed .elementor-icon svg, .elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-icon i{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-icon svg{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__button{margin-inline-center:0;}.elementor-104 .elementor-element.elementor-element-792ccf5{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box{height:392px;}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-1020b2a .elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-view-framed .elementor-icon svg, .elementor-104 .elementor-element.elementor-element-1020b2a .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-icon i{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-icon svg{transform:rotate(0deg);}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__button{margin-inline-center:0;}.elementor-104 .elementor-element.elementor-element-1020b2a{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-104 .elementor-element.elementor-element-25262a2{--content-width:1200px;}}@media(max-width:1024px){.elementor-104 .elementor-element.elementor-element-45f08eb{--min-height:489px;}.elementor-104 .elementor-element.elementor-element-e0f2fe1{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-104 .elementor-element.elementor-element-dee8520{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-104 .elementor-element.elementor-element-8cd230c{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-104 .elementor-element.elementor-element-6917a22{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-104 .elementor-element.elementor-element-87de9fc{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-104 .elementor-element.elementor-element-339ff9e{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-104 .elementor-element.elementor-element-792ccf5{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-104 .elementor-element.elementor-element-1020b2a{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}}@media(max-width:767px){.elementor-104 .elementor-element.elementor-element-45f08eb{--min-height:207px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-104 .elementor-element.elementor-element-b34bfa5{padding:20px 0px 0px 0px;}.elementor-104 .elementor-element.elementor-element-e0f2fe1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-104 .elementor-element.elementor-element-dee8520{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-104 .elementor-element.elementor-element-8cd230c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-104 .elementor-element.elementor-element-6917a22{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-104 .elementor-element.elementor-element-87de9fc{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-104 .elementor-element.elementor-element-339ff9e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-104 .elementor-element.elementor-element-792ccf5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-104 .elementor-element.elementor-element-1020b2a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for flip-box, class: .elementor-element-e0f2fe1 *//* ===== TechnoSoluce Flip Box (par widget) ===== */
.elementor-104 .elementor-element.elementor-element-e0f2fe1{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(13,27,62,.08);
  transition:.2s ease;
}

/* Hover */
.elementor-104 .elementor-element.elementor-element-e0f2fe1:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
}

/* Front & Back layers */
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__layer{
  padding:28px;
  border-radius:18px;
}

/* FRONT */
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__front{
  background:#ffffff;
  border:1px solid #eef1f7;
}

/* Icon wrapper (style “badge” comme tes cards) */
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-view-default .elementor-icon{
  background:#fff3e6;
  border-radius:16px;
  padding:22px;
}

/* Icon color & size */
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-icon{
  color:#ff8a00;
  font-size:42px;
}

/* Title */
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__layer__title{
  color:#0b1b3a;
  font-weight:800;
  margin-top:16px;
  margin-bottom:10px;
  line-height:1.15;
}

/* Description */
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__layer__description{
  color:#51607a;
  line-height:1.7;
  font-size:15px;
}

/* BACK */
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__back{
  background:#0b1b3a;
}

.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__back .elementor-flip-box__layer__description{
  color:#ffffff;
}

/* “Inclut” list look (si tu mets des tirets ou puces) */
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__back .elementor-flip-box__layer__description{
  font-size:14px;
  line-height:1.65;
}

/* Responsive: empêche l’effet “texte vertical serré” */
@media (max-width: 767px){
  .elementor-104 .elementor-element.elementor-element-e0f2fe1{
    min-height: 320px; /* garde une bonne hauteur */
  }
  .elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__layer{
    padding:22px;
  }
  .elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-icon{
    font-size:38px;
  }
  .elementor-104 .elementor-element.elementor-element-e0f2fe1 .elementor-flip-box__layer__title{
    font-size:20px;
  }
}
.elementor-104 .elementor-element.elementor-element-e0f2fe1 .service-list{
  text-align: left;
  padding-left: 18px;
  margin: 0;
}

.elementor-104 .elementor-element.elementor-element-e0f2fe1 .service-list li{
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* blanc sur fond bleu */
}

.elementor-104 .elementor-element.elementor-element-e0f2fe1 .service-list li::marker{
  color: #F59E0B; /* orange thème */
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-dee8520 *//* ===== TechnoSoluce Flip Box (par widget) ===== */
.elementor-104 .elementor-element.elementor-element-dee8520{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(13,27,62,.08);
  transition:.2s ease;
}

/* Hover */
.elementor-104 .elementor-element.elementor-element-dee8520:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
}

/* Front & Back layers */
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__layer{
  padding:28px;
  border-radius:18px;
}

/* FRONT */
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__front{
  background:#ffffff;
  border:1px solid #eef1f7;
}

/* Icon wrapper (style “badge” comme tes cards) */
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-view-default .elementor-icon{
  background:#fff3e6;
  border-radius:16px;
  padding:22px;
}

/* Icon color & size */
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-icon{
  color:#ff8a00;
  font-size:42px;
}

/* Title */
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__layer__title{
  color:#0b1b3a;
  font-weight:800;
  margin-top:16px;
  margin-bottom:10px;
  line-height:1.15;
}

/* Description */
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__layer__description{
  color:#51607a;
  line-height:1.7;
  font-size:15px;
}

/* BACK */
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__back{
  background:#0b1b3a;
}

.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__back .elementor-flip-box__layer__description{
  color:#ffffff;
}

/* “Inclut” list look (si tu mets des tirets ou puces) */
.elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__back .elementor-flip-box__layer__description{
  font-size:14px;
  line-height:1.65;
}

/* Responsive: empêche l’effet “texte vertical serré” */
@media (max-width: 767px){
  .elementor-104 .elementor-element.elementor-element-dee8520{
    min-height: 320px; /* garde une bonne hauteur */
  }
  .elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__layer{
    padding:22px;
  }
  .elementor-104 .elementor-element.elementor-element-dee8520 .elementor-icon{
    font-size:38px;
  }
  .elementor-104 .elementor-element.elementor-element-dee8520 .elementor-flip-box__layer__title{
    font-size:20px;
  }
}
.elementor-104 .elementor-element.elementor-element-dee8520 .service-list{
  text-align: left;
  padding-left: 18px;
  margin: 0;
}

.elementor-104 .elementor-element.elementor-element-dee8520 .service-list li{
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* blanc sur fond bleu */
}

.elementor-104 .elementor-element.elementor-element-dee8520 .service-list li::marker{
  color: #F59E0B; /* orange thème */
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-8cd230c *//* ===== TechnoSoluce Flip Box (par widget) ===== */
.elementor-104 .elementor-element.elementor-element-8cd230c{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(13,27,62,.08);
  transition:.2s ease;
}

/* Hover */
.elementor-104 .elementor-element.elementor-element-8cd230c:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
}

/* Front & Back layers */
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__layer{
  padding:28px;
  border-radius:18px;
}

/* FRONT */
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__front{
  background:#ffffff;
  border:1px solid #eef1f7;
}

/* Icon wrapper (style “badge” comme tes cards) */
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-view-default .elementor-icon{
  background:#fff3e6;
  border-radius:16px;
  padding:22px;
}

/* Icon color & size */
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-icon{
  color:#ff8a00;
  font-size:42px;
}

/* Title */
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__layer__title{
  color:#0b1b3a;
  font-weight:800;
  margin-top:16px;
  margin-bottom:10px;
  line-height:1.15;
}

/* Description */
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__layer__description{
  color:#51607a;
  line-height:1.7;
  font-size:15px;
}

/* BACK */
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__back{
  background:#0b1b3a;
}

.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__back .elementor-flip-box__layer__description{
  color:#ffffff;
}

/* “Inclut” list look (si tu mets des tirets ou puces) */
.elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__back .elementor-flip-box__layer__description{
  font-size:14px;
  line-height:1.65;
}

/* Responsive: empêche l’effet “texte vertical serré” */
@media (max-width: 767px){
  .elementor-104 .elementor-element.elementor-element-8cd230c{
    min-height: 320px; /* garde une bonne hauteur */
  }
  .elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__layer{
    padding:22px;
  }
  .elementor-104 .elementor-element.elementor-element-8cd230c .elementor-icon{
    font-size:38px;
  }
  .elementor-104 .elementor-element.elementor-element-8cd230c .elementor-flip-box__layer__title{
    font-size:20px;
  }
}
.elementor-104 .elementor-element.elementor-element-8cd230c .service-list{
  text-align: left;
  padding-left: 18px;
  margin: 0;
}

.elementor-104 .elementor-element.elementor-element-8cd230c .service-list li{
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* blanc sur fond bleu */
}

.elementor-104 .elementor-element.elementor-element-8cd230c .service-list li::marker{
  color: #F59E0B; /* orange thème */
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-6917a22 *//* ===== TechnoSoluce Flip Box (par widget) ===== */
.elementor-104 .elementor-element.elementor-element-6917a22{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(13,27,62,.08);
  transition:.2s ease;
}

/* Hover */
.elementor-104 .elementor-element.elementor-element-6917a22:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
}

/* Front & Back layers */
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__layer{
  padding:28px;
  border-radius:18px;
}

/* FRONT */
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__front{
  background:#ffffff;
  border:1px solid #eef1f7;
}

/* Icon wrapper (style “badge” comme tes cards) */
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-view-default .elementor-icon{
  background:#fff3e6;
  border-radius:16px;
  padding:22px;
}

/* Icon color & size */
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-icon{
  color:#ff8a00;
  font-size:42px;
}

/* Title */
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__layer__title{
  color:#0b1b3a;
  font-weight:800;
  margin-top:16px;
  margin-bottom:10px;
  line-height:1.15;
}

/* Description */
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__layer__description{
  color:#51607a;
  line-height:1.7;
  font-size:15px;
}

/* BACK */
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__back{
  background:#0b1b3a;
}

.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__back .elementor-flip-box__layer__description{
  color:#ffffff;
}

/* “Inclut” list look (si tu mets des tirets ou puces) */
.elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__back .elementor-flip-box__layer__description{
  font-size:14px;
  line-height:1.65;
}

/* Responsive: empêche l’effet “texte vertical serré” */
@media (max-width: 767px){
  .elementor-104 .elementor-element.elementor-element-6917a22{
    min-height: 320px; /* garde une bonne hauteur */
  }
  .elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__layer{
    padding:22px;
  }
  .elementor-104 .elementor-element.elementor-element-6917a22 .elementor-icon{
    font-size:38px;
  }
  .elementor-104 .elementor-element.elementor-element-6917a22 .elementor-flip-box__layer__title{
    font-size:20px;
  }
}
.elementor-104 .elementor-element.elementor-element-6917a22 .service-list{
  text-align: left;
  padding-left: 18px;
  margin: 0;
}

.elementor-104 .elementor-element.elementor-element-6917a22 .service-list li{
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* blanc sur fond bleu */
}

.elementor-104 .elementor-element.elementor-element-6917a22 .service-list li::marker{
  color: #F59E0B; /* orange thème */
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87de9fc *//* ===== TechnoSoluce Flip Box (par widget) ===== */
.elementor-104 .elementor-element.elementor-element-87de9fc{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(13,27,62,.08);
  transition:.2s ease;
}

/* Hover */
.elementor-104 .elementor-element.elementor-element-87de9fc:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
}

/* Front & Back layers */
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__layer{
  padding:28px;
  border-radius:18px;
}

/* FRONT */
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__front{
  background:#ffffff;
  border:1px solid #eef1f7;
}

/* Icon wrapper (style “badge” comme tes cards) */
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-view-default .elementor-icon{
  background:#fff3e6;
  border-radius:16px;
  padding:22px;
}

/* Icon color & size */
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-icon{
  color:#ff8a00;
  font-size:42px;
}

/* Title */
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__layer__title{
  color:#0b1b3a;
  font-weight:800;
  margin-top:16px;
  margin-bottom:10px;
  line-height:1.15;
}

/* Description */
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__layer__description{
  color:#51607a;
  line-height:1.7;
  font-size:15px;
}

/* BACK */
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__back{
  background:#0b1b3a;
}

.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__back .elementor-flip-box__layer__description{
  color:#ffffff;
}

/* “Inclut” list look (si tu mets des tirets ou puces) */
.elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__back .elementor-flip-box__layer__description{
  font-size:14px;
  line-height:1.65;
}

/* Responsive: empêche l’effet “texte vertical serré” */
@media (max-width: 767px){
  .elementor-104 .elementor-element.elementor-element-87de9fc{
    min-height: 320px; /* garde une bonne hauteur */
  }
  .elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__layer{
    padding:22px;
  }
  .elementor-104 .elementor-element.elementor-element-87de9fc .elementor-icon{
    font-size:38px;
  }
  .elementor-104 .elementor-element.elementor-element-87de9fc .elementor-flip-box__layer__title{
    font-size:20px;
  }
}
.elementor-104 .elementor-element.elementor-element-87de9fc .service-list{
  text-align: left;
  padding-left: 18px;
  margin: 0;
}

.elementor-104 .elementor-element.elementor-element-87de9fc .service-list li{
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* blanc sur fond bleu */
}

.elementor-104 .elementor-element.elementor-element-87de9fc .service-list li::marker{
  color: #F59E0B; /* orange thème */
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-339ff9e *//* ===== TechnoSoluce Flip Box (par widget) ===== */
.elementor-104 .elementor-element.elementor-element-339ff9e{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(13,27,62,.08);
  transition:.2s ease;
}

/* Hover */
.elementor-104 .elementor-element.elementor-element-339ff9e:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
}

/* Front & Back layers */
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__layer{
  padding:28px;
  border-radius:18px;
}

/* FRONT */
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__front{
  background:#ffffff;
  border:1px solid #eef1f7;
}

/* Icon wrapper (style “badge” comme tes cards) */
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-view-default .elementor-icon{
  background:#fff3e6;
  border-radius:16px;
  padding:22px;
}

/* Icon color & size */
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-icon{
  color:#ff8a00;
  font-size:42px;
}

/* Title */
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__layer__title{
  color:#0b1b3a;
  font-weight:800;
  margin-top:16px;
  margin-bottom:10px;
  line-height:1.15;
}

/* Description */
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__layer__description{
  color:#51607a;
  line-height:1.7;
  font-size:15px;
}

/* BACK */
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__back{
  background:#0b1b3a;
}

.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__back .elementor-flip-box__layer__description{
  color:#ffffff;
}

/* “Inclut” list look (si tu mets des tirets ou puces) */
.elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__back .elementor-flip-box__layer__description{
  font-size:14px;
  line-height:1.65;
}

/* Responsive: empêche l’effet “texte vertical serré” */
@media (max-width: 767px){
  .elementor-104 .elementor-element.elementor-element-339ff9e{
    min-height: 320px; /* garde une bonne hauteur */
  }
  .elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__layer{
    padding:22px;
  }
  .elementor-104 .elementor-element.elementor-element-339ff9e .elementor-icon{
    font-size:38px;
  }
  .elementor-104 .elementor-element.elementor-element-339ff9e .elementor-flip-box__layer__title{
    font-size:20px;
  }
}
.elementor-104 .elementor-element.elementor-element-339ff9e .service-list{
  text-align: left;
  padding-left: 18px;
  margin: 0;
}

.elementor-104 .elementor-element.elementor-element-339ff9e .service-list li{
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* blanc sur fond bleu */
}

.elementor-104 .elementor-element.elementor-element-339ff9e .service-list li::marker{
  color: #F59E0B; /* orange thème */
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-792ccf5 *//* ===== TechnoSoluce Flip Box (par widget) ===== */
.elementor-104 .elementor-element.elementor-element-792ccf5{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(13,27,62,.08);
  transition:.2s ease;
}

/* Hover */
.elementor-104 .elementor-element.elementor-element-792ccf5:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
}

/* Front & Back layers */
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__layer{
  padding:28px;
  border-radius:18px;
}

/* FRONT */
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__front{
  background:#ffffff;
  border:1px solid #eef1f7;
}

/* Icon wrapper (style “badge” comme tes cards) */
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-view-default .elementor-icon{
  background:#fff3e6;
  border-radius:16px;
  padding:22px;
}

/* Icon color & size */
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-icon{
  color:#ff8a00;
  font-size:42px;
}

/* Title */
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__layer__title{
  color:#0b1b3a;
  font-weight:800;
  margin-top:16px;
  margin-bottom:10px;
  line-height:1.15;
}

/* Description */
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__layer__description{
  color:#51607a;
  line-height:1.7;
  font-size:15px;
}

/* BACK */
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__back{
  background:#0b1b3a;
}

.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__back .elementor-flip-box__layer__description{
  color:#ffffff;
}

/* “Inclut” list look (si tu mets des tirets ou puces) */
.elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__back .elementor-flip-box__layer__description{
  font-size:14px;
  line-height:1.65;
}

/* Responsive: empêche l’effet “texte vertical serré” */
@media (max-width: 767px){
  .elementor-104 .elementor-element.elementor-element-792ccf5{
    min-height: 320px; /* garde une bonne hauteur */
  }
  .elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__layer{
    padding:22px;
  }
  .elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-icon{
    font-size:38px;
  }
  .elementor-104 .elementor-element.elementor-element-792ccf5 .elementor-flip-box__layer__title{
    font-size:20px;
  }
}
.elementor-104 .elementor-element.elementor-element-792ccf5 .service-list{
  text-align: left;
  padding-left: 18px;
  margin: 0;
}

.elementor-104 .elementor-element.elementor-element-792ccf5 .service-list li{
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* blanc sur fond bleu */
}

.elementor-104 .elementor-element.elementor-element-792ccf5 .service-list li::marker{
  color: #F59E0B; /* orange thème */
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-1020b2a *//* ===== TechnoSoluce Flip Box (par widget) ===== */
.elementor-104 .elementor-element.elementor-element-1020b2a{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(13,27,62,.08);
  transition:.2s ease;
}

/* Hover */
.elementor-104 .elementor-element.elementor-element-1020b2a:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 34px rgba(13,27,62,.12);
}

/* Front & Back layers */
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__layer{
  padding:28px;
  border-radius:18px;
}

/* FRONT */
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__front{
  background:#ffffff;
  border:1px solid #eef1f7;
}

/* Icon wrapper (style “badge” comme tes cards) */
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-view-default .elementor-icon{
  background:#fff3e6;
  border-radius:16px;
  padding:22px;
}

/* Icon color & size */
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-icon{
  color:#ff8a00;
  font-size:42px;
}

/* Title */
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__layer__title{
  color:#0b1b3a;
  font-weight:800;
  margin-top:16px;
  margin-bottom:10px;
  line-height:1.15;
}

/* Description */
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__layer__description{
  color:#51607a;
  line-height:1.7;
  font-size:15px;
}

/* BACK */
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__back{
  background:#0b1b3a;
}

.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__back .elementor-flip-box__layer__title,
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__back .elementor-flip-box__layer__description{
  color:#ffffff;
}

/* “Inclut” list look (si tu mets des tirets ou puces) */
.elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__back .elementor-flip-box__layer__description{
  font-size:14px;
  line-height:1.65;
}

/* Responsive: empêche l’effet “texte vertical serré” */
@media (max-width: 767px){
  .elementor-104 .elementor-element.elementor-element-1020b2a{
    min-height: 320px; /* garde une bonne hauteur */
  }
  .elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__layer{
    padding:22px;
  }
  .elementor-104 .elementor-element.elementor-element-1020b2a .elementor-icon{
    font-size:38px;
  }
  .elementor-104 .elementor-element.elementor-element-1020b2a .elementor-flip-box__layer__title{
    font-size:20px;
  }
}
.elementor-104 .elementor-element.elementor-element-1020b2a .service-list{
  text-align: left;
  padding-left: 18px;
  margin: 0;
}

.elementor-104 .elementor-element.elementor-element-1020b2a .service-list li{
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff; /* blanc sur fond bleu */
}

.elementor-104 .elementor-element.elementor-element-1020b2a .service-list li::marker{
  color: #F59E0B; /* orange thème */
}/* End custom CSS */