@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
  --pallete-primary: #181c51;
  --pallete-surface-tint: #565992;
  --pallete-on-primary: #ffffff;
  --pallete-primary-container: #3a3e74;
  --pallete-on-primary-container: #ffffff;
  --pallete-secondary: #202133;
  --pallete-on-secondary: #ffffff;
  --pallete-secondary-container: #404155;
  --pallete-on-secondary-container: #ffffff;
  --pallete-tertiary: #36182c;
  --pallete-on-tertiary: #ffffff;
  --pallete-tertiary-container: #5a384e;
  --pallete-on-tertiary-container: #ffffff;
  --pallete-error: #4e0002;
  --pallete-on-error: #ffffff;
  --pallete-error-container: #8c0009;
  --pallete-on-error-container: #ffffff;
  --pallete-background: #fbf8ff;
  --pallete-on-background: #1b1b21;
  --pallete-surface: #fbf8ff;
  --pallete-on-surface: #000000;
  --pallete-surface-variant: #e4e1ec;
  --pallete-on-surface-variant: #23232b;
  --pallete-outline: #42424b;
  --pallete-outline-variant: #42424b;
  --pallete-shadow: #000000;
  --pallete-scrim: #000000;
  --pallete-inverse-surface: #303036;
  --pallete-inverse-on-surface: #ffffff;
  --pallete-inverse-primary: #eceaff;
  --pallete-primary-fixed: #3a3e74;
  --pallete-on-primary-fixed: #ffffff;
  --pallete-primary-fixed-dim: #23275c;
  --pallete-on-primary-fixed-variant: #ffffff;
  --pallete-secondary-fixed: #404155;
  --pallete-on-secondary-fixed: #ffffff;
  --pallete-secondary-fixed-dim: #2a2b3e;
  --pallete-on-secondary-fixed-variant: #ffffff;
  --pallete-tertiary-fixed: #5a384e;
  --pallete-on-tertiary-fixed: #ffffff;
  --pallete-tertiary-fixed-dim: #422237;
  --pallete-on-tertiary-fixed-variant: #ffffff;
  --pallete-surface-dim: #dcd9e0;
  --pallete-surface-bright: #f8f8ff;
  --pallete-surface-container-lowest: #ffffff;
  --pallete-surface-container-low: #f5f2fa;
  --pallete-surface-container: #f0ecf4;
  --pallete-surface-container-high: #eae7ef;
  --pallete-surface-container-highest: #e4e1e9;
  --pallete-primary-0: #000000;
  --pallete-primary-5: #00004e;
  --pallete-primary-10: #01006e;
  --pallete-primary-15: #01008c;
  --pallete-primary-20: #0200ac;
  --pallete-primary-25: #0e10c3;
  --pallete-primary-30: #2228cd;
  --pallete-primary-35: #3138d8;
  --pallete-primary-40: #4048e4;
  --pallete-primary-50: #5b64fe;
  --pallete-primary-60: #7c84ff;
  --pallete-primary-70: #9da3ff;
  --pallete-primary-80: #bfc2ff;
  --pallete-primary-90: #e0e0ff;
  --pallete-primary-95: #f1efff;
  --pallete-primary-98: #fbf8ff;
  --pallete-primary-99: #fffbff;
  --pallete-primary-100: #ffffff;
  --pallete-secondary-0: #000000;
  --pallete-secondary-5: #0b0d2c;
  --pallete-secondary-10: #161837;
  --pallete-secondary-15: #212342;
  --pallete-secondary-20: #2c2e4d;
  --pallete-secondary-25: #373959;
  --pallete-secondary-30: #424465;
  --pallete-secondary-35: #4e5072;
  --pallete-secondary-40: #5a5c7e;
  --pallete-secondary-50: #737498;
  --pallete-secondary-60: #8c8eb3;
  --pallete-secondary-70: #a7a8cf;
  --pallete-secondary-80: #c2c3eb;
  --pallete-secondary-90: #e0e0ff;
  --pallete-secondary-95: #f1efff;
  --pallete-secondary-98: #fbf8ff;
  --pallete-secondary-99: #fffbff;
  --pallete-secondary-100: #ffffff;
  --pallete-tertiary-0: #000000;
  --pallete-tertiary-5: #28001f;
  --pallete-tertiary-10: #37072c;
  --pallete-tertiary-15: #431237;
  --pallete-tertiary-20: #501d42;
  --pallete-tertiary-25: #5d294e;
  --pallete-tertiary-30: #6a345a;
  --pallete-tertiary-35: #773f66;
  --pallete-tertiary-40: #854b72;
  --pallete-tertiary-50: #a1638c;
  --pallete-tertiary-60: #bd7ca6;
  --pallete-tertiary-70: #da96c2;
  --pallete-tertiary-80: #f8b1de;
  --pallete-tertiary-90: #ffd8ed;
  --pallete-tertiary-95: #ffecf4;
  --pallete-tertiary-98: #fff8f9;
  --pallete-tertiary-99: #fffbff;
  --pallete-tertiary-100: #ffffff;
  --pallete-neutral-0: #000000;
  --pallete-neutral-5: #111114;
  --pallete-neutral-10: #1b1b1f;
  --pallete-neutral-15: #262529;
  --pallete-neutral-20: #303034;
  --pallete-neutral-25: #3c3b3f;
  --pallete-neutral-30: #47464a;
  --pallete-neutral-35: #535256;
  --pallete-neutral-40: #5f5e62;
  --pallete-neutral-50: #78767a;
  --pallete-neutral-60: #929094;
  --pallete-neutral-70: #adaaaf;
  --pallete-neutral-80: #c8c5ca;
  --pallete-neutral-90: #e5e1e6;
  --pallete-neutral-95: #f3eff4;
  --pallete-neutral-98: #fcf8fd;
  --pallete-neutral-99: #fffbff;
  --pallete-neutral-100: #ffffff;
  --pallete-neutral-variant-0: #000000;
  --pallete-neutral-variant-5: #101018;
  --pallete-neutral-variant-10: #1b1b23;
  --pallete-neutral-variant-15: #25252d;
  --pallete-neutral-variant-20: #303038;
  --pallete-neutral-variant-25: #3b3b43;
  --pallete-neutral-variant-30: #46464f;
  --pallete-neutral-variant-35: #52515b;
  --pallete-neutral-variant-40: #5e5d67;
  --pallete-neutral-variant-50: #777680;
  --pallete-neutral-variant-60: #918f9a;
  --pallete-neutral-variant-70: #acaab4;
  --pallete-neutral-variant-80: #c7c5d0;
  --pallete-neutral-variant-90: #e4e1ec;
  --pallete-neutral-variant-95: #f2effa;
  --pallete-neutral-variant-98: #fbf8ff;
  --pallete-neutral-variant-99: #fffbff;
  --pallete-neutral-variant-100: #ffffff;
}

