@charset "utf-8";

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('.../fonts/IBMPlexSansArabic-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'dga-font';
    src: url('../fonts/dga-font.eot');
    src: url('../fonts/dga-font.eot?#iefix') format('embedded-opentype'), url('../fonts/dga-font.woff') format('woff'), url('../fonts/dga-font.ttf') format('truetype'), url('../fonts/dga-font.svg#dga-font') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*=================== PRIMITIVES ===================*/
:root {
    --font-family-display: "IBM Plex Sans Arabic";
    --font-family-text: "IBM Plex Sans Arabic";
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --color-base-white: #FFFFFF;
    --Colors-Base-black: #161616;
    --color-primary-sa-flag-25: #F7FDF9;
    --color-primary-sa-flag-50: #F3FCF6;
    --color-primary-sa-flag-100: #DFF6E7;
    --color-primary-sa-flag-200: #B8EACB;
    --color-primary-sa-flag-300: #88D8AD;
    --color-primary-sa-flag-400: #54C08A;
    --color-primary-sa-flag-500: #25935F;
    --color-primary-sa-flag-600: #1B8354;
    --color-primary-sa-flag-700: #166A45;
    --color-primary-sa-flag-800: #14573A;
    --color-primary-sa-flag-900: #104631;
    --color-primary-sa-flag-950: #092A1E;
    --Colors-Secondary-Gold-25: #FFFEF7;
    --Colors-Secondary-Gold-50: #FFFEF2;
    --Colors-Secondary-Gold-100: #FFFCE6;
    --Colors-Secondary-Gold-200: #FCF3BD;
    --Colors-Secondary-Gold-300: #FAE996;
    --Colors-Secondary-Gold-400: #F7D54D;
    --Colors-Secondary-Gold-500: #F5BD02;
    --Colors-Secondary-Gold-600-primary: #DBA102;
    --Colors-Secondary-Gold-700: #B87B02;
    --Colors-Secondary-Gold-800: #945C01;
    --Colors-Secondary-Gold-900: #6E3C00;
    --Colors-Secondary-Gold-950: #472400;
    --Colors-Tertiary-Lavendar-25: #FEFCFF;
    --Colors-Tertiary-Lavendar-50: #F9F5FA;
    --Colors-Tertiary-Lavendar-100: #F2E9F5;
    --Colors-Tertiary-Lavendar-200: #E1CCE8;
    --Colors-Tertiary-Lavendar-300: #CCADD9;
    --Colors-Tertiary-Lavendar-400: #A57BBA;
    --Colors-Tertiary-Lavendar-500-primary: #80519F;
    --Colors-Tertiary-Lavendar-600: #6D428F;
    --Colors-Tertiary-Lavendar-700: #532D75;
    --Colors-Tertiary-Lavendar-800: #3D1D5E;
    --Colors-Tertiary-Lavendar-900: #281047;
    --Colors-Tertiary-Lavendar-950: #16072E;
    --color-neutral-25: #FCFCFD;
    --color-neutral-50: #F9FAFB;
    --color-neutral-100: #F3F4F6;
    --color-neutral-200: #E5E7EB;
    --color-neutral-300: #D2D6DB;
    --color-neutral-400: #9DA4AE;
    --color-neutral-500: #6C737F;
    --color-neutral-600: #4D5761;
    --color-neutral-700: #384250;
    --color-neutral-800: #1F2A37;
    --color-neutral-900: #111927;
    --color-neutral-950: #0D121C;
    --color-green-25: #F6FEF9;
    --color-blue-25: #F5FAFF;
    --color-blue-50: #EFF8FF;
    --color-blue-100: #D1E9FF;
    --color-blue-200: #B2DDFF;
    --color-blue-300: #84CAFF;
    --color-blue-400: #53B1FD;
    --color-blue-500: #2E90FA;
    --color-blue-600: #1570EF;
    --color-blue-700: #175CD3;
    --color-blue-800: #1849A9;
    --color-blue-900: #194185;
    --color-blue-950: #102A56;
    --color-green-50: #ECFDF3;
    --color-green-100: #DCFAE6;
    --color-green-200: #ABEFC6;
    --color-green-300: #75E0A7;
    --color-green-400: #47CD89;
    --color-green-500: #17B26A;
    --color-green-600: #079455;
    --color-green-700: #067647;
    --color-green-800: #085D3A;
    --color-green-900: #074D31;
    --color-green-950: #053321;
    --color-yellow-25: #FFFCF5;
    --color-yellow-50: #FFFAEB;
    --color-yellow-100: #FEF0C7;
    --color-yellow-200: #FEDF89;
    --color-yellow-300: #FEC84B;
    --color-yellow-400: #FDB022;
    --color-yellow-500: #F79009;
    --color-yellow-600: #DC6803;
    --color-yellow-700: #B54708;
    --color-yellow-800: #93370D;
    --color-yellow-900: #7A2E0E;
    --color-yellow-950: #4E1D09;
    --color-red-25: #FFFBFA;
    --color-red-50: #FEF3F2;
    --color-red-100: #FEE4E2;
    --color-red-200: #FECDCA;
    --color-red-300: #FDA29B;
    --color-red-400: #F97066;
    --color-red-500: #F04438;
    --color-red-600: #D92D20;
    --color-red-700: #B42318;
    --color-red-800: #912018;
    --color-red-900: #7A271A;
    --color-red-950: #55160C;
    --Colors-alpha-white-0: #FFFFFF00;
    --Colors-alpha-white-10: #FFFFFF1A;
    --Colors-alpha-white-20: #FFFFFF33;
    --Colors-alpha-white-30: #FFFFFF4D;
    --Colors-alpha-white-40: #FFFFFF66;
    --Colors-alpha-white-50: #FFFFFF80;
    --Colors-alpha-white-60: #FFFFFF99;
    --Colors-alpha-white-70: #FFFFFFB2;
    --Colors-alpha-white-80: #FFFFFFCC;
    --Colors-alpha-white-90: #FFFFFFE5;
    --Colors-alpha-white-100: #FFFFFFFF;
    --Colors-alpha-black-0: #16161600;
    --Colors-alpha-black-10: #1616161A;
    --Colors-alpha-black-20: #16161633;
    --Colors-alpha-black-30: #1616164D;
    --Colors-alpha-black-40: #16161666;
    --Colors-alpha-black-50: #16161680;
    --Colors-alpha-black-60: #16161699;
    --Colors-alpha-black-70: #161616B2;
    --Colors-alpha-black-80: #161616CC;
    --Colors-alpha-black-90: #161616E5;
    --Colors-alpha-black-100: #161616FF;
    --Colors-alpha-600-primary-10: #1B83541A;
    --Colors-alpha-600-primary-20: #1B835433;
    --Spacing-0px: 0px;
    --Colors-alpha-600-primary-30: #1B83544D;
    --Colors-alpha-600-primary-40: #1B835466;
    --Spacing-2px: 2px;
    --Colors-alpha-600-primary-50: #1B835480;
    --Colors-alpha-600-primary-60: #1B835499;
    --Colors-alpha-600-primary-70: #1B8354B2;
    --Colors-alpha-600-primary-80: #1B8354CC;
    --Colors-alpha-600-primary-90: #1B8354E5;
    --Colors-alpha-600-primary-100: var(--color-primary-sa-flag-600);
    --Colors-alpha-yellow-10: #DC68031A;
    --Spacing-4px: 4px;
    --Colors-alpha-yellow-20: #DC680333;
    --Spacing-6px: 6px;
    --Spacing-8px: 8px;
    --Colors-alpha-red-10: #D92D201A;
    --Colors-alpha-red-20: #D92D2033;
    --Spacing-12px: 12px;
    --Spacing-16px: 16px;
    --Colors-alpha-blue-10: #1570EF1A;
    --Spacing-20px: 20px;
    --Colors-alpha-blue-20: #1570EF33;
    --Spacing-24px: 24px;
    --Colors-alpha-green-10: #0794551A;
    --Spacing-32px: 32px;
    --Colors-alpha-green-20: #07945533;
    --Spacing-40px: 40px;
    --Spacing-48px: 48px;
    --Spacing-64px: 64px;
    --Spacing-80px: 80px;
    --Spacing-96px: 96px;
    --Spacing-128px: 128px;
    --Spacing-160px: 160px;
    --Spacing-192px: 192px;
    --Spacing-224px: 224px;
    --Spacing-256px: 256px;
    --Spacing-384px: 384px;
    --Spacing-320px: 320px;
    --Spacing-480px: 480px;
    --Spacing-560px: 560px;
    --Spacing-640px: 640px;
    --Spacing-720px: 720px;
    --Spacing-768px: 768px;
    --Spacing-1024px: 1024px;
    --Spacing-1280px: 1280px;
    --Spacing-1440px: 1440px;
    --Spacing-1600px: 1600px;
    --Spacing-1920px: 1920px;
    --radius-0: 0px;
    --radius-2: 2px;
    --radius-4: 4px;
    --radius-8: 8px;
    --radius-16: 16px;
    --radius-24: 24px;
    --radius-9999: 9999px;
    --text-size-8: 8px;
    --text-size-10: 10px;
    --text-size-12: 12px;
    --text-size-14: 14px;
    --text-size-16: 16px;
    --text-size-18: 18px;
    --text-size-20: 20px;
    --text-size-24: 24px;
    --text-size-30: 30px;
    --text-size-32: 32px;
    --text-size-36: 36px;
    --text-size-40: 40px;
    --text-size-48: 48px;
    --text-size-56: 56px;
    --text-size-60: 60px;
    --text-size-72: 72px;
    --line-hight-10: 10px;
    --line-hight-12: 12px;
    --line-hight-14: 14px;
    --line-hight-16: 16px;
    --line-hight-18: 18px;
    --line-hight-20: 20px;
    --line-hight-22: 22px;
    --line-hight-24: 24px;
    --line-hight-26: 26px;
    --line-hight-28: 28px;
    --line-hight-30: 30px;
    --line-hight-32: 32px;
    --line-hight-38: 38px;
    --line-hight-40: 40px;
    --line-hight-44: 44px;
    --line-hight-48: 48px;
    --line-hight-56: 56px;
    --line-hight-60: 60px;
    --line-hight-64: 64px;
    --line-hight-72: 72px;
    --line-hight-90: 90px;
    --font-weight-bold: 700;
    --font-weight-bold-italic: Bold italic;
    --font-weight-semibold: 600;
    --font-weight-semibold-italic: Semibold Italic;
    --font-weight-medium: 500;
    --font-weight-medium-italic: Medium Italic;
    --font-weight-regular: 400;
    --font-weight-light: 300;
    --font-weight-extralight: 200;
    --font-weight-thin: 100;
    --paragraph-spacing-6: 6px;
    --paragraph-spacing-8: 8px;
    --paragraph-spacing-10: 10px;
    --font-weight-italic: Italic;
    --paragraph-spacing-12: 12px;
    --paragraph-spacing-14: 14px;
    --paragraph-spacing-16: 16px;
    --paragraph-spacing-18: 18px;
    --paragraph-spacing-20: 20px;
    --paragraph-spacing-24: 24px;
    --paragraph-spacing-28: 28px;
    --paragraph-spacing-30: 30px;
    --paragraph-spacing-32: 32px;
    --paragraph-spacing-36: 36px;
    --paragraph-spacing-38: 38px;
    --paragraph-spacing-40: 40px;
    --paragraph-spacing-46: 46px;
    --paragraph-spacing-48: 48px;
    --paragraph-spacing-56: 56px;
    --paragraph-spacing-60: 60px;
    --paragraph-spacing-64: 64px;
    --paragraph-spacing-72: 72px;
}


/*=================== LIGHT STYLE ===================*/

:root {
    --background-white: var(--color-base-white);
    --background-body: var(--color-neutral-50);
    --background-menu: var(--color-base-white);
    --background-card: var(--color-base-white);
    --background-disabled: var(--color-neutral-200);
    --Background-surface-oncolor: var(--color-base-white);
    --background-black: var(--Colors-Base-black);
    --background-neutral-800: var(--color-neutral-800);
    --background-neutral-400: var(--color-neutral-400);
    --background-neutral-300: var(--color-neutral-300);
    --background-neutral-200: var(--color-neutral-200);
    --background-neutral-100: var(--color-neutral-100);
    --background-neutral-50: var(--color-neutral-50);
    --background-neutral-25: var(--color-neutral-25);
    --background-primary: var(--color-primary-sa-flag-600);
    --background-primary-400: var(--color-primary-sa-flag-400);
    --background-primary-200: var(--color-primary-sa-flag-200);
    --background-primary-50: var(--color-primary-sa-flag-50);
    --background-primary-25: var(--color-primary-sa-flag-25);
    --background-secondary-50: var(--Colors-Secondary-Gold-50);
    --background-secondary-25: var(--Colors-Secondary-Gold-25);
    --background-tertiary-50: var(--Colors-Tertiary-Lavendar-50);
    --background-tertiary-25: var(--Colors-Tertiary-Lavendar-25);
    --background-success: var(--color-green-600);
    --background-success-50: var(--color-green-50);
    --background-success-25: var(--color-green-25);
    --background-info: var(--color-blue-600);
    --background-info-50: var(--color-blue-50);
    --background-info-25: var(--color-blue-25);
    --background-warning: var(--color-yellow-600);
    --background-warning-50: var(--color-yellow-50);
    --background-warning-25: var(--color-yellow-25);
    --background-error: var(--color-red-600);
    --background-error-50: var(--color-red-50);
    --background-error-25: var(--color-red-25);
    --background-SA-Flag: var(--color-green-900);
    --background-SA-Flag-50: var(--color-green-50);
    --background-SA-Flag-25: var(--color-green-25);
    --background-notification-white: var(--color-base-white);
    --background-nav-header: var(--color-primary-sa-flag-800);
    --text-default: var(--Colors-Base-black);
    --text-primary: var(--color-primary-sa-flag-600);
    --text-primary-sa-flag: var(--color-primary-sa-flag-800);
    --text-display: var(--color-neutral-800);
    --text-primary-paragraph: var(--color-neutral-700);
    --text-secondary-paragraph: var(--color-neutral-500);
    --text-oncolor-primary: var(--color-base-white);
    --text-oncolor-secondary: var(--alpha-white-80);
    --text-oncolor-tertiary: var(--alpha-white-70);
    --text-success: var(--color-green-700);
    --text-info: var(--color-blue-700);
    --text-warning: var(--color-yellow-700);
    --text-error: var(--color-red-700);
    --text-primary-light: var(--color-primary-sa-flag-300);
    --text-default-disabled: var(--color-neutral-400);
    --text-default-oncolor-disabled: var(--alpha-white-40);
    --border-white: var(--color-base-white);
    --border-white-40: var(--alpha-white-40);
    --button-background-black-default: var(--color-neutral-950);
    --button-background-black-hovered: var(--color-neutral-800);
    --button-background-black-pressed: var(--color-neutral-600);
    --button-background-black-selected: var(--color-neutral-700);
    --button-background-black-focused: var(--color-neutral-950);
    --button-background-primary-default: var(--color-primary-sa-flag-600);
    --button-background-primary-hovered: var(--color-primary-sa-flag-700);
    --button-background-primary-pressed: var(--color-primary-sa-flag-900);
    --button-background-primary-selected: var(--color-primary-sa-flag-800);
    --button-background-primary-focused: var(--color-primary-sa-flag-600);
    --button-background-neutral-default: var(--color-neutral-100);
    --button-background-neutral-hovered: var(--color-neutral-100);
    --button-background-neutral-pressed: var(--color-neutral-200);
    --button-background-neutral-selected: var(--color-neutral-200);
    --button-background-neutral-focused: var(--color-neutral-100);
    --button-background-danger-primary-default: var(--color-red-600);
    --button-background-danger-primary-hovered: var(--color-red-700);
    --button-background-danger-primary-pressed: var(--color-red-900);
    --button-background-danger-primary-selected: var(--color-red-800);
    --button-background-danger-primary-focused: var(--color-red-600);
    --button-label-danger-primary-default-oncolor: var(--color-red-200);
    --button-label-danger-primary-hovered-oncolor: var(--color-red-300);
    --button-label-danger-primary-pressed-oncolor: var(--color-red-400);
    --button-background-danger-secondary-default: var(--color-red-50);
    --button-background-danger-secondary-hovered: var(--color-red-100);
    --button-background-danger-secondary-pressed: var(--color-red-200);
    --button-background-danger-secondary-selected: var(--color-red-50);
    --button-background-danger-secondary-focused: var(--color-red-50);
    --button-background-oncolor-default: var(--color-base-white);
    --button-background-oncolor-hovered: var(--alpha-white-80);
    --button-background-oncolor-pressed: var(--alpha-white-60);
    --button-background-oncolor-selected: var(--alpha-white-70);
    --button-background-oncolor-focused: var(--alpha-white-100);
    --button-background-transparent-default: var(--alpha-white-0);
    --button-background-transparent-hovered: var(--alpha-white-20);
    --button-background-transparent-pressed: var(--alpha-white-40);
    --button-background-transparent-selected: var(--alpha-white-30);
    --button-background-transparent-focused: var(--alpha-white-0);
    --button-background-disabled-on-color: var(--alpha-white-20);
    --button-label-transparent-hovered-on-color: var(--color-primary-sa-flag-400);
    --border-black: var(--Colors-Base-black);
    --border-primary: var(--color-primary-sa-flag-600);
    --border-primary-light: var(--color-primary-sa-flag-200);
    --border-neutral-primary: var(--color-neutral-300);
    --border-neutral-secondary: var(--color-neutral-200);
    --border-neutral-tertiary: var(--color-neutral-100);
    --border-background-white: var(--color-neutral-100);
    --border-background-neutral: var(--color-neutral-300);
    --border-transparent-10: var(--alpha-white-10);
    --border-oncolor-transparent-30: var(--Colors-alpha-white-30);
    --button-label-transparent-pressed-on-color: var(--color-primary-sa-flag-300);
    --border-success: var(--color-green-700);
    --border-success-light: var(--color-green-200);
    --button-label-transparent-selected-on-color: var(--color-primary-sa-flag-400);
    --border-info: var(--color-blue-700);
    --border-info-light: var(--color-blue-200);
    --button-icon-transparent-hovered-on-color: var(--background-primary-400);
    --border-warning: var(--color-yellow-700);
    --border-warning-light: var(--color-yellow-200);
    --button-icon-transparent-pressed-on-color: var(--color-primary-sa-flag-300);
    --border-error: var(--color-red-700);
    --border-error-light: var(--color-red-200);
    --button-icon-transparent-selected-on-color: var(--color-primary-sa-flag-400);
    --global-border-disabled: var(--color-neutral-400);
    --chip-background-neutral-default: var(--color-neutral-100);
    --chip-background-neutral-hovered: var(--color-neutral-200);
    --chip-background-neutral-selected: var(--color-neutral-700);
    --chip-background-neutral-focused: var(--color-neutral-100);
    --chip-background-primary-focused: var(--color-primary-sa-flag-100);
    --chip-background-on-color-default: var(--color-base-white);
    --chip-background-on-color-hovered: var(--alpha-white-80);
    --chip-background-on-color-pressed: var(--alpha-white-60);
    --chip-background-on-color-selected: var(--alpha-white-70);
    --chip-background-on-color-focused: var(--alpha-white-100);
    --chip-background-on-color-diabled: var(--alpha-white-20);
    --link-primary: var(--color-primary-sa-flag-600);
    --link-primary-hovered: var(--color-primary-sa-flag-400);
    --link-primary-pressed: var(--color-primary-sa-flag-300);
    --link-primary-focused: var(--color-primary-sa-flag-600);
    --link-primary-visited: var(--color-primary-sa-flag-800);
    --link-icon-primary-hovered: var(--color-primary-sa-flag-400);
    --link-icon-primary-pressed: var(--color-primary-sa-flag-300);
    --link-icon-primary-focused: var(--color-primary-sa-flag-600);
    --link-icon-primary-visited: var(--color-primary-sa-flag-800);
    --link-neutral: var(--color-neutral-700);
    --link-neutral-hovered: var(--color-neutral-500);
    --link-icon-neutral-hovered: var(--color-neutral-500);
    --link-neutral-pressed: var(--color-neutral-400);
    --link-icon-neutral-pressed: var(--color-neutral-400);
    --link-neutral-focused: var(--color-neutral-700);
    --link-icon-neutral-focused: var(--color-neutral-700);
    --link-neutral-visited: var(--color-neutral-600);
    --link-icon-neutral-visited: var(--color-neutral-600);
    --link-danger: var(--color-red-600);
    --link-danger-hovered: var(--color-red-700);
    --link-icon-danger-hovered: var(--color-red-700);
    --link-danger-pressed: var(--color-red-900);
    --link-icon-danger-pressed: var(--color-red-900);
    --link-danger-focused: var(--color-red-600);
    --link-icon-danger-focused: var(--color-red-600);
    --link-danger-visited: var(--color-red-800);
    --link-icon-danger-visited: var(--color-red-800);
    --link-oncolor: var(--color-base-white);
    --link-oncolor-hovered: var(--Colors-alpha-white-80);
    --link-icon-oncolor-hovered: var(--alpha-white-80);
    --link-oncolor-pressed: var(--Colors-alpha-white-60);
    --link-icon-oncolor-pressed: var(--alpha-white-60);
    --link-oncolor-focused: var(--color-base-white);
    --link-link-oncolor-focused: var(--color-base-white);
    --link-oncolor-visited: var(--Colors-alpha-white-90);
    --link-icon-oncolor-visited: var(--alpha-white-90);
    --link-oncolor-disabled: var(--Colors-alpha-white-30);
    --link-icon-oncolor-disabled: var(--alpha-white-30);
    --icon-oncolor: var(--color-base-white);
    --tag-background-neutral: var(--color-neutral-600);
    --tag-background-neutral-light: var(--color-neutral-50);
    --tag-background-on-color: var(--Colors-alpha-white-20);
    --tag-text-neutral: var(--color-neutral-800);
    --tag-text-success: var(--color-green-800);
    --tag-text-info: var(--color-blue-800);
    --tag-text-warning: var(--color-yellow-800);
    --tag-text-error: var(--color-red-800);
    --tag-icon-neutral: var(--color-neutral-800);
    --tag-icon-success: var(--color-green-800);
    --tag-icon-info: var(--color-blue-800);
    --tag-icon-warning: var(--color-yellow-800);
    --tag-icon-error: var(--color-red-800);
    --tag-background-success: var(--color-green-700);
    --tag-background-success-light: var(--color-green-50);
    --tag-background-info: var(--color-blue-600);
    --tag-background-info-light: var(--color-blue-50);
    --tag-background-warning: var(--color-yellow-700);
    --tag-background-warning-light: var(--color-yellow-50);
    --tag-background-error: var(--color-red-600);
    --tag-background-error-light: var(--color-red-50);
    --tag-border-neutral: var(--color-neutral-600);
    --tag-border-neutral-light: var(--color-neutral-50);
    --tag-border-on-color: var(--Colors-alpha-white-60);
    --tag-border-success: var(--color-green-700);
    --tag-border-success-light: var(--color-green-200);
    --tag-border-info: var(--color-blue-700);
    --tag-border-info-light: var(--color-blue-200);
    --tag-border-warning: var(--color-yellow-700);
    --tag-border-warning-light: var(--color-yellow-200);
    --tag-border-error: var(--color-red-700);
    --tag-border-error-light: var(--color-red-200);
    --tag-dot: var(--Colors-alpha-white-60);
    --Form-text-form-title: var(--text-default);
    --control-primary: var(--alpha-white-0);
    --table-cell-border: var(--color-neutral-300);
    --table-cell-border-inverse: var(--border-black);
    --table-text-head: var(--color-neutral-700);
    --table-text-body: var(--text-default);
    --table-background-disabled: var(--global-background-disabled);
    --table-background-hover-selected: var(--color-neutral-50);
    --table-background-header: var(--color-neutral-100);
    --table-background-row: var(--color-neutral-50);
    --control-primary-checked: var(--color-primary-sa-flag-600);
    --control-primary-hovered: var(--color-primary-sa-flag-800);
    --control-primary-pressed: var(--color-primary-sa-flag-900);
    --control-primary-focused: var(--color-primary-sa-flag-600);
    --control-neutral-checked: var(--color-neutral-950);
    --control-neutral-hovered: var(--color-neutral-600);
    --control-neutral-pressed: var(--color-neutral-500);
    --control-neutral-focused: var(--color-neutral-950);
    --control-primary--readonly: var(--alpha-white-0);
    --control-pressed: var(--color-neutral-300);
    --control-ripple-effect: var(--color-neutral-100);
    --control-border: var(--color-neutral-500);
    --Form-text-form-paragraph: var(--text-secondary-paragraph);
    --table-background-row-selected-hovered: var(--color-primary-sa-flag-50);
    --table-boarder-row-selected-hovered: var(--color-neutral-100);
    --field-text-label: var(--text-default);
    --table-background-row-select: var(--color-primary-sa-flag-50);
    --table-background-row-hovered: var(--color-neutral-100);
    --table-background-row-alt: var(--color-neutral-50);
    --field-text-placeholder: var(--text-secondary-paragraph);
    --field-text-hovered: var(--text-default);
    --stepper-button-completed: var(--color-primary-sa-flag-600);
    --tooltip-background-light: var(--color-base-white);
    --Charts-Charts-Blue: var(--color-blue-400);
    --Progress-Bar-Progress-Bar-Neutral: var(--color-neutral-700);
    --Charts-Charts-Lavendar: var(--Colors-Tertiary-Lavendar-500-primary);
    --tooltip-text-heading-light: var(--text-display);
    --Charts-Charts-Green: var(--color-primary-sa-flag-300);
    --tooltip-text-paragraph-light: var(--text-primary-paragraph);
    --Charts-Charts-Gold: var(--Colors-Secondary-Gold-400);
    --tooltip-background-dark: var(--color-neutral-800);
    --Charts-Charts-Red: var(--color-red-400);
    --Charts-Charts-Yellow: var(--color-yellow-400);
    --Charts-Charts-Green-Primary-200: var(--color-primary-sa-flag-200);
    --tooltip-text-heading-dark: var(--color-neutral-50);
    --tooltip-text-paragraph-dark: var(--color-neutral-100);
    --alpha-white-0: var(--Colors-alpha-white-0);
    --alpha-white-10: var(--Colors-alpha-white-10);
    --alpha-white-20: var(--Colors-alpha-white-20);
    --alpha-white-30: var(--Colors-alpha-white-30);
    --alpha-white-40: var(--Colors-alpha-white-40);
    --alpha-white-50: var(--Colors-alpha-white-50);
    --alpha-white-60: var(--Colors-alpha-white-60);
    --alpha-white-70: var(--Colors-alpha-white-70);
    --alpha-white-80: var(--Colors-alpha-white-80);
    --alpha-white-90: var(--Colors-alpha-white-90);
    --alpha-white-100: var(--Colors-alpha-white-100);
    --alpha-black-0: var(--Colors-alpha-black-0);
    --alpha-black-10: var(--Colors-alpha-black-10);
    --alpha-black-20: var(--Colors-alpha-black-20);
    --alpha-black-30: var(--Colors-alpha-black-30);
    --alpha-black-40: var(--Colors-alpha-black-40);
    --alpha-black-50: var(--Colors-alpha-black-50);
    --alpha-black-60: var(--Colors-alpha-black-60);
    --alpha-black-70: var(--Colors-alpha-black-70);
    --alpha-black-80: var(--Colors-alpha-black-80);
    --alpha-black-90: var(--Colors-alpha-black-90);
    --alpha-black-100: var(--Colors-alpha-black-100);
    --global-background-disabled: var(--color-neutral-200);
    --global-background-disabled-primary: var(--color-primary-sa-flag-200);
    --global-background-inverse-disabled: var(--color-neutral-100);
    --stepper-button-completed-hovered: var(--color-primary-sa-flag-700);
    --stepper-button-current: var(--color-primary-sa-flag-600);
    --stepper-button-current-hovered: var(--color-primary-sa-flag-700);
    --stepper-button-upcomming: var(--color-neutral-300);
    --stepper-button-upcomming-hovered: var(--color-neutral-400);
    --stepper-button-background: var(--color-base-white);
    --stepper-text-primary: var(--text-display);
    --stepper-text-secondary: var(--text-primary-paragraph);
    --stepper-text-tertiary: var(--text-secondary-paragraph);
    --stepper-line-completed: var(--color-primary-sa-flag-600);
    --stepper-line-completed-hovered: var(--color-primary-sa-flag-700);
    --stepper-line-current: var(--color-neutral-300);
    --stepper-line-upcomming: var(--color-neutral-300);
    --stepper-line-upcomming-hovered: var(--color-neutral-400);
    --field-text-focused: var(--text-primary-paragraph);
    --field-text-pressed: var(--text-primary-paragraph);
    --field-text-filled: var(--text-default);
    --field-text-readonly: var(--text-default);
    --field-text-helper: var(--text-secondary-paragraph);
    --field-background-default: var(--background-card);
    --field-background-lighter: var(--color-neutral-25);
    --field-background-darker: var(--color-neutral-100);
    --field-background-pressed: var(--color-neutral-100);
    --field-border-default: var(--color-neutral-400);
    --field-border-hovered: var(--color-neutral-700);
    --field-border-pressed: var(--color-neutral-950);
    --field-border-error: var(--border-error);
    --Form-option-background-hover: var(--color-neutral-100);
    --Form-option-background-pressed: var(--color-neutral-200);
    --Form-datecell-background-default: var(--color-primary-sa-flag-600);
    --Form-datecell-background-hovered: var(--color-primary-sa-flag-700);
    --icon-default: var(--Colors-Base-black);
    --Form-datecell-background-pressed: var(--color-primary-sa-flag-900);
    --Form-datecell-background-focused: var(--color-primary-sa-flag-600);
    --Form-datecell-today-background-default: var(--alpha-white-0);
    --Form-datecell-today-background-hovered: var(--color-neutral-200);
    --Form-datecell-today-background-pressed: var(--color-neutral-300);
    --icon-default-500: var(--color-neutral-500);
    --Form-datecell-today-background-focused: var(--alpha-white-0);
    --Form-datecell-background-disabled: #FFFFFFFF;
    --Form-datecell-background-600: var(--color-primary-sa-flag-600);
    --Form-datecell-background-300: var(--color-primary-sa-flag-300);
    --Form-datecell-background-200: var(--color-primary-sa-flag-200);
    --Form-datecell-background-100: var(--color-primary-sa-flag-100);
    --control-icon-hovered: var(--icon-oncolor);
    --alpha-primary-10: var(--Colors-alpha-600-primary-10);
    --icon-default-400: var(--color-neutral-400);
    --icon-primary: var(--color-primary-sa-flag-600);
    --alpha-primary-20: var(--Colors-alpha-600-primary-20);
    --icon-primary-light: var(--color-primary-sa-flag-50);
    --alpha-warning-10: var(--Colors-alpha-yellow-10);
    --icon-primary-400: var(--color-primary-sa-flag-400);
    --alpha-warning-20: var(--Colors-alpha-yellow-20);
    --alpha-error-10: var(--Colors-alpha-red-10);
    --alpha-error-20: var(--Colors-alpha-red-20);
    --alpha-info-10: var(--Colors-alpha-blue-10);
    --alpha-info-20: var(--Colors-alpha-blue-20);
    --alpha-success-10: var(--Colors-alpha-green-10);
    --alpha-success-20: var(--Colors-alpha-green-20);
    --icon-neutral: var(--color-neutral-700);
    --icon-neutral-light: var(--color-neutral-50);
    --icon-neutral-ring: var(--color-neutral-100);
    --icon-secondary-light: var(--Colors-Secondary-Gold-50);
    --icon-tertiary-light: var(--Colors-Tertiary-Lavendar-50);
    --icon-success: var(--color-green-700);
    --icon-success-light: var(--color-green-50);
    --icon-success-ring: var(--color-primary-sa-flag-100);
    --icon-info: var(--color-blue-700);
    --icon-info-light: var(--color-blue-50);
    --icon-info-ring: var(--color-blue-100);
    --icon-warning: var(--color-yellow-700);
    --icon-warning-light: var(--color-yellow-50);
    --icon-warning-ring: var(--color-yellow-100);
    --icon-error: var(--color-red-700);
    --icon-error-light: var(--color-red-50);
    --icon-error-ring: var(--color-red-100);
    --Icon-background-warning-light: var(--background-warning-50);
    --global-icon-default-disabled: var(--color-neutral-400);
    --global-icon-default-oncolor-disabled: var(--Colors-alpha-white-40);
    --Icon-background-error-light: var(--background-error-50);
    --global-control-disabled: var(--color-neutral-400);
    --Icon-background-brand-light: var(--color-primary-sa-flag-50);
    --Icon-background-info-light: var(--background-info-50);
    --Icon-background-success-light: var(--background-success-50);
    --control-icon-pressed: var(--icon-oncolor);
    --control-icon-disabled: var(--color-base-white);
    --Form-Textarea-scrollbar-bar: var(--background-neutral-300);
    --control-boarder-disabled: var(--color-neutral-400);
    --control-disabled: var(--color-neutral-300);
    --border-disabled: var(--color-neutral-300);
    --Icon-unselected-tab-icon: var(--color-neutral-700);
}



* {
    font-family: var(--font-family-display) !important;
}

body {
    background-color: var(--background-body);
    font-family: var(--font-family-display);
    color: var(--text-default);
    font-size: 16px;
    padding:0px;
    margin:0px;
    overflow-y: auto !important;
}

html[dir="ltr"] body {
    direction: ltr;
}

section{
    padding: 40px 0;
}

.main-slider-section{
    padding: 0px 0px;
}

.inner-search-block {
    position: relative;
    display: flex;
    gap: 16px;
    width: 100%;
}

.inner-search-block .form-row{
    width: 100%;
}


.form-row {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .form-row label {
        position: relative;
        display: flex;
        flex-direction: row;
        gap: 4px;
        font-size: 87.5%;
        color: var(--field-text-label);
        padding: 0px;
        margin: 0px;
    }

.form-input {
    position: relative;
    display: flex;
    width: 100%;
}

.dga-form-control {
    position: relative;
    font-family: var(--font-family-display);
    display: flex;
    font-size: 100%;
    width: 100%;
    color: var(--text-default);
    gap: 8px;
    height: 40px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--field-border-default);
    background-color: var(--field-background-default);
    transition: all 0.35s ease;
    z-index: 1;
}



html[dir="ltr"] .dga-form-control{
    text-align:left;
}


html[dir="rtl"] .dga-form-control {
    text-align: right;
}

.dga-form-control.input-icon{
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.bg-search{
    background-image: url('../images/icon_search.svg');
}

html[dir="ltr"] .dga-form-control {
    padding: 0px 8px 0px 16px;
}

html[dir="ltr"] .dga-form-control.input-icon {
    padding: 0px 8px 0px 36px;
    background-position: 10px center;
}


html[dir="rtl"] .dga-form-control {
    padding: 0px 16px 0px 8px;
}

textarea.dga-form-control {
    height: unset;
    padding: 8px 16px !important;
}

html[dir="rtl"] .dga-form-control.input-icon {
    padding: 0px 36px 0px 8px;
    background-position: calc(100% - 10px) center;
}

.dga-form-control-lg {
    font-size: 100%;
    height: 40px;
}

.dga-form-control-md {
    font-size: 87.5%;
    height: 32px;
}

.dga-form-control:hover {
    border-color: var(--field-border-hovered)
}

.dga-form-control:active {
    background-color: var(--field-background-darker);
    border-color: var(--field-border-default);
}

.dga-form-control:focus {
    box-shadow: none;
    outline: none;
    background-color: var(--field-background-default);
    border-color: var(--field-border-default);
}


/* Hovered */
.form-input::after {
    position: absolute;
    content: '';
    bottom: 0px;
    width: 0%;
    left: 50%;
    height: 2px;
    background-color: var(--field-border-pressed);
    transition: all 0.35s ease;
    z-index: 2;
}

/* Active/Pressed */
.form-input.is-active::after {
    width: 50%;
    left: 25%;
}

/* Focused */
.form-input.is-focused::after {
    width: 100%;
    left: 0%;
    border-radius: 0 0 2px 2px;
}


/* Read-only */
.form-input.is-readonly::after {
    width: 0px;
}


.dga-lnk {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    width: max-content;
    gap: 8px;
    height: 100%;
    align-items: center;
    text-decoration: none;
    border: 2px solid transparent;
    transition: all 0.35s ease;
    cursor: pointer;
}

.dga-lnk-md {
    gap: 8px;
    font-size: 100%;
}

    .dga-lnk-md .dga-icon {
        width: 20px;
        height: 20px;
    }

.dga-lnk-sm .dga-icon {
    width: 16px;
    height: 16px;
}

.dga-lnk-sm {
    gap: 4px;
    font-size: 87.5%;
}

.dga-lnk-primary {
    color: var(--link-primary);
}

    .dga-lnk-primary .dga-icon::after {
        background-color: var(--icon-primary);
    }

    .dga-lnk-primary:hover {
        color: var(--link-primary-hovered);
    }

        .dga-lnk-primary:hover .dga-icon::after {
            background-color: var(--link-icon-primary-hovered);
        }

    .dga-lnk-primary:active {
        color: var(--link-primary-pressed);
    }

        .dga-lnk-primary:active .dga-icon::after {
            background-color: var(--link-icon-primary-pressed);
        }

    .dga-lnk-primary:focus {
        color: var(--link-primary-focused);
        border: 2px solid var(--border-black);
    }

        .dga-lnk-primary:focus .dga-icon::after {
            background-color: var(--link-icon-primary-focused);
        }

    .dga-lnk-primary:visited {
        color: var(--link-primary-visited);
    }

        .dga-lnk-primary:visited .dga-icon::after {
            background-color: var(--link-icon-primary-visited);
        }

    .dga-lnk-primary:disabled {
        color: var(--text-default-disabled);
    }

        .dga-lnk-primary:disabled .dga-icon::after {
            background-color: var(--icon-default-disabled);
        }


.dga-lnk-neutral {
    color: var(--link-neutral);
}

    .dga-lnk-neutral .dga-icon::after {
        background-color: var(--icon-neutral);
    }

    .dga-lnk-neutral:hover {
        color: var(--link-neutral-hovered);
    }

        .dga-lnk-neutral:hover .dga-icon::after {
            background-color: var(--link-neutral-hovered);
        }

    .dga-lnk-neutral:active {
        color: var(--link-neutral-pressed);
    }

        .dga-lnk-neutral:active .dga-icon::after {
            background-color: var(--link-icon-neutral-pressed);
        }

    .dga-lnk-neutral:focus {
        color: var(--link-neutral-focused);
        border: 2px solid var(--border-black);
    }

        .dga-lnk-neutral:focus .dga-icon::after {
            background-color: var(--link-icon-neutral-focused);
        }

    .dga-lnk-neutral:visited {
        color: var(--link-primary-visited);
    }

        .dga-lnk-neutral:visited .dga-icon::after {
            background-color: var(--link-icon-neutral-visited);
        }

    .dga-lnk-neutral:disabled {
        color: var(--text-default-disabled);
    }

        .dga-lnk-neutral:disabled .dga-icon::after {
            background-color: var(--icon-default-disabled);
        }

.dga-lnk-oncolor {
    color: var(--link-oncolor);
}

    .dga-lnk-oncolor .dga-icon::after {
        background-color: var(--icon-oncolor);
    }

    .dga-lnk-oncolor:hover {
        color: var(--link-oncolor-hovered);
    }

        .dga-lnk-oncolor:hover .dga-icon::after {
            background-color: var(--link-icon-oncolor-hovered);
        }

    .dga-lnk-oncolor:active {
        color: var(--link-oncolor-pressed);
    }

        .dga-lnk-oncolor:active .dga-icon::after {
            background-color: var(--link-icon-oncolor-pressed);
        }

    .dga-lnk-oncolor:focus {
        color: var(--link-oncolor-focused);
    }

        .dga-lnk-oncolor:focus .dga-icon::after {
            background-color: var(--link-link-oncolor-focused);
        }

    .dga-lnk-oncolor:visited {
        color: var(--link-oncolor-visited);
    }

        .dga-lnk-oncolor:visited .dga-icon::after {
            background-color: var(--link-icon-oncolor-visited);
        }

    .dga-lnk-oncolor:disabled {
        color: var(--link-oncolor-disabled);
    }

        .dga-lnk-oncolor:disabled .dga-icon::after {
            background-color: var(--link-icon-oncolor-disabled);
        }

.dga-lnk-underline {
    text-decoration: underline;
}



.dga-btn {
    position: relative;
    display: inline-flex;
    border: 2px solid transparent;
    border-radius: 4px;
    padding: 0px 16px;
    font-weight: var(--font-medium);
    gap: 4px;
    height: 40px;
    align-items: center;
    transition: all 0.35s ease;
    text-decoration: none;
    min-width: max-content;
}

.dga-button-icon-only {
    padding: 0px 4px;
}


.dga-btn-lg {
    height: 40px;
}

    .dga-btn-lg em {
        height: 24px;
        width: 24px;
    }

.dga-btn-md {
    height: 32px;
}

    .dga-btn-md em {
        width: 20px;
        height: 20px;
    }

.dga-btn-sm {
    height: 24px;
}

    .dga-btn-sm em {
        width: 16px;
        height: 16px;
    }



.dga-btn-secondary-outline {
    background-color: transparent !important;
    border: 1px solid var(--border-neutral-primary) !important;
}

.dga-btn-secondary-outline:hover {
    background-color: var(--button-background-neutral-default) !important;
    border: 1px solid var(--border-neutral-secondary) !important;
}

.dga-btn-secondary-outline:active {
    background-color: var(--button-background-neutral-pressed) !important;
    border: 1px solid var(--border-neutral-primary) !important;
}

.dga-btn-secondary-outline.selected {
    background-color: var(--button-background-neutral-selected) !important;
    border: 1px solid var(--border-neutral-primary) !important;
}


.dga-btn-secondary-outline:focus {
    background-color: transparent !important;
    border: 2px solid var(--border-black) !important;
}


    .dga-btn-secondary-outline.dga-btn-oncolor {
        border-color: var(--border-white-40) !important;
    }

        .dga-btn-secondary-outline.dga-btn-oncolor:hover {
            background-color: var(--button-background-transparent-hovered) !important;
        }

        .dga-btn-secondary-outline.dga-btn-oncolor:active {
            background-color: var(--button-background-transparent-pressed) !important;
        }

        .dga-btn-secondary-outline.dga-btn-oncolor.selected {
            background-color: var(--button-background-transparent-selected) !important;
        }

        .dga-btn-secondary-outline.dga-btn-oncolor:focus {
            background-color: transparent !important;
            border-width: 2px;
            border-color: var(--icon-oncolor) !important;
        }

        .dga-btn-secondary-outline.dga-btn-oncolor:disabled {
            background-color: transparent !important;
            border-width: 0px;
            color: var(--text-default-oncolor-disabled) !important;
        }







.dga-btn-oncolor em::after {
    background-color: var(--icon-oncolor) !important;
}

.dga-btn-oncolor:disabled em::after {
    background-color: var(--global-icon-default-oncolor-disabled) !important;
}




.dga-btn-primary {
    background-color: var(--button-background-primary-default) !important;
    color: var(--text-oncolor-primary) !important;
}

    .dga-btn-primary:hover {
        background-color: var(--button-background-primary-hovered) !important;
    }

    .dga-btn-primary:active {
        background-color: var(--button-background-primary-pressed) !important;
    }

    .dga-btn-primary:focus {
        background-color: var(--button-background-primary-focused) !important;
        border: 2px solid var(--border-black) !important;
        -webkit-box-shadow: inset 0px 0px 0px 2px var(--alpha-white-100) !important;
        box-shadow: inset 0px 0px 0px 2px var(--alpha-white-100) !important;
    }

    .dga-btn-primary:disabled {
        background-color: var(--global-background-disabled) !important;
        color: var(--text-default-disabled) !important;
    }


.dga-btn-secondary-solid {
    background-color: var(--button-background-neutral-default) !important;
    color: var(--text-default) !important;
    border-color: transparent !important ;
}

    .dga-btn-secondary-solid:hover {
        background-color: var(--button-background-neutral-pressed) !important;
    }

    .dga-btn-secondary-solid:active {
        background-color: var(--button-background-neutral-pressed) !important;
    }

    .dga-btn-secondary-solid:focus {
        background-color: var(--button-background-neutral-focused) !important;
        border: 2px solid var(--border-black) !important;
    }

    .dga-btn-secondary-solid:disabled {
        background-color: var(--global-background-disabled) !important;
        color: var(--text-default-disabled) !important;
    }








.page-title{
    position:relative;
    display:flex;
    gap: 16px;
    margin-bottom: 32px;
}

.page-title h2{
    font-size: 187.5%;
    font-weight: var(--font-bold);
}

 

.page-title-text{
    position:relative;
    display:inline-flex;
    flex-direction: column;
    gap: 8px;
}

.page-title-text span{
    color: var(--text-secondary-paragraph);
}


.result_list{
    position:relative;
    display:flex;
    flex-direction: column;
    gap: 0px;
    width: 100%;
}

.result-item{
    position:relative;
    display: flex;
    flex-direction:column;
    gap: 8px;
    width: 100%;
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.result-item:last-child{
    margin-bottom: 0px;
}

.result-item::after{
    content:'';
    position:absolute;
    bottom:0px;
    width: 100%;
    height:1px;
    background-color: var(--border-neutral-primary);
}

.result-item:last-child::after{
    display:none;
}

.result-item .tags-block{
    position:relative;
    display:inline-flex;
    gap: 8px;
}

.result-item span{
    color: var(--text-display);
    font-size: 87.5%;
}

.result-item date{
    font-size: 75%;
    color: var(--text-secondary-paragraph);
}

.dga-tag {
    position: relative;
    display: inline-flex;
    gap: 4px;
    padding: 0px 8px;
    align-items: center;
    height: 32px;
    font-weight: var(--font-semibold);
    border-radius: 4px;
    border: 1px solid transparent;
    color: var(--tag-text-neutral);
    background-color: var(--tag-background-neutral-light);
    border-color: var(--border-neutral-secondary);
}

.dga-tag-rounded{
    border-radius: 9999px;
}

.dga-tag-md {
    height: 32px;
    font-size: 100% !important;
}

.dga-tag-sm {
    height: 24px;
    font-size: 75% !important;
}

.dga-tag-xs {
    height: 20px;
    font-size: 62.5% !important;
}

.dga-tag-outline{
    background-color: transparent !important;
}

.dga-tag-neutral {
    color: var(--tag-text-neutral);
    background-color: var(--tag-background-neutral-light);
    border-color: var(--border-neutral-secondary);
}

.dga-tag-outline.dga-tag-neutral{
    border-color: var(--tag-border-neutral);
}

.dga-tag-success {
    color: var(--tag-text-success);
    background-color: var(--tag-background-success-light);
    border-color: var(--tag-border-success-light);
}

.dga-tag-outline.dga-tag-success {
    border-color: var(--tag-border-success);
}

.dga-tag-info {
    color: var(--tag-text-info);
    background-color: var(--tag-background-info-light);
    border-color: var(--tag-border-info-light);
}

.dga-tag-outline.dga-tag-info {
    border-color: var(--tag-border-info);
}


.dga-tag-warning {
    color: var(--tag-text-warning);
    background-color: var(--tag-background-warning-light);
    border-color: var(--tag-border-warning-light);
}

.dga-tag-outline.dga-tag-warning {
    border-color: var(--tag-border-warning);
}

.dga-tag-error {
    color: var(--tag-text-error);
    background-color: var(--tag-background-error-light);
    border-color: var(--tag-border-error-light);
}

.dga-tag-outline.dga-tag-error {
    border-color: var(--tag-border-error);
}

.dga-tag-oncolor {
    color: var(--text-oncolor-primary);
    background-color: var(--tag-background-on-color);
    border-color: transparent;
}

.dga-tag-outline.dga-tag-oncolor {
    border-color: var(--tag-border-on-color);
}

.pagination-block{
    position:relative;
    display:flex;
    width: max-content;
    margin:0px auto;
}

.pagination{
    position:relative;
    display:flex;
    align-items:center;
    margin:0px;
    padding:0px;
    gap: 8px
}


.pagination .page-item{
    position:relative;
    display:inline-flex;

    align-items:center;
    border-radius: 4px;
    background-color:transparent;
    transition: all 0.35s ease;
}

.pagination .page-item a{
    position:relative;
    display:inline-flex;
    height: 40px;
    padding: 0px 8px;
    border-radius: 4px;
    align-items:center;
    background-color: transparent;
    border:2px solid transparent;
    color: var(--text-default);
}

.pagination .page-item a:focus{
    border-color: var(--border-black);
    box-shadow: none;
}

.pagination .page-item:hover{
    background-color: var(--background-neutral-100);
}

.pagination .page-item a em{
    position:relative;
    display:flex;
    width:24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

html[dir="ltr"] .pagination .page-item a.prev-link em {
    background-image: url('../images/icon_arrow_left.svg');
}

html[dir="ltr"] .pagination .page-item a.next-link em {
    background-image: url('../images/icon_arrow_right.svg');
}

html[dir="rtl"] .pagination .page-item a.prev-link em {
    background-image: url('../images/icon_arrow_right.svg');
}

html[dir="rtl"] .pagination .page-item a.next-link em {
    background-image: url('../images/icon_arrow_left.svg');
}

.pagination .page-item.active a::after{
    content:'';
    position:absolute;
    width: 100%;
    height: 3px;
    bottom: 0px;
    left:0px;
    border-radius: 2px;
    background-color: var(--background-primary);
}


.dga-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--background-card);
    border: 1px solid var(--border-neutral-primary);
    border-radius: 16px;
    padding: 16px;
    gap: 24px;
    height: 100%;
    width: 100%;
}

    .dga-card em {
        position: relative;
        display: inline-flex;
    }

    .dga-card .dga-card-content {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        gap: 8px;
    }

        .dga-card .dga-card-content h4 {
            position: relative;
            display: inline-flex;
            width: 100%;
            padding: 0px;
            margin: 0px;
            font-weight: var(--font-bold);
            font-size: 112.5%;
            color: var(--text-display);
        }

        .dga-card .dga-card-content span {
            position: relative;
            display: inline-flex;
            flex-direction: column;
            font-size: 100%;
            font-weight: var(--font-regular);
            color: var(--text-display);
        }

    .dga-card .dga-card-action {
        position: relative;
        display: inline-flex;
        gap: 16px;
    }


#mainSlider .slider-caption{
    position:absolute;
    width: 100%;
    bottom: 30%;
}


#mainSlider .slider-caption h2{
    position:relative;
    display:flex;
    width: 100%;
    font-size: 250%;
    font-weight: var(--font-bold);
    color: var(--text-oncolor-primary);
}

