.elementor-95 .elementor-element.elementor-element-2099f646{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:230px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-9041b47{--display:flex;--min-height:69vh;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-9041b47:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-9041b47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://baliproservices.com/wp-content/uploads/2026/05/bali-pro-services-2605-home-hero-desktop.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-95 .elementor-element.elementor-element-2ab8e32e.elementor-element{--align-self:center;}.elementor-95 .elementor-element.elementor-element-5e1e5792{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-5355ce54{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-95 .elementor-element.elementor-element-5355ce54.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-95 .elementor-element.elementor-element-4cd583fc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-21cdf8fb{--display:flex;}.elementor-95 .elementor-element.elementor-element-9cb2e92 img{width:75%;}.elementor-95 .elementor-element.elementor-element-13f30e3f{text-align:center;}.elementor-95 .elementor-element.elementor-element-13f30e3f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-95 .elementor-element.elementor-element-48424e79{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-95 .elementor-element.elementor-element-24e4f300{text-align:center;}.elementor-95 .elementor-element.elementor-element-6252961{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-263f2b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-95 .elementor-element.elementor-element-276f5ae{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-ac465f7 img{width:100%;}.elementor-95 .elementor-element.elementor-element-e86994c img{width:100%;}.elementor-95 .elementor-element.elementor-element-0d89ae5 img{width:100%;}.elementor-95 .elementor-element.elementor-element-5dc8fafe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-95 .elementor-element.elementor-element-760e3d0b{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-95 .elementor-element.elementor-element-760e3d0b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-95 .elementor-element.elementor-element-760e3d0b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:5px 5px 5px 5px;}.elementor-95 .elementor-element.elementor-element-41d5e27f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-3f7c4005{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-95 .elementor-element.elementor-element-3f7c4005.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-95 .elementor-element.elementor-element-3f7c4005 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:5px 5px 5px 5px;}.elementor-95 .elementor-element.elementor-element-eb82b75{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-1166909{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-95 .elementor-element.elementor-element-1166909.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-95 .elementor-element.elementor-element-1166909 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:5px 5px 5px 5px;}@media(max-width:1024px){.elementor-95 .elementor-element.elementor-element-9cb2e92 img{width:100%;}}@media(max-width:767px){.elementor-95 .elementor-element.elementor-element-2099f646{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-9041b47:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-9041b47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://baliproservices.com/wp-content/uploads/2026/05/bali-pro-services-2605-home-hero-mobile.webp");}.elementor-95 .elementor-element.elementor-element-5e1e5792{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-95 .elementor-element.elementor-element-5355ce54{width:100%;max-width:100%;}.elementor-95 .elementor-element.elementor-element-9cb2e92 img{width:100%;}.elementor-95 .elementor-element.elementor-element-48424e79 .elementor-heading-title{font-size:16px;}.elementor-95 .elementor-element.elementor-element-276f5ae{--width:85%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-95 .elementor-element.elementor-element-276f5ae.e-con{--align-self:center;}.elementor-95 .elementor-element.elementor-element-760e3d0b{width:100%;max-width:100%;}.elementor-95 .elementor-element.elementor-element-3f7c4005{width:100%;max-width:100%;}.elementor-95 .elementor-element.elementor-element-1166909{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-95 .elementor-element.elementor-element-276f5ae{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-95 .elementor-element.elementor-element-276f5ae{--width:602px;}}/* Start custom CSS for container, class: .elementor-element-276f5ae *//* ===== 3 logos en ligne, hover magnify + autres estompés ===== */

/* Le parent : s'assure du rang, même sur mobile */
.brands-row{
    display: flex;
    flex-wrap: nowrap;          /* pas de retour à la ligne */
    justify-content: center;
    align-items: center;
    gap: 0;                     /* bords collés, ajuste si tu veux un espace */
}

/* Chaque logo occupe 1/3, l'image remplit sa cellule */
.brands-row .elementor-widget-image,
.brands-row .brand{
    flex: 0 0 33.333%;
    max-width: 33.333%;
    text-align: center;
}

/* L'image remplit sa cellule (conteneur) --- THIS IS THE FIX --- */
.brands-row .brand img,
.brands-row .elementor-widget-image img {
    width: 100%;
    height: auto;
    display: inline-block;
    transition: transform .25s ease, opacity .25s ease, filter .25s ease;
    transform: translateZ(0);   /* perf/éviter flou */
}

/* Etat de base quand on survole la rangée : tout estompe un peu */
.brands-row:hover .brand img{
    opacity: .35;
}

/* Le logo survolé reprend l'opacité + grossit (magnify) */
.brands-row .brand:hover img{
    opacity: 1;
    transform: scale(1.08);
}

/* Evite que le scale "pousse" la mise en page */
.brands-row .brand{
    overflow: visible;
}

/* Tactile (mobile): au tap/click, on applique l'effet */
.brands-row .brand:active img,
.brands-row .brand:focus img{
    opacity: 1;
    transform: scale(1.08);
}

/* Sécurité : forcer la ligne aussi sur petits écrans (si Elementor voudrait empiler) */
@media (max-width: 767px){
    .brands-row{
        gap: 0;
    }
    .brands-row .elementor-widget-image,
    .brands-row .brand{
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
}

/* ===== Limit logo size (recommended) ===== */
.brands-row .brand img,
.brands-row .elementor-widget-image img{
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 350px; /* adjust: 50–100px */
  object-fit: contain;
}/* End custom CSS */