:root {
  --pallete-primary-rgb: 24, 28, 81;
  --pallete-surface-tint-rgb: 86, 89, 146;
  --pallete-on-primary-rgb: 255, 255, 255;
  --pallete-primary-container-rgb: 58, 62, 116;
  --pallete-on-primary-container-rgb: 255, 255, 255;
  --pallete-secondary-rgb: 32, 33, 51;
  --pallete-on-secondary-rgb: 255, 255, 255;
  --pallete-secondary-container-rgb: 64, 65, 85;
  --pallete-on-secondary-container-rgb: 255, 255, 255;
  --pallete-tertiary-rgb: 54, 24, 44;
  --pallete-on-tertiary-rgb: 255, 255, 255;
  --pallete-tertiary-container-rgb: 90, 56, 78;
  --pallete-on-tertiary-container-rgb: 255, 255, 255;
  --pallete-error-rgb: 78, 0, 2;
  --pallete-on-error-rgb: 255, 255, 255;
  --pallete-error-container-rgb: 140, 0, 9;
  --pallete-on-error-container-rgb: 255, 255, 255;
  --pallete-background-rgb: 251, 248, 255;
  --pallete-on-background-rgb: 27, 27, 33;
  --pallete-surface-rgb: 251, 248, 255;
  --pallete-on-surface-rgb: 0, 0, 0;
  --pallete-surface-variant-rgb: 228, 225, 236;
  --pallete-on-surface-variant-rgb: 35, 35, 43;
  --pallete-outline-rgb: 66, 66, 75;
  --pallete-outline-variant-rgb: 66, 66, 75;
  --pallete-shadow-rgb: 0, 0, 0;
  --pallete-scrim-rgb: 0, 0, 0;
  --pallete-inverse-surface-rgb: 48, 48, 54;
  --pallete-inverse-on-surface-rgb: 255, 255, 255;
  --pallete-inverse-primary-rgb: 236, 234, 255;
  --pallete-primary-fixed-rgb: 58, 62, 116;
  --pallete-on-primary-fixed-rgb: 255, 255, 255;
  --pallete-primary-fixed-dim-rgb: 35, 39, 92;
  --pallete-on-primary-fixed-variant-rgb: 255, 255, 255;
  --pallete-secondary-fixed-rgb: 64, 65, 85;
  --pallete-on-secondary-fixed-rgb: 255, 255, 255;
  --pallete-secondary-fixed-dim-rgb: 42, 43, 62;
  --pallete-on-secondary-fixed-variant-rgb: 255, 255, 255;
  --pallete-tertiary-fixed-rgb: 90, 56, 78;
  --pallete-on-tertiary-fixed-rgb: 255, 255, 255;
  --pallete-tertiary-fixed-dim-rgb: 66, 34, 55;
  --pallete-on-tertiary-fixed-variant-rgb: 255, 255, 255;
  --pallete-surface-dim-rgb: 220, 217, 224;
  --pallete-surface-bright-rgb: 251, 248, 255;
  --pallete-surface-container-lowest-rgb: 255, 255, 255;
  --pallete-surface-container-low-rgb: 245, 242, 250;
  --pallete-surface-container-rgb: 240, 236, 244;
  --pallete-surface-container-high-rgb: 234, 231, 239;
  --pallete-surface-container-highest-rgb: 228, 225, 233;
  --pallete-primary-0-rgb: 0, 0, 0;
  --pallete-primary-5-rgb: 0, 0, 78;
  --pallete-primary-10-rgb: 1, 0, 110;
  --pallete-primary-15-rgb: 1, 0, 140;
  --pallete-primary-20-rgb: 2, 0, 172;
  --pallete-primary-25-rgb: 14, 16, 195;
  --pallete-primary-30-rgb: 34, 40, 205;
  --pallete-primary-35-rgb: 49, 56, 216;
  --pallete-primary-40-rgb: 64, 72, 228;
  --pallete-primary-50-rgb: 91, 100, 254;
  --pallete-primary-60-rgb: 124, 132, 255;
  --pallete-primary-70-rgb: 157, 163, 255;
  --pallete-primary-80-rgb: 191, 194, 255;
  --pallete-primary-90-rgb: 224, 224, 255;
  --pallete-primary-95-rgb: 241, 239, 255;
  --pallete-primary-98-rgb: 251, 248, 255;
  --pallete-primary-99-rgb: 255, 251, 255;
  --pallete-primary-100-rgb: 255, 255, 255;
  --pallete-secondary-0-rgb: 0, 0, 0;
  --pallete-secondary-5-rgb: 11, 13, 44;
  --pallete-secondary-10-rgb: 22, 24, 55;
  --pallete-secondary-15-rgb: 33, 35, 66;
  --pallete-secondary-20-rgb: 44, 46, 77;
  --pallete-secondary-25-rgb: 55, 57, 89;
  --pallete-secondary-30-rgb: 66, 68, 101;
  --pallete-secondary-35-rgb: 78, 80, 114;
  --pallete-secondary-40-rgb: 90, 92, 126;
  --pallete-secondary-50-rgb: 115, 116, 152;
  --pallete-secondary-60-rgb: 140, 142, 179;
  --pallete-secondary-70-rgb: 167, 168, 207;
  --pallete-secondary-80-rgb: 194, 195, 235;
  --pallete-secondary-90-rgb: 224, 224, 255;
  --pallete-secondary-95-rgb: 241, 239, 255;
  --pallete-secondary-98-rgb: 251, 248, 255;
  --pallete-secondary-99-rgb: 255, 251, 255;
  --pallete-secondary-100-rgb: 255, 255, 255;
  --pallete-tertiary-0-rgb: 0, 0, 0;
  --pallete-tertiary-5-rgb: 40, 0, 31;
  --pallete-tertiary-10-rgb: 55, 7, 44;
  --pallete-tertiary-15-rgb: 67, 18, 55;
  --pallete-tertiary-20-rgb: 80, 29, 66;
  --pallete-tertiary-25-rgb: 93, 41, 78;
  --pallete-tertiary-30-rgb: 106, 52, 90;
  --pallete-tertiary-35-rgb: 119, 63, 102;
  --pallete-tertiary-40-rgb: 133, 75, 114;
  --pallete-tertiary-50-rgb: 161, 99, 140;
  --pallete-tertiary-60-rgb: 189, 124, 166;
  --pallete-tertiary-70-rgb: 218, 150, 194;
  --pallete-tertiary-80-rgb: 248, 177, 222;
  --pallete-tertiary-90-rgb: 255, 216, 237;
  --pallete-tertiary-95-rgb: 255, 236, 244;
  --pallete-tertiary-98-rgb: 255, 248, 249;
  --pallete-tertiary-99-rgb: 255, 251, 255;
  --pallete-tertiary-100-rgb: 255, 255, 255;
  --pallete-neutral-0-rgb: 0, 0, 0;
  --pallete-neutral-5-rgb: 17, 17, 20;
  --pallete-neutral-10-rgb: 27, 27, 31;
  --pallete-neutral-15-rgb: 38, 37, 41;
  --pallete-neutral-20-rgb: 48, 48, 52;
  --pallete-neutral-25-rgb: 60, 59, 63;
  --pallete-neutral-30-rgb: 71, 70, 74;
  --pallete-neutral-35-rgb: 83, 82, 86;
  --pallete-neutral-40-rgb: 95, 94, 98;
  --pallete-neutral-50-rgb: 120, 118, 122;
  --pallete-neutral-60-rgb: 146, 144, 148;
  --pallete-neutral-70-rgb: 173, 170, 175;
  --pallete-neutral-80-rgb: 200, 197, 202;
  --pallete-neutral-90-rgb: 229, 225, 230;
  --pallete-neutral-95-rgb: 243, 239, 244;
  --pallete-neutral-98-rgb: 252, 248, 253;
  --pallete-neutral-99-rgb: 255, 251, 255;
  --pallete-neutral-100-rgb: 255, 255, 255;
  --pallete-neutral-variant-0-rgb: 0, 0, 0;
  --pallete-neutral-variant-5-rgb: 16, 16, 24;
  --pallete-neutral-variant-10-rgb: 27, 27, 35;
  --pallete-neutral-variant-15-rgb: 37, 37, 45;
  --pallete-neutral-variant-20-rgb: 48, 48, 56;
  --pallete-neutral-variant-25-rgb: 59, 59, 67;
  --pallete-neutral-variant-30-rgb: 70, 70, 79;
  --pallete-neutral-variant-35-rgb: 82, 81, 91;
  --pallete-neutral-variant-40-rgb: 94, 93, 103;
  --pallete-neutral-variant-50-rgb: 119, 118, 128;
  --pallete-neutral-variant-60-rgb: 145, 143, 154;
  --pallete-neutral-variant-70-rgb: 172, 170, 180;
  --pallete-neutral-variant-80-rgb: 199, 197, 208;
  --pallete-neutral-variant-90-rgb: 228, 225, 236;
  --pallete-neutral-variant-95-rgb: 242, 239, 250;
  --pallete-neutral-variant-98-rgb: 251, 248, 255;
  --pallete-neutral-variant-99-rgb: 255, 251, 255;
  --pallete-neutral-variant-100-rgb: 255, 255, 255;
}