#mainSlider .slider-caption span{
    position:relative;
    display: flex;
    width: 100%;
    color: var(--text-oncolor-primary);
    font-size: 250%;
}


.breadcrumb-item {
    position: relative;
    align-items: center;
    display: inline-flex;
    padding: 0px !important;
}

    .breadcrumb-item::before {
        font-family: "hugeicons-stroke-rounded" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        display: inline-block;
        font-variant: normal;
        font-size: 1.24em;
        font-variant-ligatures: discretionary-ligatures;
        font-feature-settings: "liga" 1;
        text-rendering: auto;
        font-display: swap;
        line-height: normal;
    }

html[dir="ltr"] .breadcrumb-item:first-child {
    padding-left: 0 !important;
}

html[dir="rtl"] .breadcrumb-item:first-child {
    padding-right: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    width: 16px;
    height: 16px;
    padding: 0px;
    margin-left: 5px;
}

html[dir="ltr"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\f1623";
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\f1612";
}

.breadcrumb-item.active {
    color: var(--text-default-disabled);
    font-size: 87.5%;
}

.service-page {
    position: relative;
    display: flex;
    width: 100%;
    padding: 40px 0;
}

.service-page-head {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 300px;
}

.service-page::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 300px;
    background-color: var(--background-primary-50);
    top: 0px;
    z-index: -1;
}

