.splide {
/* Center the splide */
margin-inline: auto;
}

/* show overflow items */
.splide__track {
overflow: initial;
}

/* Display pagination below items instead on top */
.splide__pagination {
bottom: initial;
top: calc(100% + 10px);
display:none;
}

/* Change active pagination */
.splide__pagination__page.is-active {
background-color: #fff;
}

/* Card styling */
.card {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
border-radius: 0px;
overflow: hidden;
cursor: pointer;
}

.splide_arrow--prev svg {
margin-left: -50px
}
.specialoffer-bg{
    background-size: 100% 45vw;
}
.splide__arrow {
-ms-flex-align: center;
align-items: center;
background: #fff;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: flex;
height: 72px;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
padding: 0;
position: absolute;
transform: translateY(-50%);
width: 72px;
z-index: 1
}

.so-img {
    position: relative;
}

.so-category {
    position: absolute;
    right: 0;
    bottom: -20px;
    z-index: 3;
    height: 40px;
    width: 170px;
    text-align: center;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0 10px 0 2px;
    color: #9d8f66;
    font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    display: flex;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px, rgba(0, 0, 0, 0.15) 0px 0px 2px;
}

.so-category img {
    aspect-ratio: 1 / 1 !important;
    width: 35px;
    height: auto;
    margin-right: 10px;
}

.so-category-text {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so-gold-title mb-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*
.card__content {
padding: clamp(20px, 4vw, 30px);
}

.card__title {
margin-block: 0 10px;
}
*/
@media screen and (min-width:1080px){
    #special-offers .splide__slide {
        width: calc(40% - 9px) !important;
    }
}
@media screen and (min-width:768px) {
    .so-item .so-gold-title {
        -webkit-line-clamp: 1;
        padding-top: 22px;
    }
    
    .splide__arrow{
        top: 40%;
    }
    .so-gold-title .mb-1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .so-date-range {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .so-special-offer-bg {
        background-color: #fff;
        position: relative;
        margin-left: -1000px;
        margin-right: -1000px;
        padding-left: 1000px;
        padding-right: 1000px;
    }

    .so-gold-title.mb-1 {
        z-index: 1;
        position: relative;
    }

    .so-date-range{
        z-index: 1;
        position: relative;
    }

    .highlightmore {
        z-index: 1;
        position: relative;
    }
}