#newsletterslider{ 
    position: relative;
}
.newsletterslider.margintop{ margin-top: var(--section-padding); }
.newsletterslider.marginbottom{ margin-bottom: var(--section-padding); }
/* --------- */
.newsletterslider__textcontainer{
    width:          90%;
    max-width:      1400px;
    margin:         0 auto;
    position:       relative;
}
.newsletterslider__textcontainer__subtitle{
    font-size:          12px;
    text-transform:     uppercase;
    font-weight:        300;
    margin-bottom:      10px;
}
/* --------- */
.newsletterslider__list__item{
    overflow:   hidden;
    position:   relative;
    width:      100%;
}
.newsletterslider__list__item.darkgreen a{ color: white; }
.newsletterslider__list.initialised .newsletterslider__list__item{
    height: calc(100% - 4px);
}
.newsletterslider__list__item .bkgplusses{
    position:       absolute;
    right:          0;
    top:            0;
    transform:      translateY(-40%) translateX(25%);
    z-index:        0;
    width:          30%;
}
.newsletterslider__list__item__inner{ 
    position:               relative;
    z-index:                1;
    padding:                30px;
    display:                grid;
    grid-template-columns:  40% 1fr;
    text-decoration:        none;
    min-height:             300px;
}
/* --------- */
.newsletterslider__list__item__inner__image{
    height:         100%;
    width:          calc(100% - 20px);
}
.newsletterslider__list__item__inner__image__discount{
    margin:             10px 0 0 10px;
    font-weight:        900;
    color:              white;
    cursor:             initial;
    background-color:   var(--Hospitalselect);
}
/* --------- */
.newsletterslider__list__item__inner__text{ padding-right: 20%; }
.newsletterslider__list__item__inner__text__type{
    font-size:          14px;
    font-weight:        300;
    margin:             0;
}
.newsletterslider__list__item__inner__text__title{
    margin: 0;
    font-size: 40px;
}
/*-------------------*/
.newsletterslider__list__item__inner__text__button{
    color:              var(--textcolor);
    display:            inline-block;
    padding:            .5rem 3rem;
    background-color:   white;
    border:             1px solid black;
    border-radius:      999em;
    font-size:          16px;
    font-weight:        600;
    text-decoration:    none;
    position:           relative;
}
#newsletterslider .flickity-prev-next-button{ top: 50%; }
#newsletterslider .flickity-prev-next-button.next{ right: -30px; }
#newsletterslider .flickity-prev-next-button.previous{
    right: auto;
    left: -30px;
}
#newsletterslider .flickity-page-dots{
    text-align: center;
    width:      100%;
    bottom:     -30px;
}
/*.newsletterslider .cta{ 
    margin-top: 2rem; 
    display:    inline-block;
}
.newsletterslider .cta button{ 
    font-weight:    600;
    font-size:      16px;
    position:       relative;
    padding:        0.7rem 3.5rem 0.7rem 3rem;
    border:         1px solid black;
}
.newsletterslider a:hover .cta button::after{
    right: 1.7rem;
}
.newsletterslider .cta button::after{
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.924 11.374'%3e%3cpath d='M7.823,9.96,11.1,6.687H0v-2H11.1L7.823,1.414,9.237,0l5.687,5.687L9.237,11.374Z' fill='#233f3c'/%3e%3c/svg%3e");
    transition:     all 0.3s ease;
    height:         11.374px;
    width:          14.924px;
    display:        block;
    position:       absolute;
    right:          2.2rem;
    top:            15px;
}*/
/*---------------------------*/
/*   MOBILE LAYOUT   */
/*---------------------------*/
@media (max-width: 767px) {
    /*  ------  */
    .newsletterslider.margintop{ margin-top: 40px; }
    .newsletterslider.marginbottom{ margin-bottom: 40px; }
    /*  ------  */
    .newsletterslider__list__item__inner{ grid-template-columns: 1fr; }
    .newsletterslider__list__item__inner{ padding: 15px; }
    .newsletterslider__list__item__inner__image{ 
        width:      100%;
        height:     200px; 
    }
    .newsletterslider__list__item__inner__text{ padding: 20px 0 0; }
    .newsletterslider__list__item__inner__text__title{ 
        font-size:      30px;
        margin-bottom:  10px;
        line-height:    1.1; 
    }
    .newsletterslider__list__item__inner__image__discount{ padding: .5rem 1.5rem; }
    .newsletterslider__list__item__inner__text__desc p{ font-size: 18px; }
    .newsletterslider .cta{ 
        margin-top: 0;
        width:      100%; 
    }
    /*  ------  */
}