.service-page-head-content {
    position: relative;
    display: inline-flex;
    flex-direction: column;
}

    .service-page-head-content h2 {
        font-size: 225%;
        font-weight: var(--font-semibold);
        padding: 16px 0;
        margin:0px;
        color: var(--text-default);
    }

.service-page-head-content span{
    font-size: 100%;
    max-width: 723px;
}

    .service-page-head-content .dga-lnk{
        height: fit-content;
    }

    .service-cards {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 40px;
        background-color: var(--background-white);
        border-radius: 16px;
        border: 1px solid var(--border-background-neutral);
    }


.service-card-item {
    position: relative;
    display: flex;
    gap: 8px;
}

    .service-card-item em {
        position: relative;
        display: inline-flex;
        width: 24px;
        min-width: 24px;
        height: 24px;
    }

        .service-card-item em::before {
            color: var(--icon-primary);
        }

.service-card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--text-display);
}

    .service-card-content label {
        font-weight: var(--font-bold);
        position: relative;
        display: inline-flex;
        width: 100%;
    }



.tabs-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.nav-tabs {
    position: relative;
    display: flex;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
    align-items: center;
}

.nav-tabs-lg {
    height: 52px;
}

.nav-tabs-md {
    height: 44px;
}

.nav-tabs-sm {
    height: 44px;
}