:root {
  --color-white: #fff;
  --color-black: #000;
  --color-primary-0: var(--pallete-primary-0);
  --color-primary-0-rgb: var(--pallete-primary-0-rgb);
  --color-primary-5: var(--pallete-primary-5);
  --color-primary-5-rgb: var(--pallete-primary-5-rgb);
  --color-primary-10: var(--pallete-primary-10);
  --color-primary-10-rgb: var(--pallete-primary-10-rgb);
  --color-primary-15: var(--pallete-primary-15);
  --color-primary-15-rgb: var(--pallete-primary-15-rgb);
  --color-primary-20: var(--pallete-primary-20);
  --color-primary-20-rgb: var(--pallete-primary-20-rgb);
  --color-primary-25: var(--pallete-primary-25);
  --color-primary-25-rgb: var(--pallete-primary-25-rgb);
  --color-primary-30: var(--pallete-primary-30);
  --color-primary-30-rgb: var(--pallete-primary-30-rgb);
  --color-primary-35: var(--pallete-primary-35);
  --color-primary-35-rgb: var(--pallete-primary-35-rgb);
  --color-primary-40: var(--pallete-primary-40);
  --color-primary-40-rgb: var(--pallete-primary-40-rgb);
  --color-primary-50: var(--pallete-primary-50);
  --color-primary-50-rgb: var(--pallete-primary-50-rgb);
  --color-primary-60: var(--pallete-primary-60);
  --color-primary-60-rgb: var(--pallete-primary-60-rgb);
  --color-primary-70: var(--pallete-primary-70);
  --color-primary-70-rgb: var(--pallete-primary-70-rgb);
  --color-primary-80: var(--pallete-primary-80);
  --color-primary-80-rgb: var(--pallete-primary-80-rgb);
  --color-primary-90: var(--pallete-primary-90);
  --color-primary-90-rgb: var(--pallete-primary-90-rgb);
  --color-primary-95: var(--pallete-primary-95);
  --color-primary-95-rgb: var(--pallete-primary-95-rgb);
  --color-primary-98: var(--pallete-primary-98);
  --color-primary-98-rgb: var(--pallete-primary-98-rgb);
  --color-primary-99: var(--pallete-primary-99);
  --color-primary-99-rgb: var(--pallete-primary-99-rgb);
  --color-primary-100: var(--pallete-primary-100);
  --color-primary-100-rgb: var(--pallete-primary-100-rgb);
  --color-secondary-0: var(--pallete-secondary-0);
  --color-secondary-0-rgb: var(--pallete-secondary-0-rgb);
  --color-secondary-5: var(--pallete-secondary-5);
  --color-secondary-5-rgb: var(--pallete-secondary-5-rgb);
  --color-secondary-10: var(--pallete-secondary-10);
  --color-secondary-10-rgb: var(--pallete-secondary-10-rgb);
  --color-secondary-15: var(--pallete-secondary-15);
  --color-secondary-15-rgb: var(--pallete-secondary-15-rgb);
  --color-secondary-20: var(--pallete-secondary-20);
  --color-secondary-20-rgb: var(--pallete-secondary-20-rgb);
  --color-secondary-25: var(--pallete-secondary-25);
  --color-secondary-25-rgb: var(--pallete-secondary-25-rgb);
  --color-secondary-30: var(--pallete-secondary-30);
  --color-secondary-30-rgb: var(--pallete-secondary-30-rgb);
  --color-secondary-35: var(--pallete-secondary-35);
  --color-secondary-35-rgb: var(--pallete-secondary-35-rgb);
  --color-secondary-40: var(--pallete-secondary-40);
  --color-secondary-40-rgb: var(--pallete-secondary-40-rgb);
  --color-secondary-50: var(--pallete-secondary-50);
  --color-secondary-50-rgb: var(--pallete-secondary-50-rgb);
  --color-secondary-60: var(--pallete-secondary-60);
  --color-secondary-60-rgb: var(--pallete-secondary-60-rgb);
  --color-secondary-70: var(--pallete-secondary-70);
  --color-secondary-70-rgb: var(--pallete-secondary-70-rgb);
  --color-secondary-80: var(--pallete-secondary-80);
  --color-secondary-80-rgb: var(--pallete-secondary-80-rgb);
  --color-secondary-90: var(--pallete-secondary-90);
  --color-secondary-90-rgb: var(--pallete-secondary-90-rgb);
  --color-secondary-95: var(--pallete-secondary-95);
  --color-secondary-95-rgb: var(--pallete-secondary-95-rgb);
  --color-secondary-98: var(--pallete-secondary-98);
  --color-secondary-98-rgb: var(--pallete-secondary-98-rgb);
  --color-secondary-99: var(--pallete-secondary-99);
  --color-secondary-99-rgb: var(--pallete-secondary-99-rgb);
  --color-secondary-100: var(--pallete-secondary-100);
  --color-secondary-100-rgb: var(--pallete-secondary-100-rgb);
  --color-tertiary-0: var(--pallete-tertiary-0);
  --color-tertiary-0-rgb: var(--pallete-tertiary-0-rgb);
  --color-tertiary-5: var(--pallete-tertiary-5);
  --color-tertiary-5-rgb: var(--pallete-tertiary-5-rgb);
  --color-tertiary-10: var(--pallete-tertiary-10);
  --color-tertiary-10-rgb: var(--pallete-tertiary-10-rgb);
  --color-tertiary-15: var(--pallete-tertiary-15);
  --color-tertiary-15-rgb: var(--pallete-tertiary-15-rgb);
  --color-tertiary-20: var(--pallete-tertiary-20);
  --color-tertiary-20-rgb: var(--pallete-tertiary-20-rgb);
  --color-tertiary-25: var(--pallete-tertiary-25);
  --color-tertiary-25-rgb: var(--pallete-tertiary-25-rgb);
  --color-tertiary-30: var(--pallete-tertiary-30);
  --color-tertiary-30-rgb: var(--pallete-tertiary-30-rgb);
  --color-tertiary-35: var(--pallete-tertiary-35);
  --color-tertiary-35-rgb: var(--pallete-tertiary-35-rgb);
  --color-tertiary-40: var(--pallete-tertiary-40);
  --color-tertiary-40-rgb: var(--pallete-tertiary-40-rgb);
  --color-tertiary-50: var(--pallete-tertiary-50);
  --color-tertiary-50-rgb: var(--pallete-tertiary-50-rgb);
  --color-tertiary-60: var(--pallete-tertiary-60);
  --color-tertiary-60-rgb: var(--pallete-tertiary-60-rgb);
  --color-tertiary-70: var(--pallete-tertiary-70);
  --color-tertiary-70-rgb: var(--pallete-tertiary-70-rgb);
  --color-tertiary-80: var(--pallete-tertiary-80);
  --color-tertiary-80-rgb: var(--pallete-tertiary-80-rgb);
  --color-tertiary-90: var(--pallete-tertiary-90);
  --color-tertiary-90-rgb: var(--pallete-tertiary-90-rgb);
  --color-tertiary-95: var(--pallete-tertiary-95);
  --color-tertiary-95-rgb: var(--pallete-tertiary-95-rgb);
  --color-tertiary-98: var(--pallete-tertiary-98);
  --color-tertiary-98-rgb: var(--pallete-tertiary-98-rgb);
  --color-tertiary-99: var(--pallete-tertiary-99);
  --color-tertiary-99-rgb: var(--pallete-tertiary-99-rgb);
  --color-tertiary-100: var(--pallete-tertiary-100);
  --color-tertiary-100-rgb: var(--pallete-tertiary-100-rgb);
  --color-neutral-0: var(--pallete-neutral-0);
  --color-neutral-0-rgb: var(--pallete-neutral-0-rgb);
  --color-neutral-5: var(--pallete-neutral-5);
  --color-neutral-5-rgb: var(--pallete-neutral-5-rgb);
  --color-neutral-10: var(--pallete-neutral-10);
  --color-neutral-10-rgb: var(--pallete-neutral-10-rgb);
  --color-neutral-15: var(--pallete-neutral-15);
  --color-neutral-15-rgb: var(--pallete-neutral-15-rgb);
  --color-neutral-20: var(--pallete-neutral-20);
  --color-neutral-20-rgb: var(--pallete-neutral-20-rgb);
  --color-neutral-25: var(--pallete-neutral-25);
  --color-neutral-25-rgb: var(--pallete-neutral-25-rgb);
  --color-neutral-30: var(--pallete-neutral-30);
  --color-neutral-30-rgb: var(--pallete-neutral-30-rgb);
  --color-neutral-35: var(--pallete-neutral-35);
  --color-neutral-35-rgb: var(--pallete-neutral-35-rgb);
  --color-neutral-40: var(--pallete-neutral-40);
  --color-neutral-40-rgb: var(--pallete-neutral-40-rgb);
  --color-neutral-50: var(--pallete-neutral-50);
  --color-neutral-50-rgb: var(--pallete-neutral-50-rgb);
  --color-neutral-60: var(--pallete-neutral-60);
  --color-neutral-60-rgb: var(--pallete-neutral-60-rgb);
  --color-neutral-70: var(--pallete-neutral-70);
  --color-neutral-70-rgb: var(--pallete-neutral-70-rgb);
  --color-neutral-80: var(--pallete-neutral-80);
  --color-neutral-80-rgb: var(--pallete-neutral-80-rgb);
  --color-neutral-90: var(--pallete-neutral-90);
  --color-neutral-90-rgb: var(--pallete-neutral-90-rgb);
  --color-neutral-95: var(--pallete-neutral-95);
  --color-neutral-95-rgb: var(--pallete-neutral-95-rgb);
  --color-neutral-98: var(--pallete-neutral-98);
  --color-neutral-98-rgb: var(--pallete-neutral-98-rgb);
  --color-neutral-99: var(--pallete-neutral-99);
  --color-neutral-99-rgb: var(--pallete-neutral-99-rgb);
  --color-neutral-100: var(--pallete-neutral-100);
  --color-neutral-100-rgb: var(--pallete-neutral-100-rgb);
  --color-neutral-variant-0: var(--pallete-neutral-variant-0);
  --color-neutral-variant-0-rgb: var(--pallete-neutral-variant-0-rgb);
  --color-neutral-variant-5: var(--pallete-neutral-variant-5);
  --color-neutral-variant-5-rgb: var(--pallete-neutral-variant-5-rgb);
  --color-neutral-variant-10: var(--pallete-neutral-variant-10);
  --color-neutral-variant-10-rgb: var(--pallete-neutral-variant-10-rgb);
  --color-neutral-variant-15: var(--pallete-neutral-variant-15);
  --color-neutral-variant-15-rgb: var(--pallete-neutral-variant-15-rgb);
  --color-neutral-variant-20: var(--pallete-neutral-variant-20);
  --color-neutral-variant-20-rgb: var(--pallete-neutral-variant-20-rgb);
  --color-neutral-variant-25: var(--pallete-neutral-variant-25);
  --color-neutral-variant-25-rgb: var(--pallete-neutral-variant-25-rgb);
  --color-neutral-variant-30: var(--pallete-neutral-variant-30);
  --color-neutral-variant-30-rgb: var(--pallete-neutral-variant-30-rgb);
  --color-neutral-variant-35: var(--pallete-neutral-variant-35);
  --color-neutral-variant-35-rgb: var(--pallete-neutral-variant-35-rgb);
  --color-neutral-variant-40: var(--pallete-neutral-variant-40);
  --color-neutral-variant-40-rgb: var(--pallete-neutral-variant-40-rgb);
  --color-neutral-variant-50: var(--pallete-neutral-variant-50);
  --color-neutral-variant-50-rgb: var(--pallete-neutral-variant-50-rgb);
  --color-neutral-variant-60: var(--pallete-neutral-variant-60);
  --color-neutral-variant-60-rgb: var(--pallete-neutral-variant-60-rgb);
  --color-neutral-variant-70: var(--pallete-neutral-variant-70);
  --color-neutral-variant-70-rgb: var(--pallete-neutral-variant-70-rgb);
  --color-neutral-variant-80: var(--pallete-neutral-variant-80);
  --color-neutral-variant-80-rgb: var(--pallete-neutral-variant-80-rgb);
  --color-neutral-variant-90: var(--pallete-neutral-variant-90);
  --color-neutral-variant-90-rgb: var(--pallete-neutral-variant-90-rgb);
  --color-neutral-variant-95: var(--pallete-neutral-variant-95);
  --color-neutral-variant-95-rgb: var(--pallete-neutral-variant-95-rgb);
  --color-neutral-variant-98: var(--pallete-neutral-variant-98);
  --color-neutral-variant-98-rgb: var(--pallete-neutral-variant-98-rgb);
  --color-neutral-variant-99: var(--pallete-neutral-variant-99);
  --color-neutral-variant-99-rgb: var(--pallete-neutral-variant-99-rgb);
  --color-neutral-variant-100: var(--pallete-neutral-variant-100);
  --color-neutral-variant-100-rgb: var(--pallete-neutral-variant-100-rgb);
  --color-primary: var(--pallete-primary);
  --color-primary-rgb: var(--pallete-primary-rgb);
  --color-surface-tint: var(--pallete-surface-tint);
  --color-surface-tint-rgb: var(--pallete-surface-tint-rgb);
  --color-on-primary: var(--pallete-on-primary);
  --color-on-primary-rgb: var(--pallete-on-primary-rgb);
  --color-primary-container: var(--pallete-primary-container);
  --color-primary-container-rgb: var(--pallete-primary-container-rgb);
  --color-on-primary-container: var(--pallete-on-primary-container);
  --color-on-primary-container-rgb: var(--pallete-on-primary-container-rgb);
  --color-secondary: var(--pallete-secondary);
  --color-secondary-rgb: var(--pallete-secondary-rgb);
  --color-on-secondary: var(--pallete-on-secondary);
  --color-on-secondary-rgb: var(--pallete-on-secondary-rgb);
  --color-secondary-container: var(--pallete-secondary-container);
  --color-secondary-container-rgb: var(--pallete-secondary-container-rgb);
  --color-on-secondary-container: var(--pallete-on-secondary-container);
  --color-on-secondary-container-rgb: var(--pallete-on-secondary-container-rgb);
  --color-tertiary: var(--pallete-tertiary);
  --color-tertiary-rgb: var(--pallete-tertiary-rgb);
  --color-on-tertiary: var(--pallete-on-tertiary);
  --color-on-tertiary-rgb: var(--pallete-on-tertiary-rgb);
  --color-tertiary-container: var(--pallete-tertiary-container);
  --color-tertiary-container-rgb: var(--pallete-tertiary-container-rgb);
  --color-on-tertiary-container: var(--pallete-on-tertiary-container);
  --color-on-tertiary-container-rgb: var(--pallete-on-tertiary-container-rgb);
  --color-error: var(--pallete-error);
  --color-error-rgb: var(--pallete-error-rgb);
  --color-on-error: var(--pallete-on-error);
  --color-on-error-rgb: var(--pallete-on-error-rgb);
  --color-error-container: var(--pallete-error-container);
  --color-error-container-rgb: var(--pallete-error-container-rgb);
  --color-on-error-container: var(--pallete-on-error-container);
  --color-on-error-container-rgb: var(--pallete-on-error-container-rgb);
  --color-background: var(--pallete-background);
  --color-background-rgb: var(--pallete-background-rgb);
  --color-on-background: var(--pallete-on-background);
  --color-on-background-rgb: var(--pallete-on-background-rgb);
  --color-surface: var(--pallete-surface);
  --color-surface-rgb: var(--pallete-surface-rgb);
  --color-on-surface: var(--pallete-on-surface);
  --color-on-surface-rgb: var(--pallete-on-surface-rgb);
  --color-surface-variant: var(--pallete-surface-variant);
  --color-surface-variant-rgb: var(--pallete-surface-variant-rgb);
  --color-on-surface-variant: var(--pallete-on-surface-variant);
  --color-on-surface-variant-rgb: var(--pallete-on-surface-variant-rgb);
  --color-outline: var(--pallete-outline);
  --color-outline-rgb: var(--pallete-outline-rgb);
  --color-outline-variant: var(--pallete-outline-variant);
  --color-outline-variant-rgb: var(--pallete-outline-variant-rgb);
  --color-shadow: var(--pallete-shadow);
  --color-shadow-rgb: var(--pallete-shadow-rgb);
  --color-scrim: var(--pallete-scrim);
  --color-scrim-rgb: var(--pallete-scrim-rgb);
  --color-inverse-surface: var(--pallete-inverse-surface);
  --color-inverse-surface-rgb: var(--pallete-inverse-surface-rgb);
  --color-inverse-on-surface: var(--pallete-inverse-on-surface);
  --color-inverse-on-surface-rgb: var(--pallete-inverse-on-surface-rgb);
  --color-inverse-primary: var(--pallete-inverse-primary);
  --color-inverse-primary-rgb: var(--pallete-inverse-primary-rgb);
  --color-primary-fixed: var(--pallete-primary-fixed);
  --color-primary-fixed-rgb: var(--pallete-primary-fixed-rgb);
  --color-on-primary-fixed: var(--pallete-on-primary-fixed);
  --color-on-primary-fixed-rgb: var(--pallete-on-primary-fixed-rgb);
  --color-primary-fixed-dim: var(--pallete-primary-fixed-dim);
  --color-primary-fixed-dim-rgb: var(--pallete-primary-fixed-dim-rgb);
  --color-on-primary-fixed-variant: var(--pallete-on-primary-fixed-variant);
  --color-on-primary-fixed-variant-rgb: var(--pallete-on-primary-fixed-variant-rgb);
  --color-secondary-fixed: var(--pallete-secondary-fixed);
  --color-secondary-fixed-rgb: var(--pallete-secondary-fixed-rgb);
  --color-on-secondary-fixed: var(--pallete-on-secondary-fixed);
  --color-on-secondary-fixed-rgb: var(--pallete-on-secondary-fixed-rgb);
  --color-secondary-fixed-dim: var(--pallete-secondary-fixed-dim);
  --color-secondary-fixed-dim-rgb: var(--pallete-secondary-fixed-dim-rgb);
  --color-on-secondary-fixed-variant: var(--pallete-on-secondary-fixed-variant);
  --color-on-secondary-fixed-variant-rgb: var(--pallete-on-secondary-fixed-variant-rgb);
  --color-tertiary-fixed: var(--pallete-tertiary-fixed);
  --color-tertiary-fixed-rgb: var(--pallete-tertiary-fixed-rgb);
  --color-on-tertiary-fixed: var(--pallete-on-tertiary-fixed);
  --color-on-tertiary-fixed-rgb: var(--pallete-on-tertiary-fixed-rgb);
  --color-tertiary-fixed-dim: var(--pallete-tertiary-fixed-dim);
  --color-tertiary-fixed-dim-rgb: var(--pallete-tertiary-fixed-dim-rgb);
  --color-on-tertiary-fixed-variant: var(--pallete-on-tertiary-fixed-variant);
  --color-on-tertiary-fixed-variant-rgb: var(--pallete-on-tertiary-fixed-variant-rgb);
  --color-surface-dim: var(--pallete-surface-dim);
  --color-surface-dim-rgb: var(--pallete-surface-dim-rgb);
  --color-surface-bright: var(--pallete-surface-bright);
  --color-surface-bright-rgb: var(--pallete-surface-bright-rgb);
  --color-surface-container-lowest: var(--pallete-surface-container-lowest);
  --color-surface-container-lowest-rgb: var(--pallete-surface-container-lowest-rgb);
  --color-surface-container-low: var(--pallete-surface-container-low);
  --color-surface-container-low-rgb: var(--pallete-surface-container-low-rgb);
  --color-surface-container: var(--pallete-surface-container);
  --color-surface-container-rgb: var(--pallete-surface-container-rgb);
  --color-surface-container-high: var(--pallete-surface-container-high);
  --color-surface-container-high-rgb: var(--pallete-surface-container-high-rgb);
  --color-surface-container-highest: var(--pallete-surface-container-highest);
  --color-surface-container-highest-rgb: var(--pallete-surface-container-highest-rgb);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
  background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0;
}

