@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    /* Global header */
    --gradient-color1: #182f4b;
    --gradient-color2: #1c416a;
    --gradient-color3: #1a3751;
    --logo-background-color: #FED141;
    --color-surface-black: #000;
    --Color-divider-primary: #A5B7BA;
    --Input-sapField_Background: #FFF;
    --Color-divider-yellow: #FED141;
    --Color-surface-white: #FFF;
    --surface-graphic-minimal: #A5B7BA;
    --surface-card-secondary: #F5F5F5;
    --color-card-primary: #53565a;
    --color-sub-menu-text: #1a76c5;
    --header-background-color: linear-gradient(180deg, rgba(13, 48, 91, 0.45) 0%, rgba(19, 53, 91, 0.30) 40%, rgba(14, 43, 78, 0.15) 70%, rgba(15, 43, 81, 0.00) 100%);

    --pading-left-40: 40px;
    --width-40: 40px;
    --height-40: 40px;
    --border-radius-0: 0px;
    --border-radius-2: 2px;
    --border-radius-4: 4px;
    --border-radius-8: 8px;
    --border-radius-50: 50px;
    --padding-t-p-16: 16px;
    --padding-8: 8px;
    --margin-0: 0px;
    --padding-0: 0px;
    --padding-avatar-img: 18px 10px 12px 10px;
    --width-100: 100%;
    --font-wt-600: 600;
    /* Global header */
    /* Site Search Start*/
    --Spacing-2: 8px;
    --Spacing-0: 0px;
    --text-primary: #101820;
    --text-secondary: #000000;
    --Color-divider-primary: #A5B7BA;
    --Input-sapField_Background: #FFF;
    --Fonts-Family-Text: 'Open Sans';
    --Fonts-Size-Text-Medium: 18px;
    --Fonts-Line-Height-x-sm: 20px;
    font-family: 'Open Sans', sans-serif;
    /* Site Search End*/
    /* Self Service Menu Start*/
    --Spacing-6: 24px;
    --Spacing-System-spacing-xxxxxxlg: 48px;
    --Spacing-10: 40px;
    --Spacing-2: 8px;
    --Spacing-4: 16px;
    --Radius-4: 4px;
    --Color-text-blue: #1A76C5;
    --Color-text-grey: #101820;
    --Color-divider-yellow: #FED141;
    --Primary-White: #FFF;
    --Color-text-black: #000;
    --Color-surface-transparent: rgba(0, 0, 0, 0.00);
    --Color-divider-primary: #A5B7BA;
    --Colors-Accent-5: #6DC9C9;
    --Accent-Accent-11: #1A76C5;
    /* Button */
    --color-button-default: #fed141;
    --gradiants-button-1: #fec711;
    --gradiants-button-2: #fed143;
    --gradiants-button-3: #fad665;
    --color-text-black: #000000;
    --color-button-disabled: #f5f5f5;
    --color-button-hover: #fbb04c;
    --color-button-animating: #f0b323;
    --color-button-secondary: #ffffff;
    --text-link: #1A76C5;
    --Typeface-Line-Height-lg: 26px;
    --Typeface-Size-H5: 22px;
    --Typeface-Size-Text-Regular: 16px;
    --Typeface-Line-Height-x-sm: 20px;
    --Typeface-Size-Text-Tiny: 12px;
    --Typeface-Line-Height-xxx-sm: 14px;
    --Typeface-Line-Height-xxx-lg: 26px;
    --Typeface-Size-H3: 23px;
    --Typeface-Size-Mobile-H5: 18px;
    font-family: 'Open Sans', sans-serif;
    --Fonts-Size-Text-Large: 20px;
    --Fonts-Line-Height-sm: 24px;
    --Fonts-Line-Height-x-sm: 20px;
    --Fonts-Line-Height-x-sm: 18px;
    /* Self Service Menu End*/
    /* C09-Homepage Hero Start*/
    --logo-background-color: #FED141;
    /* C09-Homepage Hero End*/
    /* DSS */
    --text-secondary: #000000;
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --radius-medium: 4px;
    --radius-large: 8px;
    --surface-card-secondary: #F5F5F5;
    /* DSS */
    /* Featured grid */
    --spacing-6: 24px;
    --spacing-4: 16px;
    /* Featured grid */
    /* Featured card */
    --Color-layout-background: #444444;
    --Radius-4: 4px;
    --Color-text-white: #FFF;
    --Color-divider-yellow: #FED141;
    /* Featured card */
    /* Regular content card */
    --spacing-4: 16px;
    --text-primary: #101820;
    --surface-card-transparent: rgba(0, 0, 0, 0.00);
    --colors-gradients-Transparent: rgba(0, 0, 0, 0.00);
    --surface-graphic-brand: #FED141;
    /* Regular content card */
    /* Regular content grid */
    --spacing-6: 24px;
    --spacing-4: 16px;
    /* Regular content grid */
    /* Homepage inline hero */
    --logo-background-color: #FED141;
    --gradiant-color: linear-gradient(180deg, rgba(24, 47, 75, 0.9), rgba(28, 65, 106, 0.6) 40%, rgba(26, 55, 90, 0.3) 70%, rgba(67, 70, 74, 0));
    --button-background: linear-gradient(-90deg, #fec711, #fed143 49.5%, #fad665);
    --mobile-gradiant-color: linear-gradient(180deg, rgba(67, 70, 74, 0) 10%, rgba(26, 55, 90, 0.3) 40%, rgba(28, 65, 106, 0.8) 80%, #182f4b);
    --background-color-white: #fff;
    --background-color-black: #000;
    /* Homepage inline hero */
    /* Editorial Card */
    --Fonts-Line-Height-sm: 24px;
    --Fonts-Size-Text-Tiny: 14px;
    --Fonts-Line-Height-xxx-sm: 16px;
    --surface-graphic-brand: #FED141;
    --radius-medium: 4px;
    /* Editorial Card */
    /* Footer */
    --Color-surface-heather: #F5F5F5;
    --Color-text-color: #101820;
    --Color-divider-primary: #A5B7BA;
    --Color-surface-black: #000000;
    --Color-text-white: #FFFFFF;
    --gradient-button: #FEC711;
    --Spacing-0: 0px;
    --Spacing-1: 4px;
    --Spacing-2: 8px;
    --Spacing-3: 12px;
    --Spacing-4: 16px;
    --Color-divider-primary: #A5B7BA;
    --Input-sapField_Background: #FFF;
    --Color-surface-heather: #F5F5F5;
    --Color-text-grey: #101820;
    --Color-text-black: #000000;
    --Color-surface-grey: #53565A;
    /* Footer */

    /* Small Page Header - CSS variables start */
    --text-invert: #FFF;
    --Fonts-Family-Heading: 'Open Sans', sans-serif;
    --Fonts-Size-H1: 40px;
    --Fonts-Line-Height-xxxx-lg: 40px;
    --Typeface-Size-Mobile-H2: 24px;
    --surface-graphic-brand: #FED141;
    --surface-graphic-primary: #1A76C5;
    --surface-graphic-secondary: #6DC9C9;
    --surface-graphic-minimal: #A5B7BA;
    /* Small Page Header - CSS variables end */

    /* Medium Page Header - CSS variables start */
    --text-invert: #FFF;
    --Fonts-Family-Heading: 'Open Sans';
    --Fonts-Size-H1: 40px;
    --Fonts-Line-Height-xxxx-lg: 40px;
    --Typeface-Size-Mobile-H2: 24px;
    --surface-graphic-brand: #FED141;
    --surface-graphic-primary: #1A76C5;
    --surface-graphic-secondary: #6DC9C9;
    --surface-graphic-minimal: #A5B7BA;
    /* Medium Page Header - CSS variables end */
    /* Breadcrumb start */
    --Color-text-blue: #1A76C5;
    --Color-text-grey: #101820;
    /* Breadcrumb end */
    /* copy block */
    --text-primary: #101820;
    /* copy block */
    /* landing page */
    --surface-card-primary: #FFF;
    --Gradients-Landing-BG: linear-gradient(180deg, rgba(165, 183, 186, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%);
    /* landing page */
    /* Parent content card */
    --Spacing-System-spacing-xs: 8px;
    --Spacing-System-spacing-md: 16px;
    --Spacing-System-spacing-sm: 12px;
    --Spacing-2: 8px;
    font-family: 'Open Sans', sans-serif;
    --Color-text-grey: #101820;
    --Color-layout-background: #444444;
    /* Parent content card */
    /* Target promo block */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xlg: 32px;
    --typeface-size-h5: 22px;
    --typeface-size-text-regular: 16px;
    --typeface-line-height-x-sm: 20px;
    --typeface-line-height-lg: 22px;
    --typeface-size-text-small: 14px;
    --color-text-grey: #101820;
    /* Target promo block */
    /* Buttons */

    /* Buttons - CSS variables start */
    --Spacing-0: 0px;
    --Spacing-1: 4px;
    --Spacing-2: 8px;
    --Spacing-3: 12px;
    --Spacing-4: 16px;
    --Spacing-System-spacing-none: 0px;
    --Spacing-System-spacing-xs: 4px;
    --Spacing-System-spacing-sm: 8px;
    --Spacing-System-spacing-md: 16px;
    --Spacing-System-spacing-lg: 24px;
    --Spacing-System-spacing-xl: 48px;
    --Color-gradiant-button1: #F0B323;
    --Color-gradiant-button2: #fed143;
    --Color-gradiant-button3: #fad665;
    --Color-button-default: #fed141;
    --Color-text-black: #000;
    --Color-text-blue: #1A76C5;
    --Color-button-disabled: #F5F5F5;
    --Color-button-disabled-text: #7A7A7A;
    --Color-button-secondary: #fff;
    --Color-button-active: #FBB04C;
    --Color-default-border: #A5B7BA;
    --Radius-4: 4px;
    /* Buttons */

    font-family: 'Open Sans', sans-serif;
    /* Buttons - CSS variables end */

    /* Help Center Card - CSS variables start */
    /* --Fonts-Family-Heading: 'Open Sans';
    --text-primary: #4F4F4F;
    --Fonts-Size-H4: 24px;
    --Fonts-Line-Height-x-lg: 28px;
    --surface-graphic-brand: #FED141;
    --Fonts-Size-Text-Large: 20px;
    --Fonts-Line-Height-sm: 24px; */
    /* Help Center Card - CSS variables end */
    /* C33 Youtube Content Block start */
    --surface-graphics-brand:#FED141;
    --spacing-spacing-xlg:24px;
    --spacing-spacing-md:16px;
    --spacing-spacing-xxs:4px;
    --spacing-spacing-xs:8px;
    --Fonts-Size-H2:24px;
    --Fonts-Line-Height-md:28px;
    /* C33 Youtube Content Block end */
    /* Sticky CTA starts */
    --Color-surface-black: #000;
    --Color-text-white: #fff;
    font-family: 'Open Sans', sans-serif;

    --surface-graphics-brand:#FED141;
    --Fonts-Family-Heading:'Open Sans';
    --Gradients-Sticky-Block:linear-gradient(0deg, #00A9E0 0%, #1A76C5 100%);
    --spacing-spacing-xlg:24px;
    --Fonts-Size-H2:24px;
    --Fonts-Line-Height-md:28px;
    --text-invert:#fff;
    --Fonts-Size-Text-Medium:18px;
    --Fonts-Line-Height-sm :24px;
    --Radius-4: 4px;
    --spacing-spacing-xxs:4px;
    --spacing-spacing-xs:8px;
    --Spacing-System-spacing-none: 0px;
    --Spacing-System-spacing-xs: 4px;
    --Spacing-System-spacing-sm: 8px;
    --Spacing-System-spacing-md: 16px;
    --Spacing-System-spacing-lg: 24px;
    --Spacing-System-spacing-xl: 48px;
    --Color-text-black: #000;
    --Color-button-default: #fed141;
    --spacing-4:16px;
    /* Sticky CTA ends */
}