/*  Home  --------------------------------------------------------------------------------  */
.splide__pagination__page{
    width: 9px;
    height: 9px;
}
.splide__pagination__page.is-active {

    width: 18px;
    border-radius: 6px;
}
.splide__pagination__page.is-active {
    background: #fff;
     transform: scale(1); 
    z-index: 1;
}



.splide__pagination {
    -ms-flex-align: center;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}
.splide__pagination__page.is-active{
    background: #ccc;
}
 .splide button{
    -ms-transform: all 0.15s linear 0s;
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
}

[aria-label='Go to last slide'], [aria-label='Go to first slide'] {
  opacity: 0;
}

 
.splide__slide {
    padding: 1.25rem;
}
 
.splide__arrow{
    background: rgba(255, 255, 255, 0.24);
    width: 4rem;
    height: 4rem;
}
.splide__arrow svg{
    fill:var(--navy);
}
 .splide__slide {
        display: flex;
    justify-content: center;
}

/*  Home  Slider  */

#home-slider,
#home-slider .splide__slide,
#home-slider .splide__slide img{
    height: 320px;
}
#home-slider .splide__slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;

}

.home-slider-pagi .row > div{
    margin-top: 1rem;
}
#home-slider-pagi{
    position: relative;
    z-index: 10;
}

#home-slider .splide__slide img{
    width: 100%;
    position: absolute;
    z-index: 0;
    display: block;
    width: 100vw;
    object-fit: cover;
}

#home-slider .swiper-warp-txt {
    position: absolute;
    display: block;
    height: auto;
    width: 100%;
    bottom: 0;
    z-index: 1;
    background: none;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(8px);
}
#home-slider .swiper-txt-content {
    position: relative;
    z-index: 2;
    margin-left: auto;
    padding: .65rem 0 54px 0rem;
    max-width: 100%;
    text-align: center;
}

#home-slider .swiper-txt-content p{
    display: none;
    padding: 0;
 
    width: 80%;
    margin: 0 auto;
    min-height: auto;
    margin-bottom: 1rem;
}
#home-slider .swiper-txt-content p{
    padding-left: 1rem;
}
#home-slider .swiper-txt-content p em{
    color: #fff;
    opacity: 0.8;
     text-shadow: rgb(38 57 97 / 50%) 0px 1px 0px;
    font-size: 13px;
    /* padding-left: 1rem; */
    font-style: normal;
}
#home-slider .swiper-txt-content a.btn{
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    min-width: 280px;
    min-height: 54px;
    justify-content: center;
}

#home-slider .swiper-txt-content a.btn img{
    height: 24px;
    position: relative;
    display: inline;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
    width: 0;
}
#home-slider .swiper-txt-content a.btn:hover{
    background: var(--navy);
    transform: translateY(0px);
}
#home-slider .swiper-txt-content a.btn:hover img{
    webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 1;
    width: 24px;
}

#home-slider .h2 {
    color: #ffffff;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 46px;
    margin-bottom: 0px;
    text-transform: initial;
    text-align: center;
    letter-spacing: 0.1rem;
    text-shadow: rgb(38 57 97 / 50%) 0px 2px 4px;
}



 



#home-first {
    margin-top: 2rem;
}
#home-first .avis-shop{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
#home-first .avis-txt {
    font-size: 13px;
    padding-top: 6px;
    margin-left: .5rem;
}
#home-first h1 {
        color: var(--blue);
    font-size: 24px;
    padding: 0;
    margin: 0;
    font-weight: 800;
}
#home-first h1 span {
    color: var(--navy);
}
#home-first h1 span:first-child {
    font-size: 28px;
}
#home-first p {
    padding-left: 0;
}
#home-first .container{
        max-width: 1270px;
}
#home-first .container > div{
    margin-left: 0;
    margin: 0 25px;
}


#home-first .row.pool{
    margin-top: 8rem !important;
    justify-content: center;
    flex-direction: column;
}
#home-first .cat-left{
    position: relative;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}
