.special {
    position:relative;
}

.special .card {
    border: 1px solid #dadada;
    position: relative;
    border-radius: var(--theme--border-radius);
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.special .card .card-body{
    width:100%;
    margin:auto;
    padding-left: 4rem;
    padding: 3em;
}

.special.odd .card .card-body {
   background:linear-gradient(270deg, rgba(0,0,0,0.4766281512605042) 30%, rgba(0,0,0,0) 60%);
}

.special.even .card .card-body {
    background:linear-gradient(90deg, rgba(0,0,0,0.4766281512605042) 30%, rgba(0,0,0,0) 60%);
}

.special.even .card .card-body > .d-flex {
    flex-direction:row-reverse;
}

@media screen and (min-width:768px){
    .special .card .card-body .text-spacer {
        width:50%;
    }
    .special .card .card-body .text {
        width:50%;
    }
}

@media screen and (min-width:1200px){
    .special .card .card-body .text-spacer {
        width:60%;
    }
    .special .card .card-body .text {
        width:40%;
    }
}
.special .card .card-body .text {
    color:#fff;
}

.special .card .card-body .text .text-muted {
    color:#e4e4e4 !important;
}
.special img {
    height: 100%;
    object-fit: cover;
}
.admin-special-wrapper {
    position: absolute;
    top: 20px;
    right: 25px;
    display:flex;
    gap:5px;
    width: 65%;
    justify-content: flex-end;
}
.admin-special-message span , .admin-special-edit a{
    font-size: 1.2rem;
    padding: 0.3rem;
    border-radius: var(--theme--border-radius);
    color:#ffffff;
}
.admin-special-edit a{
    background-color: rgba(108,117,125,0.6);
    border: 2px solid rgb(108,117,125);
}

.admin-special-message .display-always-on{
   background-color: rgba(0,123,255,0.6);
   border: 2px solid rgb(0,123,255);
}
.admin-special-message .display-from{
    background-color: rgba(23,162,184,0.6);
    border: 2px solid rgb(23,162,184);
}
.admin-special-message .display-till{
    background-color: rgba(40,167,69,0.6);
    border: 2px solid rgb(40,167,69);
    font-size: 1.2rem;
}
.admin-special-message .display-expired{
    background-color: rgba(220,53,69,0.6);
    border: 2px solid rgb(220,53,69);
}

.row.specials ul.slick-dots li button {
    background-color: transparent !important;
}