@import url("https://use.typekit.net/bxc4cii.css");
/*@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap');*/

@import url('style-bootstrap.css');

/* -------------------------------------------------------------- 
   * Resets default browser CSS.
-------------------------------------------------------------- */
:root {
    --primary: #017DD0;
    --secondary: #FFC412;
    --foncee: #002843;
    --gris: #7B7B7B;
    --light: #F7F7F7;
    --light-red: #d2352e;
    --light-blue: #E6F2FA;
    --baby-blue: #96CBEE;
    --bordeaux: #3C0F10;

    --white: #fff;
    --black: #000;
    --secondaryHover: #771515;
    --cyan: #6A90F0;
    --navy: #0C1841;
    --grey: #6c757d;
    --light-grey: #c1c1c1;    
    --dark-grey: #777;
    --muted: #999;
    --bodycolor: #292929;

    --shadow: 10px 5px 10px rgb(0 0 0 / 45%);

    --avenir: 'Avenir Next';
    --kanit: 'Kanit';
    --tt-commons-pro: 'tt-commons-pro';
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: var(--tt-commons-pro);
  vertical-align: baseline;
  color: var(--bodycolor);
}

body { 
  line-height: 1.5; 
  font-size: 1rem;/*16px*/
  background-color: var(--light-blue);
}