a img {
  border: 0;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  font-size: inherit;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

input,
textarea {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

:root {
  --navbar-height: 72px;
  --navbar-height-large: 96px;
  --container-max-width: 1200px;
}

/**
 * Breakpoint mixins
 */
/* Global Styles */
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
html,
body {
  height: 100%;
  font-family: "Roboto", sans-serif;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

.bold {
  font-weight: 600;
}

.blue-text {
  color: #2a53c5;
}

.red-text {
  color: #990000;
}

.dark-blue-text {
  color: #000066;
}

.large-text {
  font-size: 1.125rem;
}

.section-header {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 16px;
}
.section-header:not(:first-child) {
  margin-top: 20px;
}

.hidden {
  display: none !important;
}

.navbar {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: var(--navbar-height);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar__mobile-wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 16px;
  align-items: center;
}
@media (min-width: 960px) {
  .navbar__mobile-wrapper {
    display: none;
  }
}

.navbar__hamburger,
.navbar__close {
  cursor: pointer;
}

.navbar__hamburger-line {
  width: 24px;
  height: 2px;
  background-color: var(--color-primary);
  margin: 4px 0;
  transition: all 0.3s;
}

.navbar__desktop-wrapper {
  display: none;
}
@media (min-width: 960px) {
  .navbar__desktop-wrapper {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
    max-width: var(--container-max-width);
    margin: 0 auto;
  }
}

.navbar__desktop-menu-wrapper {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.navbar__logo-img {
  height: 50px;
}
@media (min-width: 960px) {
  .navbar__logo-img {
    height: 60px;
  }
}

.navbar__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}

.navbar__menu-link {
  text-decoration: none;
  color: var(--color-primary);
  font-size: 1.25rem;
}
.navbar__menu-link:hover {
  color: var(--color-secondary);
}

.navbar__menu-request-quote-btn {
  background-color: var(--color-primary);
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 1.125rem;
  align-self: center;
}
.navbar__menu-request-quote-btn:hover {
  background-color: rgba(var(--color-primary-rgb), 0.9);
  transition: all 0.3s ease-in-out;
}

.navbar__close svg {
  stroke: var(--color-primary);
  width: 26px;
  height: 26px;
}

.navbar__mobile-menu-wrapper {
  position: absolute;
  top: var(--navbar-height);
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--color-white);
  width: 100%;
  height: 0px;
  transition: height 0.25s ease-out;
  overflow: hidden;
}
@media (min-width: 960px) {
  .navbar__mobile-menu-wrapper {
    display: none;
  }
}
.navbar__mobile-menu-wrapper.open {
  height: 300px;
}

.navbar__mobile-menu-link {
  width: 100%;
  padding: 0 16px;
  text-decoration: none;
  color: var(--color-primary);
  font-size: 1.25rem;
}
.navbar__mobile-menu-link:hover {
  color: var(--color-primary-60);
}

.navbar__mobile-menu-wrapper li:not(:last-child) {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.4);
}

.page-header {
  background-color: var(--color-primary);
}

.page-header__container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 24px;
}

