.elementor-5324 .elementor-element.elementor-element-a8721ec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5324 .elementor-element.elementor-element-a8721ec:not(.elementor-motion-effects-element-type-background), .elementor-5324 .elementor-element.elementor-element-a8721ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#192B48;background-image:url("https://s-quaar.fr/wp-content/uploads/2025/06/fond-footer.jpg");}.elementor-5324 .elementor-element.elementor-element-1fbd959 .elementor-button{background-color:var( --e-global-color-260534e );font-weight:600;border-radius:0px 0px 0px 0px;padding:24px 60px 24px 60px;}.elementor-5324 .elementor-element.elementor-element-1fbd959 .elementor-button:hover, .elementor-5324 .elementor-element.elementor-element-1fbd959 .elementor-button:focus{background-color:var( --e-global-color-4b1a0f5 );}.elementor-5324 .elementor-element.elementor-element-1fbd959 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-5324 .elementor-element.elementor-element-1fbd959.elementor-element{--align-self:center;}.elementor-5324 .elementor-element.elementor-element-c988204{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5324 .elementor-element.elementor-element-c988204:not(.elementor-motion-effects-element-type-background), .elementor-5324 .elementor-element.elementor-element-c988204 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-260534e );}.elementor-5324 .elementor-element.elementor-element-fa08cf1{width:100%;max-width:100%;}.elementor-5324 .elementor-element.elementor-element-fa08cf1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5324 .elementor-element.elementor-element-f244515{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5324 .elementor-element.elementor-element-aa86226 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5324 .elementor-element.elementor-element-3f3b19e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5324 .elementor-element.elementor-element-886f606{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-5324 .elementor-element.elementor-element-3dbc7a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5324 .elementor-element.elementor-element-c6e93db > .elementor-widget-container{background-color:var( --e-global-color-2a46097 );}.elementor-5324 .elementor-element.elementor-element-1a81a0d{--display:flex;--margin-top:0px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:-200px;--padding-left:0px;--padding-right:0px;}.elementor-5324 .elementor-element.elementor-element-e84091f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for bdevs-banner-about-page, class: .elementor-element-f3a134b */.tp-about-inr-area {
    padding: 60px 0 12px !important;
}/* End custom CSS */
/* Start custom CSS for bdevs-counter-about-pages, class: .elementor-element-fa08cf1 */.tp-counter-inr-paragraph {
    font-size: 17px;
}
.tp-counter-inr-area {
    padding-bottom: 0px;
}
.tp-counter-inr-count {
    color: white;
}
.tp-counter-inr-count-hlt {
    color: white;
}
.tp-counter-inr-paragraph{
    color: white;
}/* End custom CSS */
/* Start custom CSS for bdevs-chose-us-home1, class: .elementor-element-aa86226 */@media (max-width: 767px) {
.tp-chose-us-tab-title {
    font-size: 16px !important;
    letter-spacing: 0px !important;
    margin-left: 30px !important;
    text-align: left;
}
}

/* Taille fixe des icônes personnalisées */
#pills-a .tp-chose-us-tab-icon {
  width: 150px !important;
  height:150px !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  background-size: 70%; /* Réduit l'icône à 60% du conteneur */
}

/* Masquer l'icône font par défaut */
#pills-a .tp-chose-us-tab-icon i,
#pills-a .tp-chose-us-tab-icon::before {
  display: none !important;
  content: none !important;
}

/* Icônes spécifiques par ordre d’onglet */
#pills-a .nav-item:nth-child(1) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Sourcer-1.png');
}
#pills-a .nav-item:nth-child(2) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Objectifs-1.png');
}
#pills-a .nav-item:nth-child(3) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Verifier-ou-Selectionner-1.png');
}
#pills-a .nav-item:nth-child(4) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Rencontrer-1.png');
}
#pills-a .nav-item:nth-child(5) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Sourcer-1.png');
}
#pills-a .nav-item:nth-child(6) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Souplesse-1.png');
}
.tp-chose-us-tab-title {
    font-size: 18px;
    letter-spacing: 0px;
    margin-left: 60px;
}
.pt-110 {
    padding-top: 90px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f244515 */.pt-110 {
    padding-top: 60px;
}/* End custom CSS */
/* Start custom CSS for bdevs-chose-us-home1, class: .elementor-element-ccf2782 */@media (max-width: 767px) {
.tp-chose-us-tab-title {
    font-size: 16px !important;
    letter-spacing: 0px !important;
    margin-left: 30px !important;
    text-align: left;
}
}

/* Taille fixe des icônes personnalisées */
#pills-b .tp-chose-us-tab-icon {
  width: 150px !important;
  height:150px !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  background-size: 70%; /* Réduit l'icône à 60% du conteneur */
}

/* Masquer l'icône font par défaut */
#pills-b .tp-chose-us-tab-icon i,
#pills-b .tp-chose-us-tab-icon::before {
  display: none !important;
  content: none !important;
}

