:root {
    /*    --clr-bg-primary: linear-gradient(90deg, #3627CB 0%, #D90958 100%);*/
    --clr-bg-secondary: linear-gradient(90deg, #D90958 0%, #3627CB 100%);
    --clr-bg-secondary-r: linear-gradient(90deg, #3627CB 0%, #D90958 100%);
    --clr-bg-tertiary: linear-gradient(90deg, #FD9100 0%, #F83947 100%);
    --clr-bg-quaternary: linear-gradient(90deg, #F83947 0%, #FD9100 100%);
    --clr-bg-quinary: linear-gradient(90deg, #0038A8 0%, #9747FF 100%);
    --clr-bg-senary: linear-gradient(90deg, #FC9D81 0%, #D50656 100%);
    --clr-bg-senary-r: linear-gradient(90deg, #D50656 0%, #FC9D81 100%);
    --clr-bg-septary: linear-gradient(90deg, #F8A6A8 0%, #E20011 100%);
    --clr-bg-octonary: linear-gradient(90deg, #FD9100 0%, #F83947 100%);
    --clr-bg-neutral: #7D7D7D;
    --clr-bg-transparent: rgba(53, 53, 53, 0.5);
    --clr-bg-accent: #FF0013;
    --clr-bg-white: #FFFFFF;
    --clr-bg-swimlane: #2A2E36;
    --clr-bg-solid-primary: #0038A8;
    --clr-bg-brand-primary-200: #F8A6A8;
    --clr-bg-brand-primary-700: #920B11;
    --clr-text-white: #FFFFFF;
    --clr-text-neutral: #7D7D7D;
    --clr-text-neutral-700: #121212;
    --clr-text-neutral-600: #2B2B2B;
    --clr-text-neutral-500: #3C3C3C;
    --clr-text-neutral-head-500: #353535;
    --clr-text-neutral-head-600: #121212;
    --clr-text-accent: #FF0013;
    --clr-text-black: #000000;
    --clr-text-brand-primary-600: #E20011;
    --clr-text-brand-primary: #0038A8;
    --clr-border-brand: #F83947;
    --clr-border-brand-primary: #0038A8;
    --clr-border-brand-primary-500: #FF0013;
    --clr-border-neutral: #7D7D7D;
    --clr-border-white: #FFFFFF;
    --clr-hover-quaternary: radial-gradient(circle, #D41A5D, #FFA332 70%);
    --img-bundle-bg: url("../images/pilipinas-live-bundle-bg.png");
    --clr-bg-primary: #FF0013;
    --clr-text-accent: #FF0013;
    /* Hero component font sizes */
    --font-size-hero-title: 3rem; /* 48px */
    --font-size-hero-title-lg: 2.625rem; /* 42px */
    --font-size-hero-title-md: 2.25rem; /* 36px */
    --font-size-hero-title-sm: 2rem; /* 32px */
    --font-size-hero-title-xs: 1.75rem; /* 28px */

    --font-size-hero-desc: 1.125rem; /* 18px */
    --font-size-hero-desc-md: 1rem; /* 16px */
    --font-size-hero-desc-sm: 0.875rem; /* 14px */
    --font-size-hero-desc-xs: 0.8125rem; /* 13px */
    /* Spacing */
    --spacing-xs: 0.625rem; /* 10px */
    --spacing-sm: 0.75rem; /* 12px */
    --spacing-md: 1rem; /* 16px */
    --spacing-lg: 1.25rem; /* 20px */
    --spacing-xl: 1.5rem; /* 24px */
}
.hero-plans-background {
    /*  position: relative;
    background-image: url('https://cignal-web-assets-3.b-cdn.net/images/backgrounds/layer1.png'), url('https://cignal-web-assets-3.b-cdn.net/images/backgrounds/background-1.png');
    background-size: cover, cover;
    background-position: center, center;*/
    background-image: url("../images/backgrounds/bg-1-v2.svg");
    background-position: center 10%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.deals-details-background {
    background-image: url("../images/backgrounds/bg-1-v2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
 /*   background-size: auto 150%;*/
}

.deals-background {
    background-image: url("../images/backgrounds/bg-5-v2.svg");
    background-position: 90% 95%;
    background-repeat: no-repeat;
    background-attachment: scroll;
/*    background-size: auto 150%;*/
}



/*.themepacks-background {
    background-image: url("../../images/backgrounds/bg-3-v2.svg");
    background-position: 20% 20%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}*/

.themepacks-background {
    background-image: url("../images/backgrounds/theme-packs-ripple_1-v2.svg"), url("../images/backgrounds/theme-packs-ripple_2-v2.svg");
    background-position: top right, bottom left;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.exclusivedeals-background {
        background-image: url("../images/backgrounds/bg-4-v2.svg");
        background-position: center 50%;
        background-repeat: no-repeat;
        background-attachment: scroll;
 }