.elementor-404 .elementor-element.elementor-element-c300be2{--display:flex;--min-height:75vh;--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:center;--align-items:center;}.elementor-404 .elementor-element.elementor-element-c300be2:not(.elementor-motion-effects-element-type-background), .elementor-404 .elementor-element.elementor-element-c300be2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soniarose.mwhost.ca/wp-content/uploads/2026/02/BlogBanniereHaut.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-404 .elementor-element.elementor-element-e2647c6{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-404 .elementor-element.elementor-element-c1452c5{text-align:center;}.elementor-404 .elementor-element.elementor-element-c1452c5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:6.5em;font-weight:400;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.78);color:var( --e-global-color-7317338 );}.elementor-404 .elementor-element.elementor-element-2fb58a1.elementor-element{--align-self:center;}.elementor-404 .elementor-element.elementor-element-2fb58a1{text-align:center;}.elementor-404 .elementor-element.elementor-element-2fb58a1 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 3px #000000;color:var( --e-global-color-7317338 );}.elementor-404 .elementor-element.elementor-element-040b604{--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:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-404 .elementor-element.elementor-element-040b604:not(.elementor-motion-effects-element-type-background), .elementor-404 .elementor-element.elementor-element-040b604 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7317338 );}.elementor-404 .elementor-element.elementor-element-9139ab3{--swiper-slides-to-display:3;width:100%;max-width:100%;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;--arrow-normal-color:var( --e-global-color-primary );}.elementor-404 .elementor-element.elementor-element-9139ab3 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-404 .elementor-element.elementor-element-c1452c5 .elementor-heading-title{font-size:4.6em;}.elementor-404 .elementor-element.elementor-element-9139ab3{--swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-404 .elementor-element.elementor-element-e2647c6{--width:max-content;}.elementor-404 .elementor-element.elementor-element-040b604{--content-width:85%;}}@media(max-width:767px){.elementor-404 .elementor-element.elementor-element-e2647c6{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-404 .elementor-element.elementor-element-c1452c5 .elementor-heading-title{font-size:48px;}.elementor-404 .elementor-element.elementor-element-2fb58a1 .elementor-heading-title{font-size:9px;}.elementor-404 .elementor-element.elementor-element-9139ab3{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-9139ab3 *//* =========================================
   ALL DEVICES: Fix the mobile width bug
========================================= */
.elementor-404 .elementor-element.elementor-element-9139ab3 .swiper-slide > .e-con {
    width: 100% !important;
}

/* =========================================
   DESKTOP ONLY (1025px and up)
========================================= */
@media (min-width: 1025px) {
    /* 1. Carousel Reset */
    .elementor-404 .elementor-element.elementor-element-9139ab3 .swiper {
        overflow: hidden !important; 
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 2. Create the Inner Safe Zone (Padding = Gap) */
    .elementor-404 .elementor-element.elementor-element-9139ab3 .swiper-slide {
        padding: 50px 40px !important;
    }

    /* 3. Apply rounded corners and base shadow to the INNER BOX */
    .elementor-404 .elementor-element.elementor-element-9139ab3 .swiper-slide > .e-con {
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); 
        border-radius: 20px; 
        overflow: hidden; 
        height: 100%; 
    }

    /* 4. Pull Arrows out of the padding zone */
    .elementor-404 .elementor-element.elementor-element-9139ab3 .elementor-swiper-button-prev {
        left: -15px !important; 
    }
    .elementor-404 .elementor-element.elementor-element-9139ab3 .elementor-swiper-button-next {
        right: 35px !important; 
    }
}

/* =========================================
   DESKTOP + HOVER DEVICES ONLY
========================================= */
@media (min-width: 1025px) and (hover: hover) {
    /* 5. The 3D Hover Effect */
    .elementor-404 .elementor-element.elementor-element-9139ab3 .swiper-slide > .e-con:hover {
        transform: scale(1.05) translateY(-5px); 
        box-shadow: 
            0 8px 0 rgba(75, 54, 32, 0.20), 
            0 15px 25px rgba(75, 54, 32, 1) !important; 
    }
}/* End custom CSS */