.page-header__title {
  font-size: 2rem;
  line-height: 48px;
  font-weight: 300;
  text-align: center;
  color: var(--color-on-primary);
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.page-content {
  background-color: var(--color-surface-bright);
  color: var(--color-on-surface);
}
.page-content p {
  font-size: 1.125rem;
  line-height: 28px;
  margin-bottom: 12px;
}
.page-content ul {
  list-style-type: disc;
  margin-bottom: 16px;
}
.page-content li {
  font-size: 1rem;
  line-height: 24px;
  margin-left: 36px;
}

.page-content__img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.page-content__img {
  width: 300px;
}
@media (min-width: 480px) {
  .page-content__img {
    width: 400px;
  }
}
@media (min-width: 600px) {
  .page-content__img {
    width: 500px;
  }
}
@media (min-width: 782px) {
  .page-content__img {
    width: 700px;
  }
}

.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 16px;
}
@media (min-width: 782px) {
  .container {
    padding: 24px;
  }
}

.footer {
  background-color: var(--color-white);
  padding: 24px 0;
}
@media (min-width: 960px) {
  .footer {
    padding: 48px 0;
  }
}

.footer__inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 960px) {
  .footer__inner {
    gap: 16px;
    flex-direction: row;
    justify-content: space-between;
  }
}