.nav-tabs-divier::after {
    content: '';
    position: absolute;
    bottom: 0px;
    z-index: -1;
    height: 3px;
    width: 100%;
    background-color: var(--border-neutral-primary);
}

.nav-tab-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0px 12px;
    background-color: transparent;
    transition: all 0.35s ease;
}


    .nav-tab-item:hover {
        background-color: var(--button-background-neutral-hovered);
    }

    .nav-tab-item a.nav-tab-link {
        position: relative;
        display: flex;
        height: 100%;
        align-items: center;
        gap: 4px;
        text-decoration: none;
        font-size: 87.5%;
        font-weight: 400;
        color: var(--text-primary-paragraph);
        background-color: transparent;
        transition: all 0.35s ease;
    }

        .nav-tab-item a.nav-tab-link::after {
            content: '';
            position: absolute;
            width: 0%;
            height: 3px;
            bottom: 0px;
            left: 50%;
            background-color: var(--border-black);
            border-radius: 4px;
            transition: all 0.35s ease;
        }

        .nav-tab-item a.nav-tab-link:hover {
            color: var(--text-default);
        }

            .nav-tab-item a.nav-tab-link:hover::after {
                left: 0px;
                width: 100%;
                background-color: var(--border-black);
            }


        .nav-tab-item a.nav-tab-link.active {
            font-weight: var(--font-bold);
        }

            .nav-tab-item a.nav-tab-link.active::after {
                left: 0px;
                width: 100%;
                background-color: var(--border-primary);
            }

