/*
Theme Name: toptech child
Tags:  custom-menu, editor-style, featured-images
Template: toptech
Version: 1.0.0
*/


@import '../toptech/style.css';



/*---------------------------------
      write your css from here
------------------------------------*/

/* ITECH2S staging fix: TopTech pricing feature SVG sizing */
.pricing.style1 .pricing-body ul.features li svg.e-font-icon-svg {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}


/* ITECH2S staging fix: TopTech social icons / Font Awesome 5 Brands */
.toptech-header-top .social-icons i.fa-facebook,
.toptech-header-top .social-icons i.fa-linkedin {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}


/* ITECH2S staging fix:
   TopTech header contact icons must keep the theme native Font Awesome 4 */
.toptech-header-top .top-address i.fa {
    font-family: "FontAwesome" !important;
    font-weight: normal !important;
    font-style: normal !important;
}

/* =========================================================
   ITECH2S Top Header — Font Awesome 5 normalization
   Contact icons = FA5 Free Solid
   Social icons  = FA5 Brands
   Parent theme remains untouched.
   ========================================================= */

/* Contact icons — Font Awesome 5 Free Solid */
.toptech-header-top .top-address i.fa {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

/*
 * TopTech emits the legacy FA4 class fa-envelope-o.
 * Its FA4 glyph code is not the FA5 solid envelope glyph.
 * Remap it explicitly to the FA5 envelope.
 */
.toptech-header-top .top-address i.fa-envelope-o::before {
    content: "\f0e0" !important;
}

/* Address */
.toptech-header-top .top-address i.fa-map::before {
    content: "\f279" !important;
}

/* Telephone */
.toptech-header-top .top-address i.fa-phone::before {
    content: "\f095" !important;
}

/* Social networks — Font Awesome 5 Brands */
.toptech-header-top .social-icons i.fa-facebook,
.toptech-header-top .social-icons i.fa-linkedin {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
    font-style: normal !important;
}


/**
 * ITECH2S - Page À propos
 * Préserve la casse française du sous-titre du CTA.
 */
.elementor-element-96dd743 .section-title.style2 .subtitle {
    text-transform: none !important;
}

/* ITECH2S - casse francaise bouton CTA About Us */
.elementor-element-0fb8cb6 .dreamit-button.style4 .dreamit-button a {
    text-transform: none !important;
}

/* ITECH2S - casse francaise surtitre Pourquoi choisir */
.elementor-element-1d5245f .section-title.style2 .subtitle {
    text-transform: none !important;
}

/* ITECH2S - casse francaise boutons section Pourquoi choisir */
.elementor-element-f01c42b .dreamit-button a,
.elementor-element-4fe6316 .dreamit-button a,
.elementor-element-cb5736f .dreamit-button a {
    text-transform: none !important;
}

/* ITECH2S - casse francaise boutons pricing About Us */
.elementor-element-f01c42b .pricing-button,
.elementor-element-4fe6316 .pricing-button {
    text-transform: none !important;
}

/* ITECH2S - alignement hauteur des 4 cartes Why Choose Us */
.elementor-element-91e0c40 > .elementor-widget-container,
.elementor-element-908f8a4 > .elementor-widget-container,
.elementor-element-e3391f7 > .elementor-widget-container,
.elementor-element-eb3f8f7 > .elementor-widget-container {
    height: 100%;
}

.elementor-element-91e0c40 > .elementor-widget-container > *,
.elementor-element-908f8a4 > .elementor-widget-container > *,
.elementor-element-e3391f7 > .elementor-widget-container > *,
.elementor-element-eb3f8f7 > .elementor-widget-container > * {
    height: 100%;
}

/* ITECH2S - hauteur uniforme cartes Why Choose Us */
.elementor-element-91e0c40 .icon-box.style-two.style-eleven,
.elementor-element-908f8a4 .icon-box.style-two.style-eleven,
.elementor-element-e3391f7 .icon-box.style-two.style-eleven,
.elementor-element-eb3f8f7 .icon-box.style-two.style-eleven {
    min-height: 320px;
}

/* ITECH2S - hauteur uniforme cartes Mission Vision */
.elementor-element-6672eed .icon-box.style-two.style-eleven,
.elementor-element-7f9e8d0 .icon-box.style-two.style-eleven,
.elementor-element-7c78a31 .icon-box.style-two.style-eleven,
.elementor-element-85b5749 .icon-box.style-two.style-eleven {
    min-height: 320px;
}

/* ITECH2S - correction chevauchement noms equipe */
.team.style5 h2.name {
    line-height: 1.2 !important;
    margin: 0 0 6px !important;
}

.team.style5 .team-content .bio .designation {
    margin-top: 6px !important;
}

/* ITECH2S - Cybersecurite : cartes qualitatives sans chiffres fictifs */
.page-id-13278 .elementor-element-479111e .count,
.page-id-13278 .elementor-element-479111e .suffix,
.page-id-13278 .elementor-element-c8e3a4b .count,
.page-id-13278 .elementor-element-c8e3a4b .suffix,
.page-id-13278 .elementor-element-4343828 .count,
.page-id-13278 .elementor-element-4343828 .suffix,
.page-id-13278 .elementor-element-2339286 .count,
.page-id-13278 .elementor-element-2339286 .suffix,

.page-id-13273 .elementor-element-479111e .count,
.page-id-13273 .elementor-element-479111e .suffix,
.page-id-13273 .elementor-element-c8e3a4b .count,
.page-id-13273 .elementor-element-c8e3a4b .suffix,
.page-id-13273 .elementor-element-4343828 .count,
.page-id-13273 .elementor-element-4343828 .suffix,
.page-id-13273 .elementor-element-2339286 .count,
.page-id-13273 .elementor-element-2339286 .suffix,

.page-id-13268 .elementor-element-479111e .count,
.page-id-13268 .elementor-element-479111e .suffix,
.page-id-13268 .elementor-element-c8e3a4b .count,
.page-id-13268 .elementor-element-c8e3a4b .suffix,
.page-id-13268 .elementor-element-4343828 .count,
.page-id-13268 .elementor-element-4343828 .suffix,
.page-id-13268 .elementor-element-2339286 .count,
.page-id-13268 .elementor-element-2339286 .suffix {
    display: none !important;
}

/*
 * ITECH2S - Cybersécurité
 * Normalisation des icônes SVG des Feature Box "Bénéfices".
 *
 * fac2dd6 = Réduction des risques
 * 9f0ceb4 = Réactivité renforcée
 * 7bea311 = Résilience durable
 */
.elementor-element-fac2dd6 .feature-box.style-three .feature-box-icon,
.elementor-element-9f0ceb4 .feature-box.style-three .feature-box-icon,
.elementor-element-7bea311 .feature-box.style-three .feature-box-icon {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.elementor-element-fac2dd6 .feature-box.style-three .feature-box-icon .e-font-icon-svg,
.elementor-element-9f0ceb4 .feature-box.style-three .feature-box-icon .e-font-icon-svg,
.elementor-element-7bea311 .feature-box.style-three .feature-box-icon .e-font-icon-svg {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    display: block !important;
    fill: #ffffff !important;
    color: #ffffff !important;
}

/*
 * ITECH2S - Cybersécurité
 * Harmonisation finale des SVG Font Awesome avec les Feature Box TopTech.
 *
 * fac2dd6 = Réduction des risques
 * 9f0ceb4 = Réactivité renforcée
 * 7bea311 = Résilience durable
 */
.elementor-element-fac2dd6 .feature-box.style-three .feature-box-icon,
.elementor-element-9f0ceb4 .feature-box.style-three .feature-box-icon,
.elementor-element-7bea311 .feature-box.style-three .feature-box-icon {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    background: #0c5adb !important;
    border-radius: 10px !important;
    margin-bottom: 35px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    overflow: hidden !important;
}

.elementor-element-fac2dd6 .feature-box.style-three .feature-box-icon .e-font-icon-svg,
.elementor-element-9f0ceb4 .feature-box.style-three .feature-box-icon .e-font-icon-svg,
.elementor-element-7bea311 .feature-box.style-three .feature-box-icon .e-font-icon-svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    display: block !important;
    fill: #ffffff !important;
    color: #ffffff !important;
    margin: 0 !important;
}

/*
 * ITECH2S - Cybersécurité
 * Normalisation de l icone Eye - Meilleure visibilité.
 * Elementor widget: 155bfde
 */
.elementor-element-155bfde .feature-box.style-three .feature-box-icon {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    background: #0c5adb !important;
    border-radius: 10px !important;
    margin-bottom: 35px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    overflow: hidden !important;
}

.elementor-element-155bfde .feature-box.style-three .feature-box-icon .e-font-icon-svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    display: block !important;
    fill: #ffffff !important;
    color: #ffffff !important;
    margin: 0 !important;
}

