.elementor-185 .elementor-element.elementor-element-7188da6{--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;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:6%;}.elementor-185 .elementor-element.elementor-element-4d9a3e7{--display:flex;--min-height:627px;--margin-top:3%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-185 .elementor-element.elementor-element-4d9a3e7:not(.elementor-motion-effects-element-type-background), .elementor-185 .elementor-element.elementor-element-4d9a3e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://miroiterieduguinefort.fr/wp-content/uploads/2026/05/pose-de-vitres-sur-toit-miroiterie-de-guinefort.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-185 .elementor-element.elementor-element-d677b3f{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-185 .elementor-element.elementor-element-d677b3f:not(.elementor-motion-effects-element-type-background), .elementor-185 .elementor-element.elementor-element-d677b3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-47320d4 );}.elementor-185 .elementor-element.elementor-element-17aaed0{text-align:start;}.elementor-185 .elementor-element.elementor-element-20ef563{padding:1% 0% 10% 0%;text-align:start;}.elementor-185 .elementor-element.elementor-element-b8899d9{text-align:start;}.elementor-185 .elementor-element.elementor-element-2808179{padding:2% 0% 0% 0%;}.elementor-185 .elementor-element.elementor-element-6b42815{--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:center;--gap:0px 200px;--row-gap:0px;--column-gap:200px;--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-185 .elementor-element.elementor-element-6b42815.e-con{--align-self:center;}.elementor-185 .elementor-element.elementor-element-27d1a4d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-185 .elementor-element.elementor-element-27d1a4d.e-con{--align-self:flex-start;}.elementor-185 .elementor-element.elementor-element-949a8ed{text-align:start;}.elementor-185 .elementor-element.elementor-element-47d834a{padding:3% 0% 0% 0%;z-index:2;text-align:start;}body:not(.rtl) .elementor-185 .elementor-element.elementor-element-1171183{left:-569px;}body.rtl .elementor-185 .elementor-element.elementor-element-1171183{right:-569px;}.elementor-185 .elementor-element.elementor-element-1171183{top:0px;z-index:1;text-align:start;}.elementor-185 .elementor-element.elementor-element-1108d03{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-185 .elementor-element.elementor-element-1108d03.e-con{--align-self:flex-start;}.elementor-185 .elementor-element.elementor-element-9421a91{text-align:start;}.elementor-185 .elementor-element.elementor-element-c5b3f38{padding:3% 0% 0% 0%;text-align:start;}.elementor-185 .elementor-element.elementor-element-4c296de{--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:center;--gap:0px 200px;--row-gap:0px;--column-gap:200px;--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-185 .elementor-element.elementor-element-4c296de:not(.elementor-motion-effects-element-type-background), .elementor-185 .elementor-element.elementor-element-4c296de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://miroiterieduguinefort.fr/wp-content/uploads/2026/03/installation-de-fenetres-sur-bardage-bois-miroiterie-du-guinefort-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-185 .elementor-element.elementor-element-4c296de.e-con{--align-self:center;}.elementor-185 .elementor-element.elementor-element-dccddcb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-185 .elementor-element.elementor-element-dccddcb.e-con{--align-self:flex-start;}.elementor-185 .elementor-element.elementor-element-b34cc28{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-185 .elementor-element.elementor-element-b34cc28::before, .elementor-185 .elementor-element.elementor-element-b34cc28 > .elementor-background-video-container::before, .elementor-185 .elementor-element.elementor-element-b34cc28 > .e-con-inner > .elementor-background-video-container::before, .elementor-185 .elementor-element.elementor-element-b34cc28 > .elementor-background-slideshow::before, .elementor-185 .elementor-element.elementor-element-b34cc28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-185 .elementor-element.elementor-element-b34cc28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-185 .elementor-element.elementor-element-b34cc28.e-con{--align-self:flex-start;}.elementor-185 .elementor-element.elementor-element-d01a1b3{width:100%;max-width:100%;}.elementor-185 .elementor-element.elementor-element-6f636f7{--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:6%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-185 .elementor-element.elementor-element-bc5f5ed.elementor-element{--align-self:center;}.elementor-185 .elementor-element.elementor-element-4a7ce32{padding:5% 0% 0% 0%;text-align:center;font-size:23px;font-weight:600;}.elementor-185 .elementor-element.elementor-element-b992abc{padding:1% 0% 0% 0%;}.elementor-185 .elementor-element.elementor-element-b992abc.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1500px){.elementor-185 .elementor-element.elementor-element-6b42815{--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}body:not(.rtl) .elementor-185 .elementor-element.elementor-element-1171183{left:-269px;}body.rtl .elementor-185 .elementor-element.elementor-element-1171183{right:-269px;}.elementor-185 .elementor-element.elementor-element-1171183{top:290px;}.elementor-185 .elementor-element.elementor-element-4c296de{--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}}@media(max-width:1024px){.elementor-185 .elementor-element.elementor-element-7188da6{--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:6%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-185 .elementor-element.elementor-element-4d9a3e7{--min-height:344px;}.elementor-185 .elementor-element.elementor-element-d677b3f{--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-185 .elementor-element.elementor-element-6b42815{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-185 .elementor-element.elementor-element-1108d03{--padding-top:6%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-185 .elementor-element.elementor-element-4c296de{--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;--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-185 .elementor-element.elementor-element-6f636f7{--padding-top:10%;--padding-bottom:6%;--padding-left:0%;--padding-right:0%;}}@media(max-width:768px){.elementor-185 .elementor-element.elementor-element-7188da6{--padding-top:5%;--padding-bottom:15%;--padding-left:10%;--padding-right:10%;}.elementor-185 .elementor-element.elementor-element-4d9a3e7{--min-height:292px;}.elementor-185 .elementor-element.elementor-element-d677b3f{--padding-top:12%;--padding-bottom:12%;--padding-left:12%;--padding-right:12%;}.elementor-185 .elementor-element.elementor-element-6b42815{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-185 .elementor-element.elementor-element-27d1a4d{--width:100%;}.elementor-185 .elementor-element.elementor-element-4c296de{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-185 .elementor-element.elementor-element-b34cc28{--min-height:849px;}.elementor-185 .elementor-element.elementor-element-6f636f7{--padding-top:20%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-185 .elementor-element.elementor-element-4a7ce32{padding:5% 10% 0% 10%;}}@media(min-width:769px){.elementor-185 .elementor-element.elementor-element-dccddcb{--width:50%;}}@media(min-width:2400px){.elementor-185 .elementor-element.elementor-element-b992abc{padding:1% 0% 0% 0%;}}/* Start custom CSS for heading, class: .elementor-element-17aaed0 */@media screen and (max-width: 768px) {
    .elementor-185 .elementor-element.elementor-element-17aaed0 br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b8899d9 */@media screen and (max-width: 768px) {
    .elementor-185 .elementor-element.elementor-element-b8899d9 br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2808179 */.btn-arrow > a {
    display: inline-block;
    align-items: center;

    font-size: 1.2rem;
    font-weight: 400;
    padding: 10px 22px;
    border: 1px solid var(--e-global-color-text);
    border-radius: 15px;

    color: var(--e-global-color-primary);
    text-decoration: none;

    transition: all 0.3s ease;
}

/* conteneur de la flèche */
.btn-arrow img {
    width: 0;
    opacity: 0;
    margin-left: 0;
    overflow: hidden;

    transition: all 0.3s ease;
}

/* hover */
.btn-arrow > a:hover {
    color: var(--e-global-color-text);
}

.btn-arrow > a:hover img {
    width: 40px;
    margin-left: 20px;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-949a8ed */@media screen and (max-width: 768px) {
    .elementor-185 .elementor-element.elementor-element-949a8ed br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27d1a4d */.elementor-185 .elementor-element.elementor-element-27d1a4d {
    position: relative;
}

.elementor-185 .elementor-element.elementor-element-27d1a4d:after {
    position: absolute;
    content: "";
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
    height: 250px;
    width: 2px;
    background: var(--e-global-color-accent);
}

@media screen and (max-width: 1024px) {

.elementor-185 .elementor-element.elementor-element-27d1a4d:after {
display: none;

}

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9421a91 */@media screen and (max-width: 768px) {
    .elementor-185 .elementor-element.elementor-element-9421a91 br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d01a1b3 */.general-blur {
  width: auto;
  height: 550px;
  display: flex;
  align-items: center;
  align-content: center;
  position: relative;
  padding: 0;
  margin: 0;
}

.general-blur .content {
    display: flex;
    align-content: center;
    flex-direction: column;
    height: inherit;
    width: 100%;
    margin: 0;
    padding: 6%;
    backdrop-filter: blur(14px);
    --webkit-backdrop-filter: blur(14px);
}

.general-blur .content h3 {
    color: var(--e-global-color-secondary);
}

   .card {
      position: relative;
      width: 100%;
    }
    .list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0;
      position: relative;
      padding: 0 0 0 2%;
      
    }
    
    /* vertical lines drawn by JS */
    .list li {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 14px 0;
      opacity: 0;
      transform: translateX(-18px);
      transition: opacity 0.45s ease, transform 0.45s ease;
      position: relative;
      z-index: 1;
    }
    
    .list li:last-child { border-bottom: none; }
    .list li.visible { opacity: 1; transform: translateX(0); }
    
    .icon {
      flex-shrink: 0;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: transparent;
      border: 2.5px solid rgba(255, 255, 255, 0.9);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1px;
      position: relative;
      z-index: 2;
    }
    
    .icon-inner {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #c0392b;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0 8px rgba(192,57,43,0.7);
    }
    
    .icon-inner svg {
      width: 9px;
      height: 9px;
      fill: none;
      stroke: #fff;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    
    .text {
      color: #f0f0f0;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc5f5ed *//* ── Thumbnail wrapper ── */
    .video-thumb {
      position: relative;
      width: 800px;
      overflow: hidden;
      cursor: pointer;
      display: block;
    }
 
    .video-thumb video {
      width: 100%;
      height: auto;
      display: block;
      pointer-events: none;
      /* show the first frame */
    }
 
    /* dark overlay that fades on hover */
    .video-thumb::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.28);
      transition: background .35s ease;
    }
    .video-thumb:hover::after {
      background: rgba(0,0,0,.10);
    }
 
    /* ── Play button ── */
    .play-btn {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none; /* click goes to the wrapper */
    }
 
    .play-btn img {
      width: clamp(64px, 12%, 100px);
      height: auto;
      filter: drop-shadow(0 4px 16px rgba(0,0,0,.5));
      transform: scale(1);
      transition: transform .3s cubic-bezier(.34,1.56,.64,1),
                  filter .3s ease;
    }
    .video-thumb:hover .play-btn img {
      transform: scale(1.12);
      filter: drop-shadow(0 6px 24px rgba(0,0,0,.6));
    }
 
    /* ── Popup overlay ── */
    .popup {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 1000;
      background: rgba(0,0,0,.88);
      align-items: center;
      justify-content: center;
      animation: fadeIn .25s ease;
    }
    .popup.active { display: flex; }
 
    @keyframes fadeIn {
      from { opacity: 0; }
      to   { opacity: 1; }
    }
 
    .popup-inner {
      position: relative;
      width: clamp(300px, 90vw, 960px);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 30px 80px rgba(0,0,0,.8);
      animation: scaleIn .3s cubic-bezier(.34,1.56,.64,1);
    }
 
    @keyframes scaleIn {
      from { transform: scale(.88); opacity: 0; }
      to   { transform: scale(1);   opacity: 1; }
    }
 
    .popup-inner video {
      width: 100%;
      height: auto;
      display: block;
      background: #000;
    }
 
    /* close button */
    .close-btn {
      position: absolute;
      top: 12px;
      right: 14px;
      z-index: 10;
      background: rgba(255,255,255,.15);
      border: none;
      color: #fff;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      font-size: 18px;
      line-height: 1;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      backdrop-filter: blur(6px);
      transition: background .2s ease;
    }
    .close-btn:hover { background: rgba(255,255,255,.30); }
    
    @media screen and (max-width: 1200px) {
        .video-thumb {
            width: 100%;
        }
    }/* End custom CSS */