.footer__logo img {
  max-width: 100px;
}

.footer__copy-text {
  margin-top: 24px;
  text-align: center;
  font-size: 0.875rem;
  color: var(--color-neutral-50);
}

.footer__title {
  font-weight: 500;
  font-size: 1.25rem;
  margin-bottom: 16px;
  color: var(--color-primary-20);
}

.footer__contacts h4 {
  color: var(--color-primary-20);
  font-weight: 500;
  margin-bottom: 12px;
}
.footer__contacts p {
  color: var(--color-neutral-30);
  margin-bottom: 12px;
  font-size: 0.875rem;
}

.footer__link {
  margin-bottom: 12px;
}
.footer__link a {
  color: var(--color-primary-20);
  text-decoration: none;
}
.footer__link a:hover {
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.home-hero__wrapper {
  background-color: var(--color-surface-bright);
  color: var(--color-on-surface);
}

.home-hero {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 24px;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media (min-width: 782px) {
  .home-hero {
    flex-direction: column-reverse;
    gap: 48px;
    padding: 72px 24px;
  }
}

@media (min-width: 782px) {
  .home-hero__text-wrapper {
    flex: 1;
  }
}

.home-hero__img-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-white);
  padding: 16px;
  border-radius: 16px;
}
@media (min-width: 782px) {
  .home-hero__img-wrapper {
    flex: 1;
  }
}
.home-hero__img-wrapper img {
  width: 300px;
  max-width: 100%;
}
@media (min-width: 480px) {
  .home-hero__img-wrapper img {
    width: 400px;
  }
}
@media (min-width: 600px) {
  .home-hero__img-wrapper img {
    width: 500px;
  }
}
@media (min-width: 782px) {
  .home-hero__img-wrapper img {
    width: 700px;
  }
}

