/* Figma Styles of your File */
:root {
    /* Colors */
    --color-primary: #155571;
    --color-secondary: #1d9cd3;
    --color-tertiary: #182752;
    --color-black-1: #231f20;
    --color-black-2: #1d1d1d;
    --color-black-3: #282828;
    --color-gray-5: #4f4f4f;
    --color-gray-4: #828282;
    --color-gray-3: #bdbdbd;
    --color-gray-2: #e0e0e0;
    --color-gray-1: #f5f5f5;
    --color-white: #ffffff;
    /* Fonts */
    --heading-h1-font-family: NunitoSans-Black, sans-serif;
    --heading-h1-font-size: 40px;
    --heading-h1-line-height: 44px;
    --heading-h1-font-weight: 900;
    --heading-h1-font-style: normal;
    --heading-h2-font-family: NunitoSans-ExtraBold, sans-serif;
    --heading-h2-font-size: 32px;
    --heading-h2-line-height: 35.2px;
    --heading-h2-font-weight: 800;
    --heading-h2-font-style: normal;
    --heading-h3-highlight-font-family: NunitoSans-ExtraBold, sans-serif;
    --heading-h3-highlight-font-size: 24px;
    --heading-h3-highlight-line-height: 26.4px;
    --heading-h3-highlight-font-weight: 800;
    --heading-h3-highlight-font-style: normal;
    --text-small-font-family: NunitoSans-Regular, sans-serif;
    --text-small-font-size: 14px;
    --text-small-line-height: 19.6px;
    --text-small-font-weight: 400;
    --text-small-font-style: normal;
    --button-text-font-family: NunitoSans-Bold, sans-serif;
    --button-text-font-size: 16px;
    --button-text-line-height: 19.6px;
    --button-text-font-weight: 700;
    --button-text-font-style: normal;
    --text-normal-font-family: NunitoSans-Medium, sans-serif;
    --text-normal-font-size: 16px;
    --text-normal-line-height: 22.4px;
    --text-normal-font-weight: 500;
    --text-normal-font-style: normal;
    --text-normal-bold-font-family: NunitoSans-Bold, sans-serif;
    --text-normal-bold-font-size: 16px;
    --text-normal-bold-line-height: 22.4px;
    --text-normal-bold-font-weight: 700;
    --text-normal-bold-font-style: normal;
    --text-medium-font-family: NunitoSans-Regular, sans-serif;
    --text-medium-font-size: 18px;
    --text-medium-line-height: 25.2px;
    --text-medium-font-weight: 400;
    --text-medium-font-style: normal;
    --text-medium-bold-font-family: NunitoSans-Bold, sans-serif;
    --text-medium-bold-font-size: 18px;
    --text-medium-bold-line-height: 25.2px;
    --text-medium-bold-font-weight: 700;
    --text-medium-bold-font-style: normal;
    --text-large-font-family: NunitoSans-Regular, sans-serif;
    --text-large-font-size: 20px;
    --text-large-line-height: 28px;
    --text-large-font-weight: 400;
    --text-large-font-style: normal;
    --text-large-bold-font-family: NunitoSans-Bold, sans-serif;
    --text-large-bold-font-size: 20px;
    --text-large-bold-line-height: 28px;
    --text-large-bold-font-weight: 700;
    --text-large-bold-font-style: normal;
    --eyebrow-text-font-family: NunitoSans-Bold, sans-serif;
    --eyebrow-text-font-size: 14px;
    --eyebrow-text-line-height: 19.6px;
    --eyebrow-text-font-weight: 700;
    --eyebrow-text-font-style: normal;
    --table-body-text-font-family: RobotoMono-Regular, sans-serif;
    --table-body-text-font-size: 14px;
    --table-body-text-line-height: 19.6px;
    --table-body-text-font-weight: 400;
    --table-body-text-font-style: normal;
    --table-highlights-text-font-family: RobotoMono-Medium, sans-serif;
    --table-highlights-text-font-size: 14px;
    --table-highlights-text-line-height: 19.6px;
    --table-highlights-text-font-weight: 500;
    --table-highlights-text-font-style: normal;
    --small-bold-font-family: NunitoSans-Bold, sans-serif;
    --small-bold-font-size: 14px;
    --small-bold-line-height: 19.6px;
    --small-bold-font-weight: 700;
    --small-bold-font-style: normal;
    /* Effects */
    --dropshadow-box-shadow: 0px 4px 24px 0px rgba(9, 44, 76, 0.4);
}
/* Figma Color Variables of your File */
[data-variable-collection-mode="mode-1"] {
    /* mode-1 */
    --color-warning: #e2b93b;
    --color-yello: #f4d35e;
    --color-green: #4caf50;
    --color-red: #e63946;
}