.c-services {
    background-image: url(/ar/images/goal-24.png), linear-gradient(250deg, var(--white) 0%, var(--white) 45%, var(--white) 50%, var(--tertiary) 90%, var(--tertiary) 92%, var(--tertiary) 100%);
}

.cls-0 {
    --s-stroke: var(--tertiary) !important;
}

.cls-4 {
    stroke: var(--tertiary) !important;
}


.img-goal-index, .a-container {
    background-image: linear-gradient(250deg, var(--white) 0%, var(--white) 45%, var(--tertiary) 58%, var(--tertiary) 75%, var(--tertiary) 92%, var(--tertiary) 100%);
}

.img-goal-confirm {
    background-image: linear-gradient(250deg, var(--white) 0%, var(--white) 45%, var(--tertiary) 58%, var(--tertiary) 75%, var(--tertiary) 92%, var(--tertiary) 100%);
}

.img-goal-winner {
    background-image: linear-gradient(250deg, var(--white) 0%, var(--white) 45%, var(--success) 58%, var(--success) 75%, var(--success) 92%, var(--success) 100%);
}

.background, .background-image-holder {
    background: linear-gradient(100deg, var(--white) 0%, var(--white) 45%, var(--tertiary) 58%, var(--tertiary) 75%, var(--tertiary) 92%, var(--tertiary) 100%);
}

@media screen and (max-width: 900px) {
    .c-details {
        background-image: linear-gradient( 90deg, transparent 0%, transparent 45%, transparent 58%, var(--tertiary) 92%, var(--tertiary) 100%);
    }
}