.tab-content {
    position: relative;
    display: flex;
    background-color: transparent;
    border: 0px;
    width: 100%;
}

.divier{
    position:relative;
    display:flex;
    width: 100%;
    height: 1px;
    background-color: var(--border-neutral-primary);
}


.similar-services{
    background-color: var(--background-primary-50);
}


.no-data-section{
    position:relative;
    display:flex;
    flex-direction: column;
    gap: 32px;
    padding: 80px 0px;
    text-align:center;
    justify-content:center;
}

.no-data-image{
    position:relative;
    display:flex;
    margin:0px auto 64px;
    align-items:center;
    justify-content: center;
    width: 450px;
    height:325px;
    background-image: url('../images/404.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.no-data-image span{
    font-weight: var(--font-bold);
    font-size: 290%;
}

.no-data-content{
    position:relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.no-data-content h4{
    font-weight: var(--font-semibold);
}

.no-data-content button{
    width: max-content;
    margin:0px auto;
}



.page-head {
    position: relative;
    display: flex;
    padding: 40px 0;
    background-color: var(--background-primary-25);
}

    .page-head nav[aria-label="breadcrumb"] a {
        position: relative;
        display: inline-flex;
        align-items: center;
        font-size: 87.5%;
    }

    .page-head h2 {
        font-size: 225%;
        font-weight: var(--font-semibold);
        padding: 16px 0;
        color: var(--text-default);
    }


    .page-head span {
        position: relative;
        display: inline-flex;
        width: 100%;
        color: var(--text-default);
    }










.wizard{
    position:relative;
    display:flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
}
.wizard .nav-tabs{
    position:relative;
    display:inline-flex;
    width: 100%;
    gap: 0px;
}
.wizard .nav-tabs .nav-item {
    position: relative;
    display:inline-flex;
    flex-direction: column;
    gap: 8px;

}



    .wizard .nav-tabs .nav-item .nav-link {
        position:relative;
        display:inline-flex;
        padding:0px;
        gap: 8px;
        flex-direction: column;
        background-color: transparent;
        border:0px;
        width: 100%;
        height: 100%;
    }

    

    .wizard .nav-tabs .nav-item .nav-link::after{
        content:'';
        position:absolute;
        top: 15px;
        left:0px;
        height: 2px;
        width: calc(100% - 32px);
        background-color:var(--stepper-line-upcomming);
    }

    .wizard .nav-tabs .nav-item .nav-link.active::after{
        background-color: var(--stepper-line-current) !important;
    }


    .wizard .nav-tabs .nav-item .nav-link span.number{
        position:relative;
        display:inline-flex;
        border:2px var(--stepper-button-upcomming) solid;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        text-align:center;
        justify-content:center;
        color: var(--stepper-button-upcomming);
        font-weight: var(--font-medium);
    }

    .wizard .nav-tabs .nav-item .nav-link.done span.number{
        font-size: 0;
        background-color: var(--stepper-button-completed);
        background-image: url('../images/tick-02.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .wizard .nav-tabs .nav-item .nav-link .step-content{
        position:relative;
        display:inline-flex;
        flex-direction: column;
        color: var(--stepper-text-tertiary);
        gap: 4px;
    }


    .wizard .nav-tabs .nav-item .nav-link .step-content label{
        position:relative;
        display:inline-flex;
        padding:0px;
        margin:0px;
    }

    .wizard .nav-tabs .nav-item .nav-link.active .step-content label{
        color: var(--stepper-text-primary);
        font-weight: var(--font-medium);
    }

    .wizard .nav-tabs .nav-item .nav-link.done .step-content label{
        color: var(--stepper-text-primary);
    }

    .wizard .nav-tabs .nav-item .nav-link .step-content span{
        font-size: 87.5%;
    }

        .wizard .nav-tabs .nav-item .nav-link.active .step-content span, .wizard .nav-tabs .nav-item .nav-link.done .step-content span {
            color: var(--stepper-text-secondary);
        }


    .wizard .nav-tabs .nav-item:last-child .nav-link::after {
        display: none;
    }

    .wizard .nav-tabs .nav-item .nav-link.active span.number{
        border-color: var(--stepper-button-current);
        color: var(--stepper-button-current);
    }

    .wizard .nav-tabs .nav-item .nav-link.done span.number {
        border-color: var(--stepper-button-current);
        color: var(--stepper-button-current);
    }

    .wizard .nav-tabs .nav-item .nav-link.done::after {
        background-color: var(--stepper-button-completed);
    }


.wizard-tab-action{
    position:relative;
    display: flex;
    gap: 8px;
}

.wizard .tab-pane{
    width: 100%;
}

.wizard .wizard-tab-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 32px 0;
    gap: 24px;
}

.wizard .wizard-tab-content h4{
    position:relative;
    display:flex;
    margin:0px;
    padding:0px 0px 20px;
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.wizard .wizard-tab-content h6{
    position:relative;
    display:flex;
    margin:0px;
    padding:0px 0px 12px;
    font-weight: var(--font-semibold);
    color: var(--text-display);
}



.form-row {
    padding-bottom: 20px;
}


.service-card-content span {
    font-weight: var(--font-regular);
}

.form-row > span.text-danger {
    position: absolute;
    font-weight: var(--font-semibold);
}

.form-row > label {
    padding: 0px 12px;
}

.form-row > label i, .file-uploader-header label i{
    font-style: normal;
    font-size: 87.5%;
    color: var(--field-border-error);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button, .flatpickr-current-month input.cur-year::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}


input[type=number], .flatpickr-current-month input.cur-year {
    -moz-appearance: textfield !important;
}

.dga-select{
    position:relative;
    width: 100%;
}

.dga-select button{
    position:relative;
    display:flex;
    justify-content:space-between;
    width: 100%;
    height: 40px;
    border-radius: 4px;
}

.dga-select button:hover{
    background-color: var(--field-background-default);
}

.dga-select button.show .custom-arrow {
    transform: rotate(180deg);
}

.dga-select .dropdown-menu.show{
    width: 100%;
    padding: 8px;
}

.dga-select .dropdown-item{
    text-align: initial;
    background-color: transparent;
    color: var(--text-default);
    transition: all 0.35s ease;
    font-size: 87.5%;
    padding: 8px;
    border-radius: 4px;
    border:2px solid transparent;
}

.dga-select .dropdown-item:hover{
    background-color: var(--Form-option-background-hover);
}

.dga-select .dropdown-item:active{
    background-color: var(--Form-option-background-pressed);
}

.dga-select .dropdown-item:focus{
    background-color: transparent;
    box-sizing: border-box; /* Forces border inside */
    border:2px solid var(--border-black);
}

.custom-arrow {
    transition: transform 0.2s ease-in-out;
}

/* Style the active option to match Bootstrap's primary color */
.dga-select .dropdown-item.active {
    background-color: transparent;
    background-image: url('../images/Check.svg');
    
    background-repeat: no-repeat;
}

html[dir="ltr"] .dga-select .dropdown-item.active {
    background-position: right center;
}


html[dir="rtl"] .dga-select .dropdown-item.active {
    background-position: left center;
}






.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    border: 0;
    border-radius: 5px;
    position: absolute;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}

    .flatpickr-calendar.open,
    .flatpickr-calendar.inline {
        opacity: 1;
        max-height: 640px;
        visibility: visible;
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999;
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
        animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px;
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px);
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block;
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }



    .flatpickr-calendar .hasWeeks .dayContainer,
    .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0;
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6;
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto;
    }

    .flatpickr-calendar:before,
    .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        left: 22px;
    }

    .flatpickr-calendar.rightMost:before,
    .flatpickr-calendar.arrowRight:before,
    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.arrowRight:after {
        left: auto;
        right: 22px;
    }

    .flatpickr-calendar.arrowCenter:before,
    .flatpickr-calendar.arrowCenter:after {
        left: 50%;
        right: 50%;
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px;
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px;
    }

    .flatpickr-calendar.arrowTop:before,
    .flatpickr-calendar.arrowTop:after {
        bottom: 100%;
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff;
    }

    .flatpickr-calendar.arrowBottom:before,
    .flatpickr-calendar.arrowBottom:after {
        top: 100%;
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff;
    }

    .flatpickr-calendar:focus {
        outline: 0;
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: rgba(0,0,0,0.9);
        fill: rgba(0,0,0,0.9);
        height: 34px;
        line-height: 1;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        cursor: pointer;
        position: relative;
        top: 0;
        height: 34px;
        padding: 10px;
        z-index: 3;
        color: rgba(0,0,0,0.9);
        fill: rgba(0,0,0,0.9);
    }

        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
        .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
            display: none;
        }

        .flatpickr-months .flatpickr-prev-month i,
        .flatpickr-months .flatpickr-next-month i {
            position: relative;
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            /*
      /*rtl:begin:ignore*/
            /*
      */
            left: 0;
            /*
      /*rtl:end:ignore*/
            /*
      */
        }
        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            /*
      /*rtl:begin:ignore*/
            /*
      */
            right: 0;
            /*
      /*rtl:end:ignore*/
            /*
      */
        }
        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month:hover,
        .flatpickr-months .flatpickr-next-month:hover {
            color: #959ea9;
        }


        .flatpickr-months .flatpickr-prev-month svg,
        .flatpickr-months .flatpickr-next-month svg {
            width: 14px;
            height: 14px;
        }

            .flatpickr-months .flatpickr-prev-month svg path,
            .flatpickr-months .flatpickr-next-month svg path {
                -webkit-transition: fill 0.1s;
                transition: fill 0.1s;
                fill: inherit;
            }