@media screen and (min-width: 992px) {
  body {
    font-size: 1.1rem;/*18px*/
  }
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a{ transition: all ease 0.5s;}
a:hover{text-decoration: none; color: var(--secondary);}
img{max-width: 100%; display: block;}
p{margin-bottom: 15px;}
ul{margin-bottom: 15px; padding-left: 18px;}

::selection {
  color: #fff;
  background-color: var(--secondary);
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*********************
General
*********************/
.btn{border-radius: 0; border-width: 2px; padding: 10px 20px; text-transform: uppercase; font-size: 1rem; font-weight: 600; line-height: 1.5em; transition: all ease 0.5s;}  
.btn:after{font-family: "Font Awesome 5 Pro"; font-weight: 900; content: '\f061'; margin-left: 10px; transition: all ease 0.5s; display: none;}
.btn:hover:after{margin-left: 13px;}
.row-cta a:hover{text-decoration: none;}
.row-cta.bg-primary i{color: var(--cyan);}
a i{transition: all ease 0.5s;}
a:hover i{transform: translateX(3px);}

.lb-text{ font-size: 1rem;/*16px*/ font-family: var(--tt-commons-pro); margin-bottom: 15px; line-height: 1.5em;}
.lb-text strong{font-weight: normal;}
.font-weight-medium{font-weight: 500 !important;}
.font-weight-bold{font-weight: 600 !important;}
.text-white{color: var(--white);}
.text-foncee{color: var(--foncee);}
.text-baby-blue{color: var(--baby-blue) !important;}
.text-light-grey{color: var(--light-grey) !important;}
.text-red{color: var(--secondary) !important;}
.text-lightred{color: var(--light-red) !important;}
.text-body{color: var(--bodycolor) !important;}
.text-underline{text-decoration: underline;}
.lb-kanit{font-family: var(--kanit);}
.lb-kanit-letterspacing{letter-spacing: 3.2px;}
.lb-tt-commons-pro{ font-family: "tt-commons-pro";}

@media (min-width: 992px){
  .btn, .lb-text{font-size: 1.1rem;/*18px*/}
}

@media (max-width: 480px){
  .btn{padding: 5px 15px;}
}

/*scroll to top*/
#toTopBtn { position: fixed; bottom: 26px; right: 30px; z-index: 98; padding: 21px; background-color: var(--primary); color: var(--white); display: none;}
.js .cd-top--fade-out { opacity: .5 }
.js .cd-top--is-visible { visibility: visible; opacity: 1 }
.js .cd-top { visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s, background-color .3s}
.cd-top { position: fixed; bottom: 20px; bottom: var(--cd-back-to-top-margin); right: 20px; right: var(--cd-back-to-top-margin); display: inline-block; height: 40px; height: var(--cd-back-to-top-size); width: 40px; width: var(--cd-back-to-top-size); box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important; background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%; background-color: hsla(5, 76%, 62%, .8); background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)}

.lb-subtitle{position: relative; font-size: 1rem; letter-spacing: 3.2px; padding-left: 70px;}
.lb-subtitle::before{position: absolute; background-color: var(--secondary); width: 50px; height: 1px; content: ''; left: 0; top: 10px; display: block;}

section{
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (min-width: 992px){
  .lb-subtitle{font-size: 1.1rem;/*18px*/}
}

@media (max-width: 767px){
  section{
      padding-top: 30px;
      padding-bottom: 30px;
  }
}


@media screen and (min-width: 1440px) {
  .container{max-width: 95%; width: 1440px;}
}
@media screen and (min-width: 1600px) {
    .container-large{max-width: 1600px;}
}

.container-small{max-width: 960px; min-width: auto;}
.container-xsmall{max-width: 768px; min-width: auto;}

@media (min-width: 1140px){
  .row-blocks.row-blocks-reverse .col-lg-5{
    padding-left: 70px;
  }
}

.aniview {
  transition: all ease 1s;
}

/*row-blocks*/
.row-blocks{background-size: cover; background-repeat: no-repeat; background-position: left center;}
.row-blocks.row-blocks-padding{min-height: 600px; display: flex; align-items: center;}

/*Youtube iframe*/
.iframe-container{position: relative; width: 100%; padding-bottom: 56.25%;  height: 0;}
.iframe-container .youtube-video-place img{cursor: pointer;}
.iframe-container iframe{position: absolute; top:0; left: 0; width: 100%; height: 100%;}

/*row-cta*/
.row-cta{background-size: cover; background-repeat: no-repeat; background-position: left center;}

/*row-blogs*/
.row-blogs{background-size: cover; background-repeat: no-repeat; background-position: left center;}

/*row-with-bg*/
.row-with-bg{background-size: cover; background-repeat: no-repeat; background-position: left center;}

/*owl-carousel*/
.owl-carousel.owl-theme .item{padding: 20px 20px 30px 30px;}
.owl-carousel.owl-theme .card{min-height: 210px; border: 13px solid var(--primary); border-top: 0; border-right: 0; border-radius: 50px; box-shadow: 0 13px 26px rgb(29 29 29/ 14%);}
.owl-carousel.owl-theme .card .card-body{display: flex; flex-direction: column; justify-content: center;}
.owl-carousel.owl-theme .card .card-footer{background: none; border-top: 1px dashed #B5B5B5; margin-left:20px; margin-right:20px;}
.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots{margin-top: 30px;}
.owl-carousel.owl-theme .owl-dots .owl-dot span{width: 15px; height: 15px; border-radius: 0; background-color: var(--white); opacity: 1; transition: all ease 0.5s; margin-right: 0;}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span{background-color: var(--secondary); opacity: 1;}

.owl-carousel.owl-carousel-partenaires .owl-stage{display: flex; align-items: center;}
.owl-carousel.owl-carousel-partenaires .owl-item .item{padding: 10px; display: flex; justify-content: center;}
.owl-carousel.owl-carousel-partenaires .owl-item .item img{width: auto;}

/*row-faq*/
.row-faq .card{border-radius: 0; background-color: var(--light); transition: all ease 0.5s;}
.row-faq .card:hover{}
.row-faq .card .card-header{background: none; padding: 2px;}
.row-faq .card .card-header button, .row-faq .card .card-header button span{text-align: left; color: var(--grey);}
.row-faq .card .card-header button:after{float: right; content: '\f054';}
.row-faq .card .card-header button[aria-expanded="true"]:after{content: '\f078';}
.row-faq .card .card-header button span{font-weight: 600; font-size: 1.2rem; color: var(--black);}
.row-faq .card .card-header button i{margin-right: 20px;}
.row-faq .card .card-body{background: var(--white); }
.row-faq .card:hover .card-body, .row-faq .card:hover .card-header button, .row-faq .card:hover .card-header button span{}
.row-faq .card:hover a{text-decoration: none;}
.row-faq .btn-link:hover, .row-faq .btn-link:focus{text-decoration: none; box-shadow: none;}


/*row-banner*/
.row-banner{min-height: 380px; background-position: top center; background-size: cover; /*background-attachment: fixed;*/}
.row-banner.row-banner-fixed{background-attachment: fixed;}

@media screen and (max-width: 992px) {
  .row-banner{min-height: 200px;}
}

/*row-contact*/
.row-contact .info{line-height: 1.3em;}
.row-contact.row-contact-shadow .row{background-color: var(--white); padding: 50px; border: 13px solid var(--primary); border-top: 0; border-right: 0; border-radius: 50px; box-shadow: 0 13px 26px rgb(29 29 29/ 14%);}

.row-contact .map-stjean-pointer{position: absolute; width: 140px; height: 140px; bottom: 29%; right: 30%; background: transparent; display: block;}

@media screen and (min-width: 480px) {
  .row-contact address span{display: block;}
}

@media screen and (max-width: 992px) {
  .row-contact.row-contact-shadow{padding-left: 15px; padding-right: 15px;}
  .row-contact.row-contact-shadow .row{padding: 20px;}
}

/*card-columns*/
.row-blocks .row .col-md-6:nth-of-type(1) .card:nth-of-type(1){margin-top: -35px;}
.row-blocks .row .card{display: flex; /*align-items: center;*/ min-height: 190px; border: 13px solid var(--primary); border-top: 0; border-right: 0; border-radius: 50px; box-shadow: 0 13px 26px rgb(29 29 29/ 14%); margin-bottom: 15px;}
.row-blocks .row .card .card-body{display: flex; flex-direction: column; justify-content: center;}
.row-blocks .row .card .card-body .lb-h5{margin-bottom: 10px;}
.row-blocks .row .card .card-body p{min-height: 50px;}
.row-blocks .row .card .card-footer{width: 85%; background: none; border-top: 1px dashed #B5B5B5; margin-left:20px; margin-right:20px;}

@media (min-width: 576px){
  
}

@media screen and (max-width: 992px) {
  .row-blocks .row {padding-left: 15px; padding-right: 15px;}
}
.bg-foncee{background: var(--foncee);}
.bg-gris{background: var(--gris);}
.bg-light{background: var(--light-blue) !important;}
.bg-black-white{position: relative;}
.bg-black-white:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; content: ''; background-color: var(--white);}
.bg-image{background-position: center; background-repeat: no-repeat; background-size: cover;}
.bg-fixe{background-attachment: fixed;}
.min-vh-50{min-height: 50vh;}


@media screen and (max-width: 768px) {
  .bg-fixe{background-attachment: initial; min-height: 30vh;}
}


/************************************
Heading
************************************/
h1, h2, h3, h4, h5, h6,
.lb-h1, .lb-h2, .lb-h3, .lb-h4, .lb-h5, .lb-h6{
  font-family: var(--tt-commons-pro);
}

h5{font-size: 1rem}

.lb-h1{
  font-size: 2rem;/*32px*/
  font-weight: 600;
}

.lb-h2{
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.2em;
}

.lb-h3{
  font-weight: 600;
  font-size: 1.4rem;
}

.lb-h4{
  font-weight: 600;
  font-size: 1.1rem;
}

.lb-h5{
  font-weight: 600;
  font-size: 1.1rem;
}

.lb-h6{ font-size: 1.1rem;}

.lb-uc{ text-transform: uppercase; }
.lb-bold{ font-weight: 600; }
.lb-weight-normal{ font-weight: normal; }

@media (min-width: 1200px){
  .lb-h1{
      font-size: 4.05rem;/*65px*/
  }

  .lb-h2{
      font-size: 2.5rem;/*40px*/
      line-height: 1em;
  }

  .lb-h3{
      font-size: 1.9rem;/*30px*/
  }

  .lb-h4{
      font-size: 1.4rem;/*22px*/
  }

  .lb-h5{
      font-size: 1.4rem;/*22px*/
  }

  .lb-h6{
      font-size: 1.1rem;/*18px*/
  }
}

/*********************
Header
*********************/
header{position: relative; padding-top: 20px; padding-bottom: 20px; width: 100%; top: 0; left: 0; transition: all ease 0.5s; background-color: var(--primary); z-index: 20;}
header .lb-logo img{max-height: 20px;}

header .navbar-nav .nav-link{font-size: 1rem; color: var(--white); font-weight: 400; white-space: nowrap;}
header .navbar-expand-xl .navbar-nav .nav-link{padding-left: 15px; padding-right: 15px;}
header .navbar-nav .nav-link.dropdown-toggle:after{position: relative; font-size: 1.5rem; top: 5px;}
header .navbar-nav .nav-link:hover{color: var(--secondary);}
header .navbar-nav .btn{padding: 4px 15px; font-weight: 600; margin-left: 5px;}
header .navbar-nav .btn i{position: relative; top: 2px; margin-right: 5px;}
header .navbar-nav .btn span{color: var(--white);}
header .navbar-nav .btn:hover span{color: var(--primary);}
header .navbar-expand-xl .navbar-nav .nav-social{position: relative; top: -3px; font-size: 2rem; padding-top: 0; padding-bottom: 0;}
header .dropdown-menu{background-color: var(--navy); }
header .dropdown-menu a{color: var(--white);}
header .navbar-dark .navbar-nav .nav-link{color: var(--white);}

header .top-phone i{background: var(--secondary);  padding: 8px; display: inline-block;}


@media screen and (max-width: 1600px) {
  header .navbar-nav .nav-link{font-size: 1rem; max-width: 180px; line-height: 1.1em;}
}

@media screen and (max-width: 1400px) {
  /* header .lb-logo img{max-width: 160px;} */
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  header .navbar-nav .btn span{display: none;}
}

/*Header - Scroll*/
header.scroll{position: fixed;/*background-color: var(--white);*/ padding-top: 10px; padding-bottom: 10px; box-shadow: 0 13px 26px rgb(29 29 29 / 14%);}


/*CSS for sub-menu*/
@media (min-width: 1200px){
	.dropdown-menu .dropdown-toggle:after{ border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; font-size: 1.5rem; position: relative; top: 7px; margin-left: 10px;}
	.dropdown-menu .dropdown-menu{ margin-left:0; margin-right: 0; }
	.dropdown-menu li{ position: relative; }
	.nav-item .submenu{  display: none; position: absolute; left:100%; top:-7px; }
	.nav-item .submenu-left{ right:100%; left:auto; }
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
  .dropdown-menu > li:hover > a{color: var(--bodycolor);}
	.dropdown-menu > li:hover > .submenu{ display: block; }
}

@media screen and (max-width: 1200px) {
  header .navbar-nav{background-color: var(--secondary); padding: 10px 20px;}
  header .navbar-nav .btn{margin-bottom: 10px;}
  header .navbar-nav .btn-group{display: block;}
  header .navbar-nav .btn-group > a.nav-link:nth-of-type(1){float: left; margin-right: 10px;}

  header .dropdown-menu .dropdown-menu a{padding-left: 40px;}
  .dropdown-menu .dropdown-toggle:after{  font-size: 1.5rem; position: relative; top: 5px; margin-left: 10px;}
  header .top-phone span{display: none !important;}
	
}

@media (min-width: 992px){
  header .navbar-nav .nav-link{font-size: 1.1rem;/*18px*/}
}

@media screen and (max-width: 992px) {
  header .navbar-collapse{position: absolute; right: 0px; top: 43px;}
}

@media screen and (max-width: 768px) {
  header{padding-top: 10px; padding-bottom: 10px;}
  header .lang{display: none;}
  header .nav-lang{display: block;}
  /* header .lb-logo img{max-height: 50px;} */
  header .navbar-toggler{padding-top: 0; padding-left: 0.3rem; padding-right: 0.3rem;}
}

@media screen and (max-width: 480px) {
  header .container{padding-left: 13px; padding-right: 13px;}
}

/************************************
Page Title
************************************/
.pagetitle-wrapper{padding-top: 180px; padding-bottom: 100px; background: url('../images/banners/hero-title.jpg') no-repeat bottom right/cover;}
.pagetitle-wrapper .lb-h1{color: var(--white); line-height: 1em; text-shadow: var(--shadow); max-width: 980px;}
.site-propos .pagetitle-wrapper{background-image: url('../images/banners/hero-title.jpg');}

@media (max-width: 767px){
    .pagetitle-wrapper{padding-top: 120px; padding-bottom: 50px;}
}

/************************************
Footer
************************************/
.footer{background:  var(--primary); font-size: .9rem;}
.footer .lb-logo img{width: 200px;}
.footer .lb-h5{ color: var(--white);}
.footer .about{line-height: 1.3em; color: var(--white);}
.footer .social a{font-size: 1.2rem; color: var(--white);}
.footer .social a:hover{color: var(--blue_dark);}
.footer .menu .lb-h5{margin-bottom: 20px;}
.footer .menu ul{list-style: none;}
.footer .menu ul li{margin-bottom: 3px; padding: 0;}
.footer .menu ul li a{color: var(--muted); font-size: 0.9rem; font-weight: normal;}
.footer .menu ul li a:hover{color: var(--secondary); font-weight: normal;}
.footer .coordonnes a{line-height: 1.3em; color: var(--muted); display: block;}
.footer .coordonnes a:hover{color: var(--secondary);}
.footer .coordonnes .lb-h5{margin-bottom: 40px;}

.footer .copyright{font-size: 0.9rem;}
.footer .copyright div{color: var(--white);}
.footer .copyright a{color: var(--white);}
.footer .copyright a:hover{color: var(--secondary);}

@media (max-width: 767px){
    .footer .lb-h5{margin-bottom: 5px !important; margin-top: 30px;}
}

@media (max-width: 480px){
  .footer .coordonnes .logo{margin-bottom: 20px;}
}


/*********************
Page Accueil
*********************/
.site-home{}
.home-hero-wrapper{ background: linear-gradient(90deg, #FFF 0.06%, #CEEBFF 99.92%);}
.section-services-icons .lb-text{font-size: 1rem;}
.section-services-icons .item-img{min-height: 130px; display: flex; align-items: center; justify-content: center; margin-bottom: 5px;}
.section-services-icons .item a{display: block; transition: all ease 0.5s;}
.section-services-icons .item a:hover{transform: translateY(-5px);}
.section-pourquoi .owl-carousel-pourquoi .item{min-height: 330px;}
.section-pourquoi .owl-carousel-pourquoi-2 .item{min-height: 380px;}
.section-pourquoi .lb-h5{line-height: 1.1em;}
/* .section-pourquoi .owl-carousel-pourquoi-2 .lb-h5{min-height: 50px;} */
.section-pourquoi .lb-text{min-height: 80px; margin-bottom: 0; margin-top: 10px;}
.section-pourquoi .note{border-left: 2px solid var(--secondary); padding-left: 30px; font-weight: 500px; font-size: 1.4rem; line-height: 1.3em;}/*22px*/
.section-pourquoi .note strong{font-weight: 500;}
.section-pourquoi .owl-dots{margin-top: 10px !important;}
.site-home .section-services .item{min-height: 300px;}
.section-contact{position: relative;}
.section-contact .villes{position: relative; padding-top: 100px; padding-bottom: 100px;}
.section-contact .villes .image{position: absolute; max-height: 100%; z-index: 0; top: 0;}
.section-contact .villes .item{background: rgba(0, 23, 39, 0.40); backdrop-filter: blur(7.5px);}

@media screen and (min-width: 1600px) {
  .site-home .section-services .container{width: 1600px; max-width: 100%;}
}
@media screen and (min-width: 992px) {
  .section-services-icons .lb-text{font-size: 1.1rem;/*18px*/}
  .site-home .home-hero-wrapper p{font-size: 1.4rem;}
  .site-home .section-services .owl-carousel{position: relative; padding-left: 100px;}
  .site-home .section-services .owl-dots{display: none;}
  .site-home .section-services .owl-nav{position: absolute; top: 40%; left: 0;}
  .site-home .section-services .owl-nav button{background-color: transparent !important;}
  .site-home .section-services .owl-nav button span{font-size: 60px; color: var(--secondary);}
}
@media (max-width: 991px){
  .section-pourquoi .note{font-size: 16px;}
  .site-home .section-services .owl-nav{display: none;}
  .site-home .section-services .owl-dots{margin-top: 10px;}
  .section-contact .villes{padding-top: 50px; padding-bottom: 50px;}
  .section-contact .villes .image{max-width: 90%;}
}
@media (max-width: 767px){
  .section-pourquoi .lb-h5{min-height: 48px;}
}


/*********************
Page Service
*********************/
.site-service.site-service-pgi .home-hero-wrapper .image-wrapper{position: relative; margin-bottom: -50px;}
.site-service.site-service-pgi .home-hero-wrapper .mix-bg{position: absolute; top: 0; left: 15px; width: calc(100% - 30px); height: 100%; display: block; mix-blend-mode: multiply; background: url('../images/services/hero-image-erp_bg.webp') no-repeat left center/cover;}
.site-service.site-service-pgi .home-hero-wrapper .mix-img img{mix-blend-mode: lighten;}
.site-service.site-service-pgi .home-hero-wrapper + div, .site-service.site-service-pgi .home-hero-wrapper + section{position: relative; z-index: 10;}

.site-service.site-service-telephonie .home-hero-wrapper .image-wrapper{position: relative; margin-bottom: -120px;}
.site-service.site-service-telephonie .home-hero-wrapper + div, .site-service.site-service-telephonie .home-hero-wrapper + section{position: relative; z-index: 10;}

.site-service.site-service-telephonie .section-pourquoi .lb-h5{min-height: auto;}
.site-service.site-service-telephonie .section-pourquoi img{max-height: 88px; margin-left: auto; margin-right: auto;}
.site-service.site-service-telephonie .section-pourquoi .lb-text{min-height: 240px; margin-bottom: 0; margin-top: 10px;}
.site-service.site-service-telephonie .section-pourquoi .owl-dots{margin-top: 10px !important;}

@media (max-width: 767px){
  .site-service.site-service-pgi .home-hero-wrapper .image-wrapper{position: relative; margin-bottom: -30px;}
  .site-service.site-service-telephonie .section-pourquoi .lb-h5{min-height: auto;}
}

.site-service.site-service-supportti .home-hero-wrapper{position: relative; z-index: 9;}
/* .site-service.site-service-supportti .home-hero-wrapper::before{position: absolute; left: 0; top: 0; width: 40%; height: 100%; display: block; content: ''; clip-path: polygon(0px 0px, 95% 0px, 100% 100%, 0px 100%); background: url('../images/services/engineer-installing-network-equipment-in-data.png') no-repeat left center/cover; } */
.site-service.site-service-supportti .home-hero-wrapper .image-wrapper{position: relative; margin-bottom: -100px;}
.site-service.site-service-supportti .home-hero-wrapper .mix-bg{position: absolute; top: 0; left: 15px; width: calc(100% - 30px); height: 100%; display: block; mix-blend-mode: multiply; background: url('../images/services/hero-image-support-informatique_bg.webp') no-repeat left center/cover;}
.site-service.site-service-supportti .home-hero-wrapper .mix-img img{mix-blend-mode: lighten;}
.site-service.site-service-supportti .home-hero-wrapper + div, .site-service.site-service-supportti .home-hero-wrapper + section{position: relative; z-index: 10;}
.site-service.site-service-supportti .section-pourquoi .lb-h5{min-height: 67px;}
.site-service.site-service-supportti .section-pourquoi img{max-height: 72px; margin-left: auto; margin-right: auto;}
.site-service.site-service-supportti .section-pourquoi .lb-text{min-height: auto; margin-bottom: 0; margin-top: 10px;}
.site-service.site-service-supportti .section-pourquoi .owl-dots{margin-top: 10px !important;}
@media (max-width: 991px){
  .site-service.site-service-supportti .home-hero-wrapper::before{display: none;}
}
@media (max-width: 767px){
  .site-service.site-service-supportti .section-pourquoi .lb-h5{min-height: 48px;}
}

 /****Accordion****/
.section-accordion .accordion .card{background: none; border-left: 0; border-right: 0; border-radius: 0; border-color: var(--primary);}
.section-accordion.text-white .accordion .card{border-color: var(--white);}
.section-accordion .accordion .card-header{background: none; padding: 5px 0; border-bottom: 0;}
.section-accordion .accordion .card-header button{display: flex; justify-content: space-between; align-items: center; padding-left: 0; padding-right: 0; box-shadow: none; text-decoration: none; font-size: 1.4rem; font-weight: 600; color: var(--primary);}
.section-accordion .accordion .card-header button span{color: var(--primary); text-transform: none;}
.section-accordion.text-white .accordion .card-header button span{color: var(--white);}
.section-accordion .accordion .icons .fas{color: var(--primary);}
.section-accordion.text-white .accordion .icons .fas{color: var(--white);}
.section-accordion .accordion button[aria-expanded="false"] .fa-times{display: none;}
.section-accordion .accordion button[aria-expanded="true"] .fa-plus{display: none;}
.section-accordion .accordion .card-body{padding: 0 0 25px 0;}
.section-accordion.text-white .accordion .card-body{color: var(--white);}
@media (max-width: 767px){
  .section-accordion .accordion .card-header button{font-size: 1.1rem;}
}

/*section-erp-caracteristique*/
.section-erp-caracteristique .caracteristique-row{border-bottom: 1px solid #fff; padding-bottom: 30px; margin-bottom: 30px;}
.section-erp-caracteristique .caracteristique-row .number{color: var(--baby-blue); font-size: 45px; font-weight: 600;}
.section-erp-caracteristique .caracteristique-row .title{font-size: 1.4rem; font-weight: 600;}
.section-erp-caracteristique .caracteristique-note{font-size: 1.4rem; }
@media screen and (min-width: 992px) {
  .section-erp-caracteristique .caracteristique-note{font-size: 1.1rem;/*18px*/}
}
@media (max-width: 767px){
  .section-erp-caracteristique .caracteristique-note{font-size: 1rem; }
}

/*section-telephonie-avance*/
.section-telephonie-avance .circle .fa-circle{color: var(--light-blue); border: 2px solid var(--primary); border-radius: 50%; font-size: 40px;}
.section-telephonie-avance .circle .fa-circle+.fa-circle{margin-left: -20px;}
.section-telephonie .telephonie-note, .section-telephonie-avance .telephonie-note{font-size: 1.4rem; }

@media screen and (min-width: 992px) {
  .section-telephonie .telephonie-note, .section-telephonie-avance .telephonie-note{font-size: 1.1rem;/*18px*/}
}

@media (max-width: 767px){
  .section-telephonie .telephonie-note, .section-telephonie-avance .telephonie-note{font-size: 1rem; }
}


/*section-telephonie-avance*/
.site-service.site-service-supportti .section-pourquoi .owl-carousel-pourquoi .item{min-height: 260px;}
.site-service.site-service-supportti .section-pourquoi .lb-h5{min-height: auto;}

/*site-propos*/
@media screen and (min-width: 992px) {
  .site-propos .home-hero-wrapper .text{max-width: 58%;}
}