.elementor-26723 .elementor-element.elementor-element-3fb36863{--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;--z-index:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-26723 .elementor-element.elementor-element-64da48a8 .elementor-heading-title{font-family:var( --e-global-typography-3da394d-font-family ), Sans-serif;font-size:var( --e-global-typography-3da394d-font-size );font-weight:var( --e-global-typography-3da394d-font-weight );line-height:var( --e-global-typography-3da394d-line-height );letter-spacing:var( --e-global-typography-3da394d-letter-spacing );word-spacing:var( --e-global-typography-3da394d-word-spacing );color:var( --e-global-color-4aa6287 );}.elementor-26723 .elementor-element.elementor-element-64da48a8{padding:0px 20px 0px 20px;}.elementor-26723 .elementor-element.elementor-element-24b30711{--display:flex;--min-height:30vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26723 .elementor-element.elementor-element-24b30711:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-24b30711 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.domaine-de-rochebelle.com/wp-content/uploads/2026/02/chambre-jade-domaine-de-rochebelle-5.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26723 .elementor-element.elementor-element-41a684e9{text-align:center;width:100%;max-width:100%;background-color:var( --e-global-color-4aa6287 );}.elementor-26723 .elementor-element.elementor-element-41a684e9 .elementor-heading-title{font-family:var( --e-global-typography-f2e21db-font-family ), Sans-serif;font-size:var( --e-global-typography-f2e21db-font-size );font-weight:var( --e-global-typography-f2e21db-font-weight );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-3ae46479{--display:flex;--min-height:30vh;--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;--justify-content:center;--padding-top:10%;--padding-bottom:14%;--padding-left:10%;--padding-right:10%;}.elementor-26723 .elementor-element.elementor-element-3ae46479:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-3ae46479 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-792043b );}.elementor-26723 .elementor-element.elementor-element-410fb477{--display:flex;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );background-color:var( --e-global-color-accent );}.elementor-26723 .elementor-element.elementor-element-27c7c046 .elementor-button{fill:var( --e-global-color-df0c9de );color:var( --e-global-color-df0c9de );background-color:#26211B00;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9A851A00;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26723 .elementor-element.elementor-element-27c7c046 .elementor-button:hover, .elementor-26723 .elementor-element.elementor-element-27c7c046 .elementor-button:focus{color:var( --e-global-color-secondary );background-color:#FFFFFF00;border-color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-27c7c046 .elementor-button:hover svg, .elementor-26723 .elementor-element.elementor-element-27c7c046 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-63d9cad6{--display:flex;--min-height:30vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26723 .elementor-element.elementor-element-63d9cad6:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-63d9cad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.domaine-de-rochebelle.com/wp-content/uploads/2026/02/Chambre-Cosy-domaine-de-rochebelle-1.webp");background-position:0% 0px;background-repeat:no-repeat;background-size:cover;}.elementor-26723 .elementor-element.elementor-element-e3db70f{text-align:center;width:100%;max-width:100%;background-color:var( --e-global-color-4aa6287 );}.elementor-26723 .elementor-element.elementor-element-e3db70f .elementor-heading-title{font-family:var( --e-global-typography-f2e21db-font-family ), Sans-serif;font-size:var( --e-global-typography-f2e21db-font-size );font-weight:var( --e-global-typography-f2e21db-font-weight );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-76bede8b{--display:flex;--min-height:30vh;--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;--justify-content:center;--padding-top:10%;--padding-bottom:14%;--padding-left:10%;--padding-right:10%;}.elementor-26723 .elementor-element.elementor-element-76bede8b:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-76bede8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-792043b );}.elementor-26723 .elementor-element.elementor-element-79644f2d{--display:flex;}.elementor-26723 .elementor-element.elementor-element-604e11c2 .elementor-button{fill:var( --e-global-color-df0c9de );color:var( --e-global-color-df0c9de );background-color:#26211B00;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9A851A00;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26723 .elementor-element.elementor-element-604e11c2 .elementor-button:hover, .elementor-26723 .elementor-element.elementor-element-604e11c2 .elementor-button:focus{color:var( --e-global-color-secondary );background-color:#FFFFFF00;border-color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-604e11c2 .elementor-button:hover svg, .elementor-26723 .elementor-element.elementor-element-604e11c2 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-638ffca{--display:flex;--min-height:30vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26723 .elementor-element.elementor-element-638ffca:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-638ffca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.domaine-de-rochebelle.com/wp-content/uploads/2026/02/Chambre-Occitane-domaine-de-rochebelle-6.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26723 .elementor-element.elementor-element-299caaca{text-align:center;width:100%;max-width:100%;background-color:var( --e-global-color-4aa6287 );}.elementor-26723 .elementor-element.elementor-element-299caaca .elementor-heading-title{font-family:var( --e-global-typography-f2e21db-font-family ), Sans-serif;font-size:var( --e-global-typography-f2e21db-font-size );font-weight:var( --e-global-typography-f2e21db-font-weight );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-41819132{--display:flex;--min-height:30vh;--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;--justify-content:center;--padding-top:10%;--padding-bottom:14%;--padding-left:10%;--padding-right:10%;}.elementor-26723 .elementor-element.elementor-element-41819132:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-41819132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-792043b );}.elementor-26723 .elementor-element.elementor-element-5799da3e{--display:flex;}.elementor-26723 .elementor-element.elementor-element-7d90c918 .elementor-button{fill:var( --e-global-color-df0c9de );color:var( --e-global-color-df0c9de );background-color:#26211B00;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9A851A00;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26723 .elementor-element.elementor-element-7d90c918 .elementor-button:hover, .elementor-26723 .elementor-element.elementor-element-7d90c918 .elementor-button:focus{color:var( --e-global-color-secondary );background-color:#FFFFFF00;border-color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-7d90c918 .elementor-button:hover svg, .elementor-26723 .elementor-element.elementor-element-7d90c918 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-44a726b5{--display:flex;--min-height:30vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26723 .elementor-element.elementor-element-44a726b5:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-44a726b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.domaine-de-rochebelle.com/wp-content/uploads/2026/02/Chambre-Ebony-domaine-de-rochebelle-3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26723 .elementor-element.elementor-element-2fbabbf6{text-align:center;width:100%;max-width:100%;background-color:var( --e-global-color-4aa6287 );}.elementor-26723 .elementor-element.elementor-element-2fbabbf6 .elementor-heading-title{font-family:var( --e-global-typography-f2e21db-font-family ), Sans-serif;font-size:var( --e-global-typography-f2e21db-font-size );font-weight:var( --e-global-typography-f2e21db-font-weight );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-79e06ffb{--display:flex;--min-height:30vh;--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;--justify-content:center;--padding-top:10%;--padding-bottom:14%;--padding-left:10%;--padding-right:10%;}.elementor-26723 .elementor-element.elementor-element-79e06ffb:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-79e06ffb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-792043b );}.elementor-26723 .elementor-element.elementor-element-79ebdb7d{--display:flex;}.elementor-26723 .elementor-element.elementor-element-379e4fbe .elementor-button{fill:var( --e-global-color-df0c9de );color:var( --e-global-color-df0c9de );background-color:#26211B00;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9A851A00;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26723 .elementor-element.elementor-element-379e4fbe .elementor-button:hover, .elementor-26723 .elementor-element.elementor-element-379e4fbe .elementor-button:focus{color:var( --e-global-color-secondary );background-color:#FFFFFF00;border-color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-379e4fbe .elementor-button:hover svg, .elementor-26723 .elementor-element.elementor-element-379e4fbe .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-14ec3bd9{--display:flex;--min-height:30vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26723 .elementor-element.elementor-element-14ec3bd9:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-14ec3bd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.domaine-de-rochebelle.com/wp-content/uploads/2026/02/Chambre-Cottage-domaine-de-rochebelle-2.webp");background-position:28% 100%;background-repeat:no-repeat;background-size:220% auto;}.elementor-26723 .elementor-element.elementor-element-4234bb82{text-align:center;width:100%;max-width:100%;background-color:var( --e-global-color-4aa6287 );}.elementor-26723 .elementor-element.elementor-element-4234bb82 .elementor-heading-title{font-family:var( --e-global-typography-f2e21db-font-family ), Sans-serif;font-size:var( --e-global-typography-f2e21db-font-size );font-weight:var( --e-global-typography-f2e21db-font-weight );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-167387da{--display:flex;--min-height:30vh;--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;--justify-content:center;--padding-top:10%;--padding-bottom:14%;--padding-left:10%;--padding-right:10%;}.elementor-26723 .elementor-element.elementor-element-167387da:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-167387da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-792043b );}.elementor-26723 .elementor-element.elementor-element-48f232ef{--display:flex;}.elementor-26723 .elementor-element.elementor-element-1403e8df .elementor-button{fill:var( --e-global-color-df0c9de );color:var( --e-global-color-df0c9de );background-color:#26211B00;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9A851A00;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26723 .elementor-element.elementor-element-1403e8df .elementor-button:hover, .elementor-26723 .elementor-element.elementor-element-1403e8df .elementor-button:focus{color:var( --e-global-color-secondary );background-color:#FFFFFF00;border-color:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-1403e8df .elementor-button:hover svg, .elementor-26723 .elementor-element.elementor-element-1403e8df .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-26723 .elementor-element.elementor-element-406998a1{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-slides-gap:1px;}@media(max-width:1440px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26723 .elementor-element.elementor-element-64da48a8 .elementor-heading-title{font-size:var( --e-global-typography-3da394d-font-size );line-height:var( --e-global-typography-3da394d-line-height );letter-spacing:var( --e-global-typography-3da394d-letter-spacing );word-spacing:var( --e-global-typography-3da394d-word-spacing );}.elementor-26723 .elementor-element.elementor-element-41a684e9 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-26723 .elementor-element.elementor-element-e3db70f .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-299caaca .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-2fbabbf6 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-4234bb82 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-406998a1{--e-n-carousel-swiper-slides-to-display:4;}}@media(max-width:1200px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26723 .elementor-element.elementor-element-64da48a8 .elementor-heading-title{font-size:var( --e-global-typography-3da394d-font-size );line-height:var( --e-global-typography-3da394d-line-height );letter-spacing:var( --e-global-typography-3da394d-letter-spacing );word-spacing:var( --e-global-typography-3da394d-word-spacing );}.elementor-26723 .elementor-element.elementor-element-64da48a8{padding:0% 6% 0% 6%;}.elementor-26723 .elementor-element.elementor-element-41a684e9 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-3ae46479{--min-height:40vh;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-26723 .elementor-element.elementor-element-63d9cad6:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-63d9cad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}.elementor-26723 .elementor-element.elementor-element-e3db70f .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-76bede8b{--min-height:40vh;}.elementor-26723 .elementor-element.elementor-element-299caaca .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-41819132{--min-height:40vh;}.elementor-26723 .elementor-element.elementor-element-2fbabbf6 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-79e06ffb{--min-height:40vh;}.elementor-26723 .elementor-element.elementor-element-14ec3bd9:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-14ec3bd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-26723 .elementor-element.elementor-element-4234bb82 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-167387da{--min-height:40vh;}.elementor-26723 .elementor-element.elementor-element-406998a1{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26723 .elementor-element.elementor-element-64da48a8 .elementor-heading-title{font-size:var( --e-global-typography-3da394d-font-size );line-height:var( --e-global-typography-3da394d-line-height );letter-spacing:var( --e-global-typography-3da394d-letter-spacing );word-spacing:var( --e-global-typography-3da394d-word-spacing );}.elementor-26723 .elementor-element.elementor-element-41a684e9 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-3ae46479{--min-height:35vh;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-410fb477{--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;--justify-content:center;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-26723 .elementor-element.elementor-element-63d9cad6:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-63d9cad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}.elementor-26723 .elementor-element.elementor-element-e3db70f .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-76bede8b{--min-height:35vh;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-79644f2d{--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;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-299caaca .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-41819132{--min-height:35vh;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-5799da3e{--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;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-2fbabbf6 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-79e06ffb{--min-height:35vh;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-79ebdb7d{--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;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-14ec3bd9:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-14ec3bd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-26723 .elementor-element.elementor-element-4234bb82 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-167387da{--min-height:35vh;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-48f232ef{--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;--justify-content:center;}.elementor-26723 .elementor-element.elementor-element-406998a1{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:2300px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26723 .elementor-element.elementor-element-64da48a8 .elementor-heading-title{font-size:var( --e-global-typography-3da394d-font-size );line-height:var( --e-global-typography-3da394d-line-height );letter-spacing:var( --e-global-typography-3da394d-letter-spacing );word-spacing:var( --e-global-typography-3da394d-word-spacing );}.elementor-26723 .elementor-element.elementor-element-41a684e9 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-26723 .elementor-element.elementor-element-e3db70f .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-299caaca .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-44a726b5:not(.elementor-motion-effects-element-type-background), .elementor-26723 .elementor-element.elementor-element-44a726b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-26723 .elementor-element.elementor-element-2fbabbf6 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}.elementor-26723 .elementor-element.elementor-element-4234bb82 .elementor-heading-title{font-size:var( --e-global-typography-f2e21db-font-size );line-height:var( --e-global-typography-f2e21db-line-height );letter-spacing:var( --e-global-typography-f2e21db-letter-spacing );word-spacing:var( --e-global-typography-f2e21db-word-spacing );}}/* Start custom CSS for container, class: .elementor-element-24b30711 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63d9cad6 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-638ffca *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a726b5 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14ec3bd9 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24b30711 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63d9cad6 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-638ffca *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a726b5 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14ec3bd9 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24b30711 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63d9cad6 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-638ffca *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a726b5 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14ec3bd9 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24b30711 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63d9cad6 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-638ffca *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a726b5 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14ec3bd9 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24b30711 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63d9cad6 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-638ffca *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a726b5 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14ec3bd9 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24b30711 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63d9cad6 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-638ffca *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a726b5 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14ec3bd9 *//* Le conteneur principal */
.card-carousel {
    position: relative; /* Important pour que l'overlay se positionne par rapport à la carte */
    width: 300px; /* Ajuste selon ton design */
    height: 400px;
    overflow: hidden;
    cursor: pointer; /* Si tu veux des bords arrondis */
}

/* L'image de fond */
.card-carousel .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* Petit zoom sympa sur l'image */
}

/* Le titre du bas par défaut */
.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    z-index: 1;
}

/* L'OVERLAY JAUNE (L'effet magique) */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 185, 19, 0.95); /* Le Jaune/Orange (ajuste le code hex) */
    opacity: 0; /* Caché par défaut */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out; /* La vitesse de transition */
    z-index: 2;
    padding: 20px;
}

/* L'action au survol (HOVER) */
.card-carousel:hover .card-overlay {
    opacity: 1; /* Devient visible */
}

/* Petit effet de zoom sur l'image en arrière-plan */
.card-carousel:hover .card-image {
    transform: scale(1.1);
}

/* Style de l'icône et du texte */
.card-overlay i {
    font-size: 3rem; /* Taille de la loupe */
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.card-carousel:hover .card-overlay i {
    transform: translateY(0); /* L'icône remonte légèrement */
}

.cta-text {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}/* End custom CSS */