:root {
  --c-brand: #0EA5EA;
  --c-brand-rgb: 14, 165, 234;
  --c-brand-2: #0BD1D1;
  --c-brand-2-rgb: 11, 209, 209;
  --c-accent: #1CC2E7;
  --c-accent-rgb: 28, 194, 231;
  --c-gray-50: #E6F0FF;
  --c-gray-50-rgb: 230, 240, 255;
  --c-gray-100: #D8E6FB;
  --c-gray-100-rgb: 216, 230, 251;
  --c-gray-200: #C9DAF5;
  --c-gray-200-rgb: 201, 218, 245;
  --c-gray-300: #B8CDEB;
  --c-gray-300-rgb: 184, 205, 235;
  --c-gray-400: #A7BDDD;
  --c-gray-400-rgb: 167, 189, 221;
  --c-gray-500: #94A9C9;
  --c-gray-500-rgb: 148, 169, 201;
  --c-gray-600: #7F92B0;
  --c-gray-600-rgb: 127, 146, 176;
  --c-gray-700: #66768F;
  --c-gray-700-rgb: 102, 118, 143;
  --c-gray-800: #222F43;
  --c-gray-800-rgb: 34, 47, 67;
  --c-gray-850: #131C31;
  --c-gray-850-rgb: 19, 28, 49;
  --c-gray-900: #0F172A;
  --c-gray-900-rgb: 15, 23, 42;
  --c-gray-950: #0B1222;
  --c-gray-950-rgb: 11, 18, 34;
  --c-heading: #B9E0F2;
  --c-heading-rgb: 185, 224, 242;
  --c-breadcrumb: #667085;
  --c-breadcrumb-rgb: 102, 112, 133;
  --c-white: #FFFFFF;
  --c-white-rgb: 255, 255, 255;
  --c-black: #000000;
  --c-black-rgb: 0, 0, 0;
  --c-black-soft: #333333;
  --c-black-soft-rgb: 51, 51, 51;
  --c-shadow: #151C26;
  --c-shadow-rgb: 21, 28, 38;
  --c-border-soft: #D5DFE4;
  --c-border-soft-rgb: 213, 223, 228;
  --c-divider: #E4E4E4;
  --c-divider-rgb: 228, 228, 228;
  --c-border-tab: #E7E7E7;
  --c-border-tab-rgb: 231, 231, 231;
  --c-neutral-1: #EBF0F3;
  --c-neutral-1-rgb: 235, 240, 243;
  --c-social-bg: #EFEAFF;
  --c-social-bg-rgb: 239, 234, 255;
  --c-phone-bg: #DDD3FA;
  --c-phone-bg-rgb: 221, 211, 250;
  --c-success: #6CFFC1;
  --c-success-rgb: 108, 255, 193;
  --c-danger: #FF756C;
  --c-danger-rgb: 255, 117, 108;
  --n-bg: #F9FBFF;
  --n-bg-rgb: 249, 251, 255;
  --n-surface: #E8EDF5;
  --n-surface-rgb: 232, 237, 245;
  --n-border: #E9EEF5;
  --n-border-rgb: 233, 238, 245;
  --n-border-2: #C2D4EE;
  --n-border-2-rgb: 194, 212, 238;
  --n-text: #344161;
  --n-text-rgb: 52, 65, 97;
  --n-text-2: #66768F;
  --n-text-2-rgb: 102, 118, 143;
  --n-muted: #7E9CC7;
  --n-muted-rgb: 126, 156, 199;
  --n-muted-2: #708AB0;
  --n-muted-2-rgb: 112, 138, 176;
  --n-muted-3: #7F92B0;
  --n-muted-3-rgb: 127, 146, 176;
  --n-gray-100: #4A576A;
  --n-gray-100-rgb: 74, 87, 106;
  --n-gray-400: #6F92B0;
  --n-gray-400-rgb: 111, 146, 176;
  --n-gray-700: #4E658A;
  --n-gray-700-rgb: 78, 101, 138;
  --n-brand: #0EA5EA;
  --n-brand-rgb: 14, 165, 234;
  --n-on-brand: #0B1222;
  --n-on-brand-rgb: 11, 18, 34;
  --n-input-text: #0F172A;
  --n-input-text-rgb: 15, 23, 42;
  --n-readmore: #F1F3F7;
  --n-readmore-rgb: 241, 243, 247;
  --n-white: #FFFFFF;
  --n-white-rgb: 255, 255, 255;
  --t-font-family: "Noto Sans", sans-serif;
  --t-font-heading: "Noto Sans", sans-serif;
  --t-google-fonts-url: https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700;800&display=swap;
  --t-radius: 16px;
  --t-radius-sm: 8px;
  --t-container: 1320px;
}

body,
.font-heading,
button,
input,
select,
textarea {
  font-family: var(--t-font-family);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--t-font-heading);
}

.container {
  max-width: var(--t-container);
}