.numInputWrapper {
    position: relative;
    height: auto;
}

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block;
    }

    .numInputWrapper input {
        width: 100%;
    }

        .numInputWrapper input::-ms-clear {
            display: none;
        }

        .numInputWrapper input::-webkit-outer-spin-button,
        .numInputWrapper input::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57,57,57,0.15);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .numInputWrapper span:hover {
            background: rgba(0,0,0,0.1);
        }

        .numInputWrapper span:active {
            background: rgba(0,0,0,0.2);
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute;
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0;
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(57,57,57,0.6);
                top: 26%;
            }

        .numInputWrapper span.arrowDown {
            top: 50%;
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57,57,57,0.6);
                top: 40%;
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto;
        }

            .numInputWrapper span svg path {
                fill: rgba(0,0,0,0.5);
            }

    .numInputWrapper:hover {
        background: rgba(0,0,0,0.05);
    }

        .numInputWrapper:hover span {
            opacity: 1;
        }

.flatpickr-current-month {
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: relative;
    width: 100%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: 0.5ch;
        padding: 0;
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0,0,0,0.05);
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch\0;
        display: inline-block;
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0,0,0,0.9);
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0,0,0,0.9);
        }

    .flatpickr-current-month input.cur-year {
        background: transparent !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 0.5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: var(--font-medium);
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0;
        }

        .flatpickr-current-month input.cur-year[disabled],
        .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(0,0,0,0.5);
            background: transparent;
            pointer-events: none;
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: 100%;
        font-family: inherit;
        font-weight: var(--font-medium);
        height: auto;
        line-height: inherit;
        margin: -1px 0 0 0;
        outline: none;
        padding: 0 0 0 0.5ch;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto;
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
        .flatpickr-current-month .flatpickr-monthDropdown-months:active {
            outline: none;
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(0,0,0,0.05);
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: transparent;
            outline: none;
            padding: 0;
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
}

    .flatpickr-days:focus {
        outline: 0;
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

    .dayContainer + .dayContainer {
        -webkit-box-shadow: -1px 0 0 #e6e6e6;
        box-shadow: -1px 0 0 #e6e6e6;
    }

.flatpickr-day {
    background: none;
    border: 2px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-flex;
    position: relative;
    align-items:center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

    .flatpickr-day.inRange,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.today.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day:focus,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        outline: 0;
    }




    .flatpickr-day.today:hover,
    .flatpickr-day.today:focus {
        border-color: #959ea9;
        background: #959ea9;
        color: #fff;
    }

    .flatpickr-day.selected,
    .flatpickr-day.startRange,
    .flatpickr-day.endRange,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.selected:focus,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange:hover,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.endRange.nextMonthDay {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        border-color: var(--Form-datecell-background-default);
        background-color: var(--Form-datecell-background-default);
    }

    .flatpickr-day.today {
        border-color: var(--button-background-primary-default);
        color: var(--text-primary);
    }
        .flatpickr-day.selected.startRange,
        .flatpickr-day.startRange.startRange,
        .flatpickr-day.endRange.startRange {
            border-radius: 50px;
        }

            .flatpickr-day.selected.startRange::before,
            .flatpickr-day.startRange.startRange::before,
            .flatpickr-day.endRange.startRange::before {
                content: "";
                position: absolute;
                width: 100%;
                height: calc(100% + 2px);
                margin-top: -1px;
                z-index: -1;
            }

        .flatpickr-day.selected.endRange,
        .flatpickr-day.startRange.endRange,
        .flatpickr-day.endRange.endRange {
            border-radius: 50px;
        }

            .flatpickr-day.selected.endRange::before,
            .flatpickr-day.startRange.endRange::before,
            .flatpickr-day.endRange.endRange::before {
                content: "";
                position: absolute;
                width: 100%;
                height: calc(100% + 2px);
                margin-top: -1px;
                z-index: -1;
            }



        .flatpickr-day.selected.startRange.endRange,
        .flatpickr-day.startRange.startRange.endRange,
        .flatpickr-day.endRange.startRange.endRange {
            border-radius: 50px;
        }

    .flatpickr-day.inRange {
        border-radius: 0;
    }



    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.prevMonthDay,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.notAllowed.nextMonthDay {
        color: rgba(57,57,57,0.3);
        background: transparent;
        border-color: transparent;
        cursor: default;
    }

        .flatpickr-day.flatpickr-disabled,
        .flatpickr-day.flatpickr-disabled:hover {
            cursor: not-allowed;
            color: rgba(57,57,57,0.1);
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
        box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    }

    .flatpickr-day.hidden {
        visibility: hidden;
    }

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    float: left;
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        -webkit-box-shadow: 1px 0 0 #e6e6e6;
        box-shadow: 1px 0 0 #e6e6e6;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px;
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(57,57,57,0.3);
        background: transparent;
        cursor: default;
        border: none;
    }

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both;
    }

    .flatpickr-time .numInputWrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 40%;
        height: 40px;
        float: left;
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939;
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939;
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%;
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%;
    }

    .flatpickr-time input {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #393939;
        
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: bold;
        }

        .flatpickr-time input.flatpickr-minute,
        .flatpickr-time input.flatpickr-second {
            font-weight: 400;
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0;
        }

    .flatpickr-time .flatpickr-time-separator,
    .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #393939;
        font-weight: bold;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400;
    }

        .flatpickr-time input:hover,
        .flatpickr-time .flatpickr-am-pm:hover,
        .flatpickr-time input:focus,
        .flatpickr-time .flatpickr-am-pm:focus {
            background: #eee;
        }

.flatpickr-input[readonly] {
    cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{
    background-repeat: no-repeat;
    background-position:center;
    background-size: 16px;
}
.flatpickr-months .flatpickr-prev-month {
    background-image: url('../images/icon_arrow_right.svg');
}

.flatpickr-months .flatpickr-next-month {
    background-image: url('../images/icon_arrow_left.svg');
}



.file-uploader {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Header */
.file-uploader-header {
    margin-bottom: 4px;
}

    .file-uploader-header label {
        font-size: 100%;
        font-weight: 500;
        color: var(--field-text-label);
        margin-bottom: 12px;
    }

    .file-uploader-header small {
        position: relative;
        display: inline-flex;
        font-weight: 600;
    }

    .file-uploader-header p {
        font-size: 90%;
        color: var(--text-secondary-paragraph);
        line-height: 1.7;
    }

        .file-uploader-header p span {
            color: var(--text-secondary-paragraph);
            font-weight: 600;
        }

/* Upload Button */
.upload-btn-wrap {
    margin-bottom: 1.25rem;
}

.upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--button-background-black-default);
    color: var(--text-oncolor-primary);
    border: 0px transparent none;
    border-radius: 4px;
    padding: 0 12px;
    height: 32px;
    font-size: 90%;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .upload-btn:hover {
        background: #363d5c;
        border-color: #5a6a9a;
        transform: translateY(-1px);
    }

    .upload-btn svg {
        flex-shrink: 0;
    }

#fileInput, #fileInput1, .uploadinput {
    display: none;
}

/* File List */
.file-list {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.file-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--background-neutral-100);
    border: 1px solid var(--border-neutral-primary);
    border-radius: 4px;
    padding: 0 8px;
    height: 36px;
    animation: slideIn 0.25s ease;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.file-item .file-name {
    color: var(--text-default);
    font-size: 90%;
    font-weight: 400;
    flex: 1;
    text-align: initial;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.5rem;
}

/* Remove button (×) */
.btn-remove {
    background: none;
    border: none;
    cursor: pointer;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: all 0.15s;
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1;
}

    .btn-remove .close {
        width: 20px;
        height: 20px;
        background-color: var(--icon-default);
        -webkit-mask-image: url('../images/close.svg');
        mask-image: url('../images/close.svg');
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 20px;
    }

/* Check icon */
.icon-check {
    width: 22px;
    height: 22px;
    background: var(--icon-success);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .icon-check .checked {
        width: 20px;
        height: 20px;
        background-color: var(--icon-oncolor);
        -webkit-mask-image: url('../images/check.svg');
        mask-image: url('../images/check.svg');
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 10px;
    }



.dga-checkbox {
    display: flex;
    cursor: pointer;
    gap: 8px !important;
    color: var(--text-display);
    align-items: start !important;
}

    /* Hide the default browser checkbox */
    .dga-checkbox input {
        display: none;
    }

/* Create the custom box */
.checkmark {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid var(--control-border);
    border-radius: 4px; /* Makes it slightly rounded */
    position: relative;
    transition: background 0.2s, border-color 0.2s;
}

/* Style when checked */
.dga-checkbox input:checked + .checkmark {
    background-color: var(--control-primary-checked);
    border-color: var(--control-primary-checked);
}

/* Create the checkmark (L-shape) inside the box */
.checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0); /* Hidden by default */
    transition: transform 0.2s;
}

