/*
Theme Name: Orritech Child
Theme URI: http://demo.bravisthemes.com/orritech
Template: orritech
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes
Description: Orritech is a top-tier React template tailored for modern technology, innovative projects, and IT solutions. This versatile template allows users to effortlessly build landing pages for IT/Software Services, various business types, apps, software, SaaS, and more. Oritech boasts a sleek, contemporary design and comes with a comprehensive set of home pages and a wide array of internal pages, including Services, Case Studies, About, Contact, FAQ, and multiple blog layouts.
Tags: it,it business,it company,it consultant company,IT Consulting Firms,IT information Technology,IT services,it solution,IT solutions,it supports,IT Tech,it technology,Tech Websites,technology
Version: 1.0.1.1786029836
Updated: 2026-08-06 17:23:56

*/

/* =========================================================
   Section AFFILIATIONS  (section #85afb65)
   ========================================================= */

/* ---- Titre "Affiliations" avec un trait de chaque côté ---- */
.elementor-element-96180a7 .pxl-text-editor .pxl-item--inner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.elementor-element-96180a7 .pxl-text-editor p{
    margin: 0;
    white-space: nowrap;
    letter-spacing: .12em;
}
.elementor-element-96180a7 .pxl-text-editor .pxl-item--inner::before,
.elementor-element-96180a7 .pxl-text-editor .pxl-item--inner::after{
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: rgba(30, 40, 90, .15);
}

/* ---- Logos : hauteur d'affichage identique + centrage ---- */
.elementor-element-85afb65 .pxl-client-carousel .pxl-swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.elementor-element-85afb65 .pxl-client-carousel .pxl-item--holder,
.elementor-element-85afb65 .pxl-client-carousel .pxl-link,
.elementor-element-85afb65 .pxl-client-carousel .pxl-item--image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;              /* zone identique pour tous les logos */
}
.elementor-element-85afb65 .pxl-client-carousel .pxl-item--image img{
    max-height: 55px;          /* hauteur visuelle des logos */
    width: auto;
    object-fit: contain;
}

/* ---- Espacement/air autour de la rangée ---- */
.elementor-element-e4aee6c{
    padding-top: 22px;
}

/* Titres : pas de majuscule forcée (garder la casse saisie) */
.pxl-heading .pxl-item--title,
.pxl-heading-ct .pxl-item--title{
    text-transform: none !important;
}

/* ---- Sous-titre "Liner Three Color" : fond bleu + texte blanc ---- */
.pxl-heading .pxl-item--subtitle.px-sub-title-liner1{
    background-image: none !important;
    background: #16224C !important;      /* bleu marine — ajustable */
    box-shadow: none !important;
    color: #ffffff !important;
}
.pxl-heading .pxl-item--subtitle.px-sub-title-liner1 .pxl-item--subtext{
    color: #ffffff !important;
}

/* ---- Carrousel Réalisations : survol/actif en vert (au lieu de rouge) ---- */
.pxl-portfolio-carousel1 .pxl-item--inner::after{
    background-image: linear-gradient(to top, rgba(37,229,125,.87) 0%, rgba(22,35,64,0) 84.55%) !important;
}
.elementor-widget-pxl_arrow_carousel .pxl-navigation-arrow::before,
.elementor-widget-pxl_arrow_carousel .pxl-navigation-arrow::after,
.pxl-portfolio-carousel1 .pxl-navigation-arrow::before,
.pxl-portfolio-carousel1 .pxl-navigation-arrow::after{
    background: #25E57D !important;
    background-image: none !important;
}
.elementor-widget-pxl_arrow_carousel .pxl-navigation-arrow i,
.pxl-portfolio-carousel1 .pxl-navigation-arrow i{
    color: #fff !important;
}

/* SOUS-TITRES (pastilles) — fond #1C234A + texte blanc, toutes variantes */
.pxl-heading .pxl-item--subtitle.px-sub-title-liner,
.pxl-heading .pxl-item--subtitle.px-sub-title-liner1,
.pxl-heading-ct .pxl-item--subtitle{
    background: #1C234A !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 7px 26px !important;
    border-radius: 100px !important;
}
/* texte interne + icône (roue) en blanc */
.pxl-heading .pxl-item--subtitle .pxl-item--subtext,
.pxl-heading-ct .pxl-item--subtitle .pxl-item--subtext{
    color: #ffffff !important;
}
.pxl-heading .pxl-item--subtitle svg,
.pxl-heading .pxl-item--subtitle svg *,
.pxl-heading .pxl-item--subtitle i,
.pxl-heading-ct .pxl-item--subtitle svg,
.pxl-heading-ct .pxl-item--subtitle svg *,
.pxl-heading-ct .pxl-item--subtitle i{
    color: #ffffff !important;
    fill: #ffffff !important;
}
/* espace entre l'icône (roue) et le texte
   (l'icône est en position:absolute dans le thème -> on la remet en flux) */
.pxl-item--subtitle .pxl-svg{
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    margin-right: 5px !important;
    display: inline-flex !important;
    align-items: center;
}
/* espace entre la pastille et le titre */
.pxl-heading .pxl-item--subtitle.px-sub-title-liner,
.pxl-heading .pxl-item--subtitle.px-sub-title-liner1,
.pxl-heading-ct .pxl-item--subtitle{
    margin-bottom: 24px !important;
}