#home-first .cat-left h2{ 
    font-size: 34px;
    color:var(--navy)
}
#home-first .cat-left h2 span{ 
        color:var(--blue)
}
#home-first .cat-left p{
    text-align: center;
}
#home-first .cat-left #custom-dots-cat{
    position: relative;
    display: block;
    height: 30px;
}
#home-first .cat-left > div:first-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    position: relative;
    background: #fff;
    /* margin: 0 0rem 0 3rem; */
    padding: 1.25rem 2rem 0;
    /* border-radius: 8px; */
    min-height: 250px;
}
#home-first .img-children{
     position: absolute;
     bottom: 0;
}

/* Slider */
#home-first #home-category{
    margin-top: 0rem; 
}
#home-first #home-category .splide__slide{
    position: relative;
}
#home-first #home-category .splide__slide a:first-child{
    background: #fff;
    padding: 1.25rem 2rem;
    padding-top: 4rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: var(--shadow2);
    height: 180px;
}
#home-first #home-category .splide__slide{
    -ms-transform: all 0.1s linear 0s;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}
#home-first #home-category .splide__slide:hover{
    transform: translateY(-1px);
}
#home-first #home-category .splide__slide a:last-child {
    position: absolute;
    top: -50px;
    left: calc(50%);
    transform: translateX(-50%);
}
#home-first #home-category li.splide__slide:nth-child(1) a:last-child {
    left: calc(50%);
    transform: translateX(-50%);
    top: -79px;
}
#home-first #home-category li.splide__slide:nth-child(2) a:last-child {
        left: calc(50%);
    transform: translateX(-50%);
}
#home-first #home-category li.splide__slide:nth-child(3) a:last-child {
    top: -50px;
        left: calc(50%);
    transform: translateX(-50%);
}
#home-first #home-category li.splide__slide:nth-child(4) a:last-child {
    top: -60px;
        left: calc(50%);
    transform: translateX(-50%);
}
#home-first #home-category li.splide__slide:nth-child(5) a:last-child {
    top: -60px;
        left: calc(50%);
    transform: translateX(-50%);;
}
#home-first #home-category .splide__slide a{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#home-first #home-category .splide__slide h3{
    color: var(--navy);
    font-size: 22px;
    margin-bottom: 0;
}
#home-first #home-category .splide__slide span{
    color: var(--blue);
 /*   text-decoration: underline; */
    font-weight: 500;
    margin: 0.25rem 0 .25rem;
}
#home-first #home-category  .splide__slide {
    padding: 1.25rem;
    padding-top: 3rem;
    padding-bottom: 0;
}

#home-first #home-category .splide__track {
        padding-top: 4rem;
}

/*
    #home-first #home-category .splide__slide  {
      background-image: url("/themes/alarme_piscine/assets/img/ico-cat-1.png");
      background-repeat: no-repeat;
      background-position: center bottom;
    }
 */


#index #wrapper .container{
    margin: 0;
    padding: 0;
}

#index #wrapper .container .row {
    padding: 0;
    margin: 0;
}
#index #content-wrapper {
    padding-left: 0;
    padding-right: 0;
}


.ybc_block_featured.page_home {
    background-color: transparent!important; 
    margin-bottom: 0;
}
.blog_view_all_button{
    display: none;
}
.page_home .title_blog, .page_home_gallery .title_blog {
    margin-top: 0;
}

/* Blog */
.title_blog, 
h3,
H2{
    color: var(--blue);
    font-size: 40px;
    text-align: center;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: initial;
}
.title_blog span,
h3 span,
h2 span{ 
    /* text-transform: lowercase; */
    color: var(--navy);
}

.ybc_block_featured h4{ 
    text-align: center;
    color: var(--navy);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 3rem;
}

.ybc_item_img{
    background-color: #fafafa;
    width: 100%;
    border-radius: 8px;
}

.ybc_title_block {
    color: var(--navy);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 9px;
    padding: 5px 0rem 0;
 
}
.ybc_blog_ltr_mode a:hover, .ybc-blog-wrapper-detail a:hover, .ybc-blog-like-span:hover, .blog-main-page a:hover, .ybc_button_backtolist:hover, .ybc-block-comment-report:hover {
    color: var(--blue);
}
.blog_description, 
p {
    font-size: 15px;
    line-height: 21px;
    min-height: 70px;
    padding: 5px 0rem;
    color: var(--navy);
}
.ybc-blog-latest-post-content .read_more {
    font-size: 14px;
    font-style: normal;
    border: 2px solid var(--blue);
    background: #fff;
    color: var(--blue);
    position: relative;font-weight: 500;
    left: 50%;
    transform: translateX(-50%);
}
.ybc-blog-latest-post-content .read_more:hover {
    background:  var(--blue);
    color:#fff;
}