/*
 * ITECH2S - Cybersécurité
 * Bloc Notre engagement.
 * Transformation du testimonial en cartes d engagement.
 * Widget Elementor : 960312c
 */

/* Aucune photo ou fonction fictive. */
.elementor-element-960312c .testimonial.style3 .author > img,
.elementor-element-960312c .testimonial.style3 .author .designation {
    display: none !important;
}

/*
 * TopTech réserve déjà 70px au bas de .testimonial-top.
 * On utilise cet espace pour afficher le titre de la carte.
 */
.elementor-element-960312c .testimonial.style3 .author {
    margin-top: -60px !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    text-align: center !important;
}

.elementor-element-960312c .testimonial.style3 .author .bio {
    margin-left: 0 !important;
    width: 100% !important;
}

.elementor-element-960312c .testimonial.style3 .author h4.name {
    color: #041424 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}




/*
 * ITECH2S - Cybersécurité
 * Écosystème technologique.
 * Normalisation visuelle du carousel de logos.
 * Widget Elementor : 8f3fbf9
 */
.elementor-element-8f3fbf9 .brand.style5 .brand-carousel3 .brand-item {
    height: 72px !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-element-8f3fbf9 .brand.style5 .brand-carousel3 .brand-item img {
    width: auto !important;
    height: auto !important;

    max-width: 155px !important;
    max-height: 46px !important;

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

    margin: 0 auto !important;
    display: block !important;
}

/*
 * ITECH2S - Cybersécurité
 * Écosystème technologique.
 * Ajustement du poids visuel de certains logos.
 */

/* AWS */
.elementor-element-8f3fbf9 img[src*="Amazon_Web_Services-Logo.wine_-scaled.png"] {
    transform: scale(1.22) !important;
    transform-origin: center center !important;
}

/* Microsoft Security */
.elementor-element-8f3fbf9 img[src*="ms-security_logo_stacked_c-gray_rgb_hero-100829135-orig.jpg"] {
    transform: scale(1.35) !important;
    transform-origin: center center !important;
}

/*
 * ITECH2S - Services TI
 * Harmonisation des icônes des 6 Service Box.
 * Page : 13308
 *
 * Widgets :
 * 9c2025c = Services TI managés
 * d6e13be = Support TI
 * 6fc29bc = Postes & serveurs
 * 40bbe58 = Réseaux & connectivité
 * 8df8d7b = Cloud & virtualisation
 * 8798fe5 = Sauvegarde & continuité
 */

/* Gabarit commun du cercle. */
.page-id-13308 .elementor-element-9c2025c .service-box.style6 .service-box-icon,
.page-id-13308 .elementor-element-d6e13be .service-box.style6 .service-box-icon,
.page-id-13308 .elementor-element-6fc29bc .service-box.style6 .service-box-icon,
.page-id-13308 .elementor-element-40bbe58 .service-box.style6 .service-box-icon,
.page-id-13308 .elementor-element-8df8d7b .service-box.style6 .service-box-icon,
.page-id-13308 .elementor-element-8798fe5 .service-box.style6 .service-box-icon {
    width: 85px !important;
    height: 85px !important;
    min-width: 85px !important;

    border-radius: 50% !important;
    background-color: #f3f8fd !important;
    border: 2px solid #ffffff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    line-height: 1 !important;
}

/* Font Awesome rendu par Elementor en SVG. */
.page-id-13308 .elementor-element-9c2025c .service-box-icon svg,
.page-id-13308 .elementor-element-d6e13be .service-box-icon svg,
.page-id-13308 .elementor-element-6fc29bc .service-box-icon svg,
.page-id-13308 .elementor-element-40bbe58 .service-box-icon svg,
.page-id-13308 .elementor-element-8df8d7b .service-box-icon svg,
.page-id-13308 .elementor-element-8798fe5 .service-box-icon svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;

    color: #0C5ADB !important;
    fill: #0C5ADB !important;

    display: block !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Assure également la couleur des paths SVG. */
.page-id-13308 .elementor-widget-service .service-box.style6 .service-box-icon svg path {
    fill: #0C5ADB !important;
}

/* Flaticon : Support TI + Réseaux & connectivité. */
.page-id-13308 .elementor-element-d6e13be .service-box-icon i,
.page-id-13308 .elementor-element-40bbe58 .service-box-icon i {
    color: #0C5ADB !important;
    font-size: 30px !important;
    line-height: 1 !important;

    display: block !important;
    width: auto !important;
    height: auto !important;

    position: relative !important;
    z-index: 2 !important;
}


/*
 * ITECH2S - CTA Contact du footer.
 * Remplace temporairement le formulaire Newsletter.
 */
.itech2s-footer-contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 10px 26px;

    background: #0C5ADB;
    color: #ffffff !important;

    font-weight: 600;
    text-decoration: none !important;

    border: 1px solid #0C5ADB;
    border-radius: 4px;

    transition: 0.3s ease;
}

.itech2s-footer-contact-btn:hover {
    background: transparent;
    color: #ffffff !important;
    border-color: #ffffff;
}


/*
 * ITECH2S_SOC_CAPABILITIES_ALIGNMENT_V1
 *
 * Page SOC managé : 10963
 * Section Capacités SOC : 592c746
 *
 * Objectifs :
 * - cartes de même hauteur dans chaque rangée ;
 * - zone d'icône homogène ;
 * - titres alignés ;
 * - descriptions alignées ;
 * - bouton/check maintenu au bas de chaque carte.
 */

/* Les deux rangées Elementor doivent étirer leurs colonnes. */
.page-id-10963 .elementor-element-592c746 .elementor-element-57711af > .elementor-container,
.page-id-10963 .elementor-element-592c746 .elementor-element-e60efb1 > .elementor-container {
    align-items: stretch !important;
}

/* Chaque colonne devient un conteneur flex de pleine hauteur. */
.page-id-10963 .elementor-element-592c746 .elementor-element-57711af > .elementor-container > .elementor-column,
.page-id-10963 .elementor-element-592c746 .elementor-element-e60efb1 > .elementor-container > .elementor-column {
    display: flex !important;
    align-items: stretch !important;
}

.page-id-10963 .elementor-element-592c746 .elementor-element-57711af > .elementor-container > .elementor-column > .elementor-widget-wrap,
.page-id-10963 .elementor-element-592c746 .elementor-element-e60efb1 > .elementor-container > .elementor-column > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Les six widgets Service occupent toute la hauteur disponible. */
.page-id-10963 .elementor-element-592c746 .elementor-element-c203282,
.page-id-10963 .elementor-element-592c746 .elementor-element-44eba8c,
.page-id-10963 .elementor-element-592c746 .elementor-element-6eae6c0,
.page-id-10963 .elementor-element-592c746 .elementor-element-e2fddfa,
.page-id-10963 .elementor-element-592c746 .elementor-element-6dd6dd5,
.page-id-10963 .elementor-element-592c746 .elementor-element-4a4cf16 {
    width: 100% !important;
    height: 100% !important;
}

.page-id-10963 .elementor-element-592c746 .elementor-widget-service > .elementor-widget-container {
    height: 100% !important;
}

/* Carte elle-même. */
.page-id-10963 .elementor-element-592c746 .service-box.style10.fourteen.sixteen {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/*
 * Zone icône identique :
 * empêche par exemple le cadenas d'occuper davantage d'espace
 * vertical que les autres pictogrammes.
 */
.page-id-10963 .elementor-element-592c746 .service-box-icon {
    height: 120px !important;
    min-height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.page-id-10963 .elementor-element-592c746 .service-box-icon svg {
    width: 86px !important;
    height: 86px !important;
    max-width: 86px !important;
    max-height: 86px !important;
}

/* Le contenu interne utilise toute la hauteur restante. */
.page-id-10963 .elementor-element-592c746 .service-box .content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* Les titres démarrent tous au même niveau. */
.page-id-10963 .elementor-element-592c746 .service-box-title {
    min-height: 54px !important;
}

/*
 * Réserve une zone cohérente aux descriptions afin que les listes
 * situées dessous commencent sensiblement au même niveau.
 */
.page-id-10963 .elementor-element-592c746 .service-box p.description {
    min-height: 105px !important;
}

/* Le check final reste aligné au bas des cartes. */
.page-id-10963 .elementor-element-592c746 .service-btn {
    margin-top: auto !important;
}

/*
 * Sur mobile, on évite de créer artificiellement de grands espaces
 * puisque les cartes sont affichées les unes sous les autres.
 */
@media (max-width: 767px) {

    .page-id-10963 .elementor-element-592c746 .elementor-widget-service,
    .page-id-10963 .elementor-element-592c746 .elementor-widget-service > .elementor-widget-container,
    .page-id-10963 .elementor-element-592c746 .service-box.style10.fourteen.sixteen {
        height: auto !important;
    }

    .page-id-10963 .elementor-element-592c746 .service-box-title,
    .page-id-10963 .elementor-element-592c746 .service-box p.description {
        min-height: 0 !important;
    }

    .page-id-10963 .elementor-element-592c746 .service-box-icon {
        height: 100px !important;
        min-height: 100px !important;
    }

    .page-id-10963 .elementor-element-592c746 .service-box-icon svg {
        width: 76px !important;
        height: 76px !important;
    }
}


/*
 * ITECH2S_SOC_CAPABILITIES_EMPTY_DEMO_CLEANUP_V1
 *
 * Page SOC managé : 10963
 * Section Capacités SOC : 592c746
 *
 * Les listes et boutons de démonstration ont été vidés dans Elementor.
 * Le thème continue néanmoins à produire leurs wrappers HTML.
 */
.page-id-10963 .elementor-element-592c746 .service-box p.list,
.page-id-10963 .elementor-element-592c746 .service-box .service-btn {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/*
 * ITECH2S_SOC_CAPABILITIES_ICON_COLOR_V1
 *
 * Page SOC managé : 10963
 * Section Capacités SOC : 592c746
 *
 * Rend les six pictogrammes lisibles sur le fond sombre.
 */
.page-id-10963 .elementor-element-592c746 .service-box-icon,
.page-id-10963 .elementor-element-592c746 .service-box-icon svg {
    color: #0071D9 !important;
}

.page-id-10963 .elementor-element-592c746 .service-box-icon svg,
.page-id-10963 .elementor-element-592c746 .service-box-icon svg path {
    fill: #0071D9 !important;
}


/*
 * ITECH2S_SOC_APPROACH_LAYOUT_V1
 *
 * Page SOC managé : 10963
 * Section : 2b4d281
 * Bloc : "Du signal à l'action"
 */

/* Les deux grandes colonnes doivent avoir la même hauteur. */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-195a2cc
> .elementor-container {
    align-items: stretch !important;
}

/* Colonne image. */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-846304b,
.page-id-10963
.elementor-element-2b4d281
.elementor-element-846304b
> .elementor-widget-wrap {
    display: flex !important;
    align-items: stretch !important;
}

/* L'image occupe proprement toute la hauteur disponible. */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-9d23055,
.page-id-10963
.elementor-element-2b4d281
.elementor-element-9d23055
> .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}

.page-id-10963
.elementor-element-2b4d281
.elementor-element-9d23055 img {
    width: 100% !important;
    height: 100% !important;
    min-height: 360px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Colonne texte centrée verticalement. */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-051662a
> .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Espace sous le titre principal. */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-63fe85f {
    margin-bottom: 26px !important;
}

/* Les deux sous-blocs doivent avoir la même hauteur. */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-97138a
> .elementor-container {
    align-items: stretch !important;
}

.page-id-10963
.elementor-element-2b4d281
.elementor-element-97138a
> .elementor-container
> .elementor-column {
    display: flex !important;
    align-items: stretch !important;
}

.page-id-10963
.elementor-element-2b4d281
.elementor-element-9059f51,
.page-id-10963
.elementor-element-2b4d281
.elementor-element-c7bcf41 {
    width: 100% !important;
    height: 100% !important;
}

.page-id-10963
.elementor-element-2b4d281
.elementor-element-9059f51
> .elementor-widget-container,
.page-id-10963
.elementor-element-2b4d281
.elementor-element-c7bcf41
> .elementor-widget-container {
    height: 100% !important;
}

/* Structure interne identique pour les deux cartes. */
.page-id-10963
.elementor-element-2b4d281
.icon-box.style-eleven {
    height: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
}

/* Zone icône uniforme. */
.page-id-10963
.elementor-element-2b4d281
.icon-box.style-eleven
.icon-box-icon {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Icônes ITECH2S. */
.page-id-10963
.elementor-element-2b4d281
.icon-box.style-eleven
.icon-box-icon i {
    color: #0071D9 !important;
    font-size: 34px !important;
}

/* Alignement du contenu des deux sous-blocs. */
.page-id-10963
.elementor-element-2b4d281
.icon-box.style-eleven
.icon-box-content {
    flex: 1 1 auto !important;
}

.page-id-10963
.elementor-element-2b4d281
.icon-box.style-eleven
.title {
    min-height: 48px !important;
}

/* Respiration avant le CTA. */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-eed80e0 {
    margin-top: 26px !important;
}

/* Mobile : retour à une hauteur naturelle. */
@media (max-width: 767px) {

    .page-id-10963
    .elementor-element-2b4d281
    .elementor-element-9d23055 img {
        height: auto !important;
        min-height: 0 !important;
    }

    .page-id-10963
    .elementor-element-2b4d281
    .elementor-element-9059f51,
    .page-id-10963
    .elementor-element-2b4d281
    .elementor-element-c7bcf41,
    .page-id-10963
    .elementor-element-2b4d281
    .elementor-element-9059f51
    > .elementor-widget-container,
    .page-id-10963
    .elementor-element-2b4d281
    .elementor-element-c7bcf41
    > .elementor-widget-container {
        height: auto !important;
    }

    .page-id-10963
    .elementor-element-2b4d281
    .icon-box.style-eleven
    .title {
        min-height: 0 !important;
    }
}


/*
 * ITECH2S_SOC_APPROACH_FINE_TUNING_V1
 *
 * Page SOC managé : 10963
 * Bloc "Du signal à l'action"
 */

/* Cercle bleu + pictogramme blanc pour un meilleur contraste. */
.page-id-10963
.elementor-element-2b4d281
.icon-box.style-eleven
.icon-box-icon .icon {
    background: #0071D9 !important;
    color: #FFFFFF !important;
}

.page-id-10963
.elementor-element-2b4d281
.icon-box.style-eleven
.icon-box-icon .icon i {
    color: #FFFFFF !important;
}

/*
 * Même espace réservé aux titres afin que les descriptions
 * commencent exactement sur la même ligne.
 */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-9059f51
.icon-box-content .title,
.page-id-10963
.elementor-element-2b4d281
.elementor-element-c7bcf41
.icon-box-content .title {
    min-height: 58px !important;
    display: flex !important;
    align-items: flex-start !important;
}

/* Même point de départ pour les descriptions. */
.page-id-10963
.elementor-element-2b4d281
.elementor-element-9059f51
.icon-box-content .description,
.page-id-10963
.elementor-element-2b4d281
.elementor-element-c7bcf41
.icon-box-content .description {
    margin-top: 0 !important;
}

@media (max-width: 767px) {

    .page-id-10963
    .elementor-element-2b4d281
    .elementor-element-9059f51
    .icon-box-content .title,
    .page-id-10963
    .elementor-element-2b4d281
    .elementor-element-c7bcf41
    .icon-box-content .title {
        min-height: 0 !important;
    }
}


/*
 * ITECH2S_SOC_FAQ_VISUAL_V1
 *
 * Page SOC managé : 10963
 * Section FAQ : 1d4402b
 * Accordéon : ddce410
 */

/* Respiration générale de la section. */
.page-id-10963
.elementor-element-1d4402b {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

/* Titre de FAQ mieux séparé de l'accordéon. */
.page-id-10963
.elementor-element-1d4402b
.elementor-element-2926f0d {
    margin-bottom: 36px !important;
}

/*
 * Accordéon plus large mais contenu :
 * lisible sur desktop sans devenir excessivement étiré.
 */
.page-id-10963
.elementor-element-1d4402b
.elementor-element-ddce410 {
    width: 100% !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Nettoyage du UL. */
.page-id-10963
.elementor-element-1d4402b
ul.my-accordion {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Une question = une vraie carte FAQ. */
.page-id-10963
.elementor-element-1d4402b
ul.my-accordion > li {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;

    background: rgba(1, 19, 51, 0.72) !important;
    border: 1px solid rgba(0, 113, 217, 0.34) !important;
    border-radius: 8px !important;

    overflow: hidden !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease !important;
}

.page-id-10963
.elementor-element-1d4402b
ul.my-accordion > li:last-child {
    margin-bottom: 0 !important;
}

/* Question cliquable. */
.page-id-10963
.elementor-element-1d4402b
ul.my-accordion > li > a {
    display: block !important;
    position: relative !important;

    padding: 19px 58px 19px 22px !important;

    color: #FFFFFF !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    cursor: pointer !important;
    text-decoration: none !important;
}

/* Interaction plus nette, sans changer le JS de l'accordéon. */
.page-id-10963
.elementor-element-1d4402b
ul.my-accordion > li:hover {
    border-color: rgba(0, 113, 217, 0.72) !important;
    background: rgba(4, 27, 61, 0.92) !important;
}

.page-id-10963
.elementor-element-1d4402b
ul.my-accordion > li > a:hover,
.page-id-10963
.elementor-element-1d4402b
ul.my-accordion > li > a:focus {
    color: #FFFFFF !important;
}

/*
 * Réponse.
 * On ne touche surtout pas à "display" :
 * le widget conserve son comportement ouvrir/fermer.
 */
.page-id-10963
.elementor-element-1d4402b
ul.my-accordion > li > p {
    margin: 0 !important;
    padding: 0 22px 22px 22px !important;

    color: #C7D0DC !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}

/* Responsive. */
@media (max-width: 767px) {

    .page-id-10963
    .elementor-element-1d4402b {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }

    .page-id-10963
    .elementor-element-1d4402b
    .elementor-element-ddce410 {
        max-width: 100% !important;
    }

    .page-id-10963
    .elementor-element-1d4402b
    ul.my-accordion > li > a {
        padding: 17px 50px 17px 18px !important;
        font-size: 16px !important;
    }

    .page-id-10963
    .elementor-element-1d4402b
    ul.my-accordion > li > p {
        padding: 0 18px 18px 18px !important;
        font-size: 14px !important;
    }
}


/*
 * ITECH2S_SOC_FAQ_FULL_WIDTH_V1
 *
 * Page SOC managé : 10963
 * FAQ : ddce410
 *
 * Le thème limitait encore la largeur réelle de l'accordéon.
 */

/* Section interne + colonne réellement pleine largeur. */
.page-id-10963
.elementor-element-1d4402b
.elementor-element-b40651e,
.page-id-10963
.elementor-element-1d4402b
.elementor-element-b40651e
> .elementor-container,
.page-id-10963
.elementor-element-1d4402b
.elementor-element-1709829,
.page-id-10963
.elementor-element-1d4402b
.elementor-element-1709829
> .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
}

/* Widget Elementor. */
.page-id-10963
.elementor-element-1d4402b
.elementor-element-ddce410,
.page-id-10963
.elementor-element-1d4402b
.elementor-element-ddce410
> .elementor-widget-container {
    width: 100% !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* L'accordéon lui-même prend toute la largeur du widget. */
.page-id-10963
.elementor-element-1d4402b
ul.my-accordion {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
}

/* Chaque question remplit la largeur disponible. */
.page-id-10963
.elementor-element-1d4402b
ul.my-accordion > li {
    width: 100% !important;
    box-sizing: border-box !important;
}


/*
 * ITECH2S_MANAGED_CYBER_OVERVIEW_CARDS_ALIGNMENT_V1
 *
 * Page Cybersécurité managée : 13268
 * Section Aperçu : 5074729
 * Rangée des quatre axes : 51dfbbd
 */

/* Les quatre colonnes s'étirent à la même hauteur. */
.page-id-13268
.elementor-element-5074729
.elementor-element-51dfbbd
> .elementor-container {
    align-items: stretch !important;
}

.page-id-13268
.elementor-element-5074729
.elementor-element-51dfbbd
> .elementor-container
> .elementor-column {
    display: flex !important;
    align-items: stretch !important;
}

.page-id-13268
.elementor-element-5074729
.elementor-element-51dfbbd
> .elementor-container
> .elementor-column
> .elementor-widget-wrap {
    display: flex !important;
    width: 100% !important;
}


/* Les quatre widgets prennent toute la hauteur de leur colonne. */
.page-id-13268 .elementor-element-479111e,
.page-id-13268 .elementor-element-c8e3a4b,
.page-id-13268 .elementor-element-4343828,
.page-id-13268 .elementor-element-2339286 {
    width: 100% !important;
    height: 100% !important;
}

.page-id-13268 .elementor-element-479111e > .elementor-widget-container,
.page-id-13268 .elementor-element-c8e3a4b > .elementor-widget-container,
.page-id-13268 .elementor-element-4343828 > .elementor-widget-container,
.page-id-13268 .elementor-element-2339286 > .elementor-widget-container {
    height: 100% !important;
}


/* Carte qualitative. */
.page-id-13268
.elementor-element-5074729
.single-counter {
    width: 100% !important;
    height: 100% !important;
    min-height: 172px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* L'ancien emplacement d'icône est vide : aucun espace inutile. */
.page-id-13268
.elementor-element-5074729
.single-counter > .icon {
    display: none !important;
}


/* Le contenu est parfaitement centré. */
.page-id-13268
.elementor-element-5074729
.counter-content.counter {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}


/*
 * Même hauteur réservée à chacun des quatre titres.
 * "Sécurité cloud & infrastructure" peut donc occuper deux lignes
 * sans agrandir sa carte.
 */
.page-id-13268
.elementor-element-5074729
.counter-content.counter h6 {
    min-height: 58px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    line-height: 1.3 !important;
}


/* Mobile : hauteur naturelle lorsque les cartes s'empilent. */
@media (max-width: 767px) {

    .page-id-13268
    .elementor-element-5074729
    .single-counter {
        height: auto !important;
        min-height: 135px !important;
    }

    .page-id-13268
    .elementor-element-5074729
    .counter-content.counter h6 {
        min-height: 0 !important;
    }
}


/*
 * ITECH2S_MANAGED_CYBER_OVERVIEW_CTA_V1
 *
 * Page Cybersécurité managée : 13268
 * CTA sous les quatre axes : 18c4dda
 */

.page-id-13268
.elementor-element-18c4dda
.elementor-widget-container > p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 18px !important;

    margin: 0 !important;

    color: #788898 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Neutralise le comportement typographique du strong. */
.page-id-13268
.elementor-element-18c4dda strong {
    display: inline-flex !important;
    font-weight: inherit !important;
}

/* Vrai bouton ITECH2S. */
.page-id-13268
.elementor-element-18c4dda a.dot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 0 24px !important;

    background: #0071D9 !important;
    color: #FFFFFF !important;

    border: 1px solid #0071D9 !important;
    border-radius: 6px !important;

    font-weight: 700 !important;
    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

.page-id-13268
.elementor-element-18c4dda a.dot:hover,
.page-id-13268
.elementor-element-18c4dda a.dot:focus {
    background: #005FB8 !important;
    border-color: #005FB8 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

/* Supprime un éventuel marqueur décoratif du thème. */
.page-id-13268
.elementor-element-18c4dda a.dot::before,
.page-id-13268
.elementor-element-18c4dda a.dot::after {
    display: none !important;
}


/* Mobile : phrase puis bouton. */
@media (max-width: 767px) {

    .page-id-13268
    .elementor-element-18c4dda
    .elementor-widget-container > p {
        flex-direction: column !important;
        gap: 14px !important;
        text-align: center !important;
    }

    .page-id-13268
    .elementor-element-18c4dda a.dot {
        width: 100% !important;
        max-width: 280px !important;
    }
}


/*
 * ITECH2S_MANAGED_CYBER_SERVICES_ALIGNMENT_V2
 *
 * Page Cybersécurité managée : 13268
 * Section Services managés : 6e05852
 * Grille réelle :
 *   08d1b70 -> d732cab + c52ca83
 *   56b1f48 -> 2998177 + d4e31b5
 *   ed9c3e2 -> a963892 + dc5c4d3
 *
 * IMPORTANT :
 * on préserve la topologie Elementor 3 colonnes × 2 widgets.
 */

/* Les trois colonnes conservent une hauteur commune. */
.page-id-13268
.elementor-element-6e05852
.elementor-element-818f24a
> .elementor-container {
    align-items: stretch !important;
}


/*
 * Chaque colonne devient uniquement une grille verticale de 2 lignes.
 * Aucun changement sur le nombre ou la disposition des colonnes.
 */
.page-id-13268
.elementor-element-6e05852
.elementor-element-08d1b70
> .elementor-widget-wrap,

.page-id-13268
.elementor-element-6e05852
.elementor-element-56b1f48
> .elementor-widget-wrap,

.page-id-13268
.elementor-element-6e05852
.elementor-element-ed9c3e2
> .elementor-widget-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;

    row-gap: 26px !important;

    height: 100% !important;
    align-content: stretch !important;
}


/* Les six widgets remplissent leur cellule, sans débordement. */
.page-id-13268 .elementor-element-d732cab,
.page-id-13268 .elementor-element-c52ca83,
.page-id-13268 .elementor-element-2998177,
.page-id-13268 .elementor-element-d4e31b5,
.page-id-13268 .elementor-element-a963892,
.page-id-13268 .elementor-element-dc5c4d3 {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    min-width: 0 !important;
}


/* Le conteneur Elementor suit la hauteur de la cellule. */
.page-id-13268 .elementor-element-d732cab > .elementor-widget-container,
.page-id-13268 .elementor-element-c52ca83 > .elementor-widget-container,
.page-id-13268 .elementor-element-2998177 > .elementor-widget-container,
.page-id-13268 .elementor-element-d4e31b5 > .elementor-widget-container,
.page-id-13268 .elementor-element-a963892 > .elementor-widget-container,
.page-id-13268 .elementor-element-dc5c4d3 > .elementor-widget-container {
    height: 100% !important;
}


/* Carte service. */
.page-id-13268
.elementor-element-6e05852
.icon-box.style7 {
    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    min-height: 205px !important;

    box-sizing: border-box !important;

    align-items: flex-start !important;
}


/* Zone réservée au pictogramme. */
.page-id-13268
.elementor-element-6e05852
.icon-box.style7
.icon-box-icon {
    width: 72px !important;
    min-width: 72px !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
}


.page-id-13268
.elementor-element-6e05852
.icon-box.style7
.icon-box-icon .icon {
    width: 58px !important;
    height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.page-id-13268
.elementor-element-6e05852
.icon-box.style7
.icon-box-icon i {
    font-size: 34px !important;
}


/* Empêche le texte de pousser horizontalement la carte. */
.page-id-13268
.elementor-element-6e05852
.icon-box.style7
.icon-box-content {
    flex: 1 1 auto !important;

    min-width: 0 !important;
    width: auto !important;
}


/*
 * Même zone de titre pour les six services.
 * Les descriptions commencent ainsi au même niveau.
 */
.page-id-13268
.elementor-element-6e05852
.icon-box.style7
h4.title {
    min-height: 58px !important;

    margin-top: 0 !important;
    margin-bottom: 12px !important;

    display: flex !important;
    align-items: flex-start !important;

    line-height: 1.3 !important;
}


/* Descriptions homogènes. */
.page-id-13268
.elementor-element-6e05852
.icon-box.style7
p.description {
    margin: 0 !important;

    line-height: 1.65 !important;
}


/*
 * Mobile :
 * pas de hauteur artificielle et deux services naturels par groupe.
 */
@media (max-width: 767px) {

    .page-id-13268
    .elementor-element-6e05852
    .elementor-element-08d1b70
    > .elementor-widget-wrap,

    .page-id-13268
    .elementor-element-6e05852
    .elementor-element-56b1f48
    > .elementor-widget-wrap,

    .page-id-13268
    .elementor-element-6e05852
    .elementor-element-ed9c3e2
    > .elementor-widget-wrap {
        grid-template-rows: auto auto !important;
        height: auto !important;
        row-gap: 20px !important;
    }


    .page-id-13268
    .elementor-element-6e05852
    .icon-box.style7 {
        height: auto !important;
        min-height: 0 !important;
    }


    .page-id-13268
    .elementor-element-6e05852
    .icon-box.style7
    h4.title {
        min-height: 0 !important;
    }
}


/*
 * ITECH2S_MANAGED_CYBER_BENEFITS_VISUAL_V1
 *
 * Page Cybersécurité managée : 13268
 * Section Bénéfices : 7138527
 *
 * - aligne verticalement les quatre descriptions ;
 * - conserve les icônes et la grille natives ;
 * - transforme le CTA inférieur en bouton ITECH2S.
 */

/* Le numéro du template n'est pas utilisé sur cette variante. */
.page-id-13268
.elementor-element-7138527
.feature-box.style-three
.feature-box-number {
    display: none !important;
}


/*
 * Même hauteur de titre pour les quatre bénéfices.
 * Les descriptions commencent ainsi exactement au même niveau.
 */
.page-id-13268
.elementor-element-7138527
.feature-box.style-three
.feature-box-title {
    min-height: 68px !important;

    display: flex !important;
    align-items: flex-start !important;

    margin-bottom: 10px !important;
}


/* Description : rythme identique. */
.page-id-13268
.elementor-element-7138527
.feature-box.style-three
.feature-box-desc {
    margin-top: 0 !important;
}


/*
 * CTA inférieur : phrase + vrai bouton.
 */
.page-id-13268
.elementor-element-599ee9f
.elementor-widget-container > p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 18px !important;

    margin: 0 !important;

    color: #788898 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}


/* Neutralise le strong utilisé par le template. */
.page-id-13268
.elementor-element-599ee9f strong {
    display: inline-flex !important;
    font-weight: inherit !important;
}


/* Bouton ITECH2S. */
.page-id-13268
.elementor-element-599ee9f a.dot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 0 24px !important;

    background: #0071D9 !important;
    color: #FFFFFF !important;

    border: 1px solid #0071D9 !important;
    border-radius: 6px !important;

    font-weight: 700 !important;
    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}


.page-id-13268
.elementor-element-599ee9f a.dot:hover,
.page-id-13268
.elementor-element-599ee9f a.dot:focus {
    background: #005FB8 !important;
    border-color: #005FB8 !important;
    color: #FFFFFF !important;

    transform: translateY(-1px);
}


/* Neutralise un éventuel décor du thème. */
.page-id-13268
.elementor-element-599ee9f a.dot::before,
.page-id-13268
.elementor-element-599ee9f a.dot::after {
    display: none !important;
}


/* Responsive. */
@media (max-width: 767px) {

    .page-id-13268
    .elementor-element-7138527
    .feature-box.style-three
    .feature-box-title {
        min-height: 0 !important;
    }

    .page-id-13268
    .elementor-element-599ee9f
    .elementor-widget-container > p {
        flex-direction: column !important;
        gap: 14px !important;

        text-align: center !important;
    }

    .page-id-13268
    .elementor-element-599ee9f a.dot {
        width: 100% !important;
        max-width: 280px !important;
    }
}


/*
 * ITECH2S_CLOUD_OVERVIEW_QUALITATIVE_COUNTERS_V1
 *
 * Page Cloud & Infrastructure : 4313
 * Compteurs réutilisés comme cartes qualitatives.
 */
.page-id-4313 .elementor-element-479111e .count,
.page-id-4313 .elementor-element-479111e .suffix,
.page-id-4313 .elementor-element-c8e3a4b .count,
.page-id-4313 .elementor-element-c8e3a4b .suffix,
.page-id-4313 .elementor-element-4343828 .count,
.page-id-4313 .elementor-element-4343828 .suffix,
.page-id-4313 .elementor-element-2339286 .count,
.page-id-4313 .elementor-element-2339286 .suffix {
    display: none !important;
}


/*
 * ITECH2S_CLOUD_OVERVIEW_CARDS_ALIGNMENT_V1
 *
 * Page Cloud & Infrastructure : 4313
 * Section Aperçu : 5074729
 * Rangée des quatre axes : 51dfbbd
 */

/* Même hauteur pour les quatre colonnes. */
.page-id-4313
.elementor-element-5074729
.elementor-element-51dfbbd
> .elementor-container {
    align-items: stretch !important;
}

.page-id-4313
.elementor-element-5074729
.elementor-element-51dfbbd
> .elementor-container
> .elementor-column {
    display: flex !important;
    align-items: stretch !important;
}

.page-id-4313
.elementor-element-5074729
.elementor-element-51dfbbd
> .elementor-container
> .elementor-column
> .elementor-widget-wrap {
    display: flex !important;
    width: 100% !important;
}


/* Les quatre widgets remplissent leur colonne. */
.page-id-4313 .elementor-element-479111e,
.page-id-4313 .elementor-element-c8e3a4b,
.page-id-4313 .elementor-element-4343828,
.page-id-4313 .elementor-element-2339286 {
    width: 100% !important;
    height: 100% !important;
}

.page-id-4313 .elementor-element-479111e > .elementor-widget-container,
.page-id-4313 .elementor-element-c8e3a4b > .elementor-widget-container,
.page-id-4313 .elementor-element-4343828 > .elementor-widget-container,
.page-id-4313 .elementor-element-2339286 > .elementor-widget-container {
    height: 100% !important;
}


/* Carte qualitative. */
.page-id-4313
.elementor-element-5074729
.single-counter {
    width: 100% !important;
    height: 100% !important;
    min-height: 172px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* Ancienne zone icône vide : aucun espace inutile. */
.page-id-4313
.elementor-element-5074729
.single-counter > .icon {
    display: none !important;
}


/* Centrage du contenu. */
.page-id-4313
.elementor-element-5074729
.counter-content.counter {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Même hauteur réservée au titre. */
.page-id-4313
.elementor-element-5074729
.counter-content.counter h6 {
    min-height: 58px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    line-height: 1.3 !important;
}


/* Mobile : hauteur naturelle. */
@media (max-width: 767px) {

    .page-id-4313
    .elementor-element-5074729
    .single-counter {
        height: auto !important;
        min-height: 135px !important;
    }

    .page-id-4313
    .elementor-element-5074729
    .counter-content.counter h6 {
        min-height: 0 !important;
    }
}


/*
 * ITECH2S_CLOUD_OVERVIEW_CTA_V1
 *
 * Page Cloud & Infrastructure : 4313
 * CTA sous les quatre axes : 18c4dda
 */

.page-id-4313
.elementor-element-18c4dda
.elementor-widget-container > p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 18px !important;

    margin: 0 !important;

    color: #788898 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.page-id-4313
.elementor-element-18c4dda strong {
    display: inline-flex !important;
    font-weight: inherit !important;
}

.page-id-4313
.elementor-element-18c4dda a.dot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 0 24px !important;

    background: #0071D9 !important;
    color: #FFFFFF !important;

    border: 1px solid #0071D9 !important;
    border-radius: 6px !important;

    font-weight: 700 !important;
    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

.page-id-4313
.elementor-element-18c4dda a.dot:hover,
.page-id-4313
.elementor-element-18c4dda a.dot:focus {
    background: #005FB8 !important;
    border-color: #005FB8 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

.page-id-4313
.elementor-element-18c4dda a.dot::before,
.page-id-4313
.elementor-element-18c4dda a.dot::after {
    display: none !important;
}

@media (max-width: 767px) {

    .page-id-4313
    .elementor-element-18c4dda
    .elementor-widget-container > p {
        flex-direction: column !important;
        gap: 14px !important;
        text-align: center !important;
    }

    .page-id-4313
    .elementor-element-18c4dda a.dot {
        width: 100% !important;
        max-width: 280px !important;
    }
}


/*
 * ITECH2S_CLOUD_SOLUTIONS_ALIGNMENT_V2
 *
 * Page Cloud & Infrastructure : 4313
 * Section Solutions : 3101660
 *
 * Topologie native conservée :
 * 8d6e17a -> 42a24f8 + b7d4cd8
 * 8b10d9c -> 54f2847 + cfd05a7
 * f84db81 -> 545cbc2 + ecca30d
 */

/* Les trois colonnes principales gardent une hauteur commune. */
.page-id-4313
.elementor-element-3101660
.elementor-element-c543c5b
> .elementor-container {
    align-items: stretch !important;
}


/*
 * Chaque colonne conserve exactement ses deux widgets,
 * mais les répartit sur deux lignes de même hauteur.
 */
.page-id-4313
.elementor-element-3101660
.elementor-element-8d6e17a
> .elementor-widget-wrap,

.page-id-4313
.elementor-element-3101660
.elementor-element-8b10d9c
> .elementor-widget-wrap,

.page-id-4313
.elementor-element-3101660
.elementor-element-f84db81
> .elementor-widget-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;

    row-gap: 26px !important;
    height: 100% !important;
    align-content: stretch !important;
}


/* Les six widgets remplissent leur cellule sans débordement. */
.page-id-4313 .elementor-element-42a24f8,
.page-id-4313 .elementor-element-b7d4cd8,
.page-id-4313 .elementor-element-54f2847,
.page-id-4313 .elementor-element-cfd05a7,
.page-id-4313 .elementor-element-545cbc2,
.page-id-4313 .elementor-element-ecca30d {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    min-width: 0 !important;
}


.page-id-4313 .elementor-element-42a24f8 > .elementor-widget-container,
.page-id-4313 .elementor-element-b7d4cd8 > .elementor-widget-container,
.page-id-4313 .elementor-element-54f2847 > .elementor-widget-container,
.page-id-4313 .elementor-element-cfd05a7 > .elementor-widget-container,
.page-id-4313 .elementor-element-545cbc2 > .elementor-widget-container,
.page-id-4313 .elementor-element-ecca30d > .elementor-widget-container {
    height: 100% !important;
}


/* Carte elle-même. */
.page-id-4313
.elementor-element-3101660
.icon-box.style7 {
    width: 100% !important;
    height: 100% !important;
    min-height: 205px !important;

    align-items: flex-start !important;
    box-sizing: border-box !important;
}


/* Même espace réservé aux pictogrammes. */
.page-id-4313
.elementor-element-3101660
.icon-box.style7
.icon-box-icon {
    width: 72px !important;
    min-width: 72px !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
}


/* Même hauteur de titre. */
.page-id-4313
.elementor-element-3101660
.icon-box.style7
h4.title {
    min-height: 58px !important;

    margin-top: 0 !important;
    margin-bottom: 12px !important;

    display: flex !important;
    align-items: flex-start !important;

    line-height: 1.3 !important;
}


/* Le texte ne pousse pas horizontalement la carte. */
.page-id-4313
.elementor-element-3101660
.icon-box.style7
.icon-box-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}


/* Descriptions homogènes. */
.page-id-4313
.elementor-element-3101660
.icon-box.style7
p.description {
    margin: 0 !important;
    line-height: 1.65 !important;
}


/* Mobile : hauteur naturelle. */
@media (max-width: 767px) {

    .page-id-4313
    .elementor-element-3101660
    .elementor-element-8d6e17a
    > .elementor-widget-wrap,

    .page-id-4313
    .elementor-element-3101660
    .elementor-element-8b10d9c
    > .elementor-widget-wrap,

    .page-id-4313
    .elementor-element-3101660
    .elementor-element-f84db81
    > .elementor-widget-wrap {
        grid-template-rows: auto auto !important;
        height: auto !important;
        row-gap: 20px !important;
    }

    .page-id-4313
    .elementor-element-3101660
    .icon-box.style7 {
        height: auto !important;
        min-height: 0 !important;
    }

    .page-id-4313
    .elementor-element-3101660
    .icon-box.style7
    h4.title {
        min-height: 0 !important;
    }
}


/*
 * ITECH2S_CLOUD_BENEFITS_CTA_V1
 *
 * Page Cloud & Infrastructure : 4313
 * CTA inférieur Bénéfices : 58e76e2
 */

.page-id-4313
.elementor-element-58e76e2
.elementor-widget-container > p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 18px !important;

    margin: 0 !important;

    color: #788898 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.page-id-4313
.elementor-element-58e76e2 strong {
    display: inline-flex !important;
    font-weight: inherit !important;
}

.page-id-4313
.elementor-element-58e76e2 a.dot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 0 24px !important;

    background: #0071D9 !important;
    color: #FFFFFF !important;

    border: 1px solid #0071D9 !important;
    border-radius: 6px !important;

    font-weight: 700 !important;
    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

.page-id-4313
.elementor-element-58e76e2 a.dot:hover,
.page-id-4313
.elementor-element-58e76e2 a.dot:focus {
    background: #005FB8 !important;
    border-color: #005FB8 !important;
    color: #FFFFFF !important;

    transform: translateY(-1px);
}

.page-id-4313
.elementor-element-58e76e2 a.dot::before,
.page-id-4313
.elementor-element-58e76e2 a.dot::after {
    display: none !important;
}

@media (max-width: 767px) {

    .page-id-4313
    .elementor-element-58e76e2
    .elementor-widget-container > p {
        flex-direction: column !important;
        gap: 14px !important;
        text-align: center !important;
    }

    .page-id-4313
    .elementor-element-58e76e2 a.dot {
        width: 100% !important;
        max-width: 280px !important;
    }
}


/*
 * ITECH2S_PQC_OVERVIEW_LAYOUT_V1
 *
 * Page PQC : 3392
 * Section  : 5be824d
 *
 * Rééquilibrage léger de l'aperçu :
 * davantage d'espace pour le contenu et les deux axes PQC.
 */

.page-id-3392
.elementor-element-bba1a66
> .elementor-container
> .elementor-element-3810ac6 {
    width: 42% !important;
    flex: 0 0 42% !important;
}

.page-id-3392
.elementor-element-bba1a66
> .elementor-container
> .elementor-element-291e27a {
    width: 58% !important;
    flex: 0 0 58% !important;
}


/*
 * Un peu plus d'air entre les deux capacités.
 */
.page-id-3392
.elementor-element-d3188f9
> .elementor-container {
    column-gap: 22px !important;
}

.page-id-3392
.elementor-element-d3188f9
> .elementor-container
> .elementor-element-28e714f,

.page-id-3392
.elementor-element-d3188f9
> .elementor-container
> .elementor-element-7de8090 {
    width: calc(50% - 11px) !important;
    flex: 0 0 calc(50% - 11px) !important;
}


/*
 * Sur tablette/mobile on laisse Elementor reprendre
 * une disposition naturelle en pleine largeur.
 */
@media (max-width: 1024px) {

    .page-id-3392
    .elementor-element-bba1a66
    > .elementor-container
    > .elementor-element-3810ac6,

    .page-id-3392
    .elementor-element-bba1a66
    > .elementor-container
    > .elementor-element-291e27a {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

@media (max-width: 767px) {

    .page-id-3392
    .elementor-element-d3188f9
    > .elementor-container {
        display: block !important;
    }

    .page-id-3392
    .elementor-element-d3188f9
    > .elementor-container
    > .elementor-element-28e714f,

    .page-id-3392
    .elementor-element-d3188f9
    > .elementor-container
    > .elementor-element-7de8090 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}


/*
 * ITECH2S_PQC_SERVICES_GRID_V1
 *
 * Page PQC : 3392
 * Section  : 2741d8b
 * Grille   : a0341ac
 *
 * Transformation des 6 capacités PQC de 6 colonnes étroites
 * vers une grille 3 x 2 lisible et homogène.
 */

.page-id-3392
.elementor-element-a0341ac
> .elementor-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px 24px !important;
    align-items: stretch !important;
}


/*
 * Les six colonnes Elementor deviennent les cellules
 * de la grille.
 */
.page-id-3392
.elementor-element-a0341ac
> .elementor-container
> .elementor-column {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
}


/*
 * Chaque widget occupe toute la hauteur disponible.
 */
.page-id-3392
.elementor-element-a0341ac
> .elementor-container
> .elementor-column
> .elementor-widget-wrap {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
}

.page-id-3392
.elementor-element-a0341ac
.elementor-widget-iconbox {
    width: 100% !important;
    height: 100% !important;
}

.page-id-3392
.elementor-element-a0341ac
.elementor-widget-iconbox
> .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}


/*
 * Cartes style fourteen.
 */
.page-id-3392
.elementor-element-a0341ac
.icon-box.style14 {
    box-sizing: border-box !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 285px !important;

    padding: 28px 24px 26px !important;

    display: flex !important;
    flex-direction: column !important;
}


/*
 * Normalisation légère des pictogrammes.
 */
.page-id-3392
.elementor-element-a0341ac
.icon-box.style14 img {
    max-width: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
}


/*
 * Hauteur de titre homogène afin d'aligner
 * les descriptions des 6 cartes.
 */
.page-id-3392
.elementor-element-a0341ac
.icon-box.style14 h3,
.page-id-3392
.elementor-element-a0341ac
.icon-box.style14 h4,
.page-id-3392
.elementor-element-a0341ac
.icon-box.style14 .title {
    min-height: 52px !important;
}


/*
 * Les descriptions restent lisibles sans créer
 * de hauteurs arbitraires.
 */
.page-id-3392
.elementor-element-a0341ac
.icon-box.style14 p {
    line-height: 1.65 !important;
}


/*
 * Tablette : 2 colonnes.
 */
@media (max-width: 1024px) {

    .page-id-3392
    .elementor-element-a0341ac
    > .elementor-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/*
 * Mobile : 1 colonne.
 */
@media (max-width: 767px) {

    .page-id-3392
    .elementor-element-a0341ac
    > .elementor-container {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .page-id-3392
    .elementor-element-a0341ac
    .icon-box.style14 {
        min-height: 0 !important;
    }
}


/*
 * ITECH2S HOME BLOCK 4 CARD NORMALIZATION
 * Scope: homepage 1365 / section 8fe7645 only.
 * Purpose:
 * - equal desktop lower-panel heights;
 * - prevent card-1 title from entering the circular arrow area.
 */
@media (min-width: 1025px) {
    .elementor-1365
    .elementor-element.elementor-element-8fe7645
    .feature-box.style-four
    .feature-box-content {
        min-height: 110px;
    }

    .elementor-1365
    .elementor-element.elementor-element-8fe7645
    .elementor-element-9973ac0
    .feature-box.style-four
    .feature-box-title {
        padding-right: 78px;
    }
}

/*
 * ITECH2S HOME BLOCK 6 FIRST COUNTER PREFIX
 * Scope: homepage 1365 / widget bfb2789 only.
 * Purpose: render the approved "+4" while preserving the
 * DreamIT counter numeric field as the valid number 4.
 */
.elementor-1365
.elementor-element.elementor-element-bfb2789
.count::before {
    content: "+";
}

/*
 * ITECH2S HOME BLOCK 7 MARQUEE STABILITY
 * Scope: homepage 1365 / section 9e355af only.
 * Purpose:
 * - preserve every approved label on one line;
 * - prevent flex-item compression and text overlap;
 * - make both marquee tracks identical in width;
 * - preserve a seamless infinite loop.
 */
.elementor-1365
.elementor-element.elementor-element-9e355af
.marquee {
    --gap: 18px;
    gap: var(--gap);
}

.elementor-1365
.elementor-element.elementor-element-9e355af
.marquee-block {
    width: max-content;
    min-width: max-content;
    justify-content: flex-start;
    gap: var(--gap);
    animation-duration: 72s;
    -webkit-animation-duration: 72s;
}

.elementor-1365
.elementor-element.elementor-element-9e355af
.marquee-block h3 {
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0;
}

/* =========================================================
   ITECH2S BLOG ACTUALITES V1
   ========================================================= */

.itech2s-blog-empty {
    max-width: 820px;
    margin: 0 auto;
    padding: 64px 48px;
    text-align: center;
    background: #ffffff;
    border: 1px solid rgba(15, 77, 146, 0.12);
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(4, 32, 71, 0.08);
}

.itech2s-blog-empty-kicker {
    display: inline-block;
    margin-bottom: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.itech2s-blog-empty h2 {
    margin-bottom: 18px;
}

.itech2s-blog-empty p {
    max-width: 650px;
    margin: 0 auto 28px;
    line-height: 1.75;
}

.itech2s-blog-empty-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 12px 28px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 700;
}

.itech2s-blog-card-article,
.itech2s-blog-card {
    height: 100%;
}

.itech2s-blog-card .toptech-blog-content-area {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.itech2s-blog-card .blog-readmore {
    margin-top: auto;
}

@media (max-width: 767px) {
    .itech2s-blog-empty {
        padding: 42px 24px;
    }
}

/* =========================================================
   ITECH2S BLOG ACTUALITES V1 CTA BUTTON
   ========================================================= */

.itech2s-blog-empty-cta {
    background: #0d6efd;
    color: #ffffff !important;
    border: 1px solid #0d6efd;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.itech2s-blog-empty-cta:hover,
.itech2s-blog-empty-cta:focus {
    background: #0b5ed7;
    color: #ffffff !important;
    text-decoration: none;
    opacity: 1;
}


/* =========================================================
   ITECH2S CASE STUDY PAGE 5026 V1
   ========================================================= */

.itech2s-case-study-empty {
    max-width: 820px;
    margin: 0 auto;
    padding: 64px 48px;
    text-align: center;
    background: #ffffff;
    border: 1px solid rgba(15, 77, 146, 0.12);
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(4, 32, 71, 0.08);
}

.itech2s-case-study-empty-kicker {
    display: inline-block;
    margin-bottom: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.itech2s-case-study-empty h2 {
    margin-bottom: 18px;
}

.itech2s-case-study-empty p {
    max-width: 650px;
    margin: 0 auto 28px;
    line-height: 1.75;
}

.itech2s-case-study-empty-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 12px 28px;
    background: #0d6efd;
    color: #ffffff !important;
    border: 1px solid #0d6efd;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 700;
    transition: background-color 0.2s ease;
}

.itech2s-case-study-empty-cta:hover,
.itech2s-case-study-empty-cta:focus {
    background: #0b5ed7;
    color: #ffffff !important;
    text-decoration: none;
}

@media (max-width: 767px) {
    .itech2s-case-study-empty {
        padding: 42px 24px;
    }
}

/* ITECH2S_BOOKINGS_V1_PAGE_18782_START
 * Microsoft Bookings embedded reservation page.
 * Scoped exclusively to WordPress page ID 18782.
 */
body.page-id-18782 .itech2s-booking-v1 {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 20px 80px;
    box-sizing: border-box;
}

body.page-id-18782 .itech2s-booking-v1-intro {
    width: 100%;
    max-width: 820px;
    margin: 0 auto 38px;
    text-align: center;
}

body.page-id-18782 .itech2s-booking-v1-intro h2 {
    margin: 0 0 18px;
    font-size: 38px;
    line-height: 1.2;
}

body.page-id-18782 .itech2s-booking-v1-intro p {
    margin: 0;
    font-size: 17px;
    line-height: 1.75;
}

body.page-id-18782 .itech2s-booking-v1-frame-wrap {
    display: block;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e8edf5;
    border-radius: 12px;
    box-shadow: 0 12px 38px rgba(0, 31, 78, 0.08);
    box-sizing: border-box;
}

body.page-id-18782 iframe.itech2s-booking-v1-frame {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;

    height: 2100px !important;
    min-height: 2100px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    background: #ffffff !important;
}

body.page-id-18782 .itech2s-booking-v1-fallback {
    display: block;
    margin: 20px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}

body.page-id-18782 .itech2s-booking-v1-fallback a {
    color: #0C5ADB;
    font-weight: 700;
    text-decoration: underline;
}

body.page-id-18782 .itech2s-booking-v1-quote {
    width: 100%;
    max-width: 820px;
    margin: 55px auto 0;
    padding: 34px;
    text-align: center;

    background: #f5f8fd !important;

    border-radius: 12px;
    box-sizing: border-box;
}

body.page-id-18782 .itech2s-booking-v1-quote h3 {
    margin: 0 0 12px;
    font-size: 27px;
    line-height: 1.25;
}

body.page-id-18782 .itech2s-booking-v1-quote p {
    margin: 0 0 22px;
}

body.page-id-18782 .itech2s-booking-v1-quote a {
    display: inline-block !important;

    padding: 14px 28px !important;

    background: #0C5ADB !important;
    color: #ffffff !important;

    border-radius: 4px;

    text-decoration: none !important;
    font-weight: 700;
}

body.page-id-18782 .itech2s-booking-v1-quote a:hover {
    opacity: .9;
    color: #ffffff !important;
}

@media (max-width: 767px) {

    body.page-id-18782 .itech2s-booking-v1 {
        padding: 45px 12px 60px;
    }

    body.page-id-18782 .itech2s-booking-v1-intro h2 {
        font-size: 29px;
    }

    body.page-id-18782 .itech2s-booking-v1-intro p {
        font-size: 16px;
    }

    body.page-id-18782 iframe.itech2s-booking-v1-frame {
        height: 2400px !important;
        min-height: 2400px !important;
    }

    body.page-id-18782 .itech2s-booking-v1-quote {
        margin-top: 38px;
        padding: 26px 18px;
    }
}

/* ITECH2S_BOOKINGS_V1_PAGE_18782_END */

/*
 * ============================================================
 * ITECH2S_TEAM_SOCIAL_VISUAL_FIX_V3
 *
 * Homepage:
 * - personal social lists remain hidden.
 *
 * /team/:
 * - one direct LinkedIn icon per member;
 * - original blue share trigger removed;
 * - Jean's icon visible but inactive;
 * - dead TopTech pseudo-backgrounds remain neutralized.
 * ============================================================
 */

/* Homepage — personal social controls remain disabled. */
.page-id-1365 .elementor-element-4784efd .team.style2 ul.social-icon,
.page-id-1365 .elementor-element-decd8f9 .team.style2 ul.social-icon,
.page-id-1365 .elementor-element-4e9b356 .team.style2 ul.social-icon,
.page-id-1365 .elementor-element-7fd59d1 .team.style2 ul.social-icon {
    display: none !important;
}

/* /team/ — remove the obsolete share trigger. */
.page-id-4782 .elementor-element-3aa01b5 .team.style5 .team-share,
.page-id-4782 .elementor-element-bc84439 .team.style5 .team-share,
.page-id-4782 .elementor-element-b6512c1 .team.style5 .team-share,
.page-id-4782 .elementor-element-8c1da1f .team.style5 .team-share {
    display: none !important;
}

/*
 * /team/ — make the single LinkedIn item directly visible
 * in the position previously occupied by the share trigger.
 */
.page-id-4782 .elementor-element-3aa01b5 .team.style5 ul.social-icon,
.page-id-4782 .elementor-element-bc84439 .team.style5 ul.social-icon,
.page-id-4782 .elementor-element-b6512c1 .team.style5 ul.social-icon,
.page-id-4782 .elementor-element-8c1da1f .team.style5 ul.social-icon {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 26px 0 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;

    background: transparent !important;
}

.page-id-4782 .team.style5 ul.social-icon li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.page-id-4782 .team.style5 ul.social-icon li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;

    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;

    color: #ffffff !important;
    background: #0C59DB !important;

    border: 0 !important;
    border-radius: 50% !important;

    transition:
        background-color .25s ease,
        color .25s ease !important;

    z-index: 2 !important;
}

/* Elementor / Font Awesome SVG LinkedIn icon. */
.page-id-4782 .team.style5 ul.social-icon li a svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
    color: inherit !important;
}

/* Hover — Guy-Merlin, Eric and Cyrille. */
.page-id-4782 .team.style5 ul.social-icon li a:hover {
    color: #0C59DB !important;
    background: #ffffff !important;
}

/* Jean — visible LinkedIn icon, deliberately inactive. */
.page-id-4782 .elementor-element-8c1da1f .team.style5 ul.social-icon li a {
    pointer-events: none !important;
    cursor: default !important;
}

/*
 * Neutralize DreamIT's obsolete TopTech pseudo-backgrounds.
 */
.page-id-4782 .elementor-element-3aa01b5 .team.style5 .team-content::after,
.page-id-4782 .elementor-element-bc84439 .team.style5 .team-content::after,
.page-id-4782 .elementor-element-b6512c1 .team.style5 .team-content::after,
.page-id-4782 .elementor-element-8c1da1f .team.style5 .team-content::after,
.page-id-4782 .elementor-element-3aa01b5 .team.style5:hover .team-content::after,
.page-id-4782 .elementor-element-bc84439 .team.style5:hover .team-content::after,
.page-id-4782 .elementor-element-b6512c1 .team.style5:hover .team-content::after,
.page-id-4782 .elementor-element-8c1da1f .team.style5:hover .team-content::after {
    background: none !important;
}

/* ITECH2S_TEAM_SOCIAL_VISUAL_FIX_V3_END */

/*
 * ============================================================
 * ITECH2S_HEADER_YOUTUBE_ICON_FIX_V1
 *
 * TopTech renders header social icons with legacy "fa" classes.
 * Facebook and LinkedIn were already normalized to FA5 Brands.
 * Normalize YouTube to the same brand font family.
 * ============================================================
 */

.toptech-header-top .social-icons i.fa-youtube {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* ITECH2S_HEADER_YOUTUBE_ICON_FIX_V1_END */