@dubai-design-system/components-js 3.1.11 → 3.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dda-home-banner.cjs.entry.js +10 -2
- package/dist/cjs/dda-home-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-horizontal-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dda-input.cjs.entry.js +1 -1
- package/dist/cjs/dda-link-button_2.cjs.entry.js +3 -3
- package/dist/cjs/dda-number-field.cjs.entry.js +1 -1
- package/dist/cjs/dda-pagination.cjs.entry.js +1 -1
- package/dist/cjs/dda-phonefield.cjs.entry.js +1 -1
- package/dist/cjs/dda-progressbar.cjs.entry.js +1 -1
- package/dist/cjs/dda-range-slider.cjs.entry.js +2 -2
- package/dist/cjs/dda-search-input.cjs.entry.js +1 -1
- package/dist/cjs/dda-segmented-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dda-select.cjs.entry.js +1 -1
- package/dist/cjs/dda-sticky-footer.cjs.entry.js +1 -1
- package/dist/cjs/dda-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dda-textarea.cjs.entry.js +1 -1
- package/dist/cjs/dda-toggle.cjs.entry.js +1 -1
- package/dist/cjs/dda-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dda-ui-card.cjs.entry.js +1 -1
- package/dist/cjs/dda-vertical-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/dda-home-banner/dda-home-banner.js +12 -3
- package/dist/collection/components/dda-home-banner/dda-home-banner.js.map +1 -1
- package/dist/collection/components/dda-input/dda-input.js +1 -1
- package/dist/collection/components/dda-link-button/dda-link-button.js +2 -2
- package/dist/collection/components/dda-number-field/dda-number-field.js +1 -1
- package/dist/collection/components/dda-pagination/dda-pagination.js +1 -1
- package/dist/collection/components/dda-phonefield/dda-phonefield.js +1 -1
- package/dist/collection/components/dda-progressbar/dda-progressbar.js +1 -1
- package/dist/collection/components/dda-radiobutton/dda-radiobutton.js +1 -1
- package/dist/collection/components/dda-range-slider/dda-range-slider.js +2 -2
- package/dist/collection/components/dda-search-input/dda-search-input.js +1 -1
- package/dist/collection/components/dda-select/dda-select.js +1 -1
- package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +1 -1
- package/dist/collection/components/dda-tabs/dda-tabs.js +1 -1
- package/dist/collection/components/dda-textarea/dda-textarea.js +1 -1
- package/dist/collection/components/dda-toggle/dda-toggle.js +1 -1
- package/dist/collection/components/dda-tooltip/dda-tooltip.js +1 -1
- package/dist/collection/components/dda-ui-card/dda-ui-card.js +1 -1
- package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js +1 -1
- package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.js +1 -1
- package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.js +1 -1
- package/dist/components/dda-header.js +3 -3
- package/dist/components/dda-home-banner.js +12 -3
- package/dist/components/dda-home-banner.js.map +1 -1
- package/dist/components/dda-horizontal-stepper.js +1 -1
- package/dist/components/dda-input.js +1 -1
- package/dist/components/dda-link-button.js +1 -1
- package/dist/components/dda-number-field.js +1 -1
- package/dist/components/dda-pagination.js +1 -1
- package/dist/components/dda-phonefield.js +1 -1
- package/dist/components/dda-progressbar.js +1 -1
- package/dist/components/dda-radiobutton.js +1 -1
- package/dist/components/dda-range-slider.js +2 -2
- package/dist/components/dda-search-input.js +1 -1
- package/dist/components/dda-segmented-tabs.js +1 -1
- package/dist/components/dda-select.js +1 -1
- package/dist/components/dda-sticky-footer.js +2 -2
- package/dist/components/dda-tabs.js +1 -1
- package/dist/components/dda-textarea.js +1 -1
- package/dist/components/dda-toggle.js +1 -1
- package/dist/components/dda-tooltip.js +1 -1
- package/dist/components/dda-ui-card.js +1 -1
- package/dist/components/dda-vertical-stepper.js +1 -1
- package/dist/components/{p-86a1d7c5.js → p-2084265f.js} +2 -2
- package/dist/components/{p-86a1d7c5.js.map → p-2084265f.js.map} +1 -1
- package/dist/components/{p-4dafa457.js → p-76a543e8.js} +3 -3
- package/dist/components/{p-4dafa457.js.map → p-76a543e8.js.map} +1 -1
- package/dist/components/{p-f0b65dc4.js → p-ca8f2482.js} +2 -2
- package/dist/components/{p-f0b65dc4.js.map → p-ca8f2482.js.map} +1 -1
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/dda.esm.js.map +1 -1
- package/dist/dda/{p-d3b077f7.entry.js → p-031a2e3f.entry.js} +2 -2
- package/dist/dda/{p-ac49a87d.entry.js → p-07daedaf.entry.js} +2 -2
- package/dist/dda/{p-b02a3af4.entry.js → p-2bdc66b4.entry.js} +2 -2
- package/dist/dda/{p-7c7c5d3d.entry.js → p-390e6db2.entry.js} +2 -2
- package/dist/dda/{p-37429bf0.entry.js → p-4002b74b.entry.js} +2 -2
- package/dist/dda/p-6f20288a.entry.js +2 -0
- package/dist/dda/{p-407d0a31.entry.js → p-7f9b8b3c.entry.js} +2 -2
- package/dist/dda/{p-75ef2ff9.entry.js → p-a1cb2504.entry.js} +2 -2
- package/dist/dda/{p-3ebf9abe.entry.js → p-ac96b2be.entry.js} +2 -2
- package/dist/dda/p-b0a36910.entry.js +2 -0
- package/dist/dda/{p-31db1748.entry.js → p-bc3c40cc.entry.js} +2 -2
- package/dist/dda/{p-403ed569.entry.js → p-cb8e90e3.entry.js} +2 -2
- package/dist/dda/{p-2cb7bcdb.entry.js → p-de507976.entry.js} +2 -2
- package/dist/dda/{p-c079aaa1.entry.js → p-df1b5657.entry.js} +2 -2
- package/dist/dda/{p-f2ffcf8b.entry.js → p-e06c0211.entry.js} +2 -2
- package/dist/dda/{p-d874a7e1.entry.js → p-e492f18f.entry.js} +2 -2
- package/dist/dda/p-e492f18f.entry.js.map +1 -0
- package/dist/dda/{p-891e1404.entry.js → p-eab200a5.entry.js} +2 -2
- package/dist/dda/{p-a94edf32.entry.js → p-f190ffc6.entry.js} +2 -2
- package/dist/dda/{p-17dfd16f.entry.js → p-fda0c56d.entry.js} +2 -2
- package/dist/esm/dda-home-banner.entry.js +10 -2
- package/dist/esm/dda-home-banner.entry.js.map +1 -1
- package/dist/esm/dda-horizontal-stepper.entry.js +1 -1
- package/dist/esm/dda-input.entry.js +1 -1
- package/dist/esm/dda-link-button_2.entry.js +3 -3
- package/dist/esm/dda-number-field.entry.js +1 -1
- package/dist/esm/dda-pagination.entry.js +1 -1
- package/dist/esm/dda-phonefield.entry.js +1 -1
- package/dist/esm/dda-progressbar.entry.js +1 -1
- package/dist/esm/dda-range-slider.entry.js +2 -2
- package/dist/esm/dda-search-input.entry.js +1 -1
- package/dist/esm/dda-segmented-tabs.entry.js +1 -1
- package/dist/esm/dda-select.entry.js +1 -1
- package/dist/esm/dda-sticky-footer.entry.js +1 -1
- package/dist/esm/dda-tabs.entry.js +1 -1
- package/dist/esm/dda-textarea.entry.js +1 -1
- package/dist/esm/dda-toggle.entry.js +1 -1
- package/dist/esm/dda-tooltip.entry.js +1 -1
- package/dist/esm/dda-ui-card.entry.js +1 -1
- package/dist/esm/dda-vertical-stepper.entry.js +1 -1
- package/dist/esm/dda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/dda-home-banner/dda-home-banner.d.ts +1 -0
- package/package.json +2 -5
- package/dist/dda/p-4773fe82.entry.js +0 -2
- package/dist/dda/p-d874a7e1.entry.js.map +0 -1
- package/dist/dda/p-f229bbfa.entry.js +0 -2
- /package/dist/dda/{p-d3b077f7.entry.js.map → p-031a2e3f.entry.js.map} +0 -0
- /package/dist/dda/{p-ac49a87d.entry.js.map → p-07daedaf.entry.js.map} +0 -0
- /package/dist/dda/{p-b02a3af4.entry.js.map → p-2bdc66b4.entry.js.map} +0 -0
- /package/dist/dda/{p-7c7c5d3d.entry.js.map → p-390e6db2.entry.js.map} +0 -0
- /package/dist/dda/{p-37429bf0.entry.js.map → p-4002b74b.entry.js.map} +0 -0
- /package/dist/dda/{p-4773fe82.entry.js.map → p-6f20288a.entry.js.map} +0 -0
- /package/dist/dda/{p-407d0a31.entry.js.map → p-7f9b8b3c.entry.js.map} +0 -0
- /package/dist/dda/{p-75ef2ff9.entry.js.map → p-a1cb2504.entry.js.map} +0 -0
- /package/dist/dda/{p-3ebf9abe.entry.js.map → p-ac96b2be.entry.js.map} +0 -0
- /package/dist/dda/{p-f229bbfa.entry.js.map → p-b0a36910.entry.js.map} +0 -0
- /package/dist/dda/{p-31db1748.entry.js.map → p-bc3c40cc.entry.js.map} +0 -0
- /package/dist/dda/{p-403ed569.entry.js.map → p-cb8e90e3.entry.js.map} +0 -0
- /package/dist/dda/{p-2cb7bcdb.entry.js.map → p-de507976.entry.js.map} +0 -0
- /package/dist/dda/{p-c079aaa1.entry.js.map → p-df1b5657.entry.js.map} +0 -0
- /package/dist/dda/{p-f2ffcf8b.entry.js.map → p-e06c0211.entry.js.map} +0 -0
- /package/dist/dda/{p-891e1404.entry.js.map → p-eab200a5.entry.js.map} +0 -0
- /package/dist/dda/{p-a94edf32.entry.js.map → p-f190ffc6.entry.js.map} +0 -0
- /package/dist/dda/{p-17dfd16f.entry.js.map → p-fda0c56d.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as d,H as r}from"./p-111a24ea.js";const t=':root{--dda-primary-0:#000000;--dda-primary-4:#001110;--dda-primary-5:#001413;--dda-primary-6:#001716;--dda-primary-10:#00201F;--dda-primary-12:#002423;--dda-primary-17:#00302F;--dda-primary-20:#003735;--dda-primary-22:#003C3A;--dda-primary-24:#00413F;--dda-primary-25:#004341;--dda-primary-30:#00504E;--dda-primary-35:#005D5A;--dda-primary-40:#006A67;--dda-primary-50:#008582;--dda-primary-60:#00A19E;--dda-primary-70:#21BEBA;--dda-primary-80:#4DDAD6;--dda-primary-87:#66EEE9;--dda-primary-90:#6FF7F2;--dda-primary-92:#76FDF8;--dda-primary-94:#99FFFA;--dda-primary-95:#D0F5F4;--dda-primary-96:#C2FFFB;--dda-primary-98:#E3FFFD;--dda-primary-99:#F2FFFD;--dda-primary-100:#FFFFFF;--dda-color-primary-40:var(--dda-primary-40);--dda-color-primary-30:var(--dda-primary-30);--dda-color-primary-20:var(--dda-primary-20);--dda-color-primary-10:var(--dda-primary-10);--dda-on-primary-100:var(--dda-primary-100);--dda-on-primary-98:var(--dda-primary-98);--dda-on-primary-96:var(--dda-primary-96);--dda-on-primary-94:var(--dda-primary-94);--dda-primary-variant-96:var(--dda-primary-96);--dda-primary-variant-95:var(--dda-primary-95);--dda-primary-variant-94:var(--dda-primary-94);--dda-primary-variant-92:var(--dda-primary-92);--dda-primary-variant-87:var(--dda-primary-87);--dda-on-primary-variant-40:var(--dda-primary-40);--dda-on-primary-variant-30:var(--dda-primary-30);--dda-on-primary-variant-25:var(--dda-primary-25);--dda-on-primary-variant-20:var(--dda-primary-20);--dda-on-primary-variant-12:var(--dda-primary-12)}:root[data-theme=\'dark\']{--dda-color-primary-40:var(--dda-primary-70);--dda-color-primary-30:var(--dda-primary-80);--dda-color-primary-20:var(--dda-primary-90);--dda-color-primary-10:var(--dda-primary-95);--dda-on-primary-100:var(--dda-primary-10);--dda-on-primary-98:var(--dda-primary-12);--dda-on-primary-96:var(--dda-primary-17);--dda-on-primary-94:var(--dda-primary-20);--dda-primary-variant-96:var(--dda-primary-30);--dda-primary-variant-95:var(--dda-primary-30);--dda-primary-variant-94:var(--dda-primary-25);--dda-primary-variant-92:var(--dda-primary-20);--dda-primary-variant-87:var(--dda-primary-12);--dda-on-primary-variant-40:var(--dda-primary-90);--dda-on-primary-variant-30:var(--dda-primary-90);--dda-on-primary-variant-25:var(--dda-primary-94);--dda-on-primary-variant-20:var(--dda-primary-96);--dda-on-primary-variant-12:var(--dda-primary-98)}:root{--dda-secondary-0:#000000;--dda-secondary-4:#000836;--dda-secondary-5:#000A3D;--dda-secondary-6:#000C43;--dda-secondary-10:#001257;--dda-secondary-12:#001561;--dda-secondary-17:#092072;--dda-secondary-20:#132778;--dda-secondary-22:#192C7D;--dda-secondary-24:#1E3181;--dda-secondary-25:#213484;--dda-secondary-30:#2E4090;--dda-secondary-35:#3B4C9C;--dda-secondary-40:#4758A9;--dda-secondary-50:#6071C4;--dda-secondary-60:#7A8BE0;--dda-secondary-70:#95A6FD;--dda-secondary-80:#B9C3FF;--dda-secondary-87:#D2D8FF;--dda-secondary-90:#DDE1FF;--dda-secondary-92:#E5E6FF;--dda-secondary-94:#ECECFF;--dda-secondary-95:#F0EFFF;--dda-secondary-96:#F3F2FF;--dda-secondary-98:#FBF8FF;--dda-secondary-99:#FEFBFF;--dda-secondary-100:#FFFFFF;--dda-color-secondary-40:var(--dda-secondary-40);--dda-color-secondary-30:var(--dda-secondary-30);--dda-color-secondary-20:var(--dda-secondary-20);--dda-color-secondary-10:var(--dda-secondary-10);--dda-on-secondary-100:var(--dda-secondary-100);--dda-on-secondary-98:var(--dda-secondary-98);--dda-on-secondary-96:var(--dda-secondary-96);--dda-on-secondary-94:var(--dda-secondary-94);--dda-secondary-variant-96:var(--dda-secondary-96);--dda-secondary-variant-95:var(--dda-secondary-95);--dda-secondary-variant-94:var(--dda-secondary-94);--dda-secondary-variant-92:var(--dda-secondary-92);--dda-secondary-variant-87:var(--dda-secondary-87);--dda-on-secondary-variant-30:var(--dda-secondary-30);--dda-on-secondary-variant-25:var(--dda-secondary-25);--dda-on-secondary-variant-20:var(--dda-secondary-20);--dda-on-secondary-variant-12:var(--dda-secondary-12)}:root[data-theme=\'dark\']{--dda-color-secondary-40:var(--dda-secondary-70);--dda-color-secondary-30:var(--dda-secondary-80);--dda-color-secondary-20:var(--dda-secondary-90);--dda-color-secondary-10:var(--dda-secondary-95);--dda-on-secondary-100:var(--dda-secondary-10);--dda-on-secondary-98:var(--dda-secondary-12);--dda-on-secondary-96:var(--dda-secondary-17);--dda-on-secondary-94:var(--dda-secondary-20);--dda-secondary-variant-96:var(--dda-secondary-30);--dda-secondary-variant-95:var(--dda-secondary-30);--dda-secondary-variant-94:var(--dda-secondary-25);--dda-secondary-variant-92:var(--dda-secondary-20);--dda-secondary-variant-87:var(--dda-secondary-12);--dda-on-secondary-variant-30:var(--dda-secondary-90);--dda-on-secondary-variant-25:var(--dda-secondary-94);--dda-on-secondary-variant-20:var(--dda-secondary-96);--dda-on-secondary-variant-12:var(--dda-secondary-98)}:root{--dda-error-0:#000000;--dda-error-4:#280000;--dda-error-5:#2D0000;--dda-error-6:#310001;--dda-error-10:#410001;--dda-error-12:#490001;--dda-error-17:#5C0002;--dda-error-20:#690003;--dda-error-22:#710003;--dda-error-24:#790004;--dda-error-25:#7E0004;--dda-error-30:#930005;--dda-error-35:#A90008;--dda-error-40:#C0000A;--dda-error-50:#E62721;--dda-error-60:#FF5545;--dda-error-70:#FF8A7B;--dda-error-80:#FFB4AA;--dda-error-87:#FFCFC8;--dda-error-90:#FFDAD5;--dda-error-92:#FFE2DD;--dda-error-94:#FFE9E6;--dda-error-95:#FFEDEA;--dda-error-96:#FFF0EE;--dda-error-98:#FFF8F7;--dda-error-99:#FFFBFF;--dda-error-100:#FFFFFF;--dda-color-error-50:var(--dda-error-50);--dda-color-error-40:var(--dda-error-40);--dda-color-error-30:var(--dda-error-30);--dda-color-error-20:var(--dda-error-24);--dda-on-error-100:var(--dda-error-100);--dda-on-error-98:var(--dda-error-98);--dda-on-error-96:var(--dda-error-96);--dda-on-error-94:var(--dda-error-94);--dda-error-variant-90:var(--dda-error-90);--dda-error-variant-95:var(--dda-error-95);--dda-error-variant-94:var(--dda-error-94);--dda-error-variant-92:var(--dda-error-92);--dda-error-variant-90:var(--dda-error-90);--dda-on-error-variant-40:var(--dda-error-40);--dda-on-error-variant-30:var(--dda-error-30);--dda-on-error-variant-25:var(--dda-error-25);--dda-on-error-variant-20:var(--dda-error-20);--dda-on-error-variant-12:var(--dda-error-12)}:root[data-theme=\'dark\']{--dda-color-error-50:var(--dda-error-80);--dda-color-error-40:var(--dda-error-70);--dda-color-error-30:var(--dda-error-90);--dda-color-error-20:var(--dda-error-94);--dda-on-error-100:var(--dda-error-10);--dda-on-error-98:var(--dda-error-12);--dda-on-error-96:var(--dda-error-17);--dda-on-error-94:var(--dda-error-20);--dda-error-variant-96:var(--dda-error-30);--dda-error-variant-95:var(--dda-error-20);--dda-error-variant-94:var(--dda-error-25);--dda-error-variant-92:var(--dda-error-20);--dda-error-variant-90:var(--dda-error-12);--dda-on-error-variant-40:var(--dda-error-70);--dda-on-error-variant-30:var(--dda-error-80);--dda-on-error-variant-25:var(--dda-error-94);--dda-on-error-variant-20:var(--dda-error-96);--dda-on-error-variant-12:var(--dda-error-98)}:root{--dda-warning-0:#000000;--dda-warning-4:#180C00;--dda-warning-5:#1B0E00;--dda-warning-6:#1F1000;--dda-warning-10:#2A1800;--dda-warning-12:#2F1B00;--dda-warning-17:#3D2500;--dda-warning-20:#462B00;--dda-warning-22:#4B2F00;--dda-warning-24:#513300;--dda-warning-25:#543500;--dda-warning-30:#643F00;--dda-warning-35:#734A00;--dda-warning-40:#835400;--dda-warning-50:#A46B00;--dda-warning-60:#C78200;--dda-warning-70:#EB9A00;--dda-warning-80:#FFB956;--dda-warning-87:#FFD39B;--dda-warning-90:#FFDDB5;--dda-warning-92:#FFE4C5;--dda-warning-94:#FFEBD5;--dda-warning-95:#FFEEDD;--dda-warning-96:#FFF1E5;--dda-warning-98:#FFF8F4;--dda-warning-99:#FFFBFF;--dda-warning-100:#FFFFFF;--dda-color-warning-50:var(--dda-warning-50);--dda-color-warning-40:var(--dda-warning-40);--dda-color-warning-30:var(--dda-warning-30);--dda-color-warning-20:var(--dda-warning-20);--dda-on-warning-100:var(--dda-warning-100);--dda-on-warning-98:var(--dda-warning-98);--dda-on-warning-96:var(--dda-warning-96);--dda-on-warning-94:var(--dda-warning-94);--dda-warning-variant-90:var(--dda-warning-90);--dda-warning-variant-95:var(--dda-warning-95);--dda-warning-variant-94:var(--dda-warning-94);--dda-warning-variant-92:var(--dda-warning-92);--dda-warning-variant-90:var(--dda-warning-90);--dda-on-warning-variant-40:var(--dda-warning-40);--dda-on-warning-variant-30:var(--dda-warning-30);--dda-on-warning-variant-25:var(--dda-warning-25);--dda-on-warning-variant-20:var(--dda-warning-20);--dda-on-warning-variant-12:var(--dda-warning-12)}:root[data-theme=\'dark\']{--dda-color-warning-50:var(--dda-warning-80);--dda-color-warning-40:var(--dda-warning-50);--dda-color-warning-30:var(--dda-warning-90);--dda-color-warning-20:var(--dda-warning-94);--dda-on-warning-100:var(--dda-warning-10);--dda-on-warning-98:var(--dda-warning-12);--dda-on-warning-96:var(--dda-warning-17);--dda-on-warning-94:var(--dda-warning-20);--dda-warning-variant-96:var(--dda-warning-30);--dda-warning-variant-95:var(--dda-warning-30);--dda-warning-variant-94:var(--dda-warning-25);--dda-warning-variant-92:var(--dda-warning-20);--dda-warning-variant-90:var(--dda-warning-12);--dda-on-warning-variant-40:var(--dda-warning-80);--dda-on-warning-variant-30:var(--dda-warning-80);--dda-on-warning-variant-25:var(--dda-warning-94);--dda-on-warning-variant-20:var(--dda-warning-96);--dda-on-warning-variant-12:var(--dda-warning-98)}:root{--dda-success-0:#000000;--dda-success-4:#001203;--dda-success-5:#001504;--dda-success-6:#001805;--dda-success-10:#002108;--dda-success-12:#00260A;--dda-success-17:#00320F;--dda-success-20:#003913;--dda-success-22:#003E15;--dda-success-24:#004318;--dda-success-25:#004619;--dda-success-30:#00531F;--dda-success-35:#006025;--dda-success-40:#0D6D2D;--dda-success-50:#318744;--dda-success-60:#4CA25B;--dda-success-70:#67BD73;--dda-success-80:#82DA8C;--dda-success-87:#95EE9E;--dda-success-90:#9EF7A6;--dda-success-92:#A3FCAC;--dda-success-94:#B8FFBB;--dda-success-95:#C6FFC7;--dda-success-96:#D3FFD2;--dda-success-98:#EBFFE7;--dda-success-99:#F6FFF1;--dda-success-100:#FFFFFF;--dda-color-success-50:var(--dda-success-50);--dda-color-success-40:var(--dda-success-40);--dda-color-success-30:var(--dda-success-30);--dda-color-success-20:var(--dda-success-20);--dda-on-success-100:var(--dda-success-100);--dda-on-success-98:var(--dda-success-98);--dda-on-success-96:var(--dda-success-96);--dda-on-success-94:var(--dda-success-94);--dda-success-variant-90:var(--dda-success-90);--dda-success-variant-95:var(--dda-success-95);--dda-success-variant-94:var(--dda-success-94);--dda-success-variant-92:var(--dda-success-92);--dda-success-variant-90:var(--dda-success-90);--dda-on-success-variant-40:var(--dda-success-40);--dda-on-success-variant-30:var(--dda-success-30);--dda-on-success-variant-25:var(--dda-success-25);--dda-on-success-variant-20:var(--dda-success-20);--dda-on-success-variant-12:var(--dda-success-12)}:root[data-theme=\'dark\']{--dda-color-success-50:var(--dda-success-80);--dda-color-success-40:var(--dda-success-87);--dda-color-success-30:var(--dda-success-90);--dda-color-success-20:var(--dda-success-94);--dda-on-success-100:var(--dda-success-10);--dda-on-success-98:var(--dda-success-12);--dda-on-success-96:var(--dda-success-17);--dda-on-success-94:var(--dda-success-20);--dda-success-variant-96:var(--dda-success-30);--dda-success-variant-95:var(--dda-success-30);--dda-success-variant-94:var(--dda-success-25);--dda-success-variant-92:var(--dda-success-20);--dda-success-variant-90:var(--dda-success-12);--dda-on-success-variant-40:var(--dda-success-80);--dda-on-success-variant-30:var(--dda-success-80);--dda-on-success-variant-25:var(--dda-success-94);--dda-on-success-variant-20:var(--dda-success-96);--dda-on-success-variant-12:var(--dda-success-98)}:root{--dda-info-0:#000000;--dda-info-4:#001019;--dda-info-5:#00131C;--dda-info-6:#001620;--dda-info-10:#001E2B;--dda-info-12:#002331;--dda-info-17:#002E3F;--dda-info-20:#003548;--dda-info-22:#00394E;--dda-info-24:#003548;--dda-info-25:#004157;--dda-info-30:#004D66;--dda-info-35:#005977;--dda-info-40:#006687;--dda-info-50:#0080A9;--dda-info-60:#1A9CCA;--dda-info-70:#47B7E6;--dda-info-80:#73D2FF;--dda-info-87:#ACE1FF;--dda-info-90:#C1E8FF;--dda-info-92:#CEEDFF;--dda-info-94:#DBF1FF;--dda-info-95:#E2F3FF;--dda-info-96:#E8F6FF;--dda-info-98:#F4FAFF;--dda-info-99:#FBFCFF;--dda-info-100:#FFFFFF;--dda-color-info-50:var(--dda-info-50);--dda-color-info-40:var(--dda-info-47);--dda-color-info-30:var(--dda-info-30);--dda-color-info-20:var(--dda-info-20);--dda-on-info-100:var(--dda-info-100);--dda-on-info-98:var(--dda-info-98);--dda-on-info-96:var(--dda-info-96);--dda-on-info-94:var(--dda-info-94);--dda-info-variant-90:var(--dda-info-90);--dda-info-variant-95:var(--dda-info-95);--dda-info-variant-94:var(--dda-info-94);--dda-info-variant-92:var(--dda-info-92);--dda-info-variant-90:var(--dda-info-90);--dda-on-info-variant-40:var(--dda-info-40);--dda-on-info-variant-30:var(--dda-info-30);--dda-on-info-variant-25:var(--dda-info-25);--dda-on-info-variant-20:var(--dda-info-20);--dda-on-info-variant-12:var(--dda-info-12)}:root[data-theme=\'dark\']{--dda-color-info-50:var(--dda-info-80);--dda-color-info-40:var(--dda-info-87);--dda-color-info-30:var(--dda-info-90);--dda-color-info-20:var(--dda-info-94);--dda-on-info-100:var(--dda-info-10);--dda-on-info-98:var(--dda-info-12);--dda-on-info-96:var(--dda-info-17);--dda-on-info-94:var(--dda-info-20);--dda-info-variant-96:var(--dda-info-30);--dda-info-variant-95:var(--dda-info-30);--dda-info-variant-94:var(--dda-info-25);--dda-info-variant-92:var(--dda-info-20);--dda-info-variant-90:var(--dda-info-12);--dda-on-info-variant-40:var(--dda-info-80);--dda-on-info-variant-30:var(--dda-info-80);--dda-on-info-variant-25:var(--dda-info-94);--dda-on-info-variant-20:var(--dda-info-96);--dda-on-info-variant-12:var(--dda-info-98)}:root{--dda-neutral-0:#000000;--dda-neutral-4:#0B0F0F;--dda-neutral-5:#0E1211;--dda-neutral-6:#101414;--dda-neutral-10:#191C1C;--dda-neutral-12:#1D2020;--dda-neutral-17:#272B2A;--dda-neutral-20:#2D3131;--dda-neutral-22:#323535;--dda-neutral-24:#363A39;--dda-neutral-25:#383C3C;--dda-neutral-30:#444747;--dda-neutral-35:#4F5353;--dda-neutral-40:#5B5F5E;--dda-neutral-50:#747877;--dda-neutral-60:#8E9191;--dda-neutral-70:#A9ACAB;--dda-neutral-80:#C4C7C6;--dda-neutral-87:#D8DAD9;--dda-neutral-90:#E0E3E2;--dda-neutral-92:#E6E9E8;--dda-neutral-94:#ECEEED;--dda-neutral-95:#EFF1F0;--dda-neutral-96:#F2F4F3;--dda-neutral-98:#F7FAF9;--dda-neutral-99:#FAFDFC;--dda-neutral-100:#FFFFFF;--dda-surface-100:var(--dda-neutral-100);--dda-surface-96:var(--dda-neutral-96);--dda-surface-94:var(--dda-neutral-94);--dda-surface-92:var(--dda-neutral-92);--dda-surface-90:var(--dda-neutral-90);--dda-surface-0:var(--dda-neutral-0);--dda-on-surface-10:var(--dda-neutral-10);--dda-on-surface-20:var(--dda-neutral-20);--dda-on-surface-30:var(--dda-neutral-30);--dda-on-surface-40:var(--dda-neutral-40);--dda-on-surface-0:var(--dda-neutral-0)}:root[data-theme=\'dark\']{--dda-surface-0:var(--dda-neutral-100);--dda-surface-100:var(--dda-neutral-10);--dda-surface-96:var(--dda-neutral-24);--dda-surface-94:var(--dda-neutral-12);--dda-surface-92:var(--dda-neutral-17);--dda-surface-90:var(--dda-neutral-22);--dda-on-surface-0:var(--dda-neutral-100);--dda-on-surface-10:var(--dda-neutral-100);--dda-on-surface-20:var(--dda-neutral-90);--dda-on-surface-30:var(--dda-neutral-80);--dda-on-surface-40:var(--dda-neutral-70)}:root{--dda-neutral-variant-0:#000000;--dda-neutral-variant-4:#07100F;--dda-neutral-variant-5:#091312;--dda-neutral-variant-6:#0C1515;--dda-neutral-variant-10:#141D1D;--dda-neutral-variant-12:#182121;--dda-neutral-variant-17:#222C2B;--dda-neutral-variant-20:#293232;--dda-neutral-variant-22:#2D3736;--dda-neutral-variant-24:#313B3A;--dda-neutral-variant-25:#343D3D;--dda-neutral-variant-30:#3F4948;--dda-neutral-variant-35:#4A5453;--dda-neutral-variant-40:#56605F;--dda-neutral-variant-50:#6F7978;--dda-neutral-variant-60:#889392;--dda-neutral-variant-70:#A3ADAC;--dda-neutral-variant-80:#BEC9C7;--dda-neutral-variant-87:#D2DCDB;--dda-neutral-variant-90:#DAE5E3;--dda-neutral-variant-92:#E0EAE9;--dda-neutral-variant-94:#E6F0EE;--dda-neutral-variant-95:#E8F3F1;--dda-neutral-variant-96:#EBF6F4;--dda-neutral-variant-98:#F1FBFA;--dda-neutral-variant-99:#F4FEFD;--dda-neutral-variant-100:#FFFFFF;--dda-surface-variant-90:var(--dda-neutral-variant-90);--dda-surface-variant-87:var(--dda-neutral-variant-87);--dda-surface-variant-80:var(--dda-neutral-variant-80);--dda-on-surface-variant-40:var(--dda-neutral-variant-40);--dda-on-surface-variant-30:var(--dda-neutral-variant-30);--dda-on-surface-variant-25:var(--dda-neutral-variant-25);--dda-on-surface-variant-20:var(--dda-neutral-variant-20);--dda-on-surface-variant-12:var(--dda-neutral-variant-12)}:root[data-theme=\'dark\']{--dda-surface-variant-90:var(--dda-neutral-variant-30);--dda-surface-variant-87:var(--dda-neutral-variant-25);--dda-surface-variant-80:var(--dda-neutral-variant-22);--dda-on-surface-variant-40:var(--dda-neutral-variant-70);--dda-on-surface-variant-30:var(--dda-neutral-variant-80);--dda-on-surface-variant-25:var(--dda-neutral-variant-94);--dda-on-surface-variant-20:var(--dda-neutral-variant-96);--dda-on-surface-variant-12:var(--dda-neutral-variant-98)}:root{--dda-color-purple:#904EDB;--dda-color-purple-50:#F1E9FF}:root[data-theme=\'green\']{filter:invert(100%) !important}:root{--dda-fw-300:300 !important;--dda-fw-400:400 !important;--dda-fw-500:500 !important;--dda-fw-700:700 !important;--dda-fs-display-lg:3.563em;--dda-fs-display-md:2.813em;--dda-fs-display-sm:2.25em;--dda-fs-headline-lg:2em;--dda-fs-headline-md:1.75em;--dda-fs-headline-sm:1.5em;--dda-fs-title-lg:1.375em;--dda-fs-title-md:1.25em;--dda-fs-title-sm:1.125em;--dda-fs-body-lg:1em;--dda-fs-body-md:0.875em;--dda-fs-body-sm:0.75em;--dda-fs-label-lg:0.875em;--dda-fs-label-md:0.75em;--dda-fs-label-sm:0.625em;--dda-fs-tagline-lg:0.75em;--dda-fs-tagline-md:0.625em;--dda-fs-tagline-sm:0.5em;--dda-h1:3.563em;--dda-h2:3em;--dda-h3:2.5em;--dda-h4:2.063em;--dda-h5:1.75em;--dda-h6:1.438em;--dda-title:1.188em;--dda-body:1em;--dda-caption:0.813em;--dda-label:0.688em}.dda-fw-300{font-weight:var(--dda-fw-300)}.dda-fw-400{font-weight:var(--dda-fw-400)}.dda-fw-500{font-weight:var(--dda-fw-500)}.dda-fw-700{font-weight:var(--dda-fw-700)}.dda-fs-display-lg{font-size:var(--dda-fs-display-lg)}.dda-fs-display-md{font-size:var(--dda-fs-display-md)}.dda-fs-display-sm{font-size:var(--dda-fs-display-sm)}.dda-fs-headline-lg{font-size:var(--dda-fs-headline-lg)}.dda-fs-headline-md{font-size:var(--dda-fs-headline-md)}.dda-fs-headline-sm{font-size:var(--dda-fs-headline-sm)}.dda-fs-title-lg{font-size:var(--dda-fs-title-lg)}.dda-fs-title-md{font-size:var(--dda-fs-title-md)}.dda-fs-title-sm{font-size:var(--dda-fs-title-sm)}.dda-fs-body-lg{font-size:var(--dda-fs-body-lg)}.dda-fs-body-md{font-size:var(--dda-fs-body-md)}.dda-fs-body-sm{font-size:var(--dda-fs-body-sm)}.dda-fs-label-lg{font-size:var(--dda-fs-label-lg)}.dda-fs-label-md{font-size:var(--dda-fs-label-md)}.dda-fs-label-sm{font-size:var(--dda-fs-label-sm)}.dda-fs-tagline-lg{font-size:var(--dda-fs-tagline-lg)}.dda-fs-tagline-md{font-size:var(--dda-fs-tagline-md)}.dda-fs-tagline-sm{font-size:var(--dda-fs-tagline-sm)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.home-contents{width:90vw;margin:0 auto;padding:50px 20px 70px 20px}.quick-links-wrap{width:100%;position:absolute;bottom:45px;z-index:1}.quick-links{width:90vw;margin:0 auto;display:flex;gap:8px;padding:0 20px}.quick-links .link-item{width:100%;height:170px;display:block;background:var(--dda-surface-100);padding:27px 20px;border-radius:15px 15px;margin-top:15px;transition:all 0.5s ease;position:relative}.quick-links .link-item:hover{margin-top:-12px;border-radius:15px}.quick-links .link-item::after{opacity:0;content:\'\';position:absolute;top:100%;left:50%;margin-left:-4.5px;width:0;height:0;border:0 solid transparent;border-left-width:9px;border-right-width:9px;border-top:9px solid var(--dda-surface-100);transition:all 0.5s ease}.quick-links .link-item:hover::after{opacity:1}.quick-links .link-item svg{height:35px;margin-bottom:15px;color:var(--dda-on-surface-variant-40)}.quick-links .link-item .title{display:block;font-size:var(--dda-fs-title-sm);color:var(--dda-surface-0);font-weight:var(--dda-fw-700)}.quick-links .link-item .subtitle{display:block;font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-menu-container{position:relative}@media screen and (max-width: 992px){.slide-content p{width:100%}.quick-links-wrap{position:relative}.quick-links-wrap .quick-links{display:grid;padding:20px 20px}.quick-links .link-item{height:auto;margin:0px;border:solid 1px #ddd;border-radius:15px}}.container-xxl{max-width:90vw !important}.dda-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--dda-surface-100);background-clip:border-box;border:1px solid var(--dda-surface-90);border-radius:12px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);overflow:hidden}.dda-card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem;display:flex;flex-direction:column;gap:10px}.dda-card-title{font-size:var(--dda-fs-title-sm);margin-bottom:0}.dda-card-text{font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-variant-30)}.dda-card-text-small{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-text-muted{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-img{width:100%;height:100%;object-fit:cover}.dda-card-icon{display:block;margin-bottom:15px}.dda-card-icon img{height:24px}.dda-card-link{display:flex;width:100%;align-items:center;justify-content:flex-end;color:var(--dda-color-primary-40);line-height:0;padding:5px 0px;font-size:var(--dda-fs-body-md)}.dda-card-link i{margin:0px 5px;font-size:var(--dda-fs-title-md)}.card-image-label{position:absolute;top:12px;left:12px}.dda-container,.dda-container-fluid,.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.dda-container-sm,.dda-container{max-width:540px}}@media (min-width: 768px){.dda-container-md,.dda-container-sm,.dda-container{max-width:720px}}@media (min-width: 992px){.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:960px}}@media (min-width: 1200px){.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1140px}}@media (min-width: 1400px){.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.dda-row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.dda-row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.dda-col{flex:1 0 0%}.dda-col-auto{flex:0 0 auto;width:auto}.dda-col-1{flex:0 0 auto;width:8.33333333%}.dda-col-2{flex:0 0 auto;width:16.66666667%}.dda-col-3{flex:0 0 auto;width:25%}.dda-col-4{flex:0 0 auto;width:33.33333333%}.dda-col-5{flex:0 0 auto;width:41.66666667%}.dda-col-6{flex:0 0 auto;width:50%}.dda-col-7{flex:0 0 auto;width:58.33333333%}.dda-col-8{flex:0 0 auto;width:66.66666667%}.dda-col-9{flex:0 0 auto;width:75%}.dda-col-10{flex:0 0 auto;width:83.33333333%}.dda-col-11{flex:0 0 auto;width:91.66666667%}.dda-col-12{flex:0 0 auto;width:100%}@media (min-width: 576px){.dda-col-sm{flex:1 0 0%}.dda-col-sm-auto{flex:0 0 auto;width:auto}.dda-col-sm-1{flex:0 0 auto;width:8.33333333%}.dda-col-sm-2{flex:0 0 auto;width:16.66666667%}.dda-col-sm-3{flex:0 0 auto;width:25%}.dda-col-sm-4{flex:0 0 auto;width:33.33333333%}.dda-col-sm-5{flex:0 0 auto;width:41.66666667%}.dda-col-sm-6{flex:0 0 auto;width:50%}.dda-col-sm-7{flex:0 0 auto;width:58.33333333%}.dda-col-sm-8{flex:0 0 auto;width:66.66666667%}.dda-col-sm-9{flex:0 0 auto;width:75%}.dda-col-sm-10{flex:0 0 auto;width:83.33333333%}.dda-col-sm-11{flex:0 0 auto;width:91.66666667%}.dda-col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 768px){.dda-col-md{flex:1 0 0%}.dda-col-md-auto{flex:0 0 auto;width:auto}.dda-col-md-1{flex:0 0 auto;width:8.33333333%}.dda-col-md-2{flex:0 0 auto;width:16.66666667%}.dda-col-md-3{flex:0 0 auto;width:25%}.dda-col-md-4{flex:0 0 auto;width:33.33333333%}.dda-col-md-5{flex:0 0 auto;width:41.66666667%}.dda-col-md-6{flex:0 0 auto;width:50%}.dda-col-md-7{flex:0 0 auto;width:58.33333333%}.dda-col-md-8{flex:0 0 auto;width:66.66666667%}.dda-col-md-9{flex:0 0 auto;width:75%}.dda-col-md-10{flex:0 0 auto;width:83.33333333%}.dda-col-md-11{flex:0 0 auto;width:91.66666667%}.dda-col-md-12{flex:0 0 auto;width:100%}}@media (min-width: 992px){.dda-col-lg{flex:1 0 0%}.dda-col-lg-auto{flex:0 0 auto;width:auto}.dda-col-lg-1{flex:0 0 auto;width:8.33333333%}.dda-col-lg-2{flex:0 0 auto;width:16.66666667%}.dda-col-lg-3{flex:0 0 auto;width:25%}.dda-col-lg-4{flex:0 0 auto;width:33.33333333%}.dda-col-lg-5{flex:0 0 auto;width:41.66666667%}.dda-col-lg-6{flex:0 0 auto;width:50%}.dda-col-lg-7{flex:0 0 auto;width:58.33333333%}.dda-col-lg-8{flex:0 0 auto;width:66.66666667%}.dda-col-lg-9{flex:0 0 auto;width:75%}.dda-col-lg-10{flex:0 0 auto;width:83.33333333%}.dda-col-lg-11{flex:0 0 auto;width:91.66666667%}.dda-col-lg-12{flex:0 0 auto;width:100%}}@media (min-width: 1200px){.dda-col-xl{flex:1 0 0%}.dda-col-xl-auto{flex:0 0 auto;width:auto}.dda-col-xl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xl-3{flex:0 0 auto;width:25%}.dda-col-xl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xl-6{flex:0 0 auto;width:50%}.dda-col-xl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xl-9{flex:0 0 auto;width:75%}.dda-col-xl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xl-12{flex:0 0 auto;width:100%}}@media (min-width: 1400px){.dda-col-xxl{flex:1 0 0%}.dda-col-xxl-auto{flex:0 0 auto;width:auto}.dda-col-xxl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xxl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xxl-3{flex:0 0 auto;width:25%}.dda-col-xxl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xxl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xxl-6{flex:0 0 auto;width:50%}.dda-col-xxl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xxl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xxl-9{flex:0 0 auto;width:75%}.dda-col-xxl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xxl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xxl-12{flex:0 0 auto;width:100%}}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.m-0{margin:0 !important}.m-1{margin:0.25rem !important}.m-2{margin:0.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:0.25rem !important;margin-left:0.25rem !important}.mx-2{margin-right:0.5rem !important;margin-left:0.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:0.25rem !important}.mt-2{margin-top:0.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:0.25rem !important}.me-2{margin-right:0.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:0.25rem !important}.mb-2{margin-bottom:0.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:0.25rem !important}.ms-2{margin-left:0.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:0.25rem !important}.p-2{padding:0.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:0.25rem !important;padding-left:0.25rem !important}.px-2{padding-right:0.5rem !important;padding-left:0.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:0.25rem !important}.pt-2{padding-top:0.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:0.25rem !important}.pe-2{padding-right:0.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:0.25rem !important}.pb-2{padding-bottom:0.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:0.25rem !important}.ps-2{padding-left:0.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.no-gutters{margin-right:0;margin-left:0}.dda-dashboard-header-main{background-color:var(--dda-surface-100)}.dda-db-header-top{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-bottom{display:flex;justify-content:space-between;align-items:center;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-left{display:flex;align-items:center;gap:15px}.dda-db-header-left .logo{width:100px;height:37px}.dda-dashboard-header-menu{display:flex;align-items:center}.dda-dashboard-header-menu ul{height:100%;margin:0;padding:0;display:flex;align-items:center}.dda-dashboard-header-menu ul li{display:inline-flex}.dda-dashboard-header-menu ul li a.menu-item{height:48px;display:flex;align-items:center;border-radius:8px;padding:0 16px;text-decoration:none;font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-0);font-weight:var(--dda-fw-400);position:relative}.dda-dashboard-header-menu.dda-menu-default ul li:hover a.menu-item{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40);font-weight:var(--dda-fw-700)}.dda-dashboard-header-menu.dda-menu-underline.full-height a.menu-item{height:69px}.dda-dashboard-header-menu.dda-menu-underline ul li:hover a.menu-item::after{content:"";width:calc(100% - 32px);height:4px;background:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;position:absolute;bottom:0;left:16px}.dda-db-header-right{display:flex;align-items:center;gap:10px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.dda-footer{box-shadow:0 -2px 13px 0 rgba(0, 0, 0, 0.12);background-color:var(--dda-surface-100);position:fixed;bottom:0;left:0;width:100%;z-index:5;padding:0 20px}.footer-content{height:64px;display:flex;align-items:center;justify-content:space-between}.dda-footer-item{display:flex;align-items:center}.dda-footer-item ul{display:inline-flex;align-items:center}.dda-footer-item ul li{padding:0 10px;border-inline-start:solid 1px #E0E3E2}.dda-footer-item ul li:first-child{border:0px}.foot-icon-btn a{height:40px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--dda-fs-body-lg);font-weight:500;color:var(--dda-color-primary-40)}.foot-icon-btn a img{height:32px}.dda-footer-item ul li.foot-menu{padding:0 5px}.foot-menu a{color:var(--dda-on-surface-0)}.foot-menu a i,.foot-menu a svg{font-size:20px;color:var(--dda-on-surface-variant-30);fill:var(--dda-on-surface-variant-30)}.foot-menu a img{height:40px}.foot-logo a{background-color:var(--dda-neutral-100);height:40px;display:flex;align-items:center}.foot-logo a img{height:35px}@media only screen and (orientation: landscape) and (max-width: 768px){.footer-content{height:44px}.dda-footer-item .foot-icon-btn a{width:35px;height:35px}}@media (max-width: 992px){.dda-footer{background:transparent;box-shadow:none}.foot-menu,.foot-icon-btn a span{display:none}.dda-footer-item ul li{padding:0 8px;border:0px !important}.foot-icon-btn a{width:48px;height:48px;background:#ffffff;border-radius:50px;box-shadow:0 6px 20px rgba(0, 0, 0, .2)}.foot-icon-btn a img{height:24px}}@media (max-width: 1400px){.dda-footer-middle{display:none}}.dda-dashboard-sidebar{position:fixed;top:0;left:0;height:100%;width:80px;background:var(--dda-surface-100);border-right:1px solid var(--dda-surface-90);z-index:100;transition:all 0.25s ease;padding-top:16px}.dda-dashboard-sidebar hr{border-color:var(--dda-color-surface-99)}.db-icon-logo{display:flex;align-items:center;padding:0px 17px;margin-bottom:15px}.db-icon-logo .db-logo{width:44px;height:44px;display:flex;gap:16px;align-items:center;padding:0px;border:transparent;background:transparent}.db-btn-container{display:flex;align-items:center;gap:16px;padding:0 27px}.db-btn-container .burdger-menu{background:none;outline:none;border:0px;padding:0px;font-size:16px;color:var(--dda-on-surface-variant-30)}.sidebar-open .db-btn-container{padding:0 14px}.db-btn-container .logo{width:100px;display:none}.sidebar-open .db-btn-container .logo{display:block}.db-logo .logo-icon{width:44px;height:44px}.sidebar-open .db-icon-logo{display:none}.db-logo .logo{display:none;width:150px}.sidebar-open .db-logo .logo{display:block}.dashboard-sidebar-menu{display:flex;flex-direction:column;padding:16px;gap:4px;transition:all 0.25s ease}.dashboard-sidebar-menu li{display:flex;justify-content:center}.dashboard-sidebar-menu li a{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;font-size:16px;color:var(--dda-on-surface-variant-30);font-weight:700;border-radius:5px}.dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40)}.dashboard-sidebar-menu li a i,.dashboard-sidebar-menu li a svg{font-size:20px}.dashboard-sidebar-menu .text-wrap{display:none;align-items:center;gap:12px}.dashboard-sidebar-menu .counter{display:none;height:20px;min-width:20px;border:solid 1px var(--dda-surface-90);border-radius:30px;font-size:14px;text-align:center}.dda-dashboard-sidebar.sidebar-open{width:280px}.sidebar-open .dashboard-sidebar-menu{padding:16px 0}.sidebar-open .dashboard-sidebar-menu li a{border-radius:0;width:100%;position:relative}.sidebar-open .dashboard-sidebar-menu li a::before{content:"";width:3px;height:100%;background-color:var(--dda-color-primary-40);position:absolute;top:0;left:0;opacity:0}.sidebar-open .dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94)}.sidebar-open .dashboard-sidebar-menu li a:hover::before{opacity:1}.dashboard-sidebar-menu .text-wrap{display:flex}.dashboard-sidebar-menu .menu-text{display:none}.dda-dashboard-sidebar.sidebar-open .counter{display:block}.dda-dashboard-sidebar.sidebar-open .menu-text{display:block}.dda-table-container{background:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);border-radius:10px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-table-header,.dda-table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 16px 24px}.dda-table-header-content{color:var(--dda-on-surface-0);display:flex;justify-content:space-between;align-items:center;gap:10px}.dda-table{width:100%;border-collapse:collapse}.dda-table th,.dda-table td{color:var(--dda-on-surface-0);text-align:justify;padding:12px 24px;border:0px;border-top:solid 1px var(--dda-surface-90);border-bottom:solid 1px var(--dda-surface-90)}.dda-table th{background-color:var(--dda-surface-96);font-size:14px;font-weight:var(--dda-fw-500)}.dda-table-sm th,.dda-table-sm td{padding:8px}.dda-table-striped tbody tr:nth-of-type(even){background-color:var(--dda-surface-96)}.dda-payment-info{display:inline-flex;align-items:center;gap:15px}.dda-payment-icon{width:58px;height:40px;padding:6px;border:solid 1px var(--dda-surface-90);border-radius:8px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.WB-footer{background-color:var(--dda-surface-100);color:var(--dda-on-surface-variant-30)}.WB-footer .entt-logo{width:135px}.WB-footer .footer-menu{display:flex;flex-direction:column;gap:12px}.WB-footer .footer-menu a{color:var(--dda-on-surface-variant-30)}.WB-footer .footer-menu a:hover{color:var(--dda-color-primary-40)}.WB-footer .line-seperater{border-bottom:solid 1px #E0E3E2;padding-top:36px;padding-bottom:36px}.footer-social-icn{width:24px;height:24px}@media screen and (max-width: 992px){.WB-footer .line-seperater{padding-top:26px;padding-bottom:26px}}.dda-header{width:100%;height:auto;background:var(--dda-surface-100);transition:all 300ms ease-in-out;box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:6}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}.transparent .dda-header{background:transparent;box-shadow:none}.transparent .dda-header::before{content:"";width:100%;height:250px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative}.govt-logo img{height:60px}.entt-logo img{height:50px}.transparent .logo-colored{display:none}.logo-white{display:none}.transparent .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme=\'dark\'] .dda-head-logo .logo-colored{display:none}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme=\'dark\'] .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:22px}.hamburger-menu-btn{width:27px;height:22px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:""}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:"";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:3px}.hamburger-menu-btn::before{top:4px}.hamburger-menu-btn::after{bottom:4px}.hamburger-line{top:10px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}.transparent .hamburger-menu-btn::before,.transparent .hamburger-menu-btn::after,.transparent .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:10px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);bottom:10px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999}.dda-mega-menu{margin:0;padding:0;list-style:none;display:flex;align-items:center}.dda-mega-menu>li>a{display:block;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);padding:20px 16px;position:relative}.dda-mega-menu>li:hover>a,.dda-mega-menu>li>a.active{color:var(--dda-color-primary-40)}.transparent .dda-mega-menu>li>a{color:var(--dda-neutral-100)}.dda-mega-menu>li>a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;background-color:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;transform:translateX(-50%);transition:all 0.25s ease-in-out}.transparent .dda-mega-menu>li>a::after{background-color:var(--dda-neutral-100)}.dda-mega-menu>li:hover>a::after,.dda-mega-menu>li>a:focus-visible:after,.dda-mega-menu>li>a.active::after{width:calc(100% - 32px)}.megamenu-content{display:none;width:100%;padding:0 15px;position:fixed;top:150px;left:0}.megamenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.megamenu-item .mega-menu-title{height:24px;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.megamenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.megamenu-link{width:100%;display:flex;align-items:center;gap:15px;padding:10px 16px;background:var(--dda-surface-100);color:var(--dda-on-surface-0);border-radius:8px;transition:all 500ms ease}.megamenu-link .dda-btn{background:var(--dda-neutral-variant-94) !important}.megamenu-link .dda-btn i{color:var(--dda-color-primary-40)}.megamenu-link .text-wrap{display:flex;flex-direction:column;width:100%}.megamenu-link:hover .title-text{color:var(--dda-color-primary-40)}.megamenu-link:hover{background:var(--dda-neutral-variant-96)}.megamenu-link .arrow-icon{color:var(--dda-color-primary-40);opacity:0;transition:all 500ms ease}:root[dir=\'rtl\'] .megamenu-link .arrow-icon{transform:rotate(180deg)}.megamenu-link:hover .arrow-icon{opacity:1}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:14px;color:var(--dda-on-surface-10);font-weight:var(--dda-fw-700);border:0px;padding:11px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.transparent .dda-toolbar-menu ul li .tool-btn,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:var(--dda-neutral-17);color:var(--dda-neutral-100)}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:20px;color:var(--dda-on-surface-variant-30)}.transparent .dda-toolbar-menu ul li .tool-btn i,.transparent .dda-toolbar-menu ul li .tool-btn svg,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}.dda-search{position:relative}.dda-search i,.dda-search svg{position:absolute;top:10px;inset-inline-start:13px}.dda-search input[type="text"]{width:90px;height:40px;background-color:transparent;border:0px;color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:33px;padding-inline-end:10px;transition:all 250ms ease}.dda-search input[type="text"]:focus{width:250px;outline:0}.dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type="text"]::placeholder{color:var(--dda-on-surface-0)}.transparent .dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-neutral-100)}.transparent .dda-search input[type="text"]::placeholder{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;transition:left 0.5s ease}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;height:100%}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:"";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);transition:all 250ms ease}ul.main_side_menu li a i{display:block}:root[dir=\'rtl\'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir=\'rtl\'] ul.main_side_menu li a.showSub::after,:root[dir=\'rtl\'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir=\'rtl\'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;margin-top:-50px;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:300px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:1em;color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;transition:left 0.5s ease}.mobile-accessibility{position:absolute;top:0px;z-index:10;height:100%}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search button{width:30px;padding:0;background:transparent;border:transparent}.dda-mobile-search button i,.dda-mobile-search button svg{font-size:19px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}.transparent .dda-mobile-search button i,.transparent .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.transparent .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;padding-inline-start:10px;box-shadow:none}ul.main_side_menu li a.icon_arrow::after{transform:rotate(45deg)}:root[dir=\'rtl\'] ul.main_side_menu li a.showSub.icon_arrow::after,:root[dir=\'rtl\'] ul.main_side_menu li a.showSubSub.icon_arrow::after{transform:rotate(45deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0}.maincontent{padding-top:100px}}@media (max-width: 1024px){.dda-mega-menu{display:none}.dda-header{padding:10px 0}}@font-face{font-family:"Dubai";src:url("../assets/fonts/dubai/DubaiLight.eot");src:url("../assets/fonts/dubai/DubaiLight.eot") format("embedded-opentype"),\r\n url("../assets/fonts/dubai/DubaiLight.woff2") format("woff2"),\r\n url("../assets/fonts/dubai/DubaiLight.woff") format("woff"),\r\n url("../assets/fonts/dubai/DubaiLight.ttf") format("truetype"),\r\n url("../assets/fonts/dubai/DubaiLight.svg#DubaiLight") format("svg");font-weight:300;font-style:normal}@font-face{font-family:"Dubai";src:url("../assets/fonts/dubai/DubaiRegular.eot");src:url("../assets/fonts/dubai/DubaiRegular.eot") format("embedded-opentype"),\r\n url("../assets/fonts/dubai/DubaiRegular.woff2") format("woff2"),\r\n url("../assets/fonts/dubai/DubaiRegular.woff") format("woff"),\r\n url("../assets/fonts/dubai/DubaiRegular.ttf") format("truetype"),\r\n url("../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular") format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Dubai";src:url("../assets/fonts/dubai/DubaiMedium.eot");src:url("../assets/fonts/dubai/DubaiMedium.eot") format("embedded-opentype"),\r\n url("../assets/fonts/dubai/DubaiMedium.woff2") format("woff2"),\r\n url("../assets/fonts/dubai/DubaiMedium.woff") format("woff"),\r\n url("../assets/fonts/dubai/DubaiMedium.ttf") format("truetype"),\r\n url("../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium") format("svg");font-weight:500;font-style:normal}@font-face{font-family:"Dubai";src:url("../assets/fonts/dubai/DubaiBold.eot");src:url("../assets/fonts/dubai/DubaiBold.eot") format("embedded-opentype"),\r\n url("../assets/fonts/dubai/DubaiBold.woff2") format("woff2"),\r\n url("../assets/fonts/dubai/DubaiBold.woff") format("woff"),\r\n url("../assets/fonts/dubai/DubaiBold.ttf") format("truetype"),\r\n url("../assets/fonts/dubai/DubaiBold.svg#DubaiBold") format("svg");font-weight:700;font-style:normal}:root{--font-family-main:\'Dubai\', sans-serif}body{background-color:var(--dda-surface-100) !important;font-family:"Dubai", Helvetica, sans-serif !important;font-size:var(--dda-fs-body-lg) !important;font-weight:var(--dda-fw-400) !important;line-height:1.5;color:var(--dda-on-surface-0) !important;margin:0}*{box-sizing:border-box}ul{margin:0}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1,.dda-h1{font-size:var(--dda-h1);font-weight:400}h2,.dda-h2{font-size:var(--dda-h2);font-weight:400}h3,.dda-h3{font-size:var(--dda-h3);font-weight:400}h4,.dda-h4{font-size:var(--dda-h4);font-weight:400}h5,.dda-h5{font-size:var(--dda-h5);font-weight:400}h6,.dda-h6{font-size:var(--dda-h6);font-weight:400}.dda-title{font-size:var(--dda-title);font-weight:500}.dda-body{font-size:var(--dda-body);font-weight:400}.dda-caption{font-size:var(--dda-caption);font-weight:400}.dda-label{font-size:var(--dda-label);font-weight:400}a,a:hover{text-decoration:none !important}button{cursor:pointer}ul{margin:0 !important;padding:0 !important;list-style:none}.dda-btn.cta-transparent{background:none;color:#ffffff;border:0px}.dda-btn.cta-transparent:hover{background:#ffffff;color:inherit}.dda-bg-primary{background-color:var(--dda-color-primary-40)}.dda-bg-secondary{background-color:var(--dda-color-secondary)}.dda-color-primary{color:var(--dda-color-primary-40)}.dda-color-secondary{color:var(--dda-color-primary-40)}.dda-color-error{color:var(--dda-color-error-40)}.dda-color-warning{color:var(--dda-color-warning-40)}.dda-color-success{color:var(--dda-color-warning-40)}.dda-color-info{color:var(--dda-color-info-40)}.dda-color-neutral{color:var(--dda-on-surface-40)}.dda-color-neutralvariant{color:var(--dda-on-surface-variant-40)}.dda-color-black{color:var(--dda-on-surface-0)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.dda-rounded-sm{border-radius:4px !important}.dda-rounded-md{border-radius:8px !important}.dda-rounded-lg{border-radius:12px !important}.dda-rounded-circle{border-radius:100px !important}.dda-gap-16{gap:4rem !important}.dda-gap-12{gap:3rem !important}.dda-gap-10{gap:2.5rem !important}.dda-gap-8{gap:2rem !important}.dda-gap-6{gap:1.5rem !important}.dda-gap-5{gap:1.25rem !important}.dda-gap-4{gap:1rem !important}.dda-gap-3{gap:.75rem !important}.dda-gap-2{gap:.5rem !important}.dda-gap-1{gap:0.375rem !important}::-ms-input-placeholder{color:#8E9191}::placeholder{color:#8E9191}.dda-d-none{display:none}.dda-flex{display:flex}.dda-flex-column{flex-direction:column}.dda-inline-flex{display:inline-flex}.dda-align-center{align-items:center}.dda-justify-space{justify-content:space-between}.dda-justify-center{justify-content:center}.m-0{margin:0px !important}.p-0{padding:0px !important}.py-0{padding-top:0px !important;padding-bottom:0px !important}.border-right{border-inline-end:solid 1px #E5E5E5}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.maincontent{padding-top:100px}}';const e=t;const o='.dda-toggle-btn{display:inline-flex;align-items:flex-start;cursor:pointer;position:relative;gap:10px}.dda-toggle-btn p{margin:0}.dda-toggle-btn .toggle{width:35px;height:20px;vertical-align:sub;display:inline-block;background:var(--dda-neutral-variant-90);border-radius:60px;cursor:pointer;margin:0px;position:relative}.dda-toggle-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.dda-toggle-btn .toggle::after{content:"";position:absolute;display:block;-moz-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-o-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-webkit-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);background:var(--dda-neutral-100);height:16px;width:16px;top:2px;left:2px;border-radius:60px}.dda-toggle-btn input:checked~.toggle{background:var(--dda-color-primary-40);-webkit-box-shadow:0px 0px 0px 3px var(--dda-primary-95);-moz-box-shadow:0px 0px 0px 3px var(--dda-primary-95);box-shadow:0px 0px 0px 3px var(--dda-primary-95)}.light-mode.dda-toggle-btn input:checked~.toggle{background:var(--dda-primary-40)}.dda-toggle-btn input:checked~.toggle::after{left:17px}.dda-toggle-sm .toggle{width:27px;height:16px}.dda-toggle-sm .toggle::after{width:12px;height:12px}.dda-toggle-sm input:checked~.toggle::after{left:13px}.dda-toggle-md .toggle{width:35px;height:20px}.dda-toggle-md .toggle::after{height:16px;width:16px}.dda-toggle-md input:checked~.toggle::after{left:17px}.dda-toggle-lg .toggle{width:45px;height:24px}.dda-toggle-lg .toggle::after{height:20px;width:20px}.dda-toggle-lg input:checked~.toggle::after{left:23px}.toggle-title{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);display:block}.light-mode .toggle-title{color:var(--dda-neutral-0)}.toggle-supporting{display:block;color:var(--dda-on-surface-variant-30)}.light-mode .toggle-supporting{color:var(--dda-neutral-variant-30)}.dda-toggle-sm .toggle-title,.dda-toggle-md .toggle-title{font-size:var(--dda-fs-body-lg)}.dda-toggle-sm .toggle-supporting{font-size:var(--dda-fs-label-lg)}.dda-toggle-lg .toggle-title{font-size:var(--dda-fs-title-sm)}.dda-toggle-md .toggle-supporting,.dda-toggle-lg .toggle-supporting{font-size:var(--dda-fs-body-lg)}';const n=o;const i=class{constructor(d){a(this,d);this.custom_class=""}render(){const a=["dda-toggle-btn",this.size?`dda-toggle-${this.size}`:"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return d(r,{key:"75261d924be3bbc4f573f01500bc4818c2ca745a"},d("label",{key:"c223f8b2c26d4da1a9f97fc0ecd641fbbd207c27",class:a,htmlFor:this.input_id},d("input",{key:"144e556c20bfec4d51a3d491044414d210de2f0c","aria-label":this.aria_label,type:"checkbox",id:this.input_id,name:this.group_name,checked:this.checked}),d("span",{key:"5bc14eb97049ec5b01b6587a00cc1a5f7fb6b13a",class:"toggle"}),d("p",{key:"8f1700afc3befba2b045cabf4bd45b0369f267b2"},d("span",{key:"d3fabc33feca8f0b6b46514c2063472fa41c39f4",class:"toggle-title"},"Radio Button Title"),d("span",{key:"eba83ded543d2e8e2d8a93d1f455ad656c5fa33c",class:"toggle-supporting"},"Supporting Text"))))}};i.style=e+n;export{i as dda_toggle};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as d,H as r}from"./p-111a24ea.js";const t=':root{--dda-primary-0:#000000;--dda-primary-4:#001110;--dda-primary-5:#001413;--dda-primary-6:#001716;--dda-primary-10:#00201F;--dda-primary-12:#002423;--dda-primary-17:#00302F;--dda-primary-20:#003735;--dda-primary-22:#003C3A;--dda-primary-24:#00413F;--dda-primary-25:#004341;--dda-primary-30:#00504E;--dda-primary-35:#005D5A;--dda-primary-40:#006A67;--dda-primary-50:#008582;--dda-primary-60:#00A19E;--dda-primary-70:#21BEBA;--dda-primary-80:#4DDAD6;--dda-primary-87:#66EEE9;--dda-primary-90:#6FF7F2;--dda-primary-92:#76FDF8;--dda-primary-94:#99FFFA;--dda-primary-95:#D0F5F4;--dda-primary-96:#C2FFFB;--dda-primary-98:#E3FFFD;--dda-primary-99:#F2FFFD;--dda-primary-100:#FFFFFF;--dda-color-primary-40:var(--dda-primary-40);--dda-color-primary-30:var(--dda-primary-30);--dda-color-primary-20:var(--dda-primary-20);--dda-color-primary-10:var(--dda-primary-10);--dda-on-primary-100:var(--dda-primary-100);--dda-on-primary-98:var(--dda-primary-98);--dda-on-primary-96:var(--dda-primary-96);--dda-on-primary-94:var(--dda-primary-94);--dda-primary-variant-96:var(--dda-primary-96);--dda-primary-variant-95:var(--dda-primary-95);--dda-primary-variant-94:var(--dda-primary-94);--dda-primary-variant-92:var(--dda-primary-92);--dda-primary-variant-87:var(--dda-primary-87);--dda-on-primary-variant-40:var(--dda-primary-40);--dda-on-primary-variant-30:var(--dda-primary-30);--dda-on-primary-variant-25:var(--dda-primary-25);--dda-on-primary-variant-20:var(--dda-primary-20);--dda-on-primary-variant-12:var(--dda-primary-12)}:root[data-theme=\'dark\']{--dda-color-primary-40:var(--dda-primary-70);--dda-color-primary-30:var(--dda-primary-80);--dda-color-primary-20:var(--dda-primary-90);--dda-color-primary-10:var(--dda-primary-95);--dda-on-primary-100:var(--dda-primary-10);--dda-on-primary-98:var(--dda-primary-12);--dda-on-primary-96:var(--dda-primary-17);--dda-on-primary-94:var(--dda-primary-20);--dda-primary-variant-96:var(--dda-primary-30);--dda-primary-variant-95:var(--dda-primary-30);--dda-primary-variant-94:var(--dda-primary-25);--dda-primary-variant-92:var(--dda-primary-20);--dda-primary-variant-87:var(--dda-primary-12);--dda-on-primary-variant-40:var(--dda-primary-90);--dda-on-primary-variant-30:var(--dda-primary-90);--dda-on-primary-variant-25:var(--dda-primary-94);--dda-on-primary-variant-20:var(--dda-primary-96);--dda-on-primary-variant-12:var(--dda-primary-98)}:root{--dda-secondary-0:#000000;--dda-secondary-4:#000836;--dda-secondary-5:#000A3D;--dda-secondary-6:#000C43;--dda-secondary-10:#001257;--dda-secondary-12:#001561;--dda-secondary-17:#092072;--dda-secondary-20:#132778;--dda-secondary-22:#192C7D;--dda-secondary-24:#1E3181;--dda-secondary-25:#213484;--dda-secondary-30:#2E4090;--dda-secondary-35:#3B4C9C;--dda-secondary-40:#4758A9;--dda-secondary-50:#6071C4;--dda-secondary-60:#7A8BE0;--dda-secondary-70:#95A6FD;--dda-secondary-80:#B9C3FF;--dda-secondary-87:#D2D8FF;--dda-secondary-90:#DDE1FF;--dda-secondary-92:#E5E6FF;--dda-secondary-94:#ECECFF;--dda-secondary-95:#F0EFFF;--dda-secondary-96:#F3F2FF;--dda-secondary-98:#FBF8FF;--dda-secondary-99:#FEFBFF;--dda-secondary-100:#FFFFFF;--dda-color-secondary-40:var(--dda-secondary-40);--dda-color-secondary-30:var(--dda-secondary-30);--dda-color-secondary-20:var(--dda-secondary-20);--dda-color-secondary-10:var(--dda-secondary-10);--dda-on-secondary-100:var(--dda-secondary-100);--dda-on-secondary-98:var(--dda-secondary-98);--dda-on-secondary-96:var(--dda-secondary-96);--dda-on-secondary-94:var(--dda-secondary-94);--dda-secondary-variant-96:var(--dda-secondary-96);--dda-secondary-variant-95:var(--dda-secondary-95);--dda-secondary-variant-94:var(--dda-secondary-94);--dda-secondary-variant-92:var(--dda-secondary-92);--dda-secondary-variant-87:var(--dda-secondary-87);--dda-on-secondary-variant-30:var(--dda-secondary-30);--dda-on-secondary-variant-25:var(--dda-secondary-25);--dda-on-secondary-variant-20:var(--dda-secondary-20);--dda-on-secondary-variant-12:var(--dda-secondary-12)}:root[data-theme=\'dark\']{--dda-color-secondary-40:var(--dda-secondary-70);--dda-color-secondary-30:var(--dda-secondary-80);--dda-color-secondary-20:var(--dda-secondary-90);--dda-color-secondary-10:var(--dda-secondary-95);--dda-on-secondary-100:var(--dda-secondary-10);--dda-on-secondary-98:var(--dda-secondary-12);--dda-on-secondary-96:var(--dda-secondary-17);--dda-on-secondary-94:var(--dda-secondary-20);--dda-secondary-variant-96:var(--dda-secondary-30);--dda-secondary-variant-95:var(--dda-secondary-30);--dda-secondary-variant-94:var(--dda-secondary-25);--dda-secondary-variant-92:var(--dda-secondary-20);--dda-secondary-variant-87:var(--dda-secondary-12);--dda-on-secondary-variant-30:var(--dda-secondary-90);--dda-on-secondary-variant-25:var(--dda-secondary-94);--dda-on-secondary-variant-20:var(--dda-secondary-96);--dda-on-secondary-variant-12:var(--dda-secondary-98)}:root{--dda-error-0:#000000;--dda-error-4:#280000;--dda-error-5:#2D0000;--dda-error-6:#310001;--dda-error-10:#410001;--dda-error-12:#490001;--dda-error-17:#5C0002;--dda-error-20:#690003;--dda-error-22:#710003;--dda-error-24:#790004;--dda-error-25:#7E0004;--dda-error-30:#930005;--dda-error-35:#A90008;--dda-error-40:#C0000A;--dda-error-50:#E62721;--dda-error-60:#FF5545;--dda-error-70:#FF8A7B;--dda-error-80:#FFB4AA;--dda-error-87:#FFCFC8;--dda-error-90:#FFDAD5;--dda-error-92:#FFE2DD;--dda-error-94:#FFE9E6;--dda-error-95:#FFEDEA;--dda-error-96:#FFF0EE;--dda-error-98:#FFF8F7;--dda-error-99:#FFFBFF;--dda-error-100:#FFFFFF;--dda-color-error-50:var(--dda-error-50);--dda-color-error-40:var(--dda-error-40);--dda-color-error-30:var(--dda-error-30);--dda-color-error-20:var(--dda-error-24);--dda-on-error-100:var(--dda-error-100);--dda-on-error-98:var(--dda-error-98);--dda-on-error-96:var(--dda-error-96);--dda-on-error-94:var(--dda-error-94);--dda-error-variant-90:var(--dda-error-90);--dda-error-variant-95:var(--dda-error-95);--dda-error-variant-94:var(--dda-error-94);--dda-error-variant-92:var(--dda-error-92);--dda-error-variant-90:var(--dda-error-90);--dda-on-error-variant-40:var(--dda-error-40);--dda-on-error-variant-30:var(--dda-error-30);--dda-on-error-variant-25:var(--dda-error-25);--dda-on-error-variant-20:var(--dda-error-20);--dda-on-error-variant-12:var(--dda-error-12)}:root[data-theme=\'dark\']{--dda-color-error-50:var(--dda-error-80);--dda-color-error-40:var(--dda-error-70);--dda-color-error-30:var(--dda-error-90);--dda-color-error-20:var(--dda-error-94);--dda-on-error-100:var(--dda-error-10);--dda-on-error-98:var(--dda-error-12);--dda-on-error-96:var(--dda-error-17);--dda-on-error-94:var(--dda-error-20);--dda-error-variant-96:var(--dda-error-30);--dda-error-variant-95:var(--dda-error-20);--dda-error-variant-94:var(--dda-error-25);--dda-error-variant-92:var(--dda-error-20);--dda-error-variant-90:var(--dda-error-12);--dda-on-error-variant-40:var(--dda-error-70);--dda-on-error-variant-30:var(--dda-error-80);--dda-on-error-variant-25:var(--dda-error-94);--dda-on-error-variant-20:var(--dda-error-96);--dda-on-error-variant-12:var(--dda-error-98)}:root{--dda-warning-0:#000000;--dda-warning-4:#180C00;--dda-warning-5:#1B0E00;--dda-warning-6:#1F1000;--dda-warning-10:#2A1800;--dda-warning-12:#2F1B00;--dda-warning-17:#3D2500;--dda-warning-20:#462B00;--dda-warning-22:#4B2F00;--dda-warning-24:#513300;--dda-warning-25:#543500;--dda-warning-30:#643F00;--dda-warning-35:#734A00;--dda-warning-40:#835400;--dda-warning-50:#A46B00;--dda-warning-60:#C78200;--dda-warning-70:#EB9A00;--dda-warning-80:#FFB956;--dda-warning-87:#FFD39B;--dda-warning-90:#FFDDB5;--dda-warning-92:#FFE4C5;--dda-warning-94:#FFEBD5;--dda-warning-95:#FFEEDD;--dda-warning-96:#FFF1E5;--dda-warning-98:#FFF8F4;--dda-warning-99:#FFFBFF;--dda-warning-100:#FFFFFF;--dda-color-warning-50:var(--dda-warning-50);--dda-color-warning-40:var(--dda-warning-40);--dda-color-warning-30:var(--dda-warning-30);--dda-color-warning-20:var(--dda-warning-20);--dda-on-warning-100:var(--dda-warning-100);--dda-on-warning-98:var(--dda-warning-98);--dda-on-warning-96:var(--dda-warning-96);--dda-on-warning-94:var(--dda-warning-94);--dda-warning-variant-90:var(--dda-warning-90);--dda-warning-variant-95:var(--dda-warning-95);--dda-warning-variant-94:var(--dda-warning-94);--dda-warning-variant-92:var(--dda-warning-92);--dda-warning-variant-90:var(--dda-warning-90);--dda-on-warning-variant-40:var(--dda-warning-40);--dda-on-warning-variant-30:var(--dda-warning-30);--dda-on-warning-variant-25:var(--dda-warning-25);--dda-on-warning-variant-20:var(--dda-warning-20);--dda-on-warning-variant-12:var(--dda-warning-12)}:root[data-theme=\'dark\']{--dda-color-warning-50:var(--dda-warning-80);--dda-color-warning-40:var(--dda-warning-50);--dda-color-warning-30:var(--dda-warning-90);--dda-color-warning-20:var(--dda-warning-94);--dda-on-warning-100:var(--dda-warning-10);--dda-on-warning-98:var(--dda-warning-12);--dda-on-warning-96:var(--dda-warning-17);--dda-on-warning-94:var(--dda-warning-20);--dda-warning-variant-96:var(--dda-warning-30);--dda-warning-variant-95:var(--dda-warning-30);--dda-warning-variant-94:var(--dda-warning-25);--dda-warning-variant-92:var(--dda-warning-20);--dda-warning-variant-90:var(--dda-warning-12);--dda-on-warning-variant-40:var(--dda-warning-80);--dda-on-warning-variant-30:var(--dda-warning-80);--dda-on-warning-variant-25:var(--dda-warning-94);--dda-on-warning-variant-20:var(--dda-warning-96);--dda-on-warning-variant-12:var(--dda-warning-98)}:root{--dda-success-0:#000000;--dda-success-4:#001203;--dda-success-5:#001504;--dda-success-6:#001805;--dda-success-10:#002108;--dda-success-12:#00260A;--dda-success-17:#00320F;--dda-success-20:#003913;--dda-success-22:#003E15;--dda-success-24:#004318;--dda-success-25:#004619;--dda-success-30:#00531F;--dda-success-35:#006025;--dda-success-40:#0D6D2D;--dda-success-50:#318744;--dda-success-60:#4CA25B;--dda-success-70:#67BD73;--dda-success-80:#82DA8C;--dda-success-87:#95EE9E;--dda-success-90:#9EF7A6;--dda-success-92:#A3FCAC;--dda-success-94:#B8FFBB;--dda-success-95:#C6FFC7;--dda-success-96:#D3FFD2;--dda-success-98:#EBFFE7;--dda-success-99:#F6FFF1;--dda-success-100:#FFFFFF;--dda-color-success-50:var(--dda-success-50);--dda-color-success-40:var(--dda-success-40);--dda-color-success-30:var(--dda-success-30);--dda-color-success-20:var(--dda-success-20);--dda-on-success-100:var(--dda-success-100);--dda-on-success-98:var(--dda-success-98);--dda-on-success-96:var(--dda-success-96);--dda-on-success-94:var(--dda-success-94);--dda-success-variant-90:var(--dda-success-90);--dda-success-variant-95:var(--dda-success-95);--dda-success-variant-94:var(--dda-success-94);--dda-success-variant-92:var(--dda-success-92);--dda-success-variant-90:var(--dda-success-90);--dda-on-success-variant-40:var(--dda-success-40);--dda-on-success-variant-30:var(--dda-success-30);--dda-on-success-variant-25:var(--dda-success-25);--dda-on-success-variant-20:var(--dda-success-20);--dda-on-success-variant-12:var(--dda-success-12)}:root[data-theme=\'dark\']{--dda-color-success-50:var(--dda-success-80);--dda-color-success-40:var(--dda-success-87);--dda-color-success-30:var(--dda-success-90);--dda-color-success-20:var(--dda-success-94);--dda-on-success-100:var(--dda-success-10);--dda-on-success-98:var(--dda-success-12);--dda-on-success-96:var(--dda-success-17);--dda-on-success-94:var(--dda-success-20);--dda-success-variant-96:var(--dda-success-30);--dda-success-variant-95:var(--dda-success-30);--dda-success-variant-94:var(--dda-success-25);--dda-success-variant-92:var(--dda-success-20);--dda-success-variant-90:var(--dda-success-12);--dda-on-success-variant-40:var(--dda-success-80);--dda-on-success-variant-30:var(--dda-success-80);--dda-on-success-variant-25:var(--dda-success-94);--dda-on-success-variant-20:var(--dda-success-96);--dda-on-success-variant-12:var(--dda-success-98)}:root{--dda-info-0:#000000;--dda-info-4:#001019;--dda-info-5:#00131C;--dda-info-6:#001620;--dda-info-10:#001E2B;--dda-info-12:#002331;--dda-info-17:#002E3F;--dda-info-20:#003548;--dda-info-22:#00394E;--dda-info-24:#003548;--dda-info-25:#004157;--dda-info-30:#004D66;--dda-info-35:#005977;--dda-info-40:#006687;--dda-info-50:#0080A9;--dda-info-60:#1A9CCA;--dda-info-70:#47B7E6;--dda-info-80:#73D2FF;--dda-info-87:#ACE1FF;--dda-info-90:#C1E8FF;--dda-info-92:#CEEDFF;--dda-info-94:#DBF1FF;--dda-info-95:#E2F3FF;--dda-info-96:#E8F6FF;--dda-info-98:#F4FAFF;--dda-info-99:#FBFCFF;--dda-info-100:#FFFFFF;--dda-color-info-50:var(--dda-info-50);--dda-color-info-40:var(--dda-info-47);--dda-color-info-30:var(--dda-info-30);--dda-color-info-20:var(--dda-info-20);--dda-on-info-100:var(--dda-info-100);--dda-on-info-98:var(--dda-info-98);--dda-on-info-96:var(--dda-info-96);--dda-on-info-94:var(--dda-info-94);--dda-info-variant-90:var(--dda-info-90);--dda-info-variant-95:var(--dda-info-95);--dda-info-variant-94:var(--dda-info-94);--dda-info-variant-92:var(--dda-info-92);--dda-info-variant-90:var(--dda-info-90);--dda-on-info-variant-40:var(--dda-info-40);--dda-on-info-variant-30:var(--dda-info-30);--dda-on-info-variant-25:var(--dda-info-25);--dda-on-info-variant-20:var(--dda-info-20);--dda-on-info-variant-12:var(--dda-info-12)}:root[data-theme=\'dark\']{--dda-color-info-50:var(--dda-info-80);--dda-color-info-40:var(--dda-info-87);--dda-color-info-30:var(--dda-info-90);--dda-color-info-20:var(--dda-info-94);--dda-on-info-100:var(--dda-info-10);--dda-on-info-98:var(--dda-info-12);--dda-on-info-96:var(--dda-info-17);--dda-on-info-94:var(--dda-info-20);--dda-info-variant-96:var(--dda-info-30);--dda-info-variant-95:var(--dda-info-30);--dda-info-variant-94:var(--dda-info-25);--dda-info-variant-92:var(--dda-info-20);--dda-info-variant-90:var(--dda-info-12);--dda-on-info-variant-40:var(--dda-info-80);--dda-on-info-variant-30:var(--dda-info-80);--dda-on-info-variant-25:var(--dda-info-94);--dda-on-info-variant-20:var(--dda-info-96);--dda-on-info-variant-12:var(--dda-info-98)}:root{--dda-neutral-0:#000000;--dda-neutral-4:#0B0F0F;--dda-neutral-5:#0E1211;--dda-neutral-6:#101414;--dda-neutral-10:#191C1C;--dda-neutral-12:#1D2020;--dda-neutral-17:#272B2A;--dda-neutral-20:#2D3131;--dda-neutral-22:#323535;--dda-neutral-24:#363A39;--dda-neutral-25:#383C3C;--dda-neutral-30:#444747;--dda-neutral-35:#4F5353;--dda-neutral-40:#5B5F5E;--dda-neutral-50:#747877;--dda-neutral-60:#8E9191;--dda-neutral-70:#A9ACAB;--dda-neutral-80:#C4C7C6;--dda-neutral-87:#D8DAD9;--dda-neutral-90:#E0E3E2;--dda-neutral-92:#E6E9E8;--dda-neutral-94:#ECEEED;--dda-neutral-95:#EFF1F0;--dda-neutral-96:#F2F4F3;--dda-neutral-98:#F7FAF9;--dda-neutral-99:#FAFDFC;--dda-neutral-100:#FFFFFF;--dda-surface-100:var(--dda-neutral-100);--dda-surface-96:var(--dda-neutral-96);--dda-surface-94:var(--dda-neutral-94);--dda-surface-92:var(--dda-neutral-92);--dda-surface-90:var(--dda-neutral-90);--dda-surface-0:var(--dda-neutral-0);--dda-on-surface-10:var(--dda-neutral-10);--dda-on-surface-20:var(--dda-neutral-20);--dda-on-surface-30:var(--dda-neutral-30);--dda-on-surface-40:var(--dda-neutral-40);--dda-on-surface-0:var(--dda-neutral-0)}:root[data-theme=\'dark\']{--dda-surface-0:var(--dda-neutral-100);--dda-surface-100:var(--dda-neutral-10);--dda-surface-96:var(--dda-neutral-24);--dda-surface-94:var(--dda-neutral-12);--dda-surface-92:var(--dda-neutral-17);--dda-surface-90:var(--dda-neutral-22);--dda-on-surface-0:var(--dda-neutral-100);--dda-on-surface-10:var(--dda-neutral-100);--dda-on-surface-20:var(--dda-neutral-90);--dda-on-surface-30:var(--dda-neutral-80);--dda-on-surface-40:var(--dda-neutral-70)}:root{--dda-neutral-variant-0:#000000;--dda-neutral-variant-4:#07100F;--dda-neutral-variant-5:#091312;--dda-neutral-variant-6:#0C1515;--dda-neutral-variant-10:#141D1D;--dda-neutral-variant-12:#182121;--dda-neutral-variant-17:#222C2B;--dda-neutral-variant-20:#293232;--dda-neutral-variant-22:#2D3736;--dda-neutral-variant-24:#313B3A;--dda-neutral-variant-25:#343D3D;--dda-neutral-variant-30:#3F4948;--dda-neutral-variant-35:#4A5453;--dda-neutral-variant-40:#56605F;--dda-neutral-variant-50:#6F7978;--dda-neutral-variant-60:#889392;--dda-neutral-variant-70:#A3ADAC;--dda-neutral-variant-80:#BEC9C7;--dda-neutral-variant-87:#D2DCDB;--dda-neutral-variant-90:#DAE5E3;--dda-neutral-variant-92:#E0EAE9;--dda-neutral-variant-94:#E6F0EE;--dda-neutral-variant-95:#E8F3F1;--dda-neutral-variant-96:#EBF6F4;--dda-neutral-variant-98:#F1FBFA;--dda-neutral-variant-99:#F4FEFD;--dda-neutral-variant-100:#FFFFFF;--dda-surface-variant-90:var(--dda-neutral-variant-90);--dda-surface-variant-87:var(--dda-neutral-variant-87);--dda-surface-variant-80:var(--dda-neutral-variant-80);--dda-on-surface-variant-40:var(--dda-neutral-variant-40);--dda-on-surface-variant-30:var(--dda-neutral-variant-30);--dda-on-surface-variant-25:var(--dda-neutral-variant-25);--dda-on-surface-variant-20:var(--dda-neutral-variant-20);--dda-on-surface-variant-12:var(--dda-neutral-variant-12)}:root[data-theme=\'dark\']{--dda-surface-variant-90:var(--dda-neutral-variant-30);--dda-surface-variant-87:var(--dda-neutral-variant-25);--dda-surface-variant-80:var(--dda-neutral-variant-22);--dda-on-surface-variant-40:var(--dda-neutral-variant-70);--dda-on-surface-variant-30:var(--dda-neutral-variant-80);--dda-on-surface-variant-25:var(--dda-neutral-variant-94);--dda-on-surface-variant-20:var(--dda-neutral-variant-96);--dda-on-surface-variant-12:var(--dda-neutral-variant-98)}:root{--dda-color-purple:#904EDB;--dda-color-purple-50:#F1E9FF}:root[data-theme=\'green\']{filter:invert(100%) !important}:root{--dda-fw-300:300 !important;--dda-fw-400:400 !important;--dda-fw-500:500 !important;--dda-fw-700:700 !important;--dda-fs-display-lg:3.563em;--dda-fs-display-md:2.813em;--dda-fs-display-sm:2.25em;--dda-fs-headline-lg:2em;--dda-fs-headline-md:1.75em;--dda-fs-headline-sm:1.5em;--dda-fs-title-lg:1.375em;--dda-fs-title-md:1.25em;--dda-fs-title-sm:1.125em;--dda-fs-body-lg:1em;--dda-fs-body-md:0.875em;--dda-fs-body-sm:0.75em;--dda-fs-label-lg:0.875em;--dda-fs-label-md:0.75em;--dda-fs-label-sm:0.625em;--dda-fs-tagline-lg:0.75em;--dda-fs-tagline-md:0.625em;--dda-fs-tagline-sm:0.5em;--dda-h1:3.563em;--dda-h2:3em;--dda-h3:2.5em;--dda-h4:2.063em;--dda-h5:1.75em;--dda-h6:1.438em;--dda-title:1.188em;--dda-body:1em;--dda-caption:0.813em;--dda-label:0.688em}.dda-fw-300{font-weight:var(--dda-fw-300)}.dda-fw-400{font-weight:var(--dda-fw-400)}.dda-fw-500{font-weight:var(--dda-fw-500)}.dda-fw-700{font-weight:var(--dda-fw-700)}.dda-fs-display-lg{font-size:var(--dda-fs-display-lg)}.dda-fs-display-md{font-size:var(--dda-fs-display-md)}.dda-fs-display-sm{font-size:var(--dda-fs-display-sm)}.dda-fs-headline-lg{font-size:var(--dda-fs-headline-lg)}.dda-fs-headline-md{font-size:var(--dda-fs-headline-md)}.dda-fs-headline-sm{font-size:var(--dda-fs-headline-sm)}.dda-fs-title-lg{font-size:var(--dda-fs-title-lg)}.dda-fs-title-md{font-size:var(--dda-fs-title-md)}.dda-fs-title-sm{font-size:var(--dda-fs-title-sm)}.dda-fs-body-lg{font-size:var(--dda-fs-body-lg)}.dda-fs-body-md{font-size:var(--dda-fs-body-md)}.dda-fs-body-sm{font-size:var(--dda-fs-body-sm)}.dda-fs-label-lg{font-size:var(--dda-fs-label-lg)}.dda-fs-label-md{font-size:var(--dda-fs-label-md)}.dda-fs-label-sm{font-size:var(--dda-fs-label-sm)}.dda-fs-tagline-lg{font-size:var(--dda-fs-tagline-lg)}.dda-fs-tagline-md{font-size:var(--dda-fs-tagline-md)}.dda-fs-tagline-sm{font-size:var(--dda-fs-tagline-sm)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.home-contents{width:90vw;margin:0 auto;padding:50px 20px 70px 20px}.quick-links-wrap{width:100%;position:absolute;bottom:45px;z-index:1}.quick-links{width:90vw;margin:0 auto;display:flex;gap:8px;padding:0 20px}.quick-links .link-item{width:100%;height:170px;display:block;background:var(--dda-surface-100);padding:27px 20px;border-radius:15px 15px;margin-top:15px;transition:all 0.5s ease;position:relative}.quick-links .link-item:hover{margin-top:-12px;border-radius:15px}.quick-links .link-item::after{opacity:0;content:\'\';position:absolute;top:100%;left:50%;margin-left:-4.5px;width:0;height:0;border:0 solid transparent;border-left-width:9px;border-right-width:9px;border-top:9px solid var(--dda-surface-100);transition:all 0.5s ease}.quick-links .link-item:hover::after{opacity:1}.quick-links .link-item svg{height:35px;margin-bottom:15px;color:var(--dda-on-surface-variant-40)}.quick-links .link-item .title{display:block;font-size:var(--dda-fs-title-sm);color:var(--dda-surface-0);font-weight:var(--dda-fw-700)}.quick-links .link-item .subtitle{display:block;font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-menu-container{position:relative}@media screen and (max-width: 992px){.slide-content p{width:100%}.quick-links-wrap{position:relative}.quick-links-wrap .quick-links{display:grid;padding:20px 20px}.quick-links .link-item{height:auto;margin:0px;border:solid 1px #ddd;border-radius:15px}}.container-xxl{max-width:90vw !important}.dda-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--dda-surface-100);background-clip:border-box;border:1px solid var(--dda-surface-90);border-radius:12px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);overflow:hidden}.dda-card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem;display:flex;flex-direction:column;gap:10px}.dda-card-title{font-size:var(--dda-fs-title-sm);margin-bottom:0}.dda-card-text{font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-variant-30)}.dda-card-text-small{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-text-muted{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-img{width:100%;height:100%;object-fit:cover}.dda-card-icon{display:block;margin-bottom:15px}.dda-card-icon img{height:24px}.dda-card-link{display:flex;width:100%;align-items:center;justify-content:flex-end;color:var(--dda-color-primary-40);line-height:0;padding:5px 0px;font-size:var(--dda-fs-body-md)}.dda-card-link i{margin:0px 5px;font-size:var(--dda-fs-title-md)}.card-image-label{position:absolute;top:12px;left:12px}.dda-container,.dda-container-fluid,.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.dda-container-sm,.dda-container{max-width:540px}}@media (min-width: 768px){.dda-container-md,.dda-container-sm,.dda-container{max-width:720px}}@media (min-width: 992px){.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:960px}}@media (min-width: 1200px){.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1140px}}@media (min-width: 1400px){.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.dda-row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.dda-row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.dda-col{flex:1 0 0%}.dda-col-auto{flex:0 0 auto;width:auto}.dda-col-1{flex:0 0 auto;width:8.33333333%}.dda-col-2{flex:0 0 auto;width:16.66666667%}.dda-col-3{flex:0 0 auto;width:25%}.dda-col-4{flex:0 0 auto;width:33.33333333%}.dda-col-5{flex:0 0 auto;width:41.66666667%}.dda-col-6{flex:0 0 auto;width:50%}.dda-col-7{flex:0 0 auto;width:58.33333333%}.dda-col-8{flex:0 0 auto;width:66.66666667%}.dda-col-9{flex:0 0 auto;width:75%}.dda-col-10{flex:0 0 auto;width:83.33333333%}.dda-col-11{flex:0 0 auto;width:91.66666667%}.dda-col-12{flex:0 0 auto;width:100%}@media (min-width: 576px){.dda-col-sm{flex:1 0 0%}.dda-col-sm-auto{flex:0 0 auto;width:auto}.dda-col-sm-1{flex:0 0 auto;width:8.33333333%}.dda-col-sm-2{flex:0 0 auto;width:16.66666667%}.dda-col-sm-3{flex:0 0 auto;width:25%}.dda-col-sm-4{flex:0 0 auto;width:33.33333333%}.dda-col-sm-5{flex:0 0 auto;width:41.66666667%}.dda-col-sm-6{flex:0 0 auto;width:50%}.dda-col-sm-7{flex:0 0 auto;width:58.33333333%}.dda-col-sm-8{flex:0 0 auto;width:66.66666667%}.dda-col-sm-9{flex:0 0 auto;width:75%}.dda-col-sm-10{flex:0 0 auto;width:83.33333333%}.dda-col-sm-11{flex:0 0 auto;width:91.66666667%}.dda-col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 768px){.dda-col-md{flex:1 0 0%}.dda-col-md-auto{flex:0 0 auto;width:auto}.dda-col-md-1{flex:0 0 auto;width:8.33333333%}.dda-col-md-2{flex:0 0 auto;width:16.66666667%}.dda-col-md-3{flex:0 0 auto;width:25%}.dda-col-md-4{flex:0 0 auto;width:33.33333333%}.dda-col-md-5{flex:0 0 auto;width:41.66666667%}.dda-col-md-6{flex:0 0 auto;width:50%}.dda-col-md-7{flex:0 0 auto;width:58.33333333%}.dda-col-md-8{flex:0 0 auto;width:66.66666667%}.dda-col-md-9{flex:0 0 auto;width:75%}.dda-col-md-10{flex:0 0 auto;width:83.33333333%}.dda-col-md-11{flex:0 0 auto;width:91.66666667%}.dda-col-md-12{flex:0 0 auto;width:100%}}@media (min-width: 992px){.dda-col-lg{flex:1 0 0%}.dda-col-lg-auto{flex:0 0 auto;width:auto}.dda-col-lg-1{flex:0 0 auto;width:8.33333333%}.dda-col-lg-2{flex:0 0 auto;width:16.66666667%}.dda-col-lg-3{flex:0 0 auto;width:25%}.dda-col-lg-4{flex:0 0 auto;width:33.33333333%}.dda-col-lg-5{flex:0 0 auto;width:41.66666667%}.dda-col-lg-6{flex:0 0 auto;width:50%}.dda-col-lg-7{flex:0 0 auto;width:58.33333333%}.dda-col-lg-8{flex:0 0 auto;width:66.66666667%}.dda-col-lg-9{flex:0 0 auto;width:75%}.dda-col-lg-10{flex:0 0 auto;width:83.33333333%}.dda-col-lg-11{flex:0 0 auto;width:91.66666667%}.dda-col-lg-12{flex:0 0 auto;width:100%}}@media (min-width: 1200px){.dda-col-xl{flex:1 0 0%}.dda-col-xl-auto{flex:0 0 auto;width:auto}.dda-col-xl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xl-3{flex:0 0 auto;width:25%}.dda-col-xl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xl-6{flex:0 0 auto;width:50%}.dda-col-xl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xl-9{flex:0 0 auto;width:75%}.dda-col-xl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xl-12{flex:0 0 auto;width:100%}}@media (min-width: 1400px){.dda-col-xxl{flex:1 0 0%}.dda-col-xxl-auto{flex:0 0 auto;width:auto}.dda-col-xxl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xxl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xxl-3{flex:0 0 auto;width:25%}.dda-col-xxl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xxl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xxl-6{flex:0 0 auto;width:50%}.dda-col-xxl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xxl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xxl-9{flex:0 0 auto;width:75%}.dda-col-xxl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xxl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xxl-12{flex:0 0 auto;width:100%}}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.m-0{margin:0 !important}.m-1{margin:0.25rem !important}.m-2{margin:0.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:0.25rem !important;margin-left:0.25rem !important}.mx-2{margin-right:0.5rem !important;margin-left:0.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:0.25rem !important}.mt-2{margin-top:0.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:0.25rem !important}.me-2{margin-right:0.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:0.25rem !important}.mb-2{margin-bottom:0.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:0.25rem !important}.ms-2{margin-left:0.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:0.25rem !important}.p-2{padding:0.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:0.25rem !important;padding-left:0.25rem !important}.px-2{padding-right:0.5rem !important;padding-left:0.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:0.25rem !important}.pt-2{padding-top:0.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:0.25rem !important}.pe-2{padding-right:0.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:0.25rem !important}.pb-2{padding-bottom:0.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:0.25rem !important}.ps-2{padding-left:0.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.no-gutters{margin-right:0;margin-left:0}.dda-dashboard-header-main{background-color:var(--dda-surface-100)}.dda-db-header-top{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-bottom{display:flex;justify-content:space-between;align-items:center;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-left{display:flex;align-items:center;gap:15px}.dda-db-header-left .logo{width:100px;height:37px}.dda-dashboard-header-menu{display:flex;align-items:center}.dda-dashboard-header-menu ul{height:100%;margin:0;padding:0;display:flex;align-items:center}.dda-dashboard-header-menu ul li{display:inline-flex}.dda-dashboard-header-menu ul li a.menu-item{height:48px;display:flex;align-items:center;border-radius:8px;padding:0 16px;text-decoration:none;font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-0);font-weight:var(--dda-fw-400);position:relative}.dda-dashboard-header-menu.dda-menu-default ul li:hover a.menu-item{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40);font-weight:var(--dda-fw-700)}.dda-dashboard-header-menu.dda-menu-underline.full-height a.menu-item{height:69px}.dda-dashboard-header-menu.dda-menu-underline ul li:hover a.menu-item::after{content:"";width:calc(100% - 32px);height:4px;background:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;position:absolute;bottom:0;left:16px}.dda-db-header-right{display:flex;align-items:center;gap:10px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.dda-footer{box-shadow:0 -2px 13px 0 rgba(0, 0, 0, 0.12);background-color:var(--dda-surface-100);position:fixed;bottom:0;left:0;width:100%;z-index:5;padding:0 20px}.footer-content{height:64px;display:flex;align-items:center;justify-content:space-between}.dda-footer-item{display:flex;align-items:center}.dda-footer-item ul{display:inline-flex;align-items:center}.dda-footer-item ul li{padding:0 10px;border-inline-start:solid 1px #E0E3E2}.dda-footer-item ul li:first-child{border:0px}.foot-icon-btn a{height:40px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--dda-fs-body-lg);font-weight:500;color:var(--dda-color-primary-40)}.foot-icon-btn a img{height:32px}.dda-footer-item ul li.foot-menu{padding:0 5px}.foot-menu a{color:var(--dda-on-surface-0)}.foot-menu a i,.foot-menu a svg{font-size:20px;color:var(--dda-on-surface-variant-30);fill:var(--dda-on-surface-variant-30)}.foot-menu a img{height:40px}.foot-logo a{background-color:var(--dda-neutral-100);height:40px;display:flex;align-items:center}.foot-logo a img{height:35px}@media only screen and (orientation: landscape) and (max-width: 768px){.footer-content{height:44px}.dda-footer-item .foot-icon-btn a{width:35px;height:35px}}@media (max-width: 992px){.dda-footer{background:transparent;box-shadow:none}.foot-menu,.foot-icon-btn a span{display:none}.dda-footer-item ul li{padding:0 8px;border:0px !important}.foot-icon-btn a{width:48px;height:48px;background:#ffffff;border-radius:50px;box-shadow:0 6px 20px rgba(0, 0, 0, .2)}.foot-icon-btn a img{height:24px}}@media (max-width: 1400px){.dda-footer-middle{display:none}}.dda-dashboard-sidebar{position:fixed;top:0;left:0;height:100%;width:80px;background:var(--dda-surface-100);border-right:1px solid var(--dda-surface-90);z-index:100;transition:all 0.25s ease;padding-top:16px}.dda-dashboard-sidebar hr{border-color:var(--dda-color-surface-99)}.db-icon-logo{display:flex;align-items:center;padding:0px 17px;margin-bottom:15px}.db-icon-logo .db-logo{width:44px;height:44px;display:flex;gap:16px;align-items:center;padding:0px;border:transparent;background:transparent}.db-btn-container{display:flex;align-items:center;gap:16px;padding:0 27px}.db-btn-container .burdger-menu{background:none;outline:none;border:0px;padding:0px;font-size:16px;color:var(--dda-on-surface-variant-30)}.sidebar-open .db-btn-container{padding:0 14px}.db-btn-container .logo{width:100px;display:none}.sidebar-open .db-btn-container .logo{display:block}.db-logo .logo-icon{width:44px;height:44px}.sidebar-open .db-icon-logo{display:none}.db-logo .logo{display:none;width:150px}.sidebar-open .db-logo .logo{display:block}.dashboard-sidebar-menu{display:flex;flex-direction:column;padding:16px;gap:4px;transition:all 0.25s ease}.dashboard-sidebar-menu li{display:flex;justify-content:center}.dashboard-sidebar-menu li a{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;font-size:16px;color:var(--dda-on-surface-variant-30);font-weight:700;border-radius:5px}.dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40)}.dashboard-sidebar-menu li a i,.dashboard-sidebar-menu li a svg{font-size:20px}.dashboard-sidebar-menu .text-wrap{display:none;align-items:center;gap:12px}.dashboard-sidebar-menu .counter{display:none;height:20px;min-width:20px;border:solid 1px var(--dda-surface-90);border-radius:30px;font-size:14px;text-align:center}.dda-dashboard-sidebar.sidebar-open{width:280px}.sidebar-open .dashboard-sidebar-menu{padding:16px 0}.sidebar-open .dashboard-sidebar-menu li a{border-radius:0;width:100%;position:relative}.sidebar-open .dashboard-sidebar-menu li a::before{content:"";width:3px;height:100%;background-color:var(--dda-color-primary-40);position:absolute;top:0;left:0;opacity:0}.sidebar-open .dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94)}.sidebar-open .dashboard-sidebar-menu li a:hover::before{opacity:1}.dashboard-sidebar-menu .text-wrap{display:flex}.dashboard-sidebar-menu .menu-text{display:none}.dda-dashboard-sidebar.sidebar-open .counter{display:block}.dda-dashboard-sidebar.sidebar-open .menu-text{display:block}.dda-table-container{background:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);border-radius:10px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-table-header,.dda-table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 16px 24px}.dda-table-header-content{color:var(--dda-on-surface-0);display:flex;justify-content:space-between;align-items:center;gap:10px}.dda-table{width:100%;border-collapse:collapse}.dda-table th,.dda-table td{color:var(--dda-on-surface-0);text-align:justify;padding:12px 24px;border:0px;border-top:solid 1px var(--dda-surface-90);border-bottom:solid 1px var(--dda-surface-90)}.dda-table th{background-color:var(--dda-surface-96);font-size:14px;font-weight:var(--dda-fw-500)}.dda-table-sm th,.dda-table-sm td{padding:8px}.dda-table-striped tbody tr:nth-of-type(even){background-color:var(--dda-surface-96)}.dda-payment-info{display:inline-flex;align-items:center;gap:15px}.dda-payment-icon{width:58px;height:40px;padding:6px;border:solid 1px var(--dda-surface-90);border-radius:8px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.WB-footer{background-color:var(--dda-surface-100);color:var(--dda-on-surface-variant-30)}.WB-footer .entt-logo{width:135px}.WB-footer .footer-menu{display:flex;flex-direction:column;gap:12px}.WB-footer .footer-menu a{color:var(--dda-on-surface-variant-30)}.WB-footer .footer-menu a:hover{color:var(--dda-color-primary-40)}.WB-footer .line-seperater{border-bottom:solid 1px #E0E3E2;padding-top:36px;padding-bottom:36px}.footer-social-icn{width:24px;height:24px}@media screen and (max-width: 992px){.WB-footer .line-seperater{padding-top:26px;padding-bottom:26px}}.dda-header{width:100%;height:auto;background:var(--dda-surface-100);transition:all 300ms ease-in-out;box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:6}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}.transparent .dda-header{background:transparent;box-shadow:none}.transparent .dda-header::before{content:"";width:100%;height:250px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative}.govt-logo img{height:60px}.entt-logo img{height:50px}.transparent .logo-colored{display:none}.logo-white{display:none}.transparent .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme=\'dark\'] .dda-head-logo .logo-colored{display:none}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme=\'dark\'] .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:22px}.hamburger-menu-btn{width:27px;height:22px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:""}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:"";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:3px}.hamburger-menu-btn::before{top:4px}.hamburger-menu-btn::after{bottom:4px}.hamburger-line{top:10px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}.transparent .hamburger-menu-btn::before,.transparent .hamburger-menu-btn::after,.transparent .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:10px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);bottom:10px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999}.dda-mega-menu{margin:0;padding:0;list-style:none;display:flex;align-items:center}.dda-mega-menu>li>a{display:block;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);padding:20px 16px;position:relative}.dda-mega-menu>li:hover>a,.dda-mega-menu>li>a.active{color:var(--dda-color-primary-40)}.transparent .dda-mega-menu>li>a{color:var(--dda-neutral-100)}.dda-mega-menu>li>a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;background-color:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;transform:translateX(-50%);transition:all 0.25s ease-in-out}.transparent .dda-mega-menu>li>a::after{background-color:var(--dda-neutral-100)}.dda-mega-menu>li:hover>a::after,.dda-mega-menu>li>a:focus-visible:after,.dda-mega-menu>li>a.active::after{width:calc(100% - 32px)}.megamenu-content{display:none;width:100%;padding:0 15px;position:fixed;top:150px;left:0}.megamenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.megamenu-item .mega-menu-title{height:24px;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.megamenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.megamenu-link{width:100%;display:flex;align-items:center;gap:15px;padding:10px 16px;background:var(--dda-surface-100);color:var(--dda-on-surface-0);border-radius:8px;transition:all 500ms ease}.megamenu-link .dda-btn{background:var(--dda-neutral-variant-94) !important}.megamenu-link .dda-btn i{color:var(--dda-color-primary-40)}.megamenu-link .text-wrap{display:flex;flex-direction:column;width:100%}.megamenu-link:hover .title-text{color:var(--dda-color-primary-40)}.megamenu-link:hover{background:var(--dda-neutral-variant-96)}.megamenu-link .arrow-icon{color:var(--dda-color-primary-40);opacity:0;transition:all 500ms ease}:root[dir=\'rtl\'] .megamenu-link .arrow-icon{transform:rotate(180deg)}.megamenu-link:hover .arrow-icon{opacity:1}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:14px;color:var(--dda-on-surface-10);font-weight:var(--dda-fw-700);border:0px;padding:11px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.transparent .dda-toolbar-menu ul li .tool-btn,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:var(--dda-neutral-17);color:var(--dda-neutral-100)}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:20px;color:var(--dda-on-surface-variant-30)}.transparent .dda-toolbar-menu ul li .tool-btn i,.transparent .dda-toolbar-menu ul li .tool-btn svg,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}.dda-search{position:relative}.dda-search i,.dda-search svg{position:absolute;top:10px;inset-inline-start:13px}.dda-search input[type="text"]{width:90px;height:40px;background-color:transparent;border:0px;color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:33px;padding-inline-end:10px;transition:all 250ms ease}.dda-search input[type="text"]:focus{width:250px;outline:0}.dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type="text"]::placeholder{color:var(--dda-on-surface-0)}.transparent .dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-neutral-100)}.transparent .dda-search input[type="text"]::placeholder{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;transition:left 0.5s ease}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;height:100%}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:"";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);transition:all 250ms ease}ul.main_side_menu li a i{display:block}:root[dir=\'rtl\'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir=\'rtl\'] ul.main_side_menu li a.showSub::after,:root[dir=\'rtl\'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir=\'rtl\'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;margin-top:-50px;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:300px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:1em;color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;transition:left 0.5s ease}.mobile-accessibility{position:absolute;top:0px;z-index:10;height:100%}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search button{width:30px;padding:0;background:transparent;border:transparent}.dda-mobile-search button i,.dda-mobile-search button svg{font-size:19px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}.transparent .dda-mobile-search button i,.transparent .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.transparent .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;padding-inline-start:10px;box-shadow:none}ul.main_side_menu li a.icon_arrow::after{transform:rotate(45deg)}:root[dir=\'rtl\'] ul.main_side_menu li a.showSub.icon_arrow::after,:root[dir=\'rtl\'] ul.main_side_menu li a.showSubSub.icon_arrow::after{transform:rotate(45deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0}.maincontent{padding-top:100px}}@media (max-width: 1024px){.dda-mega-menu{display:none}.dda-header{padding:10px 0}}@font-face{font-family:"Dubai";src:url("../assets/fonts/dubai/DubaiLight.eot");src:url("../assets/fonts/dubai/DubaiLight.eot") format("embedded-opentype"),\r\n url("../assets/fonts/dubai/DubaiLight.woff2") format("woff2"),\r\n url("../assets/fonts/dubai/DubaiLight.woff") format("woff"),\r\n url("../assets/fonts/dubai/DubaiLight.ttf") format("truetype"),\r\n url("../assets/fonts/dubai/DubaiLight.svg#DubaiLight") format("svg");font-weight:300;font-style:normal}@font-face{font-family:"Dubai";src:url("../assets/fonts/dubai/DubaiRegular.eot");src:url("../assets/fonts/dubai/DubaiRegular.eot") format("embedded-opentype"),\r\n url("../assets/fonts/dubai/DubaiRegular.woff2") format("woff2"),\r\n url("../assets/fonts/dubai/DubaiRegular.woff") format("woff"),\r\n url("../assets/fonts/dubai/DubaiRegular.ttf") format("truetype"),\r\n url("../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular") format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Dubai";src:url("../assets/fonts/dubai/DubaiMedium.eot");src:url("../assets/fonts/dubai/DubaiMedium.eot") format("embedded-opentype"),\r\n url("../assets/fonts/dubai/DubaiMedium.woff2") format("woff2"),\r\n url("../assets/fonts/dubai/DubaiMedium.woff") format("woff"),\r\n url("../assets/fonts/dubai/DubaiMedium.ttf") format("truetype"),\r\n url("../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium") format("svg");font-weight:500;font-style:normal}@font-face{font-family:"Dubai";src:url("../assets/fonts/dubai/DubaiBold.eot");src:url("../assets/fonts/dubai/DubaiBold.eot") format("embedded-opentype"),\r\n url("../assets/fonts/dubai/DubaiBold.woff2") format("woff2"),\r\n url("../assets/fonts/dubai/DubaiBold.woff") format("woff"),\r\n url("../assets/fonts/dubai/DubaiBold.ttf") format("truetype"),\r\n url("../assets/fonts/dubai/DubaiBold.svg#DubaiBold") format("svg");font-weight:700;font-style:normal}:root{--font-family-main:\'Dubai\', sans-serif}body{background-color:var(--dda-surface-100) !important;font-family:"Dubai", Helvetica, sans-serif !important;font-size:var(--dda-fs-body-lg) !important;font-weight:var(--dda-fw-400) !important;line-height:1.5;color:var(--dda-on-surface-0) !important;margin:0}*{box-sizing:border-box}ul{margin:0}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1,.dda-h1{font-size:var(--dda-h1);font-weight:400}h2,.dda-h2{font-size:var(--dda-h2);font-weight:400}h3,.dda-h3{font-size:var(--dda-h3);font-weight:400}h4,.dda-h4{font-size:var(--dda-h4);font-weight:400}h5,.dda-h5{font-size:var(--dda-h5);font-weight:400}h6,.dda-h6{font-size:var(--dda-h6);font-weight:400}.dda-title{font-size:var(--dda-title);font-weight:500}.dda-body{font-size:var(--dda-body);font-weight:400}.dda-caption{font-size:var(--dda-caption);font-weight:400}.dda-label{font-size:var(--dda-label);font-weight:400}a,a:hover{text-decoration:none !important}button{cursor:pointer}ul{margin:0 !important;padding:0 !important;list-style:none}.dda-btn.cta-transparent{background:none;color:#ffffff;border:0px}.dda-btn.cta-transparent:hover{background:#ffffff;color:inherit}.dda-bg-primary{background-color:var(--dda-color-primary-40)}.dda-bg-secondary{background-color:var(--dda-color-secondary)}.dda-color-primary{color:var(--dda-color-primary-40)}.dda-color-secondary{color:var(--dda-color-primary-40)}.dda-color-error{color:var(--dda-color-error-40)}.dda-color-warning{color:var(--dda-color-warning-40)}.dda-color-success{color:var(--dda-color-warning-40)}.dda-color-info{color:var(--dda-color-info-40)}.dda-color-neutral{color:var(--dda-on-surface-40)}.dda-color-neutralvariant{color:var(--dda-on-surface-variant-40)}.dda-color-black{color:var(--dda-on-surface-0)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.dda-rounded-sm{border-radius:4px !important}.dda-rounded-md{border-radius:8px !important}.dda-rounded-lg{border-radius:12px !important}.dda-rounded-circle{border-radius:100px !important}.dda-gap-16{gap:4rem !important}.dda-gap-12{gap:3rem !important}.dda-gap-10{gap:2.5rem !important}.dda-gap-8{gap:2rem !important}.dda-gap-6{gap:1.5rem !important}.dda-gap-5{gap:1.25rem !important}.dda-gap-4{gap:1rem !important}.dda-gap-3{gap:.75rem !important}.dda-gap-2{gap:.5rem !important}.dda-gap-1{gap:0.375rem !important}::-ms-input-placeholder{color:#8E9191}::placeholder{color:#8E9191}.dda-d-none{display:none}.dda-flex{display:flex}.dda-flex-column{flex-direction:column}.dda-inline-flex{display:inline-flex}.dda-align-center{align-items:center}.dda-justify-space{justify-content:space-between}.dda-justify-center{justify-content:center}.m-0{margin:0px !important}.p-0{padding:0px !important}.py-0{padding-top:0px !important;padding-bottom:0px !important}.border-right{border-inline-end:solid 1px #E5E5E5}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.maincontent{padding-top:100px}}';const e=t;const o='.dda-toggle-btn{display:inline-flex;align-items:flex-start;cursor:pointer;position:relative;gap:10px}.dda-toggle-btn p{margin:0}.dda-toggle-btn .toggle{width:35px;height:20px;vertical-align:sub;display:inline-block;background:var(--dda-neutral-variant-90);border-radius:60px;cursor:pointer;margin:0px;position:relative}.dda-toggle-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.dda-toggle-btn .toggle::after{content:"";position:absolute;display:block;-moz-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-o-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-webkit-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);background:var(--dda-neutral-100);height:16px;width:16px;top:2px;left:2px;border-radius:60px}.dda-toggle-btn input:checked~.toggle{background:var(--dda-color-primary-40);-webkit-box-shadow:0px 0px 0px 3px var(--dda-primary-95);-moz-box-shadow:0px 0px 0px 3px var(--dda-primary-95);box-shadow:0px 0px 0px 3px var(--dda-primary-95)}.light-mode.dda-toggle-btn input:checked~.toggle{background:var(--dda-primary-40)}.dda-toggle-btn input:checked~.toggle::after{left:17px}.dda-toggle-sm .toggle{width:27px;height:16px}.dda-toggle-sm .toggle::after{width:12px;height:12px}.dda-toggle-sm input:checked~.toggle::after{left:13px}.dda-toggle-md .toggle{width:35px;height:20px}.dda-toggle-md .toggle::after{height:16px;width:16px}.dda-toggle-md input:checked~.toggle::after{left:17px}.dda-toggle-lg .toggle{width:45px;height:24px}.dda-toggle-lg .toggle::after{height:20px;width:20px}.dda-toggle-lg input:checked~.toggle::after{left:23px}.toggle-title{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);display:block}.light-mode .toggle-title{color:var(--dda-neutral-0)}.toggle-supporting{display:block;color:var(--dda-on-surface-variant-30)}.light-mode .toggle-supporting{color:var(--dda-neutral-variant-30)}.dda-toggle-sm .toggle-title,.dda-toggle-md .toggle-title{font-size:var(--dda-fs-body-lg)}.dda-toggle-sm .toggle-supporting{font-size:var(--dda-fs-label-lg)}.dda-toggle-lg .toggle-title{font-size:var(--dda-fs-title-sm)}.dda-toggle-md .toggle-supporting,.dda-toggle-lg .toggle-supporting{font-size:var(--dda-fs-body-lg)}';const n=o;const i=class{constructor(d){a(this,d);this.custom_class=""}render(){const a=["dda-toggle-btn",this.size?`dda-toggle-${this.size}`:"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return d(r,{key:"ef82e100e6786a565b6a0d378f371a6f8eeae522"},d("label",{key:"d1f33431a2bd5c78ad6900f10a39f7fed809940e",class:a,htmlFor:this.input_id},d("input",{key:"48c0ff13b9e0ae8a95111660c6051f68b2e13047","aria-label":this.aria_label,type:"checkbox",id:this.input_id,name:this.group_name,checked:this.checked}),d("span",{key:"38e0af80d8c371d37a2b3a82178fe24ebc36a2e3",class:"toggle"}),d("p",{key:"c1ec1cadeb10d0ec643e8dfccc7ab4080791a64c"},d("span",{key:"f730434e432e91dd11ca1869ebe3474aa686a5df",class:"toggle-title"},"Radio Button Title"),d("span",{key:"084e6dd62063fe0b4e0e0e737716bb7b64a5cdbe",class:"toggle-supporting"},"Supporting Text"))))}};i.style=e+n;export{i as dda_toggle};
|
|
2
|
+
//# sourceMappingURL=p-fda0c56d.entry.js.map
|
|
@@ -10,6 +10,7 @@ const DdaHomeBanner = class {
|
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
registerInstance(this, hostRef);
|
|
12
12
|
this.currentSlide = 0;
|
|
13
|
+
this.autoPlay = true;
|
|
13
14
|
this.slides = [];
|
|
14
15
|
}
|
|
15
16
|
componentDidLoad() {
|
|
@@ -17,6 +18,11 @@ const DdaHomeBanner = class {
|
|
|
17
18
|
// Listen for slot changes
|
|
18
19
|
const slot = this.el.querySelector('slot');
|
|
19
20
|
slot === null || slot === void 0 ? void 0 : slot.addEventListener('slotchange', () => this.updateSlides());
|
|
21
|
+
// while (this.autoPlay == true) {
|
|
22
|
+
// setTimeout(() => {
|
|
23
|
+
// this.nextSlide();
|
|
24
|
+
// }, 300);
|
|
25
|
+
// }
|
|
20
26
|
}
|
|
21
27
|
updateSlides() {
|
|
22
28
|
this.slides = Array.from(this.el.querySelectorAll('slide'));
|
|
@@ -34,9 +40,11 @@ const DdaHomeBanner = class {
|
|
|
34
40
|
this.currentSlide = index;
|
|
35
41
|
}
|
|
36
42
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
43
|
+
return (h(Host, { key: 'f7576fbdc0a484411a8d16b53b70d62811a1ced8' }, h("div", { key: '3295968309268e85d727b5537b6b814ce2c8db4c', class: "dda-slider-container" }, h("div", { key: '791eb9aecfb1d02e358942c3c5f442db62f11f08', class: "dda-slides", style: { innerWidth: this.slides.length * 100 + 'vw', left: this.currentSlide * -100 + '%' } }, h("slot", { key: '5c151528314f8d313a7c8f31dcf987763607a639' })), h("div", { key: '783805422d95ee0f4b7c7d2de30186b0ea9d0de6', class: 'slider-nav' }, h("button", { key: '795d50623e561bc753ace90e0ebd6d46c0499061', class: "prev", onClick: () => {
|
|
44
|
+
this.autoPlay = false;
|
|
45
|
+
} }, h("i", { key: '6928e55f1c9a2204ff3556f69b16bb9149250de9', class: "material-icons" }, "motion_photos_paused")), h("button", { key: 'e990be851f23ffb037f0973d9405d4c806568a97', class: "prev", onClick: () => this.prevSlide() }, h("i", { key: '4f72cf75f4f3f6ccdf5339b9f85cd8c5e2a20987', class: "material-icons" }, "chevron_left")), h("ul", { key: 'de6ab4e346162243838b56c2d819a956d1214a1d' }, this.slides.map((_, index) => {
|
|
38
46
|
return h("div", { class: this.currentSlide == index ? 'dots active' : 'dots', onClick: () => this.setSlide(index) });
|
|
39
|
-
})), h("button", { key: '
|
|
47
|
+
})), h("button", { key: '6b6ac57cda34857c6344f21f4161740e3d06b87f', class: "next", onClick: () => this.nextSlide() }, h("i", { key: 'dc33a178a88255312a093d94c5ea657b802ec2cc', class: "material-icons" }, "chevron_right"))))));
|
|
40
48
|
}
|
|
41
49
|
get el() { return getElement(this); }
|
|
42
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"dda-home-banner.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ghEAAghE,CAAC;AACviE,4BAAe,aAAa;;ACD5B,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,4BAAe,SAAS;;MCMX,aAAa;IAL1B;;QAOW,iBAAY,GAAW,CAAC,CAAC;QAClC,WAAM,GAAkB,EAAE,CAAC;KAoD5B;IAlDC,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;;QAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;KACjE;IAED,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;SACvB;KACF;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KAClE;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KACvF;IAED,QAAQ,CAAC,KAAK;QACZ,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,IAClH,8DAAa,CACT,EACN,4DAAK,KAAK,EAAE,YAAY,IACtB,+DAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClD,0DAAG,KAAK,EAAC,gBAAgB,mBAAiB,CACnC,EACT,6DACG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;YACxB,OAAO,WAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAQ,CAAC;SACrH,CAAC,CACC,EACL,+DAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClD,0DAAG,KAAK,EAAC,gBAAgB,oBAAkB,CACpC,CACL,CACF,CACD,EACP;KACH;;;;;;;","names":[],"sources":["src/components/dda-home-banner/home-banner.css?tag=dda-home-banner","src/global/global.css?tag=dda-home-banner","src/components/dda-home-banner/dda-home-banner.tsx"],"sourcesContent":[".home-slider {\r\n position: relative;\r\n max-width: 100%;\r\n overflow: hidden;\r\n display: block;\r\n}\r\n\r\n.home-slider::before {\r\n content: '';\r\n width: 100%;\r\n height: 80%;\r\n position: absolute;\r\n bottom: 0;\r\n background: rgb(0, 0, 0);\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\r\n z-index: 1;\r\n}\r\n\r\n.home-slider img,\r\n.home-slider video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.slider-item {\r\n display: none;\r\n width: 100%;\r\n transition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n.slider-item.active {\r\n display: block;\r\n}\r\n\r\n.slider-item img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n}\r\n\r\n.home-slider slide {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n}\r\n\r\n.home-slider .slide-wrap {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.home-slider .dda-slider-container {\r\n width: 100vw;\r\n height: 100vh;\r\n position: relative;\r\n}\r\n\r\n.home-slider .dda-slides {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100vh;\r\n display: flex;\r\n transition: all 0.7s ease-in-out;\r\n}\r\n\r\n.slide-content {\r\n width: 90vw;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.slide-content h2 {\r\n font-size: var(--dda-fs-display-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-700);\r\n}\r\n.slide-content p {\r\n font-size: var(--dda-fs-headline-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-300);\r\n}\r\n.slider-nav {\r\n width: 100%;\r\n text-align: center;\r\n position: absolute;\r\n bottom: 250px;\r\n left: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n height: 30px;\r\n z-index: 3;\r\n}\r\n.slider-nav .prev,\r\n.slider-nav .next {\r\n height: 28px;\r\n width: 28px;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n background: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n background: rgba(0, 0, 0, 0);\r\n border-radius: 50%;\r\n font-size: 25px;\r\n transition: all 0.2s linear;\r\n}\r\n.slider-nav .prev:hover,\r\n.slider-nav .next:hover {\r\n background: rgba(0, 0, 0, 0.45);\r\n}\r\n.slider-nav ul {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n.slider-nav .dots {\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(256,256,256,0.2);\r\n overflow: hidden;\r\n text-indent: -100px;\r\n margin: 0;\r\n padding: 0;\r\n border: 0px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: all 0.2s linear;\r\n}\r\n\r\n.slider-nav .dots.active {\r\n background: rgba(256,256,256,0.85);\r\n}\r\n\r\n\r\n@media screen and (max-width:992px) {\r\n .slider-nav {\r\n bottom: 100px;\r\n }\r\n}","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/**/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/*Temporary*/\r\n/* body{\r\n height: 1550px;\r\n} */\r\n","import { Host, Component, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-home-banner',\r\n styleUrls: ['home-banner.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n @Element() el: HTMLElement;\r\n @State() currentSlide: number = 0;\r\n slides: HTMLElement[] = [];\r\n\r\n componentDidLoad() {\r\n this.updateSlides();\r\n // Listen for slot changes\r\n const slot = this.el.querySelector('slot');\r\n slot?.addEventListener('slotchange', () => this.updateSlides());\r\n }\r\n\r\n updateSlides() {\r\n this.slides = Array.from(this.el.querySelectorAll('slide'));\r\n if (this.slides.length > 0) {\r\n this.currentSlide = 0; // Reset slide index if slides are updated\r\n }\r\n }\r\n\r\n nextSlide() {\r\n this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n }\r\n\r\n prevSlide() {\r\n this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n }\r\n\r\n setSlide(index) {\r\n this.currentSlide = index;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"dda-slider-container\">\r\n <div class=\"dda-slides\" style={{ innerWidth: this.slides.length * 100 + 'vw', left: this.currentSlide * -100 + '%' }}>\r\n <slot></slot>\r\n </div>\r\n <div class={'slider-nav'}>\r\n <button class=\"prev\" onClick={() => this.prevSlide()}>\r\n <i class=\"material-icons\">chevron_left</i>\r\n </button>\r\n <ul>\r\n {this.slides.map((_, index) => {\r\n return <div class={this.currentSlide == index ? 'dots active' : 'dots'} onClick={() => this.setSlide(index)}></div>;\r\n })}\r\n </ul>\r\n <button class=\"next\" onClick={() => this.nextSlide()}>\r\n <i class=\"material-icons\">chevron_right</i>\r\n </button>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
1
|
+
{"file":"dda-home-banner.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ghEAAghE,CAAC;AACviE,4BAAe,aAAa;;ACD5B,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,4BAAe,SAAS;;MCMX,aAAa;IAL1B;;QAOW,iBAAY,GAAW,CAAC,CAAC;QACzB,aAAQ,GAAY,IAAI,CAAC;QAClC,WAAM,GAAkB,EAAE,CAAC;KAoE5B;IAlEC,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;;QAGpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;;;;;;KAOjE;IAED,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;SACvB;KACF;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KAClE;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KACvF;IAED,QAAQ,CAAC,KAAK;QACZ,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,IAClH,8DAAa,CACT,EACN,4DAAK,KAAK,EAAE,YAAY,IACtB,+DACE,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE;gBACP,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB,IAED,0DAAG,KAAK,EAAC,gBAAgB,2BAAyB,CAC3C,EAET,+DAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClD,0DAAG,KAAK,EAAC,gBAAgB,mBAAiB,CACnC,EACT,6DACG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;YACxB,OAAO,WAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAQ,CAAC;SACrH,CAAC,CACC,EACL,+DAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClD,0DAAG,KAAK,EAAC,gBAAgB,oBAAkB,CACpC,CACL,CACF,CACD,EACP;KACH;;;;;;;","names":[],"sources":["src/components/dda-home-banner/home-banner.css?tag=dda-home-banner","src/global/global.css?tag=dda-home-banner","src/components/dda-home-banner/dda-home-banner.tsx"],"sourcesContent":[".home-slider {\r\n position: relative;\r\n max-width: 100%;\r\n overflow: hidden;\r\n display: block;\r\n}\r\n\r\n.home-slider::before {\r\n content: '';\r\n width: 100%;\r\n height: 80%;\r\n position: absolute;\r\n bottom: 0;\r\n background: rgb(0, 0, 0);\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\r\n z-index: 1;\r\n}\r\n\r\n.home-slider img,\r\n.home-slider video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.slider-item {\r\n display: none;\r\n width: 100%;\r\n transition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n.slider-item.active {\r\n display: block;\r\n}\r\n\r\n.slider-item img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n}\r\n\r\n.home-slider slide {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n}\r\n\r\n.home-slider .slide-wrap {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.home-slider .dda-slider-container {\r\n width: 100vw;\r\n height: 100vh;\r\n position: relative;\r\n}\r\n\r\n.home-slider .dda-slides {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100vh;\r\n display: flex;\r\n transition: all 0.7s ease-in-out;\r\n}\r\n\r\n.slide-content {\r\n width: 90vw;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.slide-content h2 {\r\n font-size: var(--dda-fs-display-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-700);\r\n}\r\n.slide-content p {\r\n font-size: var(--dda-fs-headline-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-300);\r\n}\r\n.slider-nav {\r\n width: 100%;\r\n text-align: center;\r\n position: absolute;\r\n bottom: 250px;\r\n left: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n height: 30px;\r\n z-index: 3;\r\n}\r\n.slider-nav .prev,\r\n.slider-nav .next {\r\n height: 28px;\r\n width: 28px;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n background: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n background: rgba(0, 0, 0, 0);\r\n border-radius: 50%;\r\n font-size: 25px;\r\n transition: all 0.2s linear;\r\n}\r\n.slider-nav .prev:hover,\r\n.slider-nav .next:hover {\r\n background: rgba(0, 0, 0, 0.45);\r\n}\r\n.slider-nav ul {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n.slider-nav .dots {\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(256,256,256,0.2);\r\n overflow: hidden;\r\n text-indent: -100px;\r\n margin: 0;\r\n padding: 0;\r\n border: 0px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: all 0.2s linear;\r\n}\r\n\r\n.slider-nav .dots.active {\r\n background: rgba(256,256,256,0.85);\r\n}\r\n\r\n\r\n@media screen and (max-width:992px) {\r\n .slider-nav {\r\n bottom: 100px;\r\n }\r\n}","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/**/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/*Temporary*/\r\n/* body{\r\n height: 1550px;\r\n} */\r\n","import { Host, Component, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-home-banner',\r\n styleUrls: ['home-banner.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n @Element() el: HTMLElement;\r\n @State() currentSlide: number = 0;\r\n @State() autoPlay: boolean = true;\r\n slides: HTMLElement[] = [];\r\n\r\n componentDidLoad() {\r\n this.updateSlides();\r\n\r\n // Listen for slot changes\r\n const slot = this.el.querySelector('slot');\r\n slot?.addEventListener('slotchange', () => this.updateSlides());\r\n\r\n // while (this.autoPlay == true) {\r\n // setTimeout(() => {\r\n // this.nextSlide();\r\n // }, 300);\r\n // }\r\n }\r\n\r\n updateSlides() {\r\n this.slides = Array.from(this.el.querySelectorAll('slide'));\r\n if (this.slides.length > 0) {\r\n this.currentSlide = 0; // Reset slide index if slides are updated\r\n }\r\n }\r\n\r\n nextSlide() {\r\n this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n }\r\n\r\n prevSlide() {\r\n this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n }\r\n\r\n setSlide(index) {\r\n this.currentSlide = index;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"dda-slider-container\">\r\n <div class=\"dda-slides\" style={{ innerWidth: this.slides.length * 100 + 'vw', left: this.currentSlide * -100 + '%' }}>\r\n <slot></slot>\r\n </div>\r\n <div class={'slider-nav'}>\r\n <button\r\n class=\"prev\"\r\n onClick={() => {\r\n this.autoPlay = false;\r\n }}\r\n >\r\n <i class=\"material-icons\">motion_photos_paused</i>\r\n </button>\r\n\r\n <button class=\"prev\" onClick={() => this.prevSlide()}>\r\n <i class=\"material-icons\">chevron_left</i>\r\n </button>\r\n <ul>\r\n {this.slides.map((_, index) => {\r\n return <div class={this.currentSlide == index ? 'dots active' : 'dots'} onClick={() => this.setSlide(index)}></div>;\r\n })}\r\n </ul>\r\n <button class=\"next\" onClick={() => this.nextSlide()}>\r\n <i class=\"material-icons\">chevron_right</i>\r\n </button>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -16,7 +16,7 @@ const DdaHorizontalStepper = class {
|
|
|
16
16
|
this.parsedSteps = JSON.parse(this.steps);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: 'e558148129b0a5f0dbe7200e338b8c32679c6425' }, h("div", { key: 'b532d52fe4624327e4b65c35a68577731bd4135b', class: `${this.custom_class} ${this.component_mode} h-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `h-step ${index === this.current_step ? 'active' : ''} ${index < this.current_step ? 'completed' : ''}` }, h("div", { class: "h-step-indicator" }, h("div", { class: "circle" })), h("div", { class: "h-step-content" }, h("div", { class: "h-step-title" }, step.title), h("div", { class: "h-step-subtitle" }, step.subtitle), h("div", { class: "h-step-description" }, step.description))))))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
DdaHorizontalStepper.style = DdaHorizontalStepperStyle0 + DdaHorizontalStepperStyle1;
|
|
@@ -26,7 +26,7 @@ const DdaInput = class {
|
|
|
26
26
|
this.component_mode,
|
|
27
27
|
this.input_name,
|
|
28
28
|
].filter(Boolean).join(' ');
|
|
29
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: 'c838b8a07577496db39728ebdc0cb02bdba80fae' }, h("div", { key: 'b1f666331c769fe7055a5a4a087d65f1042f4a2f', class: inputClass }, this.label && h("label", { key: '2873761b22c8a531c2287612022a39fd1f011f2e', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("input", { key: '9d6c8c7709f694e4d6c2691afb21a7bca1af6222', "aria-label": this.aria_label, id: this.input_id, name: this.input_name, type: this.type, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-text" }), this.helper_text && h("span", { key: '9dd1e939a2fdaf285f147eb89d74868ca8959d71', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'cc44559c32eaeacdb054bab78982c923796c6208', class: "dda-error-message" }, this.error_message))));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
DdaInput.style = DdaInputStyle0 + DdaInputStyle1;
|
|
@@ -34,9 +34,9 @@ const DdaLinkButton = class {
|
|
|
34
34
|
this.custom_class, // Include custom class
|
|
35
35
|
this.component_mode,
|
|
36
36
|
].filter(Boolean).join(' ');
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '2c3b12058aa3a3438285266e7e2264e6481ad805' }, h("a", { key: '147711ae985be520b6dfa5b073b0853cfdcab45d',
|
|
38
38
|
// type={this.type}
|
|
39
|
-
id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '
|
|
39
|
+
id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '39d5aca68703808fb420cdf98fd50cc62deb0b55', class: "material-icons material-symbols-outlined" }, this.start_icon), h("slot", { key: '8ae4ef6ec98bcb2cf7849153bad4ae0dc952e6b2' }), this.end_icon && h("i", { key: '3c4cfff70acf088f2e6a277dedc605ebd41d5424', class: "material-icons material-symbols-outlined" }, this.end_icon))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
DdaLinkButton.style = DdaLinkButtonStyle0 + DdaLinkButtonStyle1;
|
|
@@ -58,7 +58,7 @@ const DdaRadiobutton = class {
|
|
|
58
58
|
this.radio_status ? `dda-radio-${this.radio_status}` : '',
|
|
59
59
|
this.component_mode,
|
|
60
60
|
].filter(Boolean).join(' ');
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: '7fbeb27050f69a3dbe2ea39faef1d6202aa182a1' }, h("div", { key: 'af49b4e88713f3ef014090e7b8ecfeeff0afebe0', class: radiobuttonClass }, h("input", { key: '7e8cb46237512becf253b1c7c86aadd68e21cec6', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: 'b10c554856aca0911a11a8a5111c50bd937ac520', htmlFor: this.input_id }, h("span", { key: 'c7ea42812a1effdd559ecb394d0fa78e8c9ba6cb', class: "radio-circle" }), h("p", { key: '8501dc737727430f5109347f658883d81cf11ab2' }, h("span", { key: '4bd4fbebbcfe974ed5ef904818fe84924bfb041d', class: "radio-title" }, this.title_text), this.supporting && h("span", { key: '9dccf9b876248ff93ad3d69f9c655cd297db3a63', class: "radio-supporting" }, this.supporting))))));
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
64
|
DdaRadiobutton.style = DdaRadiobuttonStyle0;
|
|
@@ -53,7 +53,7 @@ const DdaNumberField = class {
|
|
|
53
53
|
this.custom_class ? `${this.custom_class}` : '',
|
|
54
54
|
this.component_mode,
|
|
55
55
|
].filter(Boolean).join(' ');
|
|
56
|
-
return (h(Host, { key: '
|
|
56
|
+
return (h(Host, { key: 'fac2d1e0014a0e99d3eedfcda5d446f73c5463f2' }, h("div", { key: 'b79d4136aeb93f9c1354dc112ec3da3d1001006a', class: containerClass }, this.label && h("label", { key: 'f576bb73238badebe81bc00c8d87230a1976be4c', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'd13568de896c7a463fc0a295859bd320d878d727', class: "dda-input-field-group dda-number-field" }, h("input", { key: 'ec7f08e5f706dcc3307f02baee8294eab82624a6', id: this.input_id, name: this.input_name, "aria-label": this.aria_label, type: "text", placeholder: this.placeholder, value: this.value, pattern: "[0-9]*", onInput: event => this.handleInput(event), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), class: "dda-field-group-input" }), h("div", { key: '7e48600a56ffba92c7d874d9321095e1b793bc80', class: "dda-input-dropdown-btn" }, h("button", { key: '8746cd8c1c0381d0458d0913586e4cca1e5b7923', name: this.toggle_button_name, type: "button", class: "dda-dropdown-select", onClick: () => this.toggleCurrencyDropdown() }, this.selected_currency, " ", h("i", { key: '7e21542fecb39124fc097e1a9b38799277dba770', class: `material-icons` }, this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.isCurrencyDropdownOpen && (h("div", { key: '06dc8da0fab29f3cad1966a39434857fa111dffb', class: "dda-input-dropdown-list" }, this.parsedCurrencies.length > 0 ? (this.parsedCurrencies.map(option => (h("button", { name: this.currency_button_name, type: "button", class: `dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`, onClick: () => this.selectCurrency(option) }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))))), this.helper_text && h("span", { key: '77b6930c49338d18d1775d83996ad698665d2b40', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '47a769327dfebf822489af60d7873b22ab489795', class: "dda-error-message" }, this.error_message))));
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
DdaNumberField.style = DdaNumberFieldStyle0 + DdaNumberFieldStyle1;
|
|
@@ -62,7 +62,7 @@ const DdaPagination = class {
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '42960bbbb544ab27ab7177fa35a6b5813504a2b2' }, h("div", { key: '900489627fcf66ce517a934955743ae043b475be', class: `dda-pagination-container` }, this.renderPagination())));
|
|
66
66
|
}
|
|
67
67
|
static get watchers() { return {
|
|
68
68
|
"total_pages": ["validateTotalPages"],
|
|
@@ -229,7 +229,7 @@ const DdaPhoneField = class {
|
|
|
229
229
|
}
|
|
230
230
|
render() {
|
|
231
231
|
const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''} ${this.validation_type ? `dda-validation-${this.validation_type}` : ''} ${this.is_focused ? 'dda-input-focus' : ''} ${this.phone_number ? 'dda-input-focus-filled' : ''}`;
|
|
232
|
-
return (h(Host, { key: '
|
|
232
|
+
return (h(Host, { key: '913d9ac77cd0769f5b51b96cb37438ec841116e6' }, h("div", { key: 'a97deebc7049ca84b1643e9466fa1941e3ed82db', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && h("label", { key: '2a9b5eda2c70c3fe518ca1bd74ef8aea5db98f68', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: '146610b786d473e3697f6e9e9fb539325f86847c', class: `dda-input-field-group dda-phone-field` }, h("div", { key: '94a2d43933ca884571e43a8a43149df9d7c09e76', class: "dda-input-dropdown-btn" }, h("button", { key: '239b5bc398ca0d8aa6064cdb88d1507403b7561f', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", onClick: () => this.toggleDropdown() }, h("img", { key: '121e5b1ef07763eff37f14d2c4ea962646186fc8', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, " ", h("i", { key: '1ec153c93d0544a67eb3c5ffd9844a15ee6c9361', class: `material-icons` }, this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down')), this.dropdown_open && (h("div", { key: '67c9ccdece9bb7d1595799006e34b44af42d380c', class: "dda-input-dropdown-list" }, this.countries.map(country => (h("button", { id: this.button_id, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: 'd2ed6736dc1fe3b3048e41e8b0ad0c91b351a320', id: this.input_id, name: this.phone_input_name, "aria-label": this.aria_label, type: "number", class: `dda-field-group-input`, placeholder: this.placeholder, inputmode: 'numeric', pattern: "[0-9]*", value: this.phone_number, onInput: this.handlephonenumberChange.bind(this), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), disabled: this.disabled })), this.helper_text && !this.validation_type && h("span", { key: '25984ba97e22701a6b404edea33069e3fda0916d', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '4c9cd900cb8a10af00af7242afb036aa3c5df00f', class: "dda-error-message" }, this.error_message))));
|
|
233
233
|
}
|
|
234
234
|
};
|
|
235
235
|
DdaPhoneField.style = DdaPhonefieldStyle0 + DdaPhonefieldStyle1;
|
|
@@ -18,7 +18,7 @@ const DdaProgressBar = class {
|
|
|
18
18
|
const progressStyle = {
|
|
19
19
|
width: `${this.progress}%`,
|
|
20
20
|
};
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '4d81cf3bf4d833874d266ad9d110c8ae88e94f25' }, h("div", { key: '3216cab8fc4965b8a597ace8bd999bb8cb745892', class: `dda-progress-bar-container ${this.custom_class} ${this.component_mode}` }, h("div", { key: '1434f985da66a90e41250b7810ab4393f4ac0a05', class: "dda-progress-bar" }, h("div", { key: '261a60d7fbc7deed1710a5441c3a23bc759a3fe2', class: "dda-progress-value", style: progressStyle }, this.tooltip && (h("div", { key: 'c3de46d065ade2b2d28928dedd91ebb0a4b6bc40', class: `dda-tooltip tooltip-${this.tooltip_position}` }, this.progress, "%")))), this.show_percentage_text && (h("span", { key: '86298f76a4d82386199c3a86d0ce2e5f8d7cc361', class: "dda-percentage-text" }, this.progress, "%")))));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
DdaProgressBar.style = DdaProgressbarStyle0 + DdaProgressbarStyle1;
|
|
@@ -33,10 +33,10 @@ const DdaRangeSlider = class {
|
|
|
33
33
|
return ((value - this.min) / (this.max - this.min)) * 100;
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h(Host, { key: '
|
|
36
|
+
return (h(Host, { key: 'd33686bfd308c01414afd8085abec7203190af85' }, h("div", { key: '47f9cf7d4373c3caea7401badeec436f9b75244d', class: `dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}` }, h("div", { key: 'b439f960a6b259e9ab53ae1d33b4c32c6812f381', class: "dda-range-slider" }, h("div", { key: 'ab99895a0c45414d8dd0b94be1b3a9a1e15aa53f', class: "dda-range-slider-track", style: {
|
|
37
37
|
left: `${this.getPercentage(this.min_value)}%`,
|
|
38
38
|
right: `${100 - this.getPercentage(this.max_value)}%`,
|
|
39
|
-
} }, h("span", { key: '
|
|
39
|
+
} }, h("span", { key: '7de829a4e581365a431e05cf464ca17db5256683', class: "min-label" }, this.min_value, "%"), h("span", { key: '798488645900c2aa43cf0f386564d239ec2f1b88', class: "max-label" }, this.max_value, "%")), h("label", { key: '2dd7c0c9c02d912729273650ddeac1b7808a5039', htmlFor: this.left_input_id }, h("input", { key: '20d520ce120cb2844440980848ac84eef1a6dfc2', id: this.left_input_id, name: this.left_input_name, "aria-label": this.left_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.min_value, onInput: (event) => this.handleMinChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` } })), h("label", { key: 'd9662a0a008054dfcfc85f64024a5f2f178c4be7', htmlFor: this.right_input_id }, h("input", { key: '9c7dd4d24cc2e9b5f5ea111f8e065ccf46e6ca2a', id: this.right_input_id, name: this.right_input_name, "aria-label": this.right_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.max_value, onInput: (event) => this.handleMaxChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` } }))))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
DdaRangeSlider.style = DdaRangeSliderStyle0;
|
|
@@ -25,7 +25,7 @@ const DdaSearchInput = class {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '78bc8dadccb8aaf2c624e98606c300f81ba6988d' }, h("div", { key: '5b95a978e048ca044958ead5df74dec9597189b7', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && h("label", { key: '39f158ff5bb1ea100729cd2f829284e6a19b4c5c', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: 'ca89eb630b2d14709908d8f6227113ab21593d11', class: "dda-search-area dda-search-action" }, h("i", { key: '8268877325d2fde619c1683ca74b75a31a5d69f5', class: "material-icons icon-left" }, "search"), h("input", { key: '7a54f329a5d35edb4169e6875c05420f5eded9bd', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, type: "text", class: "dda-input-field dda-search-field", placeholder: this.placeholder }), h("div", { key: 'f27d459e7877b8a03d3c6b6257a004f439a5e321', class: "dda-search-btngroup" }, h("button", { key: '81d6707be74f3bbe960b778723b9b0f4f606f932', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "icon-close", onClick: () => this.clearInput() }, h("i", { key: '3823bab5215aa816e97d9e68bbc68d028f683c20', class: "material-icons material-symbols-outlined" }, "close")), this.show_button && (h("button", { key: '4f1342e091e2358775b593f7c7739d8f7809b4cd', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm" }, "Search")))), this.helper_text && h("span", { key: 'd882e50b0c52efb34d776384f44ddf608c8b8369', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '907a535b8435522daa24cfe0bd96e3e782c0d2b8', class: "dda-error-message" }, this.error_message))));
|
|
29
29
|
}
|
|
30
30
|
get el() { return getElement(this); }
|
|
31
31
|
};
|
|
@@ -15,7 +15,7 @@ const DdaSegmentedTabs = class {
|
|
|
15
15
|
this.parsedItems = JSON.parse(this.items);
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '35eb91c83cd68999016ed30b8456daf58bd7ddb9', class: `dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}` }, this.parsedItems.map(item => (item.startsWith('fo') ?
|
|
19
19
|
h("button", { name: this.button_name, class: "dda-segmented-item" }, h("i", { class: "material-icons material-symbols-outlined" }, item)) :
|
|
20
20
|
h("button", { name: this.button_name, class: "dda-segmented-item" }, item)))));
|
|
21
21
|
}
|