.elementor-9651 .elementor-element.elementor-element-c4fdb71{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9651 .elementor-element.elementor-element-a82b5e6 .swiper:not(.swiper-initialized) .swiper-slide{width:calc((100% - 0px*(1 - 1)) / 1);margin-right:0px;}.elementor-9651 .elementor-element.elementor-element-a82b5e6 .grid__item a{border-radius:0px 0px 0px 0px;}.elementor-9651 .elementor-element.elementor-element-a82b5e6 .grid__item img{width:100%;max-height:690px;}.elementor-9651 .elementor-element.elementor-element-a82b5e6 .swiper-pagination{text-align:center;bottom:-10px;}.elementor-9651 .elementor-element.elementor-element-973c283{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9651 .elementor-element.elementor-element-adfea08 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 170px 0px 170px;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9651 .elementor-element.elementor-element-771e5ab{width:100%;max-width:100%;}.elementor-9651 .elementor-element.elementor-element-771e5ab > .elementor-widget-container{margin:50px 0px 35px 0px;}.elementor-9651 .elementor-element.elementor-element-771e5ab.elementor-element{--flex-grow:0;--flex-shrink:0;}.breadcrumb-wrap, .elementor-page-9651 .breadcrumb-wrap{background-image:url("https://metghabitat.fr/wp-content/uploads/2024/03/bc_project.jpg");background-repeat:no-repeat;background-size:cover;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-9651 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}@media(min-width:768px){.elementor-9651 .elementor-element.elementor-element-973c283{--content-width:1134px;}}/* Start custom CSS for wb-before-after-image-slider-elementor, class: .elementor-element-e9d2669 *//* BEFORE / AFTER M&G HABITAT */
.bfaftr {
  width: 100%;
  max-width: 980px;
  margin: 50px auto 70px auto;
  border-radius: 22px;
  overflow: hidden;
  background: #f4f4f4;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12);
  position: relative;
}

/* Conteneur interne du widget */
.bfaftr .elementor-widget-container,
.bfaftr .twentytwenty-wrapper,
.bfaftr .twentytwenty-container,
.bfaftr .bafg-slider-wrapper,
.bfaftr .bafg-slider,
.bfaftr .beer-slider {
  width: 100% !important;
  height: 720px !important;
  border-radius: 22px;
  overflow: hidden;
  background: #f4f4f4;
}

/* Images avant / après */
.bfaftr img {
  width: 100% !important;
  height: 720px !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
}

/* Barre centrale du before/after */
.bfaftr .twentytwenty-handle,
.bfaftr .bafg-handle,
.bfaftr .beer-handle {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 3px solid #9CD7EB !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22) !important;
}

/* Ligne verticale de séparation */
.bfaftr .twentytwenty-overlay,
.bfaftr .twentytwenty-before-label,
.bfaftr .twentytwenty-after-label {
  display: none !important;
}

/* Ligne centrale si le plugin l’utilise */
.bfaftr .twentytwenty-horizontal .twentytwenty-handle:before,
.bfaftr .twentytwenty-horizontal .twentytwenty-handle:after {
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Petites flèches dans le rond */
.bfaftr .twentytwenty-left-arrow {
  border-right-color: #111111 !important;
}

.bfaftr .twentytwenty-right-arrow {
  border-left-color: #111111 !important;
}

/* Version tablette */
@media (max-width: 1024px) {
  .bfaftr {
    max-width: 92%;
    margin: 40px auto 60px auto;
    border-radius: 18px;
  }

  .bfaftr .elementor-widget-container,
  .bfaftr .twentytwenty-wrapper,
  .bfaftr .twentytwenty-container,
  .bfaftr .bafg-slider-wrapper,
  .bfaftr .bafg-slider,
  .bfaftr .beer-slider,
  .bfaftr img {
    height: 560px !important;
    border-radius: 18px;
  }
}

/* Version mobile */
@media (max-width: 767px) {
  .bfaftr {
    max-width: 100%;
    margin: 30px auto 45px auto;
    border-radius: 16px;
  }

  .bfaftr .elementor-widget-container,
  .bfaftr .twentytwenty-wrapper,
  .bfaftr .twentytwenty-container,
  .bfaftr .bafg-slider-wrapper,
  .bfaftr .bafg-slider,
  .bfaftr .beer-slider,
  .bfaftr img {
    height: 430px !important;
    border-radius: 16px;
  }

  .bfaftr .twentytwenty-handle,
  .bfaftr .bafg-handle,
  .bfaftr .beer-handle {
    width: 46px !important;
    height: 46px !important;
  }
}/* End custom CSS */