/* Show the checkmark when checked */
.dga-checkbox input:checked + .checkmark::after {
    transform: rotate(45deg) scale(1);
}

.dga-checkbox i {
    position: relative;
    display: inline-block;
    font-style: normal;
}

    .dga-checkbox i a {
        display: inline-block
    }

html[dir="ltr"] .dga-checkbox i a {
    padding-left: 6px;
}


html[dir="rtl"] .dga-checkbox i a {
    padding-right: 6px;
}


.checkbox-label{
    position:relative;
    display:inline-flex;
    flex-direction: column;
    gap: 8px;
}

.checkbox-onlylabel{
    align-items: center !important;
}

.checkbox-label b {
    font-size: 100%;
    font-weight: var(--font-medium);
}

.checkbox-label small{
    font-size: 100%;
}

.dga-inline-alert {
    position: relative;
    display: flex;
    width: 100%;
    background-color: var(--background-notification-white);
    border-radius: 8px;
    padding: 16px 24px;
    gap: 12px;
}

    .dga-inline-alert::before {
        content: '';
        position: absolute;
        top: 0px;
        width: 8px;
        height: 100%;
    }

    .dga-inline-alert.dga-inline-alert-success::before {
        background-color: var(--background-success);
    }

    .dga-inline-alert.dga-inline-alert-neutral::before {
        background-color: var(--background-neutral-200);
    }

    .dga-inline-alert.dga-inline-alert-info::before {
        background-color: var(--background-info);
    }

    .dga-inline-alert.dga-inline-alert-destructive::before {
        background-color: var(--background-error);
    }

    .dga-inline-alert.dga-inline-alert-warning::before {
        background-color: var(--background-warning);
    }

    .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-success {
        background-color: var(--background-success-25);
    }

        .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-success h5 {
            color: var(--text-success);
        }

    .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-neutral {
        background-color: var(--background-neutral-25);
    }

        .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-neutral h5 {
            color: var(--text-display);
        }

    .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-info {
        background-color: var(--background-info-25);
    }

        .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-info h5 {
            color: var(--text-info);
        }

    .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-destructive {
        background-color: var(--background-error-25);
    }

        .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-destructive h5 {
            color: var(--text-error)
        }

    .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-warning {
        background-color: var(--background-warning-25);
    }

        .dga-inline-alert.dga-inline-alert-bgcolor.dga-inline-alert-warning h5 {
            color: var(--text-warning);
        }

html[dir="ltr"] .dga-inline-alert::before {
    left: 0px;
    border-radius: 8px 0px 0px 8px;
}

html[dir="rtl"] .dga-inline-alert::before {
    right: 0px;
    border-radius: 0px 8px 8px 0px;
}

.dga-inline-alert .inline-alert-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .dga-inline-alert .inline-alert-content h5 {
        position: relative;
        display: flex;
        padding: 0px;
        margin: 0px;
        font-weight: var(--font-semibold);
        font-size: 100%;
    }

    .dga-inline-alert .inline-alert-content span {
        position: relative;
        display: flex;
        padding: 0px;
        margin: 0px;
        font-size: 87.5%;
    }

.dga-feedback{
    position:relative;
    display:flex;
    align-items:center;
    width: 100%;
    padding:12px 0px;
    background-color: var(--background-white);
    border-top: 2px solid var(--border-primary);
}

.dga-feedack-block{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.dga-feedback-action {
    position: relative;
    display: flex;
    gap: 16px;
    align-items: center;
}

.dga-feedback-action label{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap: 12px;
}

.dga-feedback-action label em::after{
    background-color: var(--background-success);
}

.dga-feedback-result {
    font-size: 87.5%;
}

#fb-yes, #fb-no {
    display: grid !important;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.4s ease, opacity 0.4s ease;
    overflow: hidden;
}

    #fb-yes > div, #fb-no > div {
        overflow: hidden;
        min-height: 0;
    }

    #fb-yes.open, #fb-no.open {
        grid-template-rows: 1fr;
        opacity: 1;
        padding: 24px 0;
    }


.feedback-row-v{
    position:relative;
    display:flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}


.feedback-row-v > label, .feedback-row-h > label{
    position:relative;
    display:inline-flex;
    gap: 4px;
    align-items:end;
    font-size: 100%;
    color: var(--text-default);
    font-weight: var(--font-semibold);
}

.feedback-row-v > label small, .feedback-row-h > label small{
    font-weight: var(--font-regular);
    font-size: 87.5%;
    color: var(--text-secondary-paragraph);
}

.feedback-row-h {
    position: relative;
    display: flex;
    align-content:center;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 24px;
}

.radiobuttons{
    position:relative;
    display:inline-flex;
    gap: 16px;
    align-items:center;
}

.dga-radio {
    position: relative;
    display:flex;
}

    .dga-radio input[type=radio] {
        opacity: 0;
    }

    .dga-radio label {
        cursor: pointer;
        margin:0px;
        line-height: 24px;
        z-index:2;
        font-weight: var(--font-medium);
    }

    html[dir="ltr"] .dga-radio label{
        padding-left: 20px;
    }

    html[dir="rtl"] .dga-radio label{
        padding-right: 20px;
    }

        .dga-radio label:before {
            width: 24px;
            height: 24px;
            position: absolute;
            top: 0px;
            content: "";
            display: inline-block;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            border: 1px solid var(--control-border);
            background: transparent;
            transition: all 0.35s ease;
        }

html[dir="ltr"] .dga-radio label:before {
    left: 0;
}

html[dir="rtl"] .dga-radio label:before {
    right: 0;
}

.dga-radio input[type=radio] {
    margin: 0px;
}

        .dga-radio input[type=radio]:disabled + label {
            color: #999;
        }

            .dga-radio input[type=radio]:disabled + label:before {
                background-color: var(--control-primary-checked);
            }

        .dga-radio input[type=radio]:checked + label::after {
            content: "";
            position: absolute;
            top: 4px;
            
            display: inline-block;
            font-size: 11px;
            width: 16px;
            height: 16px;
            background-color: var(--control-primary-checked);
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

html[dir="ltr"] .dga-radio input[type=radio]:checked + label::after {
    left: 4px;
}
html[dir="rtl"] .dga-radio input[type=radio]:checked + label::after {
    right: 4px;
}

.dga-radio-default input[type=radio]:checked + label:before {
    border-color: var(--control-primary-checked);
}

.dga-radio-primary input[type=radio]:checked + label:before {
    border-color: var(--control-primary-checked);
}

.dga-radio-primary input[type=radio]:checked + label::after {
    background-color: var(--control-primary-checked);
}

.dga-radio::before {
    content: '';
    position: absolute;
    top: -12px;
    border-radius: 9999px;
    width: 48px;
    height: 48px;
    z-index: 1;
    background-color: transparent;
}
.dga-radio:hover::before {
    
    background: var(--control-ripple-effect);
}

html[dir="ltr"] .dga-radio:hover::before{
    left: -12px;
}

html[dir="rtl"] .dga-radio:hover::before {
    right: -12px;
}

.dga-rate {
    position: relative;
    display: flex;
    padding: 12px 0;
    background-color: var(--background-white);
    border-top: 2px solid var(--border-primary);
}

.dga-rate-block{
    position:relative;
    display:flex;
    width: 100%;
    align-items:center;
    justify-content:space-between;
	flex-wrap:wrap;
	gap:10px;
}

.dga-rate-result-default {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

.dga-rate-result-default span{
    font-size: 100%;
    font-weight: var(--font-regular);
}

.dga-rate-result-default .rate-total{
    font-size: 87.5%;
    color: var(--text-secondary-paragraph);
}

.rating-stars {
    position: relative;
    pointer-events: revert;
    display: inline-flex;
    align-content: center;
}

.rating-stars.disabled::after{
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0);
}

/* Rating Star Widgets Style */
.rating-stars ul {
    position:relative;
    display:flex;
    align-items:center;
    margin:0px;
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .rating-stars ul > li.star {
        display: inline-block;
        width: 24px;
        height: 24px;
    }

    .rating-stars ul > li.star > em{
        width: 24px;
        height: 24px;
    }

        /* Idle State of the stars */
        .rating-stars ul > li.star > em::before {
            transition: all 0.35s ease;
            color: var(--background-neutral-200); /* Color on idle state */
        }

        /* Hover state of the stars */
        .rating-stars ul > li.star.hover > em::before {
            color: var(--background-neutral-300);
        }

        /* Selected state of the stars */
        .rating-stars ul > li.star.selected > em::before{
            color: var(--background-primary);
        }


.rate-hint{
    position:relative;
    display:flex;   
    width: 100%;
    padding:20px 0px 32px;
    font-size: 87.5%;
}

.rate-row-v{
    position:relative;
    display:flex;
    flex-direction: column;
    gap: 16px;
}

.rate-row-v label{
    font-size: 100%;
    font-weight: var(--font-semibold);
}

.dga-rate-results{
    position:relative;
    display:flex;
    align-items:center; 
}

.dga-rate-msg{
    font-weight: var(--font-semibold);
}

.dga-rate-action, .dga-rate-action label{
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dga-rate-action label em::before{
    color: var(--background-primary);
}

.dga-rate-result-submited{
    position:relative;
    display:flex;
    gap: 16px;
}


#rate-yes {
    display: grid !important;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.4s ease, opacity 0.4s ease;
    overflow: hidden;
}

    #rate-yes .rate-yes-inner {
        overflow: hidden;
        min-height: 0;
    }

    #rate-yes.open {
        grid-template-rows: 1fr;
        opacity: 1;
    }


html[dir=ltr] .carousel-control {
    direction: rtl;
}


.dga-featured-icon {
    position: relative;
    display: inline-flex;
    width: 56px;
    height: 56px;
    transition: all 0.35s ease;
}

.dga-featured-icon-xl {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
}

.dga-featured-icon-lg {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
}

.dga-featured-icon-md {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
}

.dga-featured-icon-sm {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
}

.dga-featured-icon {
    position: relative;
    display: inline-flex;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    transition: all 0.35s ease;
}

    .dga-featured-icon::after {
        position: relative;
        content: '';
        display: flex;
        background-color: var(--icon-default);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 100%;
        width: 100%;
        height: 100%;
    }

.dga-featured-icon-circle {
    border-radius: 100%;
}

.dga-featured-icon-xl {
    width: 56px;
    height: 56px;
}

.dga-featured-icon-lg {
    width: 48px;
    height: 48px;
}

.dga-featured-icon-md {
    width: 30px;
    height: 30px;
}

.dga-featured-icon-sm {
    width: 32px;
    height: 32px;
}

/*LIGHT form DEFAULT*/
.dga-featured-icon-brand {
    color: var(--Icon-background-brand-light);
}

    .dga-featured-icon-brand::before {
        color: var(--icon-success);
    }

.dga-featured-icon-gray {
    color: var(--background-neutral-50);
}

    .dga-featured-icon-gray::before {
        color: var(--icon-default);
    }

.dga-featured-icon-error {
    color: var(--Icon-background-error-light);
}

    .dga-featured-icon-error::before {
        color: var(--icon-error);
    }

.dga-featured-icon-warning {
    color: var(--Icon-background-warning-light);
}

    .dga-featured-icon-warning::before {
        color: var(--icon-warning);
    }

.dga-featured-icon-success {
    color: var(--Icon-background-success-light);
}

    .dga-featured-icon-success::before {
        color: var(--icon-success);
    }

.dga-featured-icon-info {
    color: var(--Icon-background-info-light);
}

    .dga-featured-icon-info::before {
        color: var(--icon-info);
    }

.dga-featured-icon-dark::before {
    color: var(--icon-oncolor);
}

.dga-featured-icon-dark-brand {
    color: var(--background-success);
}

.dga-featured-icon-dark-gray {
    color: var(--background-neutral-400);
}

.dga-featured-icon-dark-error {
    color: var(--background-error);
}

.dga-featured-icon-dark-warning {
    color: var(--background-warning);
}

.dga-featured-icon-dark-success {
    color: var(--background-success);
}

.dga-featured-icon-dark-info {
    color: var(--background-info);
}