.home-hero__title {
  color: var(--color-primary);
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 782px) {
  .home-hero__title {
    text-align: left;
  }
}

.home-hero__desc {
  margin-bottom: 36px;
}
.home-hero__desc p {
  font-size: 1.125rem;
  line-height: 28px;
  margin-bottom: 12px;
}

.home-hero__cta-btn {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 12px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 1.125rem;
  align-self: center;
}
.home-hero__cta-btn:hover {
  background-color: rgba(var(--color-primary-rgb), 0.9);
  transition: all 0.3s ease-in-out;
}

.erp-solutions__jde-image-wrapper,
.erp-solutions__oracle-partner-image-wrapper {
  margin: 24px 0;
}

.erp-solutions__jde-image {
  width: 250px;
}

.erp-solutions__oracle-partner-image {
  width: 300px;
}

.contact__details-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 960px) {
  .contact__details-wrapper {
    flex-direction: row;
    gap: 48px;
  }
}

.contact__details-data {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contact__details-data-item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 782px) {
  .contact__details-data-item {
    flex-direction: row;
    gap: 16px;
  }
}

.contact__details-data-item-photo-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  align-items: center;
  width: 200px;
  align-self: center;
}
@media (min-width: 782px) {
  .contact__details-data-item-photo-wrapper {
    align-self: flex-start;
  }
}

