.elementor-785 .elementor-element.elementor-element-492c6a1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-785 .elementor-element.elementor-element-492c6a1:not(.elementor-motion-effects-element-type-background), .elementor-785 .elementor-element.elementor-element-492c6a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d9f39fa );}.elementor-785 .elementor-element.elementor-element-8a4bfbb{--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-785 .elementor-element.elementor-element-dfc254e img{width:100%;height:500px;object-fit:cover;object-position:center center;}.elementor-785 .elementor-element.elementor-element-1b93cde{width:auto;max-width:auto;top:20px;}body:not(.rtl) .elementor-785 .elementor-element.elementor-element-1b93cde{right:20px;}body.rtl .elementor-785 .elementor-element.elementor-element-1b93cde{left:20px;}.elementor-785 .elementor-element.elementor-element-1b93cde img{width:100px;}.elementor-785 .elementor-element.elementor-element-e0074c3{--e-image-carousel-slides-to-show:4;}.elementor-785 .elementor-element.elementor-element-5bcfebc{--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;--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-785 .elementor-element.elementor-element-6fa3d94{color:var( --e-global-color-100e996 );}.elementor-785 .elementor-element.elementor-element-77006f5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-785 .elementor-element.elementor-element-dfc254e img{height:400px;}.elementor-785 .elementor-element.elementor-element-e0074c3{--e-image-carousel-slides-to-show:4;}}@media(max-width:767px){.elementor-785 .elementor-element.elementor-element-492c6a1{--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-785 .elementor-element.elementor-element-dfc254e img{height:300px;}body:not(.rtl) .elementor-785 .elementor-element.elementor-element-1b93cde{right:-19px;}body.rtl .elementor-785 .elementor-element.elementor-element-1b93cde{left:-19px;}.elementor-785 .elementor-element.elementor-element-e0074c3{--e-image-carousel-slides-to-show:2;}}@media(min-width:768px){.elementor-785 .elementor-element.elementor-element-8a4bfbb{--width:100%;}.elementor-785 .elementor-element.elementor-element-5bcfebc{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-dfc254e */.diagonal-hover {
  position: relative;
  overflow: hidden;
}

/* Desktop */
.diagonal-hover::before,
.diagonal-hover::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background-color: #111111;
  opacity: 0;
  transform: scale(0.3) rotate(45deg);
  transition: transform 0.5s ease, opacity 0.5s ease;
  z-index: 2;
  pointer-events: none;
}

.diagonal-hover::before {
  top: -150px;
  left: -150px;
  transform-origin: center;
}

.diagonal-hover::after {
  bottom: -150px;
  right: -150px;
  transform-origin: center;
}

.diagonal-hover:hover::before,
.diagonal-hover:hover::after {
  opacity: 1;
  transform: scale(1) rotate(45deg);
}

/* ✅ Tablette */
@media (max-width: 1024px) {
  .diagonal-hover::before {
    width: 200px;
    height: 200px;
    top: -100px;
    left: -100px;
  }

  .diagonal-hover::after {
    width: 200px;
    height: 200px;
    bottom: -100px;
    right: -100px;
  }
}

/* ✅ Mobile */
@media (max-width: 767px) {
  .diagonal-hover::before {
    width: 120px;
    height: 120px;
    top: -60px;
    left: -60px;
  }

  .diagonal-hover::after {
    width: 120px;
    height: 120px;
    bottom: -60px;
    right: -60px;
  }
}/* End custom CSS */