/*OUTLINE*/
.dga-featured-icon-outline-brand {
    background-color: transparent;
    border: 1px solid var(--border-success);
}

    .dga-featured-icon-outline-brand::before {
        color: var(--icon-success);
    }


.dga-featured-icon-outline-gray {
    color: transparent;
    border: 1px solid var(--border-neutral-primary);
}

    .dga-featured-icon-outline-gray::before {
        color: var(--icon-neutral);
    }

.dga-featured-icon-outline-error {
    background-color: transparent;
    border: 1px solid var(--border-error);
}

    .dga-featured-icon-outline-error::before {
        color: var(--icon-error);
    }

.dga-featured-icon-outline-warning {
    background-color: transparent;
    border: 1px solid var(--border-warning);
}

    .dga-featured-icon-outline-warning::before {
        color: var(--icon-warning);
    }

.dga-featured-icon-outline-success {
    background-color: transparent;
    border: 1px solid var(--border-success);
}

    .dga-featured-icon-outline-success::before {
        color: var(--icon-success);
    }

.dga-featured-icon-outline-info {
    background-color: transparent;
    border: 1px solid var(--border-info);
}

    .dga-featured-icon-outline-info::before {
        color: var(--icon-info);
    }

.digital-stamp-footer {
    margin-top: 40px;
}

[class*='dga-icon-']:before {
    display: inline-block;
    font-family: 'dga-font';
    font-style: normal;
    font-weight: normal;
    font-size: 1.54em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dga-icon-binary-code:before {
    content: '\0041';
}

.dga-icon-call:before {
    content: '\0042';
}

.dga-icon-cart:before {
    content: '\0043';
}

.dga-icon-checkmark-circle-02:before {
    content: '\0044';
}

.dga-icon-clock-01:before {
    content: '\0045';
}

.dga-icon-close-01:before {
    content: '\0046';
}

.dga-icon-computer-phone-sync:before {
    content: '\0047';
}

.dga-icon-files-01:before {
    content: '\0048';
}

.dga-icon-link-04:before {
    content: '\0049';
}

.dga-icon-linkedin:before {
    content: '\004a';
}

.dga-icon-link-square-02:before {
    content: '\004b';
}

.dga-icon-mail-01:before {
    content: '\004c';
}

.dga-icon-menu:before {
    content: '\004d';
}

.dga-icon-new-twitter:before {
    content: '\004e';
}

.dga-icon-riyal-circular:before {
    content: '\004f';
}

.dga-icon-sa-flag:before {
    content: '\0050';
}

.dga-icon-satellite-02:before {
    content: '\0051';
}

.dga-icon-satisfaction-01:before {
    content: '\0052';
}

.dga-icon-solar-panel:before {
    content: '\0053';
}

.dga-icon-square-lock-password:before {
    content: '\0054';
}

.dga-icon-star:before {
    content: '\0055';
}

.dga-icon-sun-cloud-angled-rain-zap-01:before {
    content: '\0056';
}

.dga-icon-tick-02:before {
    content: '\0057';
}

.dga-icon-translation:before {
    content: '\0058';
}

.dga-icon-user:before {
    content: '\0059';
}

.dga-icon-wind-power-01:before {
    content: '\005a';
}

.dga-icon-arrow-down-01:before {
    content: '\0061';
}

.dga-icon-arrow-left-01:before {
    content: '\0062';
}

.dga-icon-arrow-left-02:before {
    content: '\0063';
}

.dga-icon-arrow-right-01:before {
    content: '\0064';
}

.dga-icon-arrow-right-02:before {
    content: '\0065';
}
.main-navbar .content-nav .list > li > .menu_item.active:hover {
    background-color: #166A45;
    color: #fff;
}

    .main-navbar .content-nav .list > li > .menu_item.active:hover .nav_link::after {
        position: absolute;
        content: "";
        width: calc(100% + 6px);
        height: 8px;
        border-radius: 50px;
        background-color: #54C08A;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: 0.3s;
        opacity: 1;
    }

    .main-navbar .content-nav .list > li > .menu_item.active:hover i {
        color: #FFF;
        font-size: 1.5em;
        transition: 0.3s;
    }

.main-navbar .content-nav .list > li > .menu_item:hover > .nav_link > i.hgi-stroke.hgi-arrow-down-01 {
    transform: rotate(180deg);
}

.main-navbar .content-nav .list > li > .menu_item:hover {
    background-color: #F3F4F6;
    color: #0D121C;
}

    .main-navbar .content-nav .list > li > .menu_item:hover .nav_link::after {
        position: absolute;
        content: "";
        width: calc(100% + 6px);
        height: 8px;
        border-radius: 50px;
        background-color: #9DA4AE;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: 0.3s;
        opacity: 1;
    }

    .main-navbar .content-nav .list > li > .menu_item:hover i {
        color: #0D121C;
        font-size: 1.5em;
        transition: 0.3s;
    }

.hgi-featured-icon::before {
    font-size: 2.5em;
    align-items: center;
    justify-content: center;
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
}

.hgi-icon-success::before {
    color: var(--icon-success);
}

.hgi-icon::before {
    position: relative;
    font-size: 1.54em;
    align-items: center;
    justify-content: center;
    content: '';
    display: flex;
    mask-size: 100%;
    width: 100%;
    height: 100%;
}

.hgi-icon-sl::before {
    position: relative;
    font-size: 1em;
    align-items: center;
    justify-content: center;
    content: '';
    display: flex;
    mask-size: 100%;
    width: 100%;
    height: 100%;
}

.hgi-icon-xl::before {
    font-size: 2em;
    align-items: center;
    justify-content: center;
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
}

.our-partners-section .carousel-control{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	justify-content: space-between!important;
	margin-top: 0!important;
	width:100%;
}

.our-partners-section .carousel-inner{
	width:90%;
	margin:auto;
}

footer #divFooterLink2S li svg{
	height:12px!important;
	margin-inline-start: 6.17px;
}
   .table-responsive {
        width: 100%;
    }

    .customPadding {
        padding: 1px;
    }

    .custom-table {
        border-radius: 8px;
    }

    .custom-table td,
    .custom-table tr {
        border: none !important;
    }

    .custom-table thead th {
        padding: 15px 16px;
        border: none;
        outline: 1px solid var(--color-neutral-300) !important;
        color: var(--color-neutral-700);
        font-size: 12px;
        font-family: var(--fontMeduim);
        background-color: var(--color-neutral-100);
    }

    .custom-table thead th:first-of-type {
        border-radius: 0 8px 0 0;
    }

    .custom-table thead th:last-of-type {
        border-radius: 8px 0 0 0;
    }

    .custom-table tbody td {
        padding: 20px 16px;
        font-size: 16px;
    }

    .custom-table tbody tr:nth-child(even) td {
        background-color: var(--color-neutral-50) !important;
    }

     .custom-table tbody {
            border-radius: 0 0 8px 8px;
            outline: 1px solid var(--color-neutral-300) !important;
        }
        .custom-table tbody a{
            color:#25935F
        }
.our-reports-section .info h3{
font-size:16px;
    width: 100%;
}
.media-center-section .section-content .nav-tabs::after,
		.nav-tabs-divier::after{
            display: none!important;
        }
		.news-section .dga-featured-icon::after{
            display: none;
        }
        .news-section .carousel-control svg{
            display: none;
        }
        .service-page .serviceAggrementLevel{
            color:var(--link-primary);
        }
				.open-data-section .nav-tabs.vertical::after,
        .service-page .nav-tabs-divier::after{
            display: none;
        }
		.open-data-section .nav-tabs.horizontal li{
			width:100%
		}
		.our-partners-section .box{
		align-items:start!important
		}
.our-partners-section .box img {
    height: 100px;
    object-fit: contain;
}
span[id*='pager']>span,
span[id*='pager']> a {
    display: flex;
    position: relative;
    color:#161616;
    width: 32px;
    height: 32px;
    padding: 6px;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
span[id*='pager']>span:not(.pager-dots)::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 75%;
    height: 3px;
    background-color: #1B8354;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
}
span[id*='pager']{
    display: flex;
    justify-content: center;
    align-items: center;
}
span[id*='pager'] a:hover {
    background-color: #f3f4f6;
    text-decoration: none;
}
span[id*='pager'] a:focus{
    outline: 2px solid #161616;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
span[id*='pager'] .aspNetDisabled svg path{
    fill: #afafaf;	
}
.calendars{
	direction:ltr
}
.calendars .calendars-nav{
	display: flex!important;
    align-items: center!important;
    flex-direction: row-reverse!important;
    position: relative;
    position: absolute;
    right: 0
}
.calendars .calendars-month-row .calendars-month .calendars-month-header select{
	padding-inline:unset!important;
	padding-inline-start:20px!important;
}
.calendars .calendars-nav a{
	  position: unset!important;
    inset-inline-end: unset!important;
}
.calendars .calendars-month-row .calendars-month .calendars-month-header{
	padding-bottom:40px!important;
}
.news-section>.container>.container-fluid input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]),.news-section>.container>.container-fluid textarea:not(.select2-search__field),.news-section>.container>.container-fluid select {
    border: #9DA4AE solid 1px !important;
    background-color: #fff;
    padding: 0 16px 0 8px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}
.news-section>.container>.container-fluid input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus, 
.news-section>.container>.container-fluid input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus-visible,
.news-section>.container>.container-fluid textarea:not(.select2-search__field):focus,
.news-section>.container>.container-fluid textarea:not(.select2-search__field):focus,
.news-section>.container>.container-fluid textarea:not(.select2-search__field):focus-visible,
.news-section>.container>.container-fluid input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):hover,
.news-section>.container>.container-fluid textarea:not(.select2-search__field):hover,.news-section>.container>.container-fluid select:hover{
    border: #9DA4AE  solid 1px !important;
    border-bottom: #0D121C solid 2px !important;
    background-color: #fff !important;
    color: #384250 !important;
    box-shadow: none !important;
}
.news-section>.container>.container-fluid .qs-form-item.qs-form-label{
	margin-bottom: 10px;
}
.news-section>.container>.container-fluid .my-4{
	margin-top: 35px !important;
     margin-bottom: 0 !important;
}

.news-section>.container>.container-fluid .qs-form-item.qs-form-control,.news-section>.container>.container-fluid .qs-form-item.qs-form-control > * {
    width: 100% !important;
}
.survey-section input[type=radio] ~ .check{
	position:relative;
}

.survey-section input[type=radio] ~ .check svg{
	    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    right: 0;
    margin: auto;
}
.survey-section input[type=radio] ~ .check svg path{
	fill:#fff;
}
.survey-section input[type=radio]:checked ~ .check svg{
	opacity:1;
}
.survey-section input[type=radio]:checked ~ .check::before{
	content:''!important
}
.open-data-section .tab-content > .tab-pane{
    width: 100%!important;
}
.our-reports-section .info h3,
.open-data-section .elec-box h5{
    font-size: 16px!important;
}
.container-areaWork .section-about h2{
border-right:none!important;
}
.card-areaWork:hover,
.card-areaWork{
display:unset!important;
border-radius:unset!important;
box-shadow:unset!important;
}

.card-areaWork img{
    height: 350px;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}
.news-box {
    border: 1px solid #D2D6DB;
    border-radius: 16px;
    padding: 16px;
    background-color: #fff;
}
.news-box .image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
}
 .news-box .info {
    margin-top: 16px;
}
 .news-box .info h6 {
    color: #0D121C;
    margin-bottom: 16px;
    line-height: 1.6;
    font-size: 1.125em;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-section .news-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
form#aspnetForm {
    margin-bottom: 0;
}
@media(max-width:767px){
	.dga-feedack-block,
	.dga-rate-block{
		flex-wrap:warp;
		gap:10px;
		justify-content:center;
		flex-direction:column;
	}
	.dga-feedack-block,
	.dga-rate-result-default{
		flex-direction:column;
	}
	.dga-feedback-action > div {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
	.calendars .calendars-month-row .calendars-month tbody tr td a, .calendars .calendars-month-row .calendars-month tbody tr td span{
	width:30px!important;
	height:30px!important;
	line-height: 20px!important;
	}
	.calendars-popup{
		overflow:Hidden!important;
	}
	 #mainSlider .slider-caption h2{
    
    font-size: 112%;
    
}

#mainSlider .slider-caption span{
   
    font-size: 112%;
}
}