#loyl-landingpage--slider {
    margin-top: 30vw;
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ */
}

.loyl-slider-container {
    position: relative;
    max-width: 100%;
}

.loyl-slide-background {
    width: 120%;
    min-width: 1400px;
    max-width: unset;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loyl-slide-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.loyl-slide-img-container {
    position: relative;
    display: flex;
    justify-content: center;
}

.loyl-slide-content img {
    width: 408px;
}

.loyl-slide-content ul {
    width: 300px;
    margin-left: var(--nui-space-10, 10rem);
    cursor: pointer;
}

.loyl-slide-content li {
    margin-bottom: var(--nui-space-5, 5rem);
    color: var(--nui-snow, rgba(255,255,255,1));
    pointer-events: none;
}

.loyl-slide-content li span{
    pointer-events: none;
}

.loyl-slide-content .loyl-benefits-gold li, .loyl-slide-content .loyl-benefits-platin li {
    margin-bottom: var(--nui-space-3, 3rem);
}

.loyl-slide-content li:last-child {
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .loyl-slide-heading .nui-heading {
        margin-bottom: var(--nui-space-12, 12rem);
    }

    .loyl-slide-desktop {
        display: block;
    }

    .loyl-slide-mobile {
        display: none;
    }
}

@media (max-width: 959px) {
    .loyl-slide-desktop {
        display: none;
    }

    .loyl-slide-mobile {
        display: block;
    }

    #loyl-landingpage--slider {
        margin-top: calc(var(--nui-space-1, 0.375rem) * 50);
    }

    .loyl-slide-background {
        min-height: 150%;
    }

    .loyl-slide-img-container {
        width: 100%;
    }

    .loyl-slide-content {
        flex-direction: column;
    }

    .loyl-slide-heading .nui-heading {
        margin-bottom: var(--nui-space-5, 5rem);
    }

    .loyl-slide-content img {
        width: 272px;
    }

    .loyl-slide-content ul {
        margin-top: var(--nui-space-10, 10rem);
        margin-left: 0;
        top: 100%;
    }

    .loyl-slide-content li {
        margin-bottom: var(--nui-space-4, 4rem);
    }

    .loyl-slide-content .loyl-benefits-gold li, .loyl-slide-content .loyl-benefits-platin li {
        margin-bottom: var(--nui-space-4, 4rem);
    }

    .loyl-slide-content li:last-child {
        margin-bottom: 0;
    }
}

/* dots/bullets/indicator */

.loyl-slide-dot {
    display: inline-block;
    cursor: pointer;
    height: 9px;
    width: 9px;
    margin-right: 9px;
    border: 1px solid var(--nui-snow, rgba(255,255,255,1));
    border-radius: 50%;
    transition: background-color 0.6s ease;
}

.loyl-slide-active, .loyl-slide-dot:hover {
    background-color: var(--nui-snow, rgba(255,255,255,1));
}

/*  !* Fading animation *!*/
/*.loyl-slide-fade {*/
/*  animation-name: fade;*/
/*  animation-duration: 1.5s;*/
/*  animation-timing-function:ease-in-out;*/
/*}*/

/*@keyframes fade {*/
/*  0% {*/
/*    opacity: 0.6;*/
/*  }*/
/*  100% {*/
/*    opacity: 1;*/
/*  }*/
/*}*/

/* Next & previous buttons */
.loyl-slide-prev, .loyl-slide-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    color: var(--nui-snow, rgba(255,255,255,1));
    transition: 0.6s ease;
    user-select: none;
}

.loyl-slide-prev {
    transform: rotate(180deg);
    left: 0;
}

/* Position the "next button" to the right */
.loyl-slide-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}