@dubai-design-system/components-js 3.12.10 → 3.12.11

package/dist/collection/global/global.css

@@ -0,0 +1,3706 @@
+:root {
+
+  /*Primary Variants*/
+  --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='dark'] {
+  filter: invert(100%) grayscale(100%);
+  -o-filter: invert(100%) grayscale(100%);
+  -ms-filter: invert(100%) grayscale(100%);
+  -moz-filter: invert(100%) grayscale(100%);
+  -khtml-filter: invert(100%) grayscale(100%);
+  -webkit-filter: invert(100%) grayscale(100%);
+} */
+: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: 57px;
+    --dda-fs-display-md: 45px;
+    --dda-fs-display-sm: 36px; */
+    --dda-fs-display-lg: 3.563em;
+    --dda-fs-display-md: 2.813em;
+    --dda-fs-display-sm: 2.25em;
+
+    /* --dda-fs-headline-lg: 32px;
+    --dda-fs-headline-md: 28px;
+    --dda-fs-headline-sm: 24px; */
+    --dda-fs-headline-lg: 2em;
+    --dda-fs-headline-md: 1.75em;
+    --dda-fs-headline-sm: 1.5em;
+
+    /* --dda-fs-title-lg: 22px;
+    --dda-fs-title-md: 20px;
+    --dda-fs-title-sm: 18px; */
+    --dda-fs-title-lg: 1.375em;
+    --dda-fs-title-md: 1.25em;
+    --dda-fs-title-sm: 1.125em;
+
+    /* --dda-fs-body-lg: 16px;
+    --dda-fs-body-md: 14px;
+    --dda-fs-body-sm: 12px; */
+    --dda-fs-body-lg: 1em;
+    --dda-fs-body-md: 0.875em;
+    --dda-fs-body-sm: 0.75em;
+
+    /* --dda-fs-label-lg: 14px;
+    --dda-fs-label-md: 12px;
+    --dda-fs-label-sm: 10px; */
+    --dda-fs-label-lg: 0.875em;
+    --dda-fs-label-md: 0.75em;
+    --dda-fs-label-sm: 0.625em;
+
+    /* --dda-fs-tagline-lg: 12px;
+    --dda-fs-tagline-md: 10px;
+    --dda-fs-tagline-sm: 8px; */
+    --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;
+}
+/* .maincontent{
+    padding-top: 170px;
+    padding-bottom: 100px;
+} */
+.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;
+  }
+}
+
+/* @media screen and (max-width: 767px) {
+    .maincontent {
+        padding-top: 100px;
+    }
+} */
+
+@media only screen and (orientation: landscape) and (max-width: 1600px) {
+  .slide-content h2 {
+    font-size: 1.2rem;
+  }
+  .slide-content p {
+    font-size: 1rem;
+    margin-bottom: 5px;
+  }
+  .quick-links .link-item {
+    padding: 13px;
+    height: 128px;
+  }
+  .quick-links .link-item svg {
+    height: 20px;
+    margin-bottom: 5px;
+  }
+  .quick-links .link-item .title {
+    font-size: 15px;
+  }
+  .quick-links .link-item .subtitle {
+    font-size: 12px;
+  }
+}
+@media only screen and (orientation: landscape) and (max-width: 989px) {
+  .dda-head-logo .govt-logo img {
+    height: 39px;
+  }
+  .transparent .dda-header::before {
+    height: 100%;
+  }
+}
+@media only screen and (orientation: landscape) and (max-width: 576px) {
+  .slide-content h2 {
+    font-size: 0.8rem;
+  }
+  .slide-content p {
+    font-size: 0.5rem;
+    margin-bottom: 5px;
+  }
+  .slide-content .dda-btn {
+    font-size: 13px;
+    padding: 7px;
+    height: auto;
+  }
+}
+
+.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: 1200px) {}
+
+@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: 70px;
+}
+.entt-logo img {
+    height: 44px;
+}
+.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;
+}
+
+/* 
+.logo-colored,
+.logo-white{
+    display: block;
+}
+
+.dda-head-logo .logo-white {
+    display: none;
+}
+
+.transparent .logo-colored {
+    display: none;
+}
+
+.transparent .dda-head-logo .logo-white {
+    display: block;
+} */
+
+
+/* :root[data-theme='dark'] .logo-colored {
+    display: none;
+}
+:root[data-theme='dark'] .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: 40px;
+    display: inline-flex;
+    align-items: center;
+}
+.hamburger-menu-btn {
+    width: 40px;
+    height: 40px;
+    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: 9.5px;
+}
+
+.hamburger-menu-btn::before {
+    top: 14px;
+}
+
+.hamburger-menu-btn::after {
+    top: 24px;
+}
+
+.hamburger-line {
+    top: 19px;
+}
+
+.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: 19px;
+}
+
+.hamburger-menu-btn.close-menu::after {
+    transform: rotate(-45deg);
+    top: 19px;
+}
+
+.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;
+    width: 40px;
+    height: 40px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.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-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;
+    /* padding-inline-end: 18px; */
+    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;
+}
+
+/*Accessibility*/
+.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;
+}
+
+
+
+/*Mobile view*/
+.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: 1200px) {}
+
+@media (max-width: 1024px) {
+    .dda-mega-menu {
+        display: none;
+    }
+    .dda-header{
+        padding: 10px 0;
+    }
+}
+
+@media screen and (max-width: 1160px) and (min-width: 1024px) {
+    .dda-mega-menu>li>a {
+        font-size: var(--dda-fs-body-md);
+    }
+}
+
+@media only screen and (orientation: landscape) and (max-width: 989px) {
+    .dda-head-logo {
+        padding-top: 5px;
+        padding-bottom: 5px;
+    }
+
+    
+
+    .dda-head-logo .entt-logo img {
+        height: 39px;
+    }
+
+    .dda-toolbar-menu {
+        padding: 5px 0;
+    }  
+}
+
+@media only screen and (orientation: landscape) and (max-width: 768px) {
+    .dda-menu-container {
+        height: 40px;
+        position: relative;
+    }
+
+    .dda-mobile-entt-logo img {
+        height: 25px;
+    }
+
+    .dda-sidemenu {
+        top: 40px;
+    }
+
+    .dda-sidemenu-gov-logo img {
+        height: 27px;
+    }
+
+    .dda-sidemenu-content {
+        height: calc(100% - 75px);
+    }
+
+    .dda-toolbar-menu ul li .tool-btn {
+        height: 40px;
+        min-width: 40px;
+        padding: 8px;
+    }
+
+    ul.main_side_menu li a {
+        padding-top: 5px;
+        padding-bottom: 5px;
+    }
+    .dda-accessibility-wrap{
+        top: 41px;
+    }
+    .dda-accessibility-wrap .dda-accessibility{
+        height: 150px;
+        overflow-y: auto;
+    }
+    .dda-toolbar-menu, .dda-toolbar-menu-sidemenu{
+        padding: 0;
+    } 
+    .dda-toolbar-menu ul li .tool-btn,
+    .dda-toolbar-menu-sidemenu ul li .tool-btn{
+        height: 40px;
+        min-width: 40px;
+        padding: 8px;
+    }
+}
+
+
+
+
+@font-face {
+  font-family: "Dubai";
+  src: url("../assets/fonts/dubai/DubaiLight.eot");
+  src: url("../assets/fonts/dubai/DubaiLight.eot") format("embedded-opentype"),
+    url("../assets/fonts/dubai/DubaiLight.woff2") format("woff2"),
+    url("../assets/fonts/dubai/DubaiLight.woff") format("woff"),
+    url("../assets/fonts/dubai/DubaiLight.ttf") format("truetype"),
+    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"),
+    url("../assets/fonts/dubai/DubaiRegular.woff2") format("woff2"),
+    url("../assets/fonts/dubai/DubaiRegular.woff") format("woff"),
+    url("../assets/fonts/dubai/DubaiRegular.ttf") format("truetype"),
+    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"),
+    url("../assets/fonts/dubai/DubaiMedium.woff2") format("woff2"),
+    url("../assets/fonts/dubai/DubaiMedium.woff") format("woff"),
+    url("../assets/fonts/dubai/DubaiMedium.ttf") format("truetype"),
+    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"),
+    url("../assets/fonts/dubai/DubaiBold.woff2") format("woff2"),
+    url("../assets/fonts/dubai/DubaiBold.woff") format("woff"),
+    url("../assets/fonts/dubai/DubaiBold.ttf") format("truetype"),
+    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;
+}
+
+/*Colors*/
+.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;
+}
+/* Border-radius classes */
+.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;
+  }
+}
+/*Temporary*/
+/* body{
+  height: 1550px;
+} */