.contact__details-data-item-photo-title {
  display: none;
}
@media (min-width: 782px) {
  .contact__details-data-item-photo-title {
    font-size: 0.875rem;
    color: #666;
    text-align: center;
    margin-top: 8px;
  }
}

.contact__details-data-item-photo {
  width: 200px;
}

.contact__details-data-item-meta-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
@media (min-width: 782px) {
  .contact__details-data-item-meta-wrapper {
    align-items: flex-start;
  }
}
.contact__details-data-item-meta-wrapper p {
  font-size: 0.875rem;
  line-height: 20px;
}

.contact__details-data-item-title {
  font-size: 1.125rem;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-primary);
  text-align: center;
}
@media (min-width: 782px) {
  .contact__details-data-item-title {
    text-align: left;
  }
}

.contact__details-form-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  background-color: #eef0f2;
  padding: 16px;
  align-self: center;
}
@media (min-width: 782px) {
  .contact__details-form-wrapper {
    width: 500px;
    max-width: 500px;
    padding: 20px;
  }
}
@media (min-width: 960px) {
  .contact__details-form-wrapper {
    width: 400px;
    flex-shrink: 0;
    align-self: flex-start;
  }
}

.contact__details-form-title {
  font-weight: 500;
  font-size: 1.125rem;
  margin-bottom: 16px;
}

.form-fieldset {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: initial;
  box-sizing: border-box;
  clear: both;
  margin-bottom: 16px;
}

.form-label {
  display: block;
  margin-bottom: 4px;
  color: #666;
}

input.form-text-input[type=date],
input.form-text-input[type=email],
input.form-text-input[type=number],
input.form-text-input[type=password],
input.form-text-input[type=search],
input.form-text-input[type=tel],
input.form-text-input[type=text],
input.form-text-input[type=url],
select.form-select,
textarea.form-textarea {
  margin: 0;
  padding: 7px 14px;
  width: 100%;
  color: var(--color-neutral-30);
  font-size: 1rem;
  line-height: 1.5;
  border: 1px solid var(--color-bw-d);
  border-radius: 2px;
  background-color: var(--color-surface);
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
}
input.form-text-input[type=date]::-moz-placeholder, input.form-text-input[type=email]::-moz-placeholder, input.form-text-input[type=number]::-moz-placeholder, input.form-text-input[type=password]::-moz-placeholder, input.form-text-input[type=search]::-moz-placeholder, input.form-text-input[type=tel]::-moz-placeholder, input.form-text-input[type=text]::-moz-placeholder, input.form-text-input[type=url]::-moz-placeholder, select.form-select::-moz-placeholder, textarea.form-textarea::-moz-placeholder {
  color: var(--color-neutral-70);
}
input.form-text-input[type=date]::placeholder,
input.form-text-input[type=email]::placeholder,
input.form-text-input[type=number]::placeholder,
input.form-text-input[type=password]::placeholder,
input.form-text-input[type=search]::placeholder,
input.form-text-input[type=tel]::placeholder,
input.form-text-input[type=text]::placeholder,
input.form-text-input[type=url]::placeholder,
select.form-select::placeholder,
textarea.form-textarea::placeholder {
  color: var(--color-neutral-70);
}

input.form-text-input:focus[type=date],
input.form-text-input:focus[type=email],
input.form-text-input:focus[type=number],
input.form-text-input:focus[type=password],
input.form-text-input:focus[type=search],
input.form-text-input:focus[type=tel],
input.form-text-input:focus[type=text],
input.form-text-input:focus[type=url],
select.form-select:focus,
textarea.form-textarea:focus {
  border-color: var(--color-primary);
  outline: none;
  box-shadow: 0 0 0 2px var(--color-primary-10);
}

.contact__cta-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}

.contact__form-button {
  background-color: var(--color-primary);
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  color: var(--color-on-primary);
  border: none;
  outline: 0;
  font-size: 1rem;
  font-weight: 500;
  width: 100px;
}
.contact__form-button:hover {
  cursor: pointer;
  background-color: rgba(var(--color-primary-rgb), 0.9);
}/*# sourceMappingURL=style.css.map */