/* Icônes spécifiques par ordre d’onglet */
#pills-b .nav-item:nth-child(1) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Serenite-1.png');
}
#pills-b .nav-item:nth-child(2) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Objectifs-1.png');
}
#pills-b .nav-item:nth-child(3) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Rencontrer-1.png');
}
#pills-b .nav-item:nth-child(4) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Filtrer-1.png');
}
#pills-b .nav-item:nth-child(5) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Clarte-1.png');
}
#pills-b .nav-item:nth-child(6) .tp-chose-us-tab-icon {
  background-image: url('/wp-content/uploads/2025/07/Avantage-1.png');
}
.tp-chose-us-tab-title {
    font-size: 18px;
    letter-spacing: 0px;
    margin-left: 60px;
}
.pt-110 {
    padding-top: 90px;
}
.pt-120 {
    padding-top: 250px;
}/* End custom CSS */
/* Start custom CSS for bdevs-management-home1, class: .elementor-element-a0a0a9e */.tp-management-progres-skill {
    display: none;
}
.tp-management-icon-item::before {
    display: none;
}
.tp-technology-3-list li {
    font-family: "DM Sans", sans-serif;
    width: 600px;
}/* End custom CSS */
/* Start custom CSS for bdevs-testimonial-about-page, class: .elementor-element-c6e93db */@media (max-width: 767px) {
    .tp-testimonial-inner-arrow-box  {
        position: absolute;
        z-index: 1;
        top: 14%;
        left: 54%;
        transform: translate(-50%, -50%);
    }
.pt-120 {
    padding-top: 60px;
}
}/* End custom CSS */
/* Start custom CSS for bdevs-technology-home3, class: .elementor-element-e84091f *//* Empêche le débordement du bloc texte sur mobile */
@media (max-width: 767px) {
  /* Le conteneur texte */
  .tp-technology-3-item {
    width: 100% !important;          /* remplace le 700px */
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 18px 16px !important;    /* un padding mobile plus léger */
  }

  /* Titre dans le bloc */
  .tp-technology-3-item h3,
  .tp-technology-3-title {
    font-size: 22px;                  /* ajuste si besoin */
    line-height: 1.25;
    margin-bottom: 12px;
    word-wrap: break-word;
    overflow-wrap: anywhere;
  }

  /* Liste / texte du bloc */
  .tp-technology-3-list,
  .tp-technology-3-item p,
  .tp-technology-3-item li {
    font-size: 16px;
    line-height: 1.45;
    margin: 0 0 10px 0;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  /* Si une marge interne pousse la liste vers la droite, on la ramène */
  .tp-technology-3-list {
    padding-left: 0;
  }
}

/* Force la grille à passer en 1 colonne + coupe toute largeur fixe résiduelle */
@media (max-width: 767px) {
  /* 1) La rangée doit pouvoir revenir à la ligne */
  .tp-technology-3-area .row { 
    flex-wrap: wrap !important;
  }

  /* 2) Les 2 colonnes deviennent 100% */
  .tp-technology-3-area .col-xl-6,
  .tp-technology-3-area .col-lg-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* 3) Sécurise la largeur du bloc texte et de *tout* son contenu */
  .tp-technology-3-item,
  .tp-technology-3-item * {
    max-width: 100% !important;
  }

  /* 4) Si un autre style impose une largeur, on casse tout reste */
  .tp-technology-3-item {
    width: auto !important;  /* en plus de ton width:100%; */
    overflow: hidden;        /* évite les petits débordements de décorations */
  }

  /* 5) Empêche les mots/éléments de forcer sur une seule ligne */
  .tp-technology-3-item p,
  .tp-technology-3-item li,
  .tp-technology-3-item h3,
  .tp-technology-3-item .tp-technology-3-title {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* 6) La liste : on enlève l'indent qui peut pousser à droite */
  .tp-technology-3-list {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* 7) Si la liste a une icône à gauche, on garde un flux souple */
  .tp-technology-3-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
}


/* Bouton "Contactez-nous" - empêcher tout débordement sur mobile */
@media (max-width: 767px) {

  /* 1) Le wrapper du bouton garde le contenu à l’intérieur de la page */
  .tp-technology-3-button.text-center {
    padding-left: 16px;
    padding-right: 16px;    /* compense les marges négatives de .row */
    overflow: hidden;       /* coupe tout pixel qui dépasserait */
    box-sizing: border-box;
  }

  /* 2) L’anchor devient un vrai bloc plein conteneur */
  .tp-technology-3-button .tp-technology-3-btn {
    display: block;
    width: 100% !important;     /* casse les largeurs fixes du thème */
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 12px auto 0;        /* centrage vertical/horizontal safe */
  }

  /* 3) Si le thème dessine des effets via :before/:after, on les limite aussi */
  .tp-technology-3-button .tp-technology-3-btn::before,
  .tp-technology-3-button .tp-technology-3-btn::after {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;     /* évite que l’effet dépasse */
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .tp-technology-3-button .tp-technology-3-btn {
    background: #F28A7A !important;  /* ta couleur de fond (corail) */
    color: #fff !important;          /* texte en blanc */
    border: none !important;         /* enlève les bords parasites */
  }

  /* on neutralise aussi les pseudo-éléments qui ajoutent une surcouche */
  .tp-technology-3-button .tp-technology-3-btn::before,
  .tp-technology-3-button .tp-technology-3-btn::after {
    background: none !important;
    content: none !important;
  }
}

/* Dernier filet de sécurité contre une barre horizontale */
html, body { overflow-x: hidden; }


.tp-technology-3-bg {
    height: 800px;
}
.tp-technology-3-wrapper .tp-technology-3-icon:last-child {
    margin-left: 0px;
}
.tp-technology-3-icon-content p {
    width: 100%;
}
.tp-technology-3-item {
    z-index: 1;
    width: 700px;
    padding: 60px 60px 30px 60px;
}
.tp-technology-3-btn {
    font-family: "DM Sans", sans-serif;
    color: var(--tp-common-white);
    width: 700px;
    text-transform: none;
    z-index: 99;
}
.tp-technology-3-btn::before {
    background-color: #f28f7a;
}/* End custom CSS */