.sp-background {
    background-image: var(--sponsored_bg-image);
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: var(--sponsored_bg-color, #1E2626);
}

.sp-background > section#main {
    background-color: transparent;
}

.sp-background section#billboard > div#herocontainer div.bb-img {
    mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
}

.sp-background section#billboard > div#herocontainer div#billboard-gradient {
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}

.sp-background footer > div:first-child {
    background: linear-gradient(to top, var(--sponsored_bg-color, #1E2626) 0%, var(--sponsored_bg-color, #1E2626) 85%,  transparent 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.sp-background footer > div:first-child::before {
    content: "";
    position: absolute;
    top: 60px;
    left: 2%;   
    width: 96%;
    height: 1px;
    background-color:#6C7B80;
}

.sp-background footer > div:nth-child(2) {
    background-color: var(--sponsored_bg-color, #1E2626);
    position: relative;
}

.sp-background footer > div:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2%;   
    width: 96%;
    height: 1px;
    background-color: #6C7B80;
}

.sp-background footer > div:nth-child(2) ul{
    margin-left: 32px;
    margin-right: 32px;
}

@media (min-width: 1281px) {
    .sp-background footer > div:first-child {
        padding-left: 5%;
        padding-right: 5%;
    }

    .sp-background footer > div:first-child::before {
        left: 5%;   
        width: 90%;
    }

    .sp-background footer > div:nth-child(2) {
        padding-left: 5%;
        padding-right: 5%;
    }

    .sp-background footer > div:nth-child(2) {
        padding-left: 5%;
        padding-right: 5%;
    }

    .sp-background footer > div:nth-child(2)::before {
        left: 5%;   
        width: 90%;
    }
}

@media (max-width: 1280px) {
    .sp-background footer > div:first-child {
        padding-left: 3%;
        padding-right: 3%;
    }

    .sp-background footer > div:nth-child(2) {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media (max-width: 768px) {
    .sp-background footer > div:first-child {
        background: linear-gradient(to top, var(--sponsored_bg-color, #1E2626) 0%, var(--sponsored_bg-color, #1E2626) 88%,  transparent 100%);
        padding-top: 100px !important;
    }

    .sp-background footer > div:first-child::before {
        top: 75px;
    }
}