#home-text{
    padding-top: 3rem;
}
#home-text > div.container{
    width: 100%;
}
#home-text > div.container p{
    padding-bottom: 4rem;
}
#home-text .row h2{
    color: var(--navy);
    font-size: 26px;
}
#home-text > .txt-center p{
    padding: 0 15px;
}
#home-text a.btn{
    text-decoration: none;
    margin-top: 1rem;
    margin-bottom: 3rem;    
    white-space: nowrap;
}
#home-text .imgZoom{ border-radius: 14px;        margin:0 1rem;    }
#home-text > div{ padding:3rem 0;display: flex;     justify-content: center;    flex-direction: column;}
#home-text > div .container{
    width: 100%;
}
#home-text > div .container > div{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
 
#home-text .bgGreyLight .container > div:last-child{
 /*   width: 40%; */
}
#home-text .bgGreyLight .container h2,
#home-text .bgGreyLight .container p{
    text-align: left;
}
#home-text .bgGreyLight .container h2{
    padding: 2rem 2rem 0;
}
#home-text .bgGreyLight .container p{
    padding: 1rem 2rem;
}

#home-text .bgWhite .container > div:last-child{
    display: flex;
    justify-content: center;
}
#home-text .bgWhite .container > div:first-child{
 /*   width: 40%; */
}
#home-text .bgWhite .container h2,
#home-text .bgWhite .container p{
    text-align: left;
}
#home-text .bgWhite .container h2{
    padding-left: 2rem;
    padding-right: 2rem;
}
#home-text .bgWhite .container p{
    padding: 1rem 2rem;
}

 

/* Le lien reste fixe */
#home-text .imgZoom {
    display: inline-block;
    overflow: hidden; /* coupe l'image quand elle zoom */
}

/* Image au repos */
#home-text .imgZoom img {
    display: block;
    transform-origin: center center;
}

/* Hover : zoom + légère rotation */
#home-text .imgZoom:hover img {
    transform: scale(1.08) rotate(-1.2deg);
}






div#home-reassurance {
    margin: 1rem 0;
}
#home-reassurance > div > div{
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#home-reassurance > div > div > div {
    border: 3px solid var(--greyLight);
    border-radius: 10px;
    margin: 1rem;
    padding: 0.5rem 1rem;
    max-width: 300px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
#home-reassurance > div > div > div > div:first-child {
    min-width: 50px;
    min-height: 50px;
    display: flex;
}
#home-reassurance > div > div > div span {
    color: var(--blue);
}

#home-products .container  {
    max-width: 1400px;
}
#home-products .splide__pagination {
        justify-content: center;
    }
#home-products .splide__pagination {
    bottom: inherit!important;
}

#home-products .product-miniature {
        /* box-shadow: var(--shadow1); */
    }
#home-products .product-miniature .product-description a h3{
    color: var(--navy);
    text-align: left;
}


#home-configurator {
    position: relative;
    padding: 3rem 0;
}
#home-configurator > div{
    z-index: 1;
    position: relative;
}
#home-configurator h2  {
    color: #fff;
    padding: 0 1rem;
}
#home-configurator h2 span{
    color: var(--navy);
}
#home-configurator h2 img{
    width: 70px;
    height: 70px;
}
#home-configurator p{
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    padding: 0 1rem;
}
#home-configurator p span{
    color: var(--navy);
}

#home-configurator:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/themes/alarme_piscine/assets/img/wave-bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    opacity: 0.25;
    z-index: 0;
    pointer-events: none;
}
#home-configurator .configList{
    justify-content: center;
    display: flex;
}
#home-configurator .configList a{
    text-decoration: none;
    overflow: hidden;
}
#home-configurator .configList > a{
    margin: 2rem;
    background: #fff;
    color: var(--navy);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    max-width: 320px;
    overflow: hidden;
    align-items: center;
    box-shadow: 0 0 0 0 transparent, 0 0.375rem 0.625rem -0.3125rem rgb(22 27 67 / 10%);
}

#home-configurator .configList a.imgZoom .imgZoomTarget{
    height: 160px;
    overflow: hidden;
}
#home-configurator .configList.small a.imgZoom .imgZoomTarget{
    height: 80px;
}

#home-configurator .configList a.imgZoom:hover .imgZoomTarget img{
    transform: scale(1.08) rotate(-1.2deg);
}
#home-configurator .configList a.imgZoom:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 0 0 transparent, 0 0.375rem 0.625rem -0.3125rem rgb(22 27 67 / 20%);
}
#home-configurator .configList > a > div:nth-child(1) { 
    padding: 1rem 2rem;
    font-weight: 600;
    font-size: 18px;
        display: flex;
    align-items: center;
}
#home-configurator .configList > a > div:nth-child(1) img { 
    margin-right: .5rem;
}
#home-configurator .configList > a > div:nth-child(3) { 
    padding: 2rem 0rem;
    font-size: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
#home-configurator .configList.small > a > div:nth-child(3) { 
     padding: 1rem 0rem;
}
#home-configurator .configList > a > div:nth-child(3) .smesure{
    font-size: 14px;
}

#home-configurator .configList > a > div:nth-child(4) {
    padding-bottom: 2rem;
}
#home-configurator .configList > a > div:nth-child(4) .btn{
    background: var(--navy);
    font-weight: 500;
}
#home-configurator .configList > a > div:nth-child(4) .btn:hover{
     transform: translateY(0px);
 }


.splide__pagination__page.is-active {
    background: var(--blue)!important;
}


#home-products{
    padding: 3rem 0;
}
#home-products h2{
    color: var(--navy);
    
}
#home-products h2 span{
    color: var(--blue);
}

#steavisgarantis h3{
    margin-bottom: 2.5rem;
}
#home-slider .splide__arrows {
    display: none;
}
.home_visuel{
    position: relative;
    background: var(--blue);
}
.home_visuel .splide__track {
    /*
  position: relative;
max-width: 1490px;
    margin: auto;
*/
}

.home_visuel .wave {
    bottom: -1px;
    z-index: 1;
    left: 0;
    position: absolute;
    right: 0;
}
.home_visuel .wave-test {
    bottom: 10px;
    z-index: 1;
    left: 0;
    position: absolute;
    right: 0;
    opacity: 0.5;
}

.home_visuel .splide__slide {
    padding: 0;
}


.home_cta{
    text-align: center;
   /* background: rgb(255 255 255 / 30%);*/
      
    border-radius: var(--radius);
    
    border-radius: var(--radius);
    color: #fff;
       position: absolute;
    /* margin: 2rem; */
    padding: 0;
    display: block;
    margin: 0 auto;
    right: 0;
    bottom: -10px;
    left: 0;
    /* -webkit-filter: blur(8px); */
    /* box-shadow: 0 0.3px 0.7px rgba(0, 0, 0, 0.126), 0 0.9px 1.7px rgba(0, 0, 0, 0.179), 0 1.8px 3.5px rgba(0, 0, 0, 0.224), 0 3.7px 7.3px rgba(0, 0, 0, 0.277), 0 10px 20px rgba(0, 0, 0, 0.4); */

}

 

/* Custom Mobile */
@media (min-width: 576px) { /* xs */
    #index #wrapper .container{
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
        margin-right: auto;
        margin-left: auto;
    }

 

        #index #wrapper .container .row {
              margin-top: calc(-1* var(--bs-gutter-y));
            margin-right: calc(-.5* var(--bs-gutter-x));
            margin-left: calc(-.5* var(--bs-gutter-x));
        }
        #index #content-wrapper {
            padding-right: calc(var(--bs-gutter-x)* .5);
            padding-left: calc(var(--bs-gutter-x)* .5);
        }

        #home-first #home-category{
            margin-top: 2rem; 
        }
}

 





 




#index #content-wrapper{
    overflow: hidden;
}


 
 .product-miniature .thumbnail-container .product-thumbnail img{
    min-width: 274px;
 }

 




@media (min-width: 768px) { 
    #home-slider,
    #home-slider .splide__slide,
    #home-slider .splide__slide img{
           height: 520px;
     }
    .home-slider-pagi .row > div{
        margin-top: 0rem;
    }
    .blog_description, p {
        padding: 5px 0rem;
    }

    .ybc_title_block {
        padding: 5px 0rem 0;
    }
}

/* Start Desktop lg */
@media (min-width: 992px) {
    #wrapper {
        margin-top: 0px;
    }

    #home-slider .splide__arrows {
        display: block;
    }

    #home-first h1 span:first-child {
        font-size: 38px;
    }
     .home-slider-pagi .row > div{
        margin-top: -1rem;
    }
    #home-slider .swiper-warp-txt {
        position: absolute;
        display: block;
        height: auto;
        inset: 0 auto 0 0;
        width: 40%;
        clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
        z-index: 1;
       /* background: rgb(38 57 97 / 20%); */
        background: rgb(255 255 255 / 20%);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(8px);
    }
    #home-slider .swiper-txt-content {
        position: relative;
        z-index: 2;
        margin-left: auto;
        margin-top: 2rem;
        padding: 48px 64px 48px 48px;
        max-width: 100%;
        text-align: left;
    }

    #home-slider .swiper-txt-content p{
        padding: 0;
        padding-left: .5rem;
        display: block;
        width: 80%;
        margin: initial;
        margin-bottom: 1rem
    }
    #home-slider .h2 {
        text-align: left;
        font-size: 46px;
        margin-bottom: 6px;
    }
    #home-first .container > div{
        margin-left: 9rem;
    }
    #home-first {
        margin-top: 1rem;
    }
    #home-first .row.pool{
        background-image: url("/themes/alarme_piscine/assets/img/pool.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 20px;
        margin-top: 9rem!important;
        height: 180px;
        align-items: center;
        align-items: flex-start;
        flex-direction: row;
    }

    #home-first .cat-left{
        margin-top: -6rem;
        justify-content: left;
    }
    #home-first .cat-left > div:first-child{
        z-index: 1;
        position: relative;
        background: #fff;
        margin: 0 0rem 2rem 3rem;
        padding: 1.25rem 2rem 0;
        border-radius: 8px;
        min-height: 250px;
        box-shadow: var(--shadow2);
    }
    #home-first .img-children{
        left: -5rem;
        bottom: -8px;
    }


    #home-first #home-category{
        position: absolute;
        left: 0;text-align: center;
        right: 0;
        width: calc(1270px - 0%);
        margin-top: -9rem; 
    }
    #home-reassurance > div > div{
        justify-content: center;
        flex-direction: row;
        align-items: inherit;
    }
     #home-text > div.container {
        max-width: 1090px;
        width: 80%;
    }
 
    h3,
    H2{
        font-size: 50px;
    }
    #home-text > div .container{
        width: 90%;
    }
    #home-text .bgGreyLight .container h2{
        padding: 0 0 0 2rem;
    }
    #home-text .row h2{
        font-size: 36px;
    }
    #home-text .imgZoom{
        margin:0;
    }

    #home-first #home-category .splide__slide a:last-child {
        position: absolute;
        top: -50px;
        left: -12px;
        transform: inherit;
    }
    #home-first #home-category li.splide__slide:nth-child(1) a:last-child {
        left: 30px;
        top: -60px;
        transform: inherit;
    }
    #home-first #home-category li.splide__slide:nth-child(2) a:last-child {
          left: 45px;
          transform: inherit;
    }
    #home-first #home-category li.splide__slide:nth-child(3) a:last-child {
        top: -61px;
        left: 8px;
        transform: inherit;
    }
    #home-first #home-category li.splide__slide:nth-child(4) a:last-child {
        top: -60px;
        left: 18px;
        transform: inherit;
    }
    #home-first #home-category li.splide__slide:nth-child(5) a:last-child {
        top: -60px;
        left: 30px;
        transform: inherit;
    }

    div#home-reassurance {
        margin: 3rem 0;
    }
    #home-reassurance > div > div > div {
        padding: 0.75rem 1rem;
    }

}

@media (min-width: 1390px) { 
    #home-slider .swiper-txt-content {
        max-width: 77%;
    }
}