.splide__container{
    box-sizing:border-box;
    position:relative;
    width:80vw;/*100%*/
    height: auto;
}


.splide__list{
    backface-visibility:hidden;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    margin:0!important;
    padding:0!important
}
.splide.is-initialized:not(.is-active) 
.splide__list{
    display:block
}
.splide__pagination{
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0;
    pointer-events:none
}
.splide__pagination li{
    display:inline-block;
    line-height:1;
    list-style-type:none;
    margin:0;
    pointer-events:auto
}
.splide:not(.is-overflow) 
.splide__pagination{
    display:none
}
.splide__progress__bar{
    width:0
}
.splide{
position:relative;
visibility:hidden;
/* left: 21%; */
}
    .splide.is-initialized,
    .splide.is-rendered{
        visibility:visible
    }
    .splide__slide{
        backface-visibility:hidden;
        box-sizing:border-box;
        -ms-flex-negative:0;
        flex-shrink:0;
        list-style-type:none!important;
        position:relative;
        text-align: center;
        
    }
    .splide__slide img{
        width:50%;
        height: auto;
        vertical-align:middle;

    }


    .splide__spinner{
        animation:splide-loading 1s linear infinite;
        border:2px solid #999;
        border-left-color:transparent;
        border-radius:50%;
        bottom:0;
        contain:strict;
        display:inline-block;
        height:20px;
        left:0;
        margin:auto;
        position:absolute;
        right:0;
        top:0;
        width:20px
    }
    .splide__sr{
        clip:rect(0 0 0 0);
        border:0;
        height:1px;
        margin:-1px;
        overflow:hidden;
        padding:0;
        position:absolute;
        width:1px;
    }
    .splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{
        display:none
    }
    .splide__toggle.is-active .splide__toggle__pause{
        display:inline}.splide__track{
        overflow:hidden;
        position:relative;
        z-index:0
        }
        @keyframes 
        splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}
    }
    .splide__track--draggable{
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -ms-user-select:none;
        user-select:none
    }.splide__track--fade>.splide__list>.splide__slide{
        margin:0!important;
        opacity:0;z-index:0
    }.splide__track--fade>.splide__list>.splide__slide.is-active{
        opacity:1;
        z-index:1
    }.splide--rtl{
        direction:rtl
    }
    .splide__track--ttb>.splide__list{
        display:block
    }
    .splide__arrow{
        -ms-flex-align:center;
        align-items:center;
        background:#ccc;
        border:0;
        border-radius:50%;
        cursor:pointer;
        display:-ms-flexbox;
        display:flex;
        height:2em;
        -ms-flex-pack:center;
        justify-content:center;
        opacity:.7;
        padding:0;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:2em;
        z-index:1;
        display: none;
    }
    .splide__arrow svg{
    fill:#000;
    height:1.2em;
    width:1.2em
}
.splide__arrow:hover:not(:disabled){
    opacity:.9
    }
    .splide__arrow:disabled{
        opacity:.3
    }
    .splide__arrow:focus-visible{
        outline:3px solid #0bf;
        outline-offset:3px
    }
    .splide__arrow--prev{
        left:1em
    }
    .splide__arrow--prev svg{
        transform:scaleX(-1)
    }
    .splide__arrow--next{
        right:1em
    }
    .splide.is-focus-in .splide__arrow:focus{
        outline:3px solid #0bf;
        outline-offset:3px
    }
    .splide__pagination{
        bottom:.5em;
        left:0;
        padding:0 1em;
        position:absolute;
        right:0;
        z-index:1
    }
    .splide__pagination__page{
        background:#ccc;
        border:0;
        border-radius:50%;
        display:inline-block;
        height:8px;
        margin:3px;
        opacity:.7;
        padding:0;
        position:relative;
        transition:transform .2s linear;
        width:8px
    }
    .splide__pagination__page.is-active{
        background:#fff;
        transform:scale(1.4);
        z-index:1
    }
    .splide__pagination__page:hover{
        cursor:pointer;opacity:.9
    }
    .splide__pagination__page:focus-visible{
        outline:3px solid #0bf;
        outline-offset:3px
    }
    .splide.is-focus-in 
    .splide__pagination__page:focus{
        outline:3px solid #0bf;
        outline-offset:3px
    }
    .splide__progress__bar{
        background:#ccc;
        height:3px
    }
    .splide__slide{
        -webkit-tap-highlight-color:rgba(0,0,0,0)
    }
    .splide__slide:focus{
        outline:0
    }
    @supports(outline-offset:-3px){
    .splide__slide:focus-visible{
        outline:3px solid #0bf;
        outline-offset:-3px}
    }
    @media screen and (-ms-high-contrast:none){
        .splide__slide:focus-visible{border:3px solid #0bf}
    }
    @supports(outline-offset:-3px){
    .splide.is-focus-in 
    .splide__slide:focus{outline:3px solid #0bf;
        outline-offset:-3px
    }
    }
    @media screen and (-ms-high-contrast:none){
    .splide.is-focus-in 
    .splide__slide:focus{
        border:3px solid #0bf
    }
    .splide.is-focus-in 
    .splide__track>
    .splide__list>
    .splide__slide:focus{
        border-color:#0bf}
    }
    .splide__toggle{
        cursor:pointer
    }
    .splide__toggle:focus-visible{
        outline:3px solid #0bf;
        outline-offset:3px
    }
    .splide.is-focus-in 
    .splide__toggle:focus{
        outline:3px solid #0bf;
        outline-offset:3px
    }
    .splide__track--nav>
    .splide__list>.splide__slide{
        border:3px solid transparent;
        cursor:pointer
    }
    .splide__track--nav>
    .splide__list>.splide__slide.is-active{
        border:3px solid #000
    }
    .splide__arrows--rtl 
    .splide__arrow--prev{
        left:auto;
        right:1em;
    }
    .splide__arrows--rtl 
    .splide__arrow--prev svg{
        transform:scaleX(1)
    }
    .splide__arrows--rtl 
    .splide__arrow--next{
        left:1em;right:auto
    }
    .splide__arrows--rtl 
    .splide__arrow--next svg{
        transform:scaleX(-1)
    }
    .splide__arrows--ttb 
    .splide__arrow{
        left:50%;
        transform:translate(-50%)
    }
    .splide__arrows--ttb 
    .splide__arrow--prev{
        top:1em
    }
    .splide__arrows--ttb 
    .splide__arrow--prev svg{
        transform:rotate(-90deg)
    }
    .splide__arrows--ttb 
    .splide__arrow--next{
        bottom:1em;
        top:auto
    }
    .splide__arrows--ttb 
    .splide__arrow--next svg{
        transform:rotate(90deg)
    }
    .splide__pagination--ttb{
        bottom:0;
        display:-ms-flexbox;
    }