@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.90) 0%, rgba(19, 53, 91, 0.60) 40%, rgba(14, 43, 78, 0.30) 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 */
}