@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* theme variables */
.bg-color-primary-50 {
  background-color: var(--color-primary-50);
}

.bg-color-primary-50-0 {
  background-color: rgba(var(--color-primary-rgb-50), 0);
}

.bg-color-primary-50-25 {
  background-color: rgba(var(--color-primary-rgb-50), 0.25);
}

.bg-color-primary-50-50 {
  background-color: rgba(var(--color-primary-rgb-50), 0.5);
}

.bg-color-primary-50-75 {
  background-color: rgba(var(--color-primary-rgb-50), 0.75);
}

.bg-color-primary-50-100 {
  background-color: rgba(var(--color-primary-rgb-50), 100);
}

.bg-color-secondary-50 {
  background-color: var(--color-secondary-50);
}

.bg-color-secondary-50-0 {
  background-color: rgba(var(--color-secondary-rgb-50), 0);
}

.bg-color-secondary-50-25 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.25);
}

.bg-color-secondary-50-50 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.5);
}

.bg-color-secondary-50-75 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.75);
}

.bg-color-secondary-50-100 {
  background-color: rgba(var(--color-secondary-rgb-50), 100);
}

.bg-color-gray-50 {
  background-color: var(--color-gray-50);
}

.bg-color-gray-50-0 {
  background-color: rgba(var(--color-gray-rgb-50), 0);
}

.bg-color-gray-50-25 {
  background-color: rgba(var(--color-gray-rgb-50), 0.25);
}

.bg-color-gray-50-50 {
  background-color: rgba(var(--color-gray-rgb-50), 0.5);
}

.bg-color-gray-50-75 {
  background-color: rgba(var(--color-gray-rgb-50), 0.75);
}

.bg-color-gray-50-100 {
  background-color: rgba(var(--color-gray-rgb-50), 100);
}

.bg-color-primary-100 {
  background-color: var(--color-primary-100);
}

.bg-color-primary-100-0 {
  background-color: rgba(var(--color-primary-rgb-100), 0);
}

.bg-color-primary-100-25 {
  background-color: rgba(var(--color-primary-rgb-100), 0.25);
}

.bg-color-primary-100-50 {
  background-color: rgba(var(--color-primary-rgb-100), 0.5);
}

.bg-color-primary-100-75 {
  background-color: rgba(var(--color-primary-rgb-100), 0.75);
}

.bg-color-primary-100-100 {
  background-color: rgba(var(--color-primary-rgb-100), 100);
}

.bg-color-secondary-100 {
  background-color: var(--color-secondary-100);
}

.bg-color-secondary-100-0 {
  background-color: rgba(var(--color-secondary-rgb-100), 0);
}

.bg-color-secondary-100-25 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.25);
}

.bg-color-secondary-100-50 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.5);
}

.bg-color-secondary-100-75 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.75);
}

.bg-color-secondary-100-100 {
  background-color: rgba(var(--color-secondary-rgb-100), 100);
}

.bg-color-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-color-gray-100-0 {
  background-color: rgba(var(--color-gray-rgb-100), 0);
}

.bg-color-gray-100-25 {
  background-color: rgba(var(--color-gray-rgb-100), 0.25);
}

.bg-color-gray-100-50 {
  background-color: rgba(var(--color-gray-rgb-100), 0.5);
}

.bg-color-gray-100-75 {
  background-color: rgba(var(--color-gray-rgb-100), 0.75);
}

.bg-color-gray-100-100 {
  background-color: rgba(var(--color-gray-rgb-100), 100);
}

.bg-color-primary-200 {
  background-color: var(--color-primary-200);
}

.bg-color-primary-200-0 {
  background-color: rgba(var(--color-primary-rgb-200), 0);
}

.bg-color-primary-200-25 {
  background-color: rgba(var(--color-primary-rgb-200), 0.25);
}

.bg-color-primary-200-50 {
  background-color: rgba(var(--color-primary-rgb-200), 0.5);
}

.bg-color-primary-200-75 {
  background-color: rgba(var(--color-primary-rgb-200), 0.75);
}

.bg-color-primary-200-100 {
  background-color: rgba(var(--color-primary-rgb-200), 100);
}

.bg-color-secondary-200 {
  background-color: var(--color-secondary-200);
}

.bg-color-secondary-200-0 {
  background-color: rgba(var(--color-secondary-rgb-200), 0);
}

.bg-color-secondary-200-25 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.25);
}

.bg-color-secondary-200-50 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.5);
}

.bg-color-secondary-200-75 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.75);
}

.bg-color-secondary-200-100 {
  background-color: rgba(var(--color-secondary-rgb-200), 100);
}

.bg-color-gray-200 {
  background-color: var(--color-gray-200);
}

.bg-color-gray-200-0 {
  background-color: rgba(var(--color-gray-rgb-200), 0);
}

.bg-color-gray-200-25 {
  background-color: rgba(var(--color-gray-rgb-200), 0.25);
}

.bg-color-gray-200-50 {
  background-color: rgba(var(--color-gray-rgb-200), 0.5);
}

.bg-color-gray-200-75 {
  background-color: rgba(var(--color-gray-rgb-200), 0.75);
}

.bg-color-gray-200-100 {
  background-color: rgba(var(--color-gray-rgb-200), 100);
}

.bg-color-primary-300 {
  background-color: var(--color-primary-300);
}

.bg-color-primary-300-0 {
  background-color: rgba(var(--color-primary-rgb-300), 0);
}

.bg-color-primary-300-25 {
  background-color: rgba(var(--color-primary-rgb-300), 0.25);
}

.bg-color-primary-300-50 {
  background-color: rgba(var(--color-primary-rgb-300), 0.5);
}

.bg-color-primary-300-75 {
  background-color: rgba(var(--color-primary-rgb-300), 0.75);
}

.bg-color-primary-300-100 {
  background-color: rgba(var(--color-primary-rgb-300), 100);
}

.bg-color-secondary-300 {
  background-color: var(--color-secondary-300);
}

.bg-color-secondary-300-0 {
  background-color: rgba(var(--color-secondary-rgb-300), 0);
}

.bg-color-secondary-300-25 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.25);
}

.bg-color-secondary-300-50 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.5);
}

.bg-color-secondary-300-75 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.75);
}

.bg-color-secondary-300-100 {
  background-color: rgba(var(--color-secondary-rgb-300), 100);
}

.bg-color-gray-300 {
  background-color: var(--color-gray-300);
}

.bg-color-gray-300-0 {
  background-color: rgba(var(--color-gray-rgb-300), 0);
}

.bg-color-gray-300-25 {
  background-color: rgba(var(--color-gray-rgb-300), 0.25);
}

.bg-color-gray-300-50 {
  background-color: rgba(var(--color-gray-rgb-300), 0.5);
}

.bg-color-gray-300-75 {
  background-color: rgba(var(--color-gray-rgb-300), 0.75);
}

.bg-color-gray-300-100 {
  background-color: rgba(var(--color-gray-rgb-300), 100);
}

.bg-color-primary-400 {
  background-color: var(--color-primary-400);
}

.bg-color-primary-400-0 {
  background-color: rgba(var(--color-primary-rgb-400), 0);
}

.bg-color-primary-400-25 {
  background-color: rgba(var(--color-primary-rgb-400), 0.25);
}

.bg-color-primary-400-50 {
  background-color: rgba(var(--color-primary-rgb-400), 0.5);
}

.bg-color-primary-400-75 {
  background-color: rgba(var(--color-primary-rgb-400), 0.75);
}

.bg-color-primary-400-100 {
  background-color: rgba(var(--color-primary-rgb-400), 100);
}

.bg-color-secondary-400 {
  background-color: var(--color-secondary-400);
}

.bg-color-secondary-400-0 {
  background-color: rgba(var(--color-secondary-rgb-400), 0);
}

.bg-color-secondary-400-25 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.25);
}

.bg-color-secondary-400-50 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.5);
}

.bg-color-secondary-400-75 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.75);
}

.bg-color-secondary-400-100 {
  background-color: rgba(var(--color-secondary-rgb-400), 100);
}

.bg-color-gray-400 {
  background-color: var(--color-gray-400);
}

.bg-color-gray-400-0 {
  background-color: rgba(var(--color-gray-rgb-400), 0);
}

.bg-color-gray-400-25 {
  background-color: rgba(var(--color-gray-rgb-400), 0.25);
}

.bg-color-gray-400-50 {
  background-color: rgba(var(--color-gray-rgb-400), 0.5);
}

.bg-color-gray-400-75 {
  background-color: rgba(var(--color-gray-rgb-400), 0.75);
}

.bg-color-gray-400-100 {
  background-color: rgba(var(--color-gray-rgb-400), 100);
}

.bg-color-primary-500 {
  background-color: var(--color-primary-500);
}

.bg-color-primary-500-0 {
  background-color: rgba(var(--color-primary-rgb-500), 0);
}

.bg-color-primary-500-25 {
  background-color: rgba(var(--color-primary-rgb-500), 0.25);
}

.bg-color-primary-500-50 {
  background-color: rgba(var(--color-primary-rgb-500), 0.5);
}

.bg-color-primary-500-75 {
  background-color: rgba(var(--color-primary-rgb-500), 0.75);
}

.bg-color-primary-500-100 {
  background-color: rgba(var(--color-primary-rgb-500), 100);
}

.bg-color-secondary-500 {
  background-color: var(--color-secondary-500);
}

.bg-color-secondary-500-0 {
  background-color: rgba(var(--color-secondary-rgb-500), 0);
}

.bg-color-secondary-500-25 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.25);
}

.bg-color-secondary-500-50 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.5);
}

.bg-color-secondary-500-75 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.75);
}

.bg-color-secondary-500-100 {
  background-color: rgba(var(--color-secondary-rgb-500), 100);
}

.bg-color-gray-500 {
  background-color: var(--color-gray-500);
}

.bg-color-gray-500-0 {
  background-color: rgba(var(--color-gray-rgb-500), 0);
}

.bg-color-gray-500-25 {
  background-color: rgba(var(--color-gray-rgb-500), 0.25);
}

.bg-color-gray-500-50 {
  background-color: rgba(var(--color-gray-rgb-500), 0.5);
}

.bg-color-gray-500-75 {
  background-color: rgba(var(--color-gray-rgb-500), 0.75);
}

.bg-color-gray-500-100 {
  background-color: rgba(var(--color-gray-rgb-500), 100);
}

.bg-color-primary-600 {
  background-color: var(--color-primary-600);
}

.bg-color-primary-600-0 {
  background-color: rgba(var(--color-primary-rgb-600), 0);
}

.bg-color-primary-600-25 {
  background-color: rgba(var(--color-primary-rgb-600), 0.25);
}

.bg-color-primary-600-50 {
  background-color: rgba(var(--color-primary-rgb-600), 0.5);
}

.bg-color-primary-600-75 {
  background-color: rgba(var(--color-primary-rgb-600), 0.75);
}

.bg-color-primary-600-100 {
  background-color: rgba(var(--color-primary-rgb-600), 100);
}

.bg-color-secondary-600 {
  background-color: var(--color-secondary-600);
}

.bg-color-secondary-600-0 {
  background-color: rgba(var(--color-secondary-rgb-600), 0);
}

.bg-color-secondary-600-25 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.25);
}

.bg-color-secondary-600-50 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.5);
}

.bg-color-secondary-600-75 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.75);
}

.bg-color-secondary-600-100 {
  background-color: rgba(var(--color-secondary-rgb-600), 100);
}

.bg-color-gray-600 {
  background-color: var(--color-gray-600);
}

.bg-color-gray-600-0 {
  background-color: rgba(var(--color-gray-rgb-600), 0);
}

.bg-color-gray-600-25 {
  background-color: rgba(var(--color-gray-rgb-600), 0.25);
}

.bg-color-gray-600-50 {
  background-color: rgba(var(--color-gray-rgb-600), 0.5);
}

.bg-color-gray-600-75 {
  background-color: rgba(var(--color-gray-rgb-600), 0.75);
}

.bg-color-gray-600-100 {
  background-color: rgba(var(--color-gray-rgb-600), 100);
}

.bg-color-primary-700 {
  background-color: var(--color-primary-700);
}

.bg-color-primary-700-0 {
  background-color: rgba(var(--color-primary-rgb-700), 0);
}

.bg-color-primary-700-25 {
  background-color: rgba(var(--color-primary-rgb-700), 0.25);
}

.bg-color-primary-700-50 {
  background-color: rgba(var(--color-primary-rgb-700), 0.5);
}

.bg-color-primary-700-75 {
  background-color: rgba(var(--color-primary-rgb-700), 0.75);
}

.bg-color-primary-700-100 {
  background-color: rgba(var(--color-primary-rgb-700), 100);
}

.bg-color-secondary-700 {
  background-color: var(--color-secondary-700);
}

.bg-color-secondary-700-0 {
  background-color: rgba(var(--color-secondary-rgb-700), 0);
}

.bg-color-secondary-700-25 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.25);
}

.bg-color-secondary-700-50 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.5);
}

.bg-color-secondary-700-75 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.75);
}

.bg-color-secondary-700-100 {
  background-color: rgba(var(--color-secondary-rgb-700), 100);
}

.bg-color-gray-700 {
  background-color: var(--color-gray-700);
}

.bg-color-gray-700-0 {
  background-color: rgba(var(--color-gray-rgb-700), 0);
}

.bg-color-gray-700-25 {
  background-color: rgba(var(--color-gray-rgb-700), 0.25);
}

.bg-color-gray-700-50 {
  background-color: rgba(var(--color-gray-rgb-700), 0.5);
}

.bg-color-gray-700-75 {
  background-color: rgba(var(--color-gray-rgb-700), 0.75);
}

.bg-color-gray-700-100 {
  background-color: rgba(var(--color-gray-rgb-700), 100);
}

.bg-color-primary-800 {
  background-color: var(--color-primary-800);
}

.bg-color-primary-800-0 {
  background-color: rgba(var(--color-primary-rgb-800), 0);
}

.bg-color-primary-800-25 {
  background-color: rgba(var(--color-primary-rgb-800), 0.25);
}

.bg-color-primary-800-50 {
  background-color: rgba(var(--color-primary-rgb-800), 0.5);
}

.bg-color-primary-800-75 {
  background-color: rgba(var(--color-primary-rgb-800), 0.75);
}

.bg-color-primary-800-100 {
  background-color: rgba(var(--color-primary-rgb-800), 100);
}

.bg-color-secondary-800 {
  background-color: var(--color-secondary-800);
}

.bg-color-secondary-800-0 {
  background-color: rgba(var(--color-secondary-rgb-800), 0);
}

.bg-color-secondary-800-25 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.25);
}

.bg-color-secondary-800-50 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.5);
}

.bg-color-secondary-800-75 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.75);
}

.bg-color-secondary-800-100 {
  background-color: rgba(var(--color-secondary-rgb-800), 100);
}

.bg-color-gray-800 {
  background-color: var(--color-gray-800);
}

.bg-color-gray-800-0 {
  background-color: rgba(var(--color-gray-rgb-800), 0);
}

.bg-color-gray-800-25 {
  background-color: rgba(var(--color-gray-rgb-800), 0.25);
}

.bg-color-gray-800-50 {
  background-color: rgba(var(--color-gray-rgb-800), 0.5);
}

.bg-color-gray-800-75 {
  background-color: rgba(var(--color-gray-rgb-800), 0.75);
}

.bg-color-gray-800-100 {
  background-color: rgba(var(--color-gray-rgb-800), 100);
}

.bg-color-primary-900 {
  background-color: var(--color-primary-900);
}

.bg-color-primary-900-0 {
  background-color: rgba(var(--color-primary-rgb-900), 0);
}

.bg-color-primary-900-25 {
  background-color: rgba(var(--color-primary-rgb-900), 0.25);
}

.bg-color-primary-900-50 {
  background-color: rgba(var(--color-primary-rgb-900), 0.5);
}

.bg-color-primary-900-75 {
  background-color: rgba(var(--color-primary-rgb-900), 0.75);
}

.bg-color-primary-900-100 {
  background-color: rgba(var(--color-primary-rgb-900), 100);
}

.bg-color-secondary-900 {
  background-color: var(--color-secondary-900);
}

.bg-color-secondary-900-0 {
  background-color: rgba(var(--color-secondary-rgb-900), 0);
}

.bg-color-secondary-900-25 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.25);
}

.bg-color-secondary-900-50 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.5);
}

.bg-color-secondary-900-75 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.75);
}

.bg-color-secondary-900-100 {
  background-color: rgba(var(--color-secondary-rgb-900), 100);
}

.bg-color-gray-900 {
  background-color: var(--color-gray-900);
}

.bg-color-gray-900-0 {
  background-color: rgba(var(--color-gray-rgb-900), 0);
}

.bg-color-gray-900-25 {
  background-color: rgba(var(--color-gray-rgb-900), 0.25);
}

.bg-color-gray-900-50 {
  background-color: rgba(var(--color-gray-rgb-900), 0.5);
}

.bg-color-gray-900-75 {
  background-color: rgba(var(--color-gray-rgb-900), 0.75);
}

.bg-color-gray-900-100 {
  background-color: rgba(var(--color-gray-rgb-900), 100);
}

.bg-color-primary-950 {
  background-color: var(--color-primary-950);
}

.bg-color-primary-950-0 {
  background-color: rgba(var(--color-primary-rgb-950), 0);
}

.bg-color-primary-950-25 {
  background-color: rgba(var(--color-primary-rgb-950), 0.25);
}

.bg-color-primary-950-50 {
  background-color: rgba(var(--color-primary-rgb-950), 0.5);
}

.bg-color-primary-950-75 {
  background-color: rgba(var(--color-primary-rgb-950), 0.75);
}

.bg-color-primary-950-100 {
  background-color: rgba(var(--color-primary-rgb-950), 100);
}

.bg-color-secondary-950 {
  background-color: var(--color-secondary-950);
}

.bg-color-secondary-950-0 {
  background-color: rgba(var(--color-secondary-rgb-950), 0);
}

.bg-color-secondary-950-25 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.25);
}

.bg-color-secondary-950-50 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.5);
}

.bg-color-secondary-950-75 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.75);
}

.bg-color-secondary-950-100 {
  background-color: rgba(var(--color-secondary-rgb-950), 100);
}

.bg-color-gray-950 {
  background-color: var(--color-gray-950);
}

.bg-color-gray-950-0 {
  background-color: rgba(var(--color-gray-rgb-950), 0);
}

.bg-color-gray-950-25 {
  background-color: rgba(var(--color-gray-rgb-950), 0.25);
}

.bg-color-gray-950-50 {
  background-color: rgba(var(--color-gray-rgb-950), 0.5);
}

.bg-color-gray-950-75 {
  background-color: rgba(var(--color-gray-rgb-950), 0.75);
}

.bg-color-gray-950-100 {
  background-color: rgba(var(--color-gray-rgb-950), 100);
}

.bg-color-white-0 {
  background-color: rgba(var(--color-additional-white-rgb), 0);
}

.bg-color-white-25 {
  background-color: rgba(var(--color-additional-white-rgb), 0.25);
}

.bg-color-white-50 {
  background-color: rgba(var(--color-additional-white-rgb), 0.5);
}

.bg-color-white-75 {
  background-color: rgba(var(--color-additional-white-rgb), 0.75);
}

.bg-color-white-100 {
  background-color: rgba(var(--color-additional-white-rgb), 100);
}

.bg-color-primary {
  background-color: var(--color-primary);
}
.bg-color-secondary {
  background-color: var(--color-secondary);
}

:root {
  --color-primary-50: #fefbe8;
  --color-primary-100: #fef5c3;
  --color-primary-200: #fee98a;
  --color-primary-300: #fdcf2f;
  --color-primary-400: #fabd15;
  --color-primary-500: #eaa508;
  --color-primary-600: #ca7d04;
  --color-primary-700: #a15807;
  --color-primary-800: #85450e;
  --color-primary-900: #713912;
  --color-primary-950: #421c06;
  --color-primary-rgb-50: 254, 251, 232;
  --color-primary-rgb-100: 254, 245, 195;
  --color-primary-rgb-200: 254, 233, 138;
  --color-primary-rgb-300: 253, 207, 47;
  --color-primary-rgb-400: 250, 189, 21;
  --color-primary-rgb-500: 234, 165, 8;
  --color-primary-rgb-600: 202, 125, 4;
  --color-primary-rgb-700: 161, 88, 7;
  --color-primary-rgb-800: 133, 69, 14;
  --color-primary-rgb-900: 113, 57, 18;
  --color-primary-rgb-950: 66, 28, 6;
  --color-secondary-50: #e9feff;
  --color-secondary-100: #c9fdff;
  --color-secondary-200: #99f9ff;
  --color-secondary-300: #54f1ff;
  --color-secondary-400: #07dfff;
  --color-secondary-500: #00c1ef;
  --color-secondary-600: #0098c9;
  --color-secondary-700: #0079a1;
  --color-secondary-800: #086182;
  --color-secondary-900: #0c506d;
  --color-secondary-950: #00293c;
  --color-secondary-rgb-50: 233, 254, 255;
  --color-secondary-rgb-100: 201, 253, 255;
  --color-secondary-rgb-200: 153, 249, 255;
  --color-secondary-rgb-300: 84, 241, 255;
  --color-secondary-rgb-400: 7, 223, 255;
  --color-secondary-rgb-500: 0, 193, 239;
  --color-secondary-rgb-600: 0, 152, 201;
  --color-secondary-rgb-700: 0, 121, 161;
  --color-secondary-rgb-800: 8, 97, 130;
  --color-secondary-rgb-900: 12, 80, 109;
  --color-secondary-rgb-950: 0, 41, 60;
  --color-gray-50: #f6f6f6;
  --color-gray-100: #e7e7e7;
  --color-gray-200: #d1d1d1;
  --color-gray-300: #b0b0b0;
  --color-gray-400: #888888;
  --color-gray-500: #6d6d6d;
  --color-gray-600: #5d5d5d;
  --color-gray-700: #454545;
  --color-gray-800: #3d3d3d;
  --color-gray-900: #121212;
  --color-gray-rgb-50: 246, 246, 246;
  --color-gray-rgb-100: 231, 231, 231;
  --color-gray-rgb-200: 209, 209, 209;
  --color-gray-rgb-300: 176, 176, 176;
  --color-gray-rgb-400: 136, 136, 136;
  --color-gray-rgb-500: 109, 109, 109;
  --color-gray-rgb-600: 93, 93, 93;
  --color-gray-rgb-700: 69, 69, 69;
  --color-gray-rgb-800: 61, 61, 61;
  --color-gray-rgb-900: 18, 18, 18;
  --color-additional-white: #FFFFFF;
  --color-additional-white-rgb: 255, 255, 255;
  --color-additional-blue: #2828AD;
  --color-additional-green: #31B131;
  --color-additional-orange: #ffa500;
  --color-additional-yellow: #F6F645;
  --color-additional-red: #F13333;
  --color-additional-black: #000000;
}

.section, .section-xxl, .section-xl, .section-lg, .section-md, .section-sm, .section-full {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media only screen and (min-width: 768px) {
  .section, .section-xxl, .section-xl, .section-lg, .section-md, .section-sm, .section-full {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.section-full {
  max-width: 100%;
}
.section-full .wrapper {
  max-width: 100%;
}

.section-sm {
  max-width: 548px;
}
.section-sm .wrapper {
  max-width: 548px;
}

.section-md {
  max-width: 768px;
}
.section-md .wrapper {
  max-width: 768px;
}

.section-lg {
  max-width: 948px;
}
.section-lg .wrapper {
  max-width: 948px;
}

.section-xl {
  max-width: 1188px;
}
.section-xl .wrapper {
  max-width: 1188px;
}

.section-xxl {
  max-width: 1368px;
}
.section-xxl .wrapper {
  max-width: 1368px;
}

h1,
h2,
h3 {
  line-height: 1.5;
  font-weight: 700;
}

h4,
h5,
h6 {
  line-height: 1.5;
  font-weight: 500;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 25px;
}

h6 {
  font-size: 22px;
}

.body-small {
  font-size: 14px;
  line-height: 1.5;
}
.body-small-l {
  font-weight: 300;
}
.body-small-r {
  font-weight: 400;
}
.body-small-m {
  font-weight: 500;
}
.body-small-b {
  font-weight: 700;
}
.body-small-black {
  font-weight: 900;
}

.body-medium {
  font-size: 16px;
  line-height: 1.5;
}
.body-medium-l {
  font-weight: 300;
}
.body-medium-r {
  font-weight: 400;
}
.body-medium-m {
  font-weight: 500;
}
.body-medium-b {
  font-weight: 700;
}
.body-medium-black {
  font-weight: 900;
}

.body-large {
  font-size: 18px;
  line-height: 1.5;
}
.body-large-l {
  font-weight: 300;
}
.body-large-r {
  font-weight: 400;
}
.body-large-m {
  font-weight: 500;
}
.body-large-b {
  font-weight: 700;
}
.body-large-black {
  font-weight: 900;
}

.body-xlarge {
  font-size: 18px;
  line-height: 1.5;
}
.body-xlarge-l {
  font-weight: 300;
}
.body-xlarge-r {
  font-weight: 400;
}
.body-xlarge-m {
  font-weight: 500;
}
.body-xlarge-b {
  font-weight: 700;
}
.body-xlarge-black {
  font-weight: 900;
}

.subtitle-small {
  font-size: 16px;
  line-height: 1.5;
}
.subtitle-small-l {
  font-weight: 300;
}
.subtitle-small-r {
  font-weight: 400;
}
.subtitle-small-m {
  font-weight: 500;
}
.subtitle-small-b {
  font-weight: 700;
}
.subtitle-small-black {
  font-weight: 900;
}

.subtitle-medium {
  font-size: 20px;
  line-height: 1.5;
}
.subtitle-medium-l {
  font-weight: 300;
}
.subtitle-medium-r {
  font-weight: 400;
}
.subtitle-medium-m {
  font-weight: 500;
}
.subtitle-medium-b {
  font-weight: 700;
}
.subtitle-medium-black {
  font-weight: 900;
}

.subtitle-large {
  font-size: 25px;
  line-height: 1.5;
}
.subtitle-large-l {
  font-weight: 300;
}
.subtitle-large-r {
  font-weight: 400;
}
.subtitle-large-m {
  font-weight: 500;
}
.subtitle-large-b {
  font-weight: 700;
}
.subtitle-large-black {
  font-weight: 900;
}

.title-small {
  font-size: 25px;
  line-height: 1.5;
}
.title-small-l {
  font-weight: 300;
}
.title-small-r {
  font-weight: 400;
}
.title-small-m {
  font-weight: 500;
}
.title-small-b {
  font-weight: 700;
}
.title-small-black {
  font-weight: 900;
}

.title-medium {
  font-size: 32px;
  line-height: 1.5;
}
.title-medium-l {
  font-weight: 300;
}
.title-medium-r {
  font-weight: 400;
}
.title-medium-m {
  font-weight: 500;
}
.title-medium-b {
  font-weight: 700;
}
.title-medium-black {
  font-weight: 900;
}

.title-large {
  font-size: 40px;
  line-height: 1.5;
}
.title-large-l {
  font-weight: 300;
}
.title-large-r {
  font-weight: 400;
}
.title-large-m {
  font-weight: 500;
}
.title-large-b {
  font-weight: 700;
}
.title-large-black {
  font-weight: 900;
}

:root {
  --color-primary: #fdcf2f;
  --color-secondary: #00293c;
  --color-tertiary: #666666;
  --color-fourth: #F2F2F2;
  --color-dark-grey: #3D3835;
  --color-grey: #c3b7b7;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-sticky-nav: #ffffff;
  --font-family-primary: Kanit, sans-serif;
}

.color-primary {
  color: var(--color-primary);
}

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

.color-primary-fill {
  fill: var(--color-primary);
}

.color-primary-border {
  border-color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-secondary-bg {
  background-color: var(--color-secondary);
}

.color-secondary-fill {
  fill: var(--color-secondary);
}

.color-secondary-border {
  border-color: var(--color-secondary);
}

.color-tertiary {
  color: var(--color-tertiary);
}

.color-tertiary-bg {
  background-color: var(--color-tertiary);
}

.color-tertiary-fill {
  fill: var(--color-tertiary);
}

.color-tertiary-border {
  border-color: var(--color-tertiary);
}

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

.bg-color-primary-50-0 {
  background-color: rgba(var(--color-primary-rgb-50), 0);
}

.bg-color-primary-50-25 {
  background-color: rgba(var(--color-primary-rgb-50), 0.25);
}

.bg-color-primary-50-50 {
  background-color: rgba(var(--color-primary-rgb-50), 0.5);
}

.bg-color-primary-50-75 {
  background-color: rgba(var(--color-primary-rgb-50), 0.75);
}

.bg-color-primary-50-100 {
  background-color: rgba(var(--color-primary-rgb-50), 100);
}

.bg-color-secondary-50 {
  background-color: var(--color-secondary-50);
}

.bg-color-secondary-50-0 {
  background-color: rgba(var(--color-secondary-rgb-50), 0);
}

.bg-color-secondary-50-25 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.25);
}

.bg-color-secondary-50-50 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.5);
}

.bg-color-secondary-50-75 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.75);
}

.bg-color-secondary-50-100 {
  background-color: rgba(var(--color-secondary-rgb-50), 100);
}

.bg-color-gray-50 {
  background-color: var(--color-gray-50);
}

.bg-color-gray-50-0 {
  background-color: rgba(var(--color-gray-rgb-50), 0);
}

.bg-color-gray-50-25 {
  background-color: rgba(var(--color-gray-rgb-50), 0.25);
}

.bg-color-gray-50-50 {
  background-color: rgba(var(--color-gray-rgb-50), 0.5);
}

.bg-color-gray-50-75 {
  background-color: rgba(var(--color-gray-rgb-50), 0.75);
}

.bg-color-gray-50-100 {
  background-color: rgba(var(--color-gray-rgb-50), 100);
}

.bg-color-primary-100 {
  background-color: var(--color-primary-100);
}

.bg-color-primary-100-0 {
  background-color: rgba(var(--color-primary-rgb-100), 0);
}

.bg-color-primary-100-25 {
  background-color: rgba(var(--color-primary-rgb-100), 0.25);
}

.bg-color-primary-100-50 {
  background-color: rgba(var(--color-primary-rgb-100), 0.5);
}

.bg-color-primary-100-75 {
  background-color: rgba(var(--color-primary-rgb-100), 0.75);
}

.bg-color-primary-100-100 {
  background-color: rgba(var(--color-primary-rgb-100), 100);
}

.bg-color-secondary-100 {
  background-color: var(--color-secondary-100);
}

.bg-color-secondary-100-0 {
  background-color: rgba(var(--color-secondary-rgb-100), 0);
}

.bg-color-secondary-100-25 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.25);
}

.bg-color-secondary-100-50 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.5);
}

.bg-color-secondary-100-75 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.75);
}

.bg-color-secondary-100-100 {
  background-color: rgba(var(--color-secondary-rgb-100), 100);
}

.bg-color-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-color-gray-100-0 {
  background-color: rgba(var(--color-gray-rgb-100), 0);
}

.bg-color-gray-100-25 {
  background-color: rgba(var(--color-gray-rgb-100), 0.25);
}

.bg-color-gray-100-50 {
  background-color: rgba(var(--color-gray-rgb-100), 0.5);
}

.bg-color-gray-100-75 {
  background-color: rgba(var(--color-gray-rgb-100), 0.75);
}

.bg-color-gray-100-100 {
  background-color: rgba(var(--color-gray-rgb-100), 100);
}

.bg-color-primary-200 {
  background-color: var(--color-primary-200);
}

.bg-color-primary-200-0 {
  background-color: rgba(var(--color-primary-rgb-200), 0);
}

.bg-color-primary-200-25 {
  background-color: rgba(var(--color-primary-rgb-200), 0.25);
}

.bg-color-primary-200-50 {
  background-color: rgba(var(--color-primary-rgb-200), 0.5);
}

.bg-color-primary-200-75 {
  background-color: rgba(var(--color-primary-rgb-200), 0.75);
}

.bg-color-primary-200-100 {
  background-color: rgba(var(--color-primary-rgb-200), 100);
}

.bg-color-secondary-200 {
  background-color: var(--color-secondary-200);
}

.bg-color-secondary-200-0 {
  background-color: rgba(var(--color-secondary-rgb-200), 0);
}

.bg-color-secondary-200-25 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.25);
}

.bg-color-secondary-200-50 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.5);
}

.bg-color-secondary-200-75 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.75);
}

.bg-color-secondary-200-100 {
  background-color: rgba(var(--color-secondary-rgb-200), 100);
}

.bg-color-gray-200 {
  background-color: var(--color-gray-200);
}

.bg-color-gray-200-0 {
  background-color: rgba(var(--color-gray-rgb-200), 0);
}

.bg-color-gray-200-25 {
  background-color: rgba(var(--color-gray-rgb-200), 0.25);
}

.bg-color-gray-200-50 {
  background-color: rgba(var(--color-gray-rgb-200), 0.5);
}

.bg-color-gray-200-75 {
  background-color: rgba(var(--color-gray-rgb-200), 0.75);
}

.bg-color-gray-200-100 {
  background-color: rgba(var(--color-gray-rgb-200), 100);
}

.bg-color-primary-300 {
  background-color: var(--color-primary-300);
}

.bg-color-primary-300-0 {
  background-color: rgba(var(--color-primary-rgb-300), 0);
}

.bg-color-primary-300-25 {
  background-color: rgba(var(--color-primary-rgb-300), 0.25);
}

.bg-color-primary-300-50 {
  background-color: rgba(var(--color-primary-rgb-300), 0.5);
}

.bg-color-primary-300-75 {
  background-color: rgba(var(--color-primary-rgb-300), 0.75);
}

.bg-color-primary-300-100 {
  background-color: rgba(var(--color-primary-rgb-300), 100);
}

.bg-color-secondary-300 {
  background-color: var(--color-secondary-300);
}

.bg-color-secondary-300-0 {
  background-color: rgba(var(--color-secondary-rgb-300), 0);
}

.bg-color-secondary-300-25 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.25);
}

.bg-color-secondary-300-50 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.5);
}

.bg-color-secondary-300-75 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.75);
}

.bg-color-secondary-300-100 {
  background-color: rgba(var(--color-secondary-rgb-300), 100);
}

.bg-color-gray-300 {
  background-color: var(--color-gray-300);
}

.bg-color-gray-300-0 {
  background-color: rgba(var(--color-gray-rgb-300), 0);
}

.bg-color-gray-300-25 {
  background-color: rgba(var(--color-gray-rgb-300), 0.25);
}

.bg-color-gray-300-50 {
  background-color: rgba(var(--color-gray-rgb-300), 0.5);
}

.bg-color-gray-300-75 {
  background-color: rgba(var(--color-gray-rgb-300), 0.75);
}

.bg-color-gray-300-100 {
  background-color: rgba(var(--color-gray-rgb-300), 100);
}

.bg-color-primary-400 {
  background-color: var(--color-primary-400);
}

.bg-color-primary-400-0 {
  background-color: rgba(var(--color-primary-rgb-400), 0);
}

.bg-color-primary-400-25 {
  background-color: rgba(var(--color-primary-rgb-400), 0.25);
}

.bg-color-primary-400-50 {
  background-color: rgba(var(--color-primary-rgb-400), 0.5);
}

.bg-color-primary-400-75 {
  background-color: rgba(var(--color-primary-rgb-400), 0.75);
}

.bg-color-primary-400-100 {
  background-color: rgba(var(--color-primary-rgb-400), 100);
}

.bg-color-secondary-400 {
  background-color: var(--color-secondary-400);
}

.bg-color-secondary-400-0 {
  background-color: rgba(var(--color-secondary-rgb-400), 0);
}

.bg-color-secondary-400-25 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.25);
}

.bg-color-secondary-400-50 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.5);
}

.bg-color-secondary-400-75 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.75);
}

.bg-color-secondary-400-100 {
  background-color: rgba(var(--color-secondary-rgb-400), 100);
}

.bg-color-gray-400 {
  background-color: var(--color-gray-400);
}

.bg-color-gray-400-0 {
  background-color: rgba(var(--color-gray-rgb-400), 0);
}

.bg-color-gray-400-25 {
  background-color: rgba(var(--color-gray-rgb-400), 0.25);
}

.bg-color-gray-400-50 {
  background-color: rgba(var(--color-gray-rgb-400), 0.5);
}

.bg-color-gray-400-75 {
  background-color: rgba(var(--color-gray-rgb-400), 0.75);
}

.bg-color-gray-400-100 {
  background-color: rgba(var(--color-gray-rgb-400), 100);
}

.bg-color-primary-500 {
  background-color: var(--color-primary-500);
}

.bg-color-primary-500-0 {
  background-color: rgba(var(--color-primary-rgb-500), 0);
}

.bg-color-primary-500-25 {
  background-color: rgba(var(--color-primary-rgb-500), 0.25);
}

.bg-color-primary-500-50 {
  background-color: rgba(var(--color-primary-rgb-500), 0.5);
}

.bg-color-primary-500-75 {
  background-color: rgba(var(--color-primary-rgb-500), 0.75);
}

.bg-color-primary-500-100 {
  background-color: rgba(var(--color-primary-rgb-500), 100);
}

.bg-color-secondary-500 {
  background-color: var(--color-secondary-500);
}

.bg-color-secondary-500-0 {
  background-color: rgba(var(--color-secondary-rgb-500), 0);
}

.bg-color-secondary-500-25 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.25);
}

.bg-color-secondary-500-50 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.5);
}

.bg-color-secondary-500-75 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.75);
}

.bg-color-secondary-500-100 {
  background-color: rgba(var(--color-secondary-rgb-500), 100);
}

.bg-color-gray-500 {
  background-color: var(--color-gray-500);
}

.bg-color-gray-500-0 {
  background-color: rgba(var(--color-gray-rgb-500), 0);
}

.bg-color-gray-500-25 {
  background-color: rgba(var(--color-gray-rgb-500), 0.25);
}

.bg-color-gray-500-50 {
  background-color: rgba(var(--color-gray-rgb-500), 0.5);
}

.bg-color-gray-500-75 {
  background-color: rgba(var(--color-gray-rgb-500), 0.75);
}

.bg-color-gray-500-100 {
  background-color: rgba(var(--color-gray-rgb-500), 100);
}

.bg-color-primary-600 {
  background-color: var(--color-primary-600);
}

.bg-color-primary-600-0 {
  background-color: rgba(var(--color-primary-rgb-600), 0);
}

.bg-color-primary-600-25 {
  background-color: rgba(var(--color-primary-rgb-600), 0.25);
}

.bg-color-primary-600-50 {
  background-color: rgba(var(--color-primary-rgb-600), 0.5);
}

.bg-color-primary-600-75 {
  background-color: rgba(var(--color-primary-rgb-600), 0.75);
}

.bg-color-primary-600-100 {
  background-color: rgba(var(--color-primary-rgb-600), 100);
}

.bg-color-secondary-600 {
  background-color: var(--color-secondary-600);
}

.bg-color-secondary-600-0 {
  background-color: rgba(var(--color-secondary-rgb-600), 0);
}

.bg-color-secondary-600-25 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.25);
}

.bg-color-secondary-600-50 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.5);
}

.bg-color-secondary-600-75 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.75);
}

.bg-color-secondary-600-100 {
  background-color: rgba(var(--color-secondary-rgb-600), 100);
}

.bg-color-gray-600 {
  background-color: var(--color-gray-600);
}

.bg-color-gray-600-0 {
  background-color: rgba(var(--color-gray-rgb-600), 0);
}

.bg-color-gray-600-25 {
  background-color: rgba(var(--color-gray-rgb-600), 0.25);
}

.bg-color-gray-600-50 {
  background-color: rgba(var(--color-gray-rgb-600), 0.5);
}

.bg-color-gray-600-75 {
  background-color: rgba(var(--color-gray-rgb-600), 0.75);
}

.bg-color-gray-600-100 {
  background-color: rgba(var(--color-gray-rgb-600), 100);
}

.bg-color-primary-700 {
  background-color: var(--color-primary-700);
}

.bg-color-primary-700-0 {
  background-color: rgba(var(--color-primary-rgb-700), 0);
}

.bg-color-primary-700-25 {
  background-color: rgba(var(--color-primary-rgb-700), 0.25);
}

.bg-color-primary-700-50 {
  background-color: rgba(var(--color-primary-rgb-700), 0.5);
}

.bg-color-primary-700-75 {
  background-color: rgba(var(--color-primary-rgb-700), 0.75);
}

.bg-color-primary-700-100 {
  background-color: rgba(var(--color-primary-rgb-700), 100);
}

.bg-color-secondary-700 {
  background-color: var(--color-secondary-700);
}

.bg-color-secondary-700-0 {
  background-color: rgba(var(--color-secondary-rgb-700), 0);
}

.bg-color-secondary-700-25 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.25);
}

.bg-color-secondary-700-50 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.5);
}

.bg-color-secondary-700-75 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.75);
}

.bg-color-secondary-700-100 {
  background-color: rgba(var(--color-secondary-rgb-700), 100);
}

.bg-color-gray-700 {
  background-color: var(--color-gray-700);
}

.bg-color-gray-700-0 {
  background-color: rgba(var(--color-gray-rgb-700), 0);
}

.bg-color-gray-700-25 {
  background-color: rgba(var(--color-gray-rgb-700), 0.25);
}

.bg-color-gray-700-50 {
  background-color: rgba(var(--color-gray-rgb-700), 0.5);
}

.bg-color-gray-700-75 {
  background-color: rgba(var(--color-gray-rgb-700), 0.75);
}

.bg-color-gray-700-100 {
  background-color: rgba(var(--color-gray-rgb-700), 100);
}

.bg-color-primary-800 {
  background-color: var(--color-primary-800);
}

.bg-color-primary-800-0 {
  background-color: rgba(var(--color-primary-rgb-800), 0);
}

.bg-color-primary-800-25 {
  background-color: rgba(var(--color-primary-rgb-800), 0.25);
}

.bg-color-primary-800-50 {
  background-color: rgba(var(--color-primary-rgb-800), 0.5);
}

.bg-color-primary-800-75 {
  background-color: rgba(var(--color-primary-rgb-800), 0.75);
}

.bg-color-primary-800-100 {
  background-color: rgba(var(--color-primary-rgb-800), 100);
}

.bg-color-secondary-800 {
  background-color: var(--color-secondary-800);
}

.bg-color-secondary-800-0 {
  background-color: rgba(var(--color-secondary-rgb-800), 0);
}

.bg-color-secondary-800-25 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.25);
}

.bg-color-secondary-800-50 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.5);
}

.bg-color-secondary-800-75 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.75);
}

.bg-color-secondary-800-100 {
  background-color: rgba(var(--color-secondary-rgb-800), 100);
}

.bg-color-gray-800 {
  background-color: var(--color-gray-800);
}

.bg-color-gray-800-0 {
  background-color: rgba(var(--color-gray-rgb-800), 0);
}

.bg-color-gray-800-25 {
  background-color: rgba(var(--color-gray-rgb-800), 0.25);
}

.bg-color-gray-800-50 {
  background-color: rgba(var(--color-gray-rgb-800), 0.5);
}

.bg-color-gray-800-75 {
  background-color: rgba(var(--color-gray-rgb-800), 0.75);
}

.bg-color-gray-800-100 {
  background-color: rgba(var(--color-gray-rgb-800), 100);
}

.bg-color-primary-900 {
  background-color: var(--color-primary-900);
}

.bg-color-primary-900-0 {
  background-color: rgba(var(--color-primary-rgb-900), 0);
}

.bg-color-primary-900-25 {
  background-color: rgba(var(--color-primary-rgb-900), 0.25);
}

.bg-color-primary-900-50 {
  background-color: rgba(var(--color-primary-rgb-900), 0.5);
}

.bg-color-primary-900-75 {
  background-color: rgba(var(--color-primary-rgb-900), 0.75);
}

.bg-color-primary-900-100 {
  background-color: rgba(var(--color-primary-rgb-900), 100);
}

.bg-color-secondary-900 {
  background-color: var(--color-secondary-900);
}

.bg-color-secondary-900-0 {
  background-color: rgba(var(--color-secondary-rgb-900), 0);
}

.bg-color-secondary-900-25 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.25);
}

.bg-color-secondary-900-50 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.5);
}

.bg-color-secondary-900-75 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.75);
}

.bg-color-secondary-900-100 {
  background-color: rgba(var(--color-secondary-rgb-900), 100);
}

.bg-color-gray-900 {
  background-color: var(--color-gray-900);
}

.bg-color-gray-900-0 {
  background-color: rgba(var(--color-gray-rgb-900), 0);
}

.bg-color-gray-900-25 {
  background-color: rgba(var(--color-gray-rgb-900), 0.25);
}

.bg-color-gray-900-50 {
  background-color: rgba(var(--color-gray-rgb-900), 0.5);
}

.bg-color-gray-900-75 {
  background-color: rgba(var(--color-gray-rgb-900), 0.75);
}

.bg-color-gray-900-100 {
  background-color: rgba(var(--color-gray-rgb-900), 100);
}

.bg-color-primary-950 {
  background-color: var(--color-primary-950);
}

.bg-color-primary-950-0 {
  background-color: rgba(var(--color-primary-rgb-950), 0);
}

.bg-color-primary-950-25 {
  background-color: rgba(var(--color-primary-rgb-950), 0.25);
}

.bg-color-primary-950-50 {
  background-color: rgba(var(--color-primary-rgb-950), 0.5);
}

.bg-color-primary-950-75 {
  background-color: rgba(var(--color-primary-rgb-950), 0.75);
}

.bg-color-primary-950-100 {
  background-color: rgba(var(--color-primary-rgb-950), 100);
}

.bg-color-secondary-950 {
  background-color: var(--color-secondary-950);
}

.bg-color-secondary-950-0 {
  background-color: rgba(var(--color-secondary-rgb-950), 0);
}

.bg-color-secondary-950-25 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.25);
}

.bg-color-secondary-950-50 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.5);
}

.bg-color-secondary-950-75 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.75);
}

.bg-color-secondary-950-100 {
  background-color: rgba(var(--color-secondary-rgb-950), 100);
}

.bg-color-gray-950 {
  background-color: var(--color-gray-950);
}

.bg-color-gray-950-0 {
  background-color: rgba(var(--color-gray-rgb-950), 0);
}

.bg-color-gray-950-25 {
  background-color: rgba(var(--color-gray-rgb-950), 0.25);
}

.bg-color-gray-950-50 {
  background-color: rgba(var(--color-gray-rgb-950), 0.5);
}

.bg-color-gray-950-75 {
  background-color: rgba(var(--color-gray-rgb-950), 0.75);
}

.bg-color-gray-950-100 {
  background-color: rgba(var(--color-gray-rgb-950), 100);
}

.bg-color-white-0 {
  background-color: rgba(var(--color-additional-white-rgb), 0);
}

.bg-color-white-25 {
  background-color: rgba(var(--color-additional-white-rgb), 0.25);
}

.bg-color-white-50 {
  background-color: rgba(var(--color-additional-white-rgb), 0.5);
}

.bg-color-white-75 {
  background-color: rgba(var(--color-additional-white-rgb), 0.75);
}

.bg-color-white-100 {
  background-color: rgba(var(--color-additional-white-rgb), 100);
}

.bg-color-primary {
  background-color: var(--color-primary);
}
.bg-color-secondary {
  background-color: var(--color-secondary);
}

:root {
  --color-primary-50: #fefbe8;
  --color-primary-100: #fef5c3;
  --color-primary-200: #fee98a;
  --color-primary-300: #fdcf2f;
  --color-primary-400: #fabd15;
  --color-primary-500: #eaa508;
  --color-primary-600: #ca7d04;
  --color-primary-700: #a15807;
  --color-primary-800: #85450e;
  --color-primary-900: #713912;
  --color-primary-950: #421c06;
  --color-primary-rgb-50: 254, 251, 232;
  --color-primary-rgb-100: 254, 245, 195;
  --color-primary-rgb-200: 254, 233, 138;
  --color-primary-rgb-300: 253, 207, 47;
  --color-primary-rgb-400: 250, 189, 21;
  --color-primary-rgb-500: 234, 165, 8;
  --color-primary-rgb-600: 202, 125, 4;
  --color-primary-rgb-700: 161, 88, 7;
  --color-primary-rgb-800: 133, 69, 14;
  --color-primary-rgb-900: 113, 57, 18;
  --color-primary-rgb-950: 66, 28, 6;
  --color-secondary-50: #e9feff;
  --color-secondary-100: #c9fdff;
  --color-secondary-200: #99f9ff;
  --color-secondary-300: #54f1ff;
  --color-secondary-400: #07dfff;
  --color-secondary-500: #00c1ef;
  --color-secondary-600: #0098c9;
  --color-secondary-700: #0079a1;
  --color-secondary-800: #086182;
  --color-secondary-900: #0c506d;
  --color-secondary-950: #00293c;
  --color-secondary-rgb-50: 233, 254, 255;
  --color-secondary-rgb-100: 201, 253, 255;
  --color-secondary-rgb-200: 153, 249, 255;
  --color-secondary-rgb-300: 84, 241, 255;
  --color-secondary-rgb-400: 7, 223, 255;
  --color-secondary-rgb-500: 0, 193, 239;
  --color-secondary-rgb-600: 0, 152, 201;
  --color-secondary-rgb-700: 0, 121, 161;
  --color-secondary-rgb-800: 8, 97, 130;
  --color-secondary-rgb-900: 12, 80, 109;
  --color-secondary-rgb-950: 0, 41, 60;
  --color-gray-50: #f6f6f6;
  --color-gray-100: #e7e7e7;
  --color-gray-200: #d1d1d1;
  --color-gray-300: #b0b0b0;
  --color-gray-400: #888888;
  --color-gray-500: #6d6d6d;
  --color-gray-600: #5d5d5d;
  --color-gray-700: #454545;
  --color-gray-800: #3d3d3d;
  --color-gray-900: #121212;
  --color-gray-rgb-50: 246, 246, 246;
  --color-gray-rgb-100: 231, 231, 231;
  --color-gray-rgb-200: 209, 209, 209;
  --color-gray-rgb-300: 176, 176, 176;
  --color-gray-rgb-400: 136, 136, 136;
  --color-gray-rgb-500: 109, 109, 109;
  --color-gray-rgb-600: 93, 93, 93;
  --color-gray-rgb-700: 69, 69, 69;
  --color-gray-rgb-800: 61, 61, 61;
  --color-gray-rgb-900: 18, 18, 18;
  --color-additional-white: #FFFFFF;
  --color-additional-white-rgb: 255, 255, 255;
  --color-additional-blue: #2828AD;
  --color-additional-green: #31B131;
  --color-additional-orange: #ffa500;
  --color-additional-yellow: #F6F645;
  --color-additional-red: #F13333;
  --color-additional-black: #000000;
}

/*Text-colors*/
.color-text-primary {
  color: var(--color-primary);
}

.color-text-secondary {
  color: var(--color-secondary);
}

.color-text-primary-50 {
  color: var(--color-primary-50);
}

.color-text-secondary-50 {
  color: var(--color-secondary-50);
}

.color-text-primary-100 {
  color: var(--color-primary-100);
}

.color-text-secondary-100 {
  color: var(--color-secondary-100);
}

.color-text-primary-200 {
  color: var(--color-primary-200);
}

.color-text-secondary-200 {
  color: var(--color-secondary-200);
}

.color-text-primary-300 {
  color: var(--color-primary-300);
}

.color-text-secondary-300 {
  color: var(--color-secondary-300);
}

.color-text-primary-400 {
  color: var(--color-primary-400);
}

.color-text-secondary-400 {
  color: var(--color-secondary-400);
}

.color-text-primary-500 {
  color: var(--color-primary-500);
}

.color-text-secondary-500 {
  color: var(--color-secondary-500);
}

.color-text-primary-600 {
  color: var(--color-primary-600);
}

.color-text-secondary-600 {
  color: var(--color-secondary-600);
}

.color-text-primary-700 {
  color: var(--color-primary-700);
}

.color-text-secondary-700 {
  color: var(--color-secondary-700);
}

.color-text-primary-800 {
  color: var(--color-primary-800);
}

.color-text-secondary-800 {
  color: var(--color-secondary-800);
}

.color-text-primary-900 {
  color: var(--color-primary-900);
}

.color-text-secondary-900 {
  color: var(--color-secondary-900);
}

.color-text-primary-950 {
  color: var(--color-primary-950);
}

.color-text-secondary-950 {
  color: var(--color-secondary-950);
}

.color-text-white {
  color: var(--color-additional-white);
}

.color-text-black {
  color: var(--color-additional-black);
}

/*Headings*/
.h1 {
  font-size: 40px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .h1 {
    font-size: 45px;
  }
}

.h2 {
  font-size: 36px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .h2 {
    font-size: 40px;
  }
}

.h3 {
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .h3 {
    font-size: 36px;
  }
}

.h4 {
  font-size: 28px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .h4 {
    font-size: 32px;
  }
}

.h5 {
  font-size: 25px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .h5 {
    font-size: 28px;
  }
}

.h6 {
  font-size: 22px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .h6 {
    font-size: 25px;
  }
}

/*Titles*/
.title-small-l {
  font-size: 25px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .title-small-l {
    font-size: 28px;
  }
}

.title-small-r {
  font-size: 25px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .title-small-r {
    font-size: 28px;
  }
}

.title-small-m {
  font-size: 25px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .title-small-m {
    font-size: 28px;
  }
}

.title-small-b {
  font-size: 25px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .title-small-b {
    font-size: 28px;
  }
}

.title-medium-l {
  font-size: 32px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .title-medium-l {
    font-size: 36px;
  }
}

.title-medium-r {
  font-size: 32px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .title-medium-r {
    font-size: 36px;
  }
}

.title-medium-m {
  font-size: 32px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .title-medium-m {
    font-size: 36px;
  }
}

.title-medium-b {
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .title-medium-b {
    font-size: 36px;
  }
}

.title-large-l {
  font-size: 40px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .title-large-l {
    font-size: 45px;
  }
}

.title-large-r {
  font-size: 40px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .title-large-r {
    font-size: 45px;
  }
}

.title-large-m {
  font-size: 40px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .title-large-m {
    font-size: 45px;
  }
}

.title-large-b {
  font-size: 40px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .title-large-b {
    font-size: 45px;
  }
}

/* Subtitles */
.subtitle-small-l {
  font-size: 16px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .subtitle-small-l {
    font-size: 18px;
  }
}

.subtitle-small-r {
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .subtitle-small-r {
    font-size: 18px;
  }
}

.subtitle-small-m {
  font-size: 16px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .subtitle-small-m {
    font-size: 18px;
  }
}

.subtitle-small-b {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .subtitle-small-b {
    font-size: 18px;
  }
}

.subtitle-medium-l {
  font-size: 20px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .subtitle-medium-l {
    font-size: 22px;
  }
}

.subtitle-medium-r {
  font-size: 20px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .subtitle-medium-r {
    font-size: 22px;
  }
}

.subtitle-medium-m {
  font-size: 20px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .subtitle-medium-m {
    font-size: 22px;
  }
}

.subtitle-medium-b {
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .subtitle-medium-b {
    font-size: 20px;
  }
}

.subtitle-large-l {
  font-size: 25px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .subtitle-large-l {
    font-size: 28px;
  }
}

.subtitle-large-r {
  font-size: 25px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .subtitle-large-r {
    font-size: 28px;
  }
}

.subtitle-large-m {
  font-size: 25px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .subtitle-large-m {
    font-size: 28px;
  }
}

.subtitle-large-b {
  font-size: 25px;
  line-height: default;
  font-weight: bold;
}
@media (min-width: 769px) {
  .subtitle-large-b {
    font-size: 28px;
  }
}

/* Body */
.body-small-l {
  font-size: 14px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .body-small-l {
    font-size: 16px;
  }
}

.body-small-r {
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .body-small-r {
    font-size: 16px;
  }
}

.body-small-m {
  font-size: 14px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .body-small-m {
    font-size: 16px;
  }
}

.body-small-b {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .body-small-b {
    font-size: 16px;
  }
}

.body-medium-l {
  font-size: 16px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .body-medium-l {
    font-size: 18px;
  }
}

.body-medium-r {
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .body-medium-r {
    font-size: 18px;
  }
}

.body-medium-m {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media (min-width: 769px) {
  .body-medium-m {
    font-size: 18px;
  }
}

.body-medium-b {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .body-medium-b {
    font-size: 18px;
  }
}

.body-large-l {
  font-size: 18px;
  line-height: 1.5;
  font-weight: light;
}
@media (min-width: 769px) {
  .body-large-l {
    font-size: 20px;
  }
}

.body-large-r {
  font-size: 18px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .body-large-r {
    font-size: 20px;
  }
}

.body-large-m {
  font-size: 18px;
  line-height: 1.5;
  font-weight: medium;
}
@media (min-width: 769px) {
  .body-large-m {
    font-size: 20px;
  }
}

.body-large-b {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 769px) {
  .body-large-b {
    font-size: 20px;
  }
}

.body-xlarge {
  font-size: 20px;
  line-height: 1.5;
  font-weight: normal;
}
@media (min-width: 769px) {
  .body-xlarge {
    font-size: 22px;
  }
}

/* Details */
.detail-small-l {
  font-size: 12px;
  line-height: 1.5;
  font-weight: light;
}

.detail-small-r {
  font-size: 12px;
  line-height: 1.5;
  font-weight: normal;
}

.detail-small-m {
  font-size: 12px;
  line-height: 1.5;
  font-weight: medium;
}

.detail-small-b {
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
}

.detail-medium-l {
  font-size: 12px;
  line-height: 1.5;
  font-weight: light;
}

.detail-medium-r {
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
}

.detail-medium-m {
  font-size: 14px;
  line-height: 1.5;
  font-weight: medium;
}

.detail-medium-b {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}

.detail-large-l {
  font-size: 14px;
  line-height: 1.5;
  font-weight: light;
}

.detail-large-r {
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}

.detail-large-m {
  font-size: 16px;
  line-height: 1.5;
  font-weight: medium;
}

.detail-large-b {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

/* theme variables */
.bg-color-primary-50 {
  background-color: var(--color-primary-50);
}

.bg-color-primary-50-0 {
  background-color: rgba(var(--color-primary-rgb-50), 0);
}

.bg-color-primary-50-25 {
  background-color: rgba(var(--color-primary-rgb-50), 0.25);
}

.bg-color-primary-50-50 {
  background-color: rgba(var(--color-primary-rgb-50), 0.5);
}

.bg-color-primary-50-75 {
  background-color: rgba(var(--color-primary-rgb-50), 0.75);
}

.bg-color-primary-50-100 {
  background-color: rgba(var(--color-primary-rgb-50), 100);
}

.bg-color-secondary-50 {
  background-color: var(--color-secondary-50);
}

.bg-color-secondary-50-0 {
  background-color: rgba(var(--color-secondary-rgb-50), 0);
}

.bg-color-secondary-50-25 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.25);
}

.bg-color-secondary-50-50 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.5);
}

.bg-color-secondary-50-75 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.75);
}

.bg-color-secondary-50-100 {
  background-color: rgba(var(--color-secondary-rgb-50), 100);
}

.bg-color-gray-50 {
  background-color: var(--color-gray-50);
}

.bg-color-gray-50-0 {
  background-color: rgba(var(--color-gray-rgb-50), 0);
}

.bg-color-gray-50-25 {
  background-color: rgba(var(--color-gray-rgb-50), 0.25);
}

.bg-color-gray-50-50 {
  background-color: rgba(var(--color-gray-rgb-50), 0.5);
}

.bg-color-gray-50-75 {
  background-color: rgba(var(--color-gray-rgb-50), 0.75);
}

.bg-color-gray-50-100 {
  background-color: rgba(var(--color-gray-rgb-50), 100);
}

.bg-color-primary-100 {
  background-color: var(--color-primary-100);
}

.bg-color-primary-100-0 {
  background-color: rgba(var(--color-primary-rgb-100), 0);
}

.bg-color-primary-100-25 {
  background-color: rgba(var(--color-primary-rgb-100), 0.25);
}

.bg-color-primary-100-50 {
  background-color: rgba(var(--color-primary-rgb-100), 0.5);
}

.bg-color-primary-100-75 {
  background-color: rgba(var(--color-primary-rgb-100), 0.75);
}

.bg-color-primary-100-100 {
  background-color: rgba(var(--color-primary-rgb-100), 100);
}

.bg-color-secondary-100 {
  background-color: var(--color-secondary-100);
}

.bg-color-secondary-100-0 {
  background-color: rgba(var(--color-secondary-rgb-100), 0);
}

.bg-color-secondary-100-25 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.25);
}

.bg-color-secondary-100-50 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.5);
}

.bg-color-secondary-100-75 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.75);
}

.bg-color-secondary-100-100 {
  background-color: rgba(var(--color-secondary-rgb-100), 100);
}

.bg-color-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-color-gray-100-0 {
  background-color: rgba(var(--color-gray-rgb-100), 0);
}

.bg-color-gray-100-25 {
  background-color: rgba(var(--color-gray-rgb-100), 0.25);
}

.bg-color-gray-100-50 {
  background-color: rgba(var(--color-gray-rgb-100), 0.5);
}

.bg-color-gray-100-75 {
  background-color: rgba(var(--color-gray-rgb-100), 0.75);
}

.bg-color-gray-100-100 {
  background-color: rgba(var(--color-gray-rgb-100), 100);
}

.bg-color-primary-200 {
  background-color: var(--color-primary-200);
}

.bg-color-primary-200-0 {
  background-color: rgba(var(--color-primary-rgb-200), 0);
}

.bg-color-primary-200-25 {
  background-color: rgba(var(--color-primary-rgb-200), 0.25);
}

.bg-color-primary-200-50 {
  background-color: rgba(var(--color-primary-rgb-200), 0.5);
}

.bg-color-primary-200-75 {
  background-color: rgba(var(--color-primary-rgb-200), 0.75);
}

.bg-color-primary-200-100 {
  background-color: rgba(var(--color-primary-rgb-200), 100);
}

.bg-color-secondary-200 {
  background-color: var(--color-secondary-200);
}

.bg-color-secondary-200-0 {
  background-color: rgba(var(--color-secondary-rgb-200), 0);
}

.bg-color-secondary-200-25 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.25);
}

.bg-color-secondary-200-50 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.5);
}

.bg-color-secondary-200-75 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.75);
}

.bg-color-secondary-200-100 {
  background-color: rgba(var(--color-secondary-rgb-200), 100);
}

.bg-color-gray-200 {
  background-color: var(--color-gray-200);
}

.bg-color-gray-200-0 {
  background-color: rgba(var(--color-gray-rgb-200), 0);
}

.bg-color-gray-200-25 {
  background-color: rgba(var(--color-gray-rgb-200), 0.25);
}

.bg-color-gray-200-50 {
  background-color: rgba(var(--color-gray-rgb-200), 0.5);
}

.bg-color-gray-200-75 {
  background-color: rgba(var(--color-gray-rgb-200), 0.75);
}

.bg-color-gray-200-100 {
  background-color: rgba(var(--color-gray-rgb-200), 100);
}

.bg-color-primary-300 {
  background-color: var(--color-primary-300);
}

.bg-color-primary-300-0 {
  background-color: rgba(var(--color-primary-rgb-300), 0);
}

.bg-color-primary-300-25 {
  background-color: rgba(var(--color-primary-rgb-300), 0.25);
}

.bg-color-primary-300-50 {
  background-color: rgba(var(--color-primary-rgb-300), 0.5);
}

.bg-color-primary-300-75 {
  background-color: rgba(var(--color-primary-rgb-300), 0.75);
}

.bg-color-primary-300-100 {
  background-color: rgba(var(--color-primary-rgb-300), 100);
}

.bg-color-secondary-300 {
  background-color: var(--color-secondary-300);
}

.bg-color-secondary-300-0 {
  background-color: rgba(var(--color-secondary-rgb-300), 0);
}

.bg-color-secondary-300-25 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.25);
}

.bg-color-secondary-300-50 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.5);
}

.bg-color-secondary-300-75 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.75);
}

.bg-color-secondary-300-100 {
  background-color: rgba(var(--color-secondary-rgb-300), 100);
}

.bg-color-gray-300 {
  background-color: var(--color-gray-300);
}

.bg-color-gray-300-0 {
  background-color: rgba(var(--color-gray-rgb-300), 0);
}

.bg-color-gray-300-25 {
  background-color: rgba(var(--color-gray-rgb-300), 0.25);
}

.bg-color-gray-300-50 {
  background-color: rgba(var(--color-gray-rgb-300), 0.5);
}

.bg-color-gray-300-75 {
  background-color: rgba(var(--color-gray-rgb-300), 0.75);
}

.bg-color-gray-300-100 {
  background-color: rgba(var(--color-gray-rgb-300), 100);
}

.bg-color-primary-400 {
  background-color: var(--color-primary-400);
}

.bg-color-primary-400-0 {
  background-color: rgba(var(--color-primary-rgb-400), 0);
}

.bg-color-primary-400-25 {
  background-color: rgba(var(--color-primary-rgb-400), 0.25);
}

.bg-color-primary-400-50 {
  background-color: rgba(var(--color-primary-rgb-400), 0.5);
}

.bg-color-primary-400-75 {
  background-color: rgba(var(--color-primary-rgb-400), 0.75);
}

.bg-color-primary-400-100 {
  background-color: rgba(var(--color-primary-rgb-400), 100);
}

.bg-color-secondary-400 {
  background-color: var(--color-secondary-400);
}

.bg-color-secondary-400-0 {
  background-color: rgba(var(--color-secondary-rgb-400), 0);
}

.bg-color-secondary-400-25 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.25);
}

.bg-color-secondary-400-50 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.5);
}

.bg-color-secondary-400-75 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.75);
}

.bg-color-secondary-400-100 {
  background-color: rgba(var(--color-secondary-rgb-400), 100);
}

.bg-color-gray-400 {
  background-color: var(--color-gray-400);
}

.bg-color-gray-400-0 {
  background-color: rgba(var(--color-gray-rgb-400), 0);
}

.bg-color-gray-400-25 {
  background-color: rgba(var(--color-gray-rgb-400), 0.25);
}

.bg-color-gray-400-50 {
  background-color: rgba(var(--color-gray-rgb-400), 0.5);
}

.bg-color-gray-400-75 {
  background-color: rgba(var(--color-gray-rgb-400), 0.75);
}

.bg-color-gray-400-100 {
  background-color: rgba(var(--color-gray-rgb-400), 100);
}

.bg-color-primary-500 {
  background-color: var(--color-primary-500);
}

.bg-color-primary-500-0 {
  background-color: rgba(var(--color-primary-rgb-500), 0);
}

.bg-color-primary-500-25 {
  background-color: rgba(var(--color-primary-rgb-500), 0.25);
}

.bg-color-primary-500-50 {
  background-color: rgba(var(--color-primary-rgb-500), 0.5);
}

.bg-color-primary-500-75 {
  background-color: rgba(var(--color-primary-rgb-500), 0.75);
}

.bg-color-primary-500-100 {
  background-color: rgba(var(--color-primary-rgb-500), 100);
}

.bg-color-secondary-500 {
  background-color: var(--color-secondary-500);
}

.bg-color-secondary-500-0 {
  background-color: rgba(var(--color-secondary-rgb-500), 0);
}

.bg-color-secondary-500-25 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.25);
}

.bg-color-secondary-500-50 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.5);
}

.bg-color-secondary-500-75 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.75);
}

.bg-color-secondary-500-100 {
  background-color: rgba(var(--color-secondary-rgb-500), 100);
}

.bg-color-gray-500 {
  background-color: var(--color-gray-500);
}

.bg-color-gray-500-0 {
  background-color: rgba(var(--color-gray-rgb-500), 0);
}

.bg-color-gray-500-25 {
  background-color: rgba(var(--color-gray-rgb-500), 0.25);
}

.bg-color-gray-500-50 {
  background-color: rgba(var(--color-gray-rgb-500), 0.5);
}

.bg-color-gray-500-75 {
  background-color: rgba(var(--color-gray-rgb-500), 0.75);
}

.bg-color-gray-500-100 {
  background-color: rgba(var(--color-gray-rgb-500), 100);
}

.bg-color-primary-600 {
  background-color: var(--color-primary-600);
}

.bg-color-primary-600-0 {
  background-color: rgba(var(--color-primary-rgb-600), 0);
}

.bg-color-primary-600-25 {
  background-color: rgba(var(--color-primary-rgb-600), 0.25);
}

.bg-color-primary-600-50 {
  background-color: rgba(var(--color-primary-rgb-600), 0.5);
}

.bg-color-primary-600-75 {
  background-color: rgba(var(--color-primary-rgb-600), 0.75);
}

.bg-color-primary-600-100 {
  background-color: rgba(var(--color-primary-rgb-600), 100);
}

.bg-color-secondary-600 {
  background-color: var(--color-secondary-600);
}

.bg-color-secondary-600-0 {
  background-color: rgba(var(--color-secondary-rgb-600), 0);
}

.bg-color-secondary-600-25 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.25);
}

.bg-color-secondary-600-50 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.5);
}

.bg-color-secondary-600-75 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.75);
}

.bg-color-secondary-600-100 {
  background-color: rgba(var(--color-secondary-rgb-600), 100);
}

.bg-color-gray-600 {
  background-color: var(--color-gray-600);
}

.bg-color-gray-600-0 {
  background-color: rgba(var(--color-gray-rgb-600), 0);
}

.bg-color-gray-600-25 {
  background-color: rgba(var(--color-gray-rgb-600), 0.25);
}

.bg-color-gray-600-50 {
  background-color: rgba(var(--color-gray-rgb-600), 0.5);
}

.bg-color-gray-600-75 {
  background-color: rgba(var(--color-gray-rgb-600), 0.75);
}

.bg-color-gray-600-100 {
  background-color: rgba(var(--color-gray-rgb-600), 100);
}

.bg-color-primary-700 {
  background-color: var(--color-primary-700);
}

.bg-color-primary-700-0 {
  background-color: rgba(var(--color-primary-rgb-700), 0);
}

.bg-color-primary-700-25 {
  background-color: rgba(var(--color-primary-rgb-700), 0.25);
}

.bg-color-primary-700-50 {
  background-color: rgba(var(--color-primary-rgb-700), 0.5);
}

.bg-color-primary-700-75 {
  background-color: rgba(var(--color-primary-rgb-700), 0.75);
}

.bg-color-primary-700-100 {
  background-color: rgba(var(--color-primary-rgb-700), 100);
}

.bg-color-secondary-700 {
  background-color: var(--color-secondary-700);
}

.bg-color-secondary-700-0 {
  background-color: rgba(var(--color-secondary-rgb-700), 0);
}

.bg-color-secondary-700-25 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.25);
}

.bg-color-secondary-700-50 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.5);
}

.bg-color-secondary-700-75 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.75);
}

.bg-color-secondary-700-100 {
  background-color: rgba(var(--color-secondary-rgb-700), 100);
}

.bg-color-gray-700 {
  background-color: var(--color-gray-700);
}

.bg-color-gray-700-0 {
  background-color: rgba(var(--color-gray-rgb-700), 0);
}

.bg-color-gray-700-25 {
  background-color: rgba(var(--color-gray-rgb-700), 0.25);
}

.bg-color-gray-700-50 {
  background-color: rgba(var(--color-gray-rgb-700), 0.5);
}

.bg-color-gray-700-75 {
  background-color: rgba(var(--color-gray-rgb-700), 0.75);
}

.bg-color-gray-700-100 {
  background-color: rgba(var(--color-gray-rgb-700), 100);
}

.bg-color-primary-800 {
  background-color: var(--color-primary-800);
}

.bg-color-primary-800-0 {
  background-color: rgba(var(--color-primary-rgb-800), 0);
}

.bg-color-primary-800-25 {
  background-color: rgba(var(--color-primary-rgb-800), 0.25);
}

.bg-color-primary-800-50 {
  background-color: rgba(var(--color-primary-rgb-800), 0.5);
}

.bg-color-primary-800-75 {
  background-color: rgba(var(--color-primary-rgb-800), 0.75);
}

.bg-color-primary-800-100 {
  background-color: rgba(var(--color-primary-rgb-800), 100);
}

.bg-color-secondary-800 {
  background-color: var(--color-secondary-800);
}

.bg-color-secondary-800-0 {
  background-color: rgba(var(--color-secondary-rgb-800), 0);
}

.bg-color-secondary-800-25 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.25);
}

.bg-color-secondary-800-50 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.5);
}

.bg-color-secondary-800-75 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.75);
}

.bg-color-secondary-800-100 {
  background-color: rgba(var(--color-secondary-rgb-800), 100);
}

.bg-color-gray-800 {
  background-color: var(--color-gray-800);
}

.bg-color-gray-800-0 {
  background-color: rgba(var(--color-gray-rgb-800), 0);
}

.bg-color-gray-800-25 {
  background-color: rgba(var(--color-gray-rgb-800), 0.25);
}

.bg-color-gray-800-50 {
  background-color: rgba(var(--color-gray-rgb-800), 0.5);
}

.bg-color-gray-800-75 {
  background-color: rgba(var(--color-gray-rgb-800), 0.75);
}

.bg-color-gray-800-100 {
  background-color: rgba(var(--color-gray-rgb-800), 100);
}

.bg-color-primary-900 {
  background-color: var(--color-primary-900);
}

.bg-color-primary-900-0 {
  background-color: rgba(var(--color-primary-rgb-900), 0);
}

.bg-color-primary-900-25 {
  background-color: rgba(var(--color-primary-rgb-900), 0.25);
}

.bg-color-primary-900-50 {
  background-color: rgba(var(--color-primary-rgb-900), 0.5);
}

.bg-color-primary-900-75 {
  background-color: rgba(var(--color-primary-rgb-900), 0.75);
}

.bg-color-primary-900-100 {
  background-color: rgba(var(--color-primary-rgb-900), 100);
}

.bg-color-secondary-900 {
  background-color: var(--color-secondary-900);
}

.bg-color-secondary-900-0 {
  background-color: rgba(var(--color-secondary-rgb-900), 0);
}

.bg-color-secondary-900-25 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.25);
}

.bg-color-secondary-900-50 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.5);
}

.bg-color-secondary-900-75 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.75);
}

.bg-color-secondary-900-100 {
  background-color: rgba(var(--color-secondary-rgb-900), 100);
}

.bg-color-gray-900 {
  background-color: var(--color-gray-900);
}

.bg-color-gray-900-0 {
  background-color: rgba(var(--color-gray-rgb-900), 0);
}

.bg-color-gray-900-25 {
  background-color: rgba(var(--color-gray-rgb-900), 0.25);
}

.bg-color-gray-900-50 {
  background-color: rgba(var(--color-gray-rgb-900), 0.5);
}

.bg-color-gray-900-75 {
  background-color: rgba(var(--color-gray-rgb-900), 0.75);
}

.bg-color-gray-900-100 {
  background-color: rgba(var(--color-gray-rgb-900), 100);
}

.bg-color-primary-950 {
  background-color: var(--color-primary-950);
}

.bg-color-primary-950-0 {
  background-color: rgba(var(--color-primary-rgb-950), 0);
}

.bg-color-primary-950-25 {
  background-color: rgba(var(--color-primary-rgb-950), 0.25);
}

.bg-color-primary-950-50 {
  background-color: rgba(var(--color-primary-rgb-950), 0.5);
}

.bg-color-primary-950-75 {
  background-color: rgba(var(--color-primary-rgb-950), 0.75);
}

.bg-color-primary-950-100 {
  background-color: rgba(var(--color-primary-rgb-950), 100);
}

.bg-color-secondary-950 {
  background-color: var(--color-secondary-950);
}

.bg-color-secondary-950-0 {
  background-color: rgba(var(--color-secondary-rgb-950), 0);
}

.bg-color-secondary-950-25 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.25);
}

.bg-color-secondary-950-50 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.5);
}

.bg-color-secondary-950-75 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.75);
}

.bg-color-secondary-950-100 {
  background-color: rgba(var(--color-secondary-rgb-950), 100);
}

.bg-color-gray-950 {
  background-color: var(--color-gray-950);
}

.bg-color-gray-950-0 {
  background-color: rgba(var(--color-gray-rgb-950), 0);
}

.bg-color-gray-950-25 {
  background-color: rgba(var(--color-gray-rgb-950), 0.25);
}

.bg-color-gray-950-50 {
  background-color: rgba(var(--color-gray-rgb-950), 0.5);
}

.bg-color-gray-950-75 {
  background-color: rgba(var(--color-gray-rgb-950), 0.75);
}

.bg-color-gray-950-100 {
  background-color: rgba(var(--color-gray-rgb-950), 100);
}

.bg-color-white-0 {
  background-color: rgba(var(--color-additional-white-rgb), 0);
}

.bg-color-white-25 {
  background-color: rgba(var(--color-additional-white-rgb), 0.25);
}

.bg-color-white-50 {
  background-color: rgba(var(--color-additional-white-rgb), 0.5);
}

.bg-color-white-75 {
  background-color: rgba(var(--color-additional-white-rgb), 0.75);
}

.bg-color-white-100 {
  background-color: rgba(var(--color-additional-white-rgb), 100);
}

.bg-color-primary {
  background-color: var(--color-primary);
}
.bg-color-secondary {
  background-color: var(--color-secondary);
}

:root {
  --color-primary-50: #fefbe8;
  --color-primary-100: #fef5c3;
  --color-primary-200: #fee98a;
  --color-primary-300: #fdcf2f;
  --color-primary-400: #fabd15;
  --color-primary-500: #eaa508;
  --color-primary-600: #ca7d04;
  --color-primary-700: #a15807;
  --color-primary-800: #85450e;
  --color-primary-900: #713912;
  --color-primary-950: #421c06;
  --color-primary-rgb-50: 254, 251, 232;
  --color-primary-rgb-100: 254, 245, 195;
  --color-primary-rgb-200: 254, 233, 138;
  --color-primary-rgb-300: 253, 207, 47;
  --color-primary-rgb-400: 250, 189, 21;
  --color-primary-rgb-500: 234, 165, 8;
  --color-primary-rgb-600: 202, 125, 4;
  --color-primary-rgb-700: 161, 88, 7;
  --color-primary-rgb-800: 133, 69, 14;
  --color-primary-rgb-900: 113, 57, 18;
  --color-primary-rgb-950: 66, 28, 6;
  --color-secondary-50: #e9feff;
  --color-secondary-100: #c9fdff;
  --color-secondary-200: #99f9ff;
  --color-secondary-300: #54f1ff;
  --color-secondary-400: #07dfff;
  --color-secondary-500: #00c1ef;
  --color-secondary-600: #0098c9;
  --color-secondary-700: #0079a1;
  --color-secondary-800: #086182;
  --color-secondary-900: #0c506d;
  --color-secondary-950: #00293c;
  --color-secondary-rgb-50: 233, 254, 255;
  --color-secondary-rgb-100: 201, 253, 255;
  --color-secondary-rgb-200: 153, 249, 255;
  --color-secondary-rgb-300: 84, 241, 255;
  --color-secondary-rgb-400: 7, 223, 255;
  --color-secondary-rgb-500: 0, 193, 239;
  --color-secondary-rgb-600: 0, 152, 201;
  --color-secondary-rgb-700: 0, 121, 161;
  --color-secondary-rgb-800: 8, 97, 130;
  --color-secondary-rgb-900: 12, 80, 109;
  --color-secondary-rgb-950: 0, 41, 60;
  --color-gray-50: #f6f6f6;
  --color-gray-100: #e7e7e7;
  --color-gray-200: #d1d1d1;
  --color-gray-300: #b0b0b0;
  --color-gray-400: #888888;
  --color-gray-500: #6d6d6d;
  --color-gray-600: #5d5d5d;
  --color-gray-700: #454545;
  --color-gray-800: #3d3d3d;
  --color-gray-900: #121212;
  --color-gray-rgb-50: 246, 246, 246;
  --color-gray-rgb-100: 231, 231, 231;
  --color-gray-rgb-200: 209, 209, 209;
  --color-gray-rgb-300: 176, 176, 176;
  --color-gray-rgb-400: 136, 136, 136;
  --color-gray-rgb-500: 109, 109, 109;
  --color-gray-rgb-600: 93, 93, 93;
  --color-gray-rgb-700: 69, 69, 69;
  --color-gray-rgb-800: 61, 61, 61;
  --color-gray-rgb-900: 18, 18, 18;
  --color-additional-white: #FFFFFF;
  --color-additional-white-rgb: 255, 255, 255;
  --color-additional-blue: #2828AD;
  --color-additional-green: #31B131;
  --color-additional-orange: #ffa500;
  --color-additional-yellow: #F6F645;
  --color-additional-red: #F13333;
  --color-additional-black: #000000;
}

.section, .section-full, .section-sm, .section-md, .section-lg, .section-xl, .section-xxl {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media only screen and (min-width: 768px) {
  .section, .section-full, .section-sm, .section-md, .section-lg, .section-xl, .section-xxl {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.section-full {
  max-width: 100%;
}
.section-full .wrapper {
  max-width: 100%;
}

.section-sm {
  max-width: 548px;
}
.section-sm .wrapper {
  max-width: 548px;
}

.section-md {
  max-width: 768px;
}
.section-md .wrapper {
  max-width: 768px;
}

.section-lg {
  max-width: 948px;
}
.section-lg .wrapper {
  max-width: 948px;
}

.section-xl {
  max-width: 1188px;
}
.section-xl .wrapper {
  max-width: 1188px;
}

.section-xxl {
  max-width: 1368px;
}
.section-xxl .wrapper {
  max-width: 1368px;
}

h1,
h2,
h3 {
  line-height: 1.5;
  font-weight: 700;
}

h4,
h5,
h6 {
  line-height: 1.5;
  font-weight: 500;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 25px;
}

h6 {
  font-size: 22px;
}

.body-small {
  font-size: 14px;
  line-height: 1.5;
}
.body-small-l {
  font-weight: 300;
}
.body-small-r {
  font-weight: 400;
}
.body-small-m {
  font-weight: 500;
}
.body-small-b {
  font-weight: 700;
}
.body-small-black {
  font-weight: 900;
}

.body-medium {
  font-size: 16px;
  line-height: 1.5;
}
.body-medium-l {
  font-weight: 300;
}
.body-medium-r {
  font-weight: 400;
}
.body-medium-m {
  font-weight: 500;
}
.body-medium-b {
  font-weight: 700;
}
.body-medium-black {
  font-weight: 900;
}

.body-large {
  font-size: 18px;
  line-height: 1.5;
}
.body-large-l {
  font-weight: 300;
}
.body-large-r {
  font-weight: 400;
}
.body-large-m {
  font-weight: 500;
}
.body-large-b {
  font-weight: 700;
}
.body-large-black {
  font-weight: 900;
}

.body-xlarge {
  font-size: 18px;
  line-height: 1.5;
}
.body-xlarge-l {
  font-weight: 300;
}
.body-xlarge-r {
  font-weight: 400;
}
.body-xlarge-m {
  font-weight: 500;
}
.body-xlarge-b {
  font-weight: 700;
}
.body-xlarge-black {
  font-weight: 900;
}

.subtitle-small {
  font-size: 16px;
  line-height: 1.5;
}
.subtitle-small-l {
  font-weight: 300;
}
.subtitle-small-r {
  font-weight: 400;
}
.subtitle-small-m {
  font-weight: 500;
}
.subtitle-small-b {
  font-weight: 700;
}
.subtitle-small-black {
  font-weight: 900;
}

.subtitle-medium {
  font-size: 20px;
  line-height: 1.5;
}
.subtitle-medium-l {
  font-weight: 300;
}
.subtitle-medium-r {
  font-weight: 400;
}
.subtitle-medium-m {
  font-weight: 500;
}
.subtitle-medium-b {
  font-weight: 700;
}
.subtitle-medium-black {
  font-weight: 900;
}

.subtitle-large {
  font-size: 25px;
  line-height: 1.5;
}
.subtitle-large-l {
  font-weight: 300;
}
.subtitle-large-r {
  font-weight: 400;
}
.subtitle-large-m {
  font-weight: 500;
}
.subtitle-large-b {
  font-weight: 700;
}
.subtitle-large-black {
  font-weight: 900;
}

.title-small {
  font-size: 25px;
  line-height: 1.5;
}
.title-small-l {
  font-weight: 300;
}
.title-small-r {
  font-weight: 400;
}
.title-small-m {
  font-weight: 500;
}
.title-small-b {
  font-weight: 700;
}
.title-small-black {
  font-weight: 900;
}

.title-medium {
  font-size: 32px;
  line-height: 1.5;
}
.title-medium-l {
  font-weight: 300;
}
.title-medium-r {
  font-weight: 400;
}
.title-medium-m {
  font-weight: 500;
}
.title-medium-b {
  font-weight: 700;
}
.title-medium-black {
  font-weight: 900;
}

.title-large {
  font-size: 40px;
  line-height: 1.5;
}
.title-large-l {
  font-weight: 300;
}
.title-large-r {
  font-weight: 400;
}
.title-large-m {
  font-weight: 500;
}
.title-large-b {
  font-weight: 700;
}
.title-large-black {
  font-weight: 900;
}

:root {
  --color-primary: #fdcf2f;
  --color-secondary: #00293c;
  --color-tertiary: #666666;
  --color-fourth: #F2F2F2;
  --color-dark-grey: #3D3835;
  --color-grey: #c3b7b7;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-sticky-nav: #ffffff;
  --font-family-primary: Kanit, sans-serif;
}

.color-primary {
  color: var(--color-primary);
}

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

.color-primary-fill {
  fill: var(--color-primary);
}

.color-primary-border {
  border-color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-secondary-bg {
  background-color: var(--color-secondary);
}

.color-secondary-fill {
  fill: var(--color-secondary);
}

.color-secondary-border {
  border-color: var(--color-secondary);
}

.color-tertiary {
  color: var(--color-tertiary);
}

.color-tertiary-bg {
  background-color: var(--color-tertiary);
}

.color-tertiary-fill {
  fill: var(--color-tertiary);
}

.color-tertiary-border {
  border-color: var(--color-tertiary);
}

/* theme variables */
.bg-color-primary-50 {
  background-color: var(--color-primary-50);
}

.bg-color-primary-50-0 {
  background-color: rgba(var(--color-primary-rgb-50), 0);
}

.bg-color-primary-50-25 {
  background-color: rgba(var(--color-primary-rgb-50), 0.25);
}

.bg-color-primary-50-50 {
  background-color: rgba(var(--color-primary-rgb-50), 0.5);
}

.bg-color-primary-50-75 {
  background-color: rgba(var(--color-primary-rgb-50), 0.75);
}

.bg-color-primary-50-100 {
  background-color: rgba(var(--color-primary-rgb-50), 100);
}

.bg-color-secondary-50 {
  background-color: var(--color-secondary-50);
}

.bg-color-secondary-50-0 {
  background-color: rgba(var(--color-secondary-rgb-50), 0);
}

.bg-color-secondary-50-25 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.25);
}

.bg-color-secondary-50-50 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.5);
}

.bg-color-secondary-50-75 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.75);
}

.bg-color-secondary-50-100 {
  background-color: rgba(var(--color-secondary-rgb-50), 100);
}

.bg-color-gray-50 {
  background-color: var(--color-gray-50);
}

.bg-color-gray-50-0 {
  background-color: rgba(var(--color-gray-rgb-50), 0);
}

.bg-color-gray-50-25 {
  background-color: rgba(var(--color-gray-rgb-50), 0.25);
}

.bg-color-gray-50-50 {
  background-color: rgba(var(--color-gray-rgb-50), 0.5);
}

.bg-color-gray-50-75 {
  background-color: rgba(var(--color-gray-rgb-50), 0.75);
}

.bg-color-gray-50-100 {
  background-color: rgba(var(--color-gray-rgb-50), 100);
}

.bg-color-primary-100 {
  background-color: var(--color-primary-100);
}

.bg-color-primary-100-0 {
  background-color: rgba(var(--color-primary-rgb-100), 0);
}

.bg-color-primary-100-25 {
  background-color: rgba(var(--color-primary-rgb-100), 0.25);
}

.bg-color-primary-100-50 {
  background-color: rgba(var(--color-primary-rgb-100), 0.5);
}

.bg-color-primary-100-75 {
  background-color: rgba(var(--color-primary-rgb-100), 0.75);
}

.bg-color-primary-100-100 {
  background-color: rgba(var(--color-primary-rgb-100), 100);
}

.bg-color-secondary-100 {
  background-color: var(--color-secondary-100);
}

.bg-color-secondary-100-0 {
  background-color: rgba(var(--color-secondary-rgb-100), 0);
}

.bg-color-secondary-100-25 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.25);
}

.bg-color-secondary-100-50 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.5);
}

.bg-color-secondary-100-75 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.75);
}

.bg-color-secondary-100-100 {
  background-color: rgba(var(--color-secondary-rgb-100), 100);
}

.bg-color-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-color-gray-100-0 {
  background-color: rgba(var(--color-gray-rgb-100), 0);
}

.bg-color-gray-100-25 {
  background-color: rgba(var(--color-gray-rgb-100), 0.25);
}

.bg-color-gray-100-50 {
  background-color: rgba(var(--color-gray-rgb-100), 0.5);
}

.bg-color-gray-100-75 {
  background-color: rgba(var(--color-gray-rgb-100), 0.75);
}

.bg-color-gray-100-100 {
  background-color: rgba(var(--color-gray-rgb-100), 100);
}

.bg-color-primary-200 {
  background-color: var(--color-primary-200);
}

.bg-color-primary-200-0 {
  background-color: rgba(var(--color-primary-rgb-200), 0);
}

.bg-color-primary-200-25 {
  background-color: rgba(var(--color-primary-rgb-200), 0.25);
}

.bg-color-primary-200-50 {
  background-color: rgba(var(--color-primary-rgb-200), 0.5);
}

.bg-color-primary-200-75 {
  background-color: rgba(var(--color-primary-rgb-200), 0.75);
}

.bg-color-primary-200-100 {
  background-color: rgba(var(--color-primary-rgb-200), 100);
}

.bg-color-secondary-200 {
  background-color: var(--color-secondary-200);
}

.bg-color-secondary-200-0 {
  background-color: rgba(var(--color-secondary-rgb-200), 0);
}

.bg-color-secondary-200-25 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.25);
}

.bg-color-secondary-200-50 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.5);
}

.bg-color-secondary-200-75 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.75);
}

.bg-color-secondary-200-100 {
  background-color: rgba(var(--color-secondary-rgb-200), 100);
}

.bg-color-gray-200 {
  background-color: var(--color-gray-200);
}

.bg-color-gray-200-0 {
  background-color: rgba(var(--color-gray-rgb-200), 0);
}

.bg-color-gray-200-25 {
  background-color: rgba(var(--color-gray-rgb-200), 0.25);
}

.bg-color-gray-200-50 {
  background-color: rgba(var(--color-gray-rgb-200), 0.5);
}

.bg-color-gray-200-75 {
  background-color: rgba(var(--color-gray-rgb-200), 0.75);
}

.bg-color-gray-200-100 {
  background-color: rgba(var(--color-gray-rgb-200), 100);
}

.bg-color-primary-300 {
  background-color: var(--color-primary-300);
}

.bg-color-primary-300-0 {
  background-color: rgba(var(--color-primary-rgb-300), 0);
}

.bg-color-primary-300-25 {
  background-color: rgba(var(--color-primary-rgb-300), 0.25);
}

.bg-color-primary-300-50 {
  background-color: rgba(var(--color-primary-rgb-300), 0.5);
}

.bg-color-primary-300-75 {
  background-color: rgba(var(--color-primary-rgb-300), 0.75);
}

.bg-color-primary-300-100 {
  background-color: rgba(var(--color-primary-rgb-300), 100);
}

.bg-color-secondary-300 {
  background-color: var(--color-secondary-300);
}

.bg-color-secondary-300-0 {
  background-color: rgba(var(--color-secondary-rgb-300), 0);
}

.bg-color-secondary-300-25 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.25);
}

.bg-color-secondary-300-50 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.5);
}

.bg-color-secondary-300-75 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.75);
}

.bg-color-secondary-300-100 {
  background-color: rgba(var(--color-secondary-rgb-300), 100);
}

.bg-color-gray-300 {
  background-color: var(--color-gray-300);
}

.bg-color-gray-300-0 {
  background-color: rgba(var(--color-gray-rgb-300), 0);
}

.bg-color-gray-300-25 {
  background-color: rgba(var(--color-gray-rgb-300), 0.25);
}

.bg-color-gray-300-50 {
  background-color: rgba(var(--color-gray-rgb-300), 0.5);
}

.bg-color-gray-300-75 {
  background-color: rgba(var(--color-gray-rgb-300), 0.75);
}

.bg-color-gray-300-100 {
  background-color: rgba(var(--color-gray-rgb-300), 100);
}

.bg-color-primary-400 {
  background-color: var(--color-primary-400);
}

.bg-color-primary-400-0 {
  background-color: rgba(var(--color-primary-rgb-400), 0);
}

.bg-color-primary-400-25 {
  background-color: rgba(var(--color-primary-rgb-400), 0.25);
}

.bg-color-primary-400-50 {
  background-color: rgba(var(--color-primary-rgb-400), 0.5);
}

.bg-color-primary-400-75 {
  background-color: rgba(var(--color-primary-rgb-400), 0.75);
}

.bg-color-primary-400-100 {
  background-color: rgba(var(--color-primary-rgb-400), 100);
}

.bg-color-secondary-400 {
  background-color: var(--color-secondary-400);
}

.bg-color-secondary-400-0 {
  background-color: rgba(var(--color-secondary-rgb-400), 0);
}

.bg-color-secondary-400-25 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.25);
}

.bg-color-secondary-400-50 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.5);
}

.bg-color-secondary-400-75 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.75);
}

.bg-color-secondary-400-100 {
  background-color: rgba(var(--color-secondary-rgb-400), 100);
}

.bg-color-gray-400 {
  background-color: var(--color-gray-400);
}

.bg-color-gray-400-0 {
  background-color: rgba(var(--color-gray-rgb-400), 0);
}

.bg-color-gray-400-25 {
  background-color: rgba(var(--color-gray-rgb-400), 0.25);
}

.bg-color-gray-400-50 {
  background-color: rgba(var(--color-gray-rgb-400), 0.5);
}

.bg-color-gray-400-75 {
  background-color: rgba(var(--color-gray-rgb-400), 0.75);
}

.bg-color-gray-400-100 {
  background-color: rgba(var(--color-gray-rgb-400), 100);
}

.bg-color-primary-500 {
  background-color: var(--color-primary-500);
}

.bg-color-primary-500-0 {
  background-color: rgba(var(--color-primary-rgb-500), 0);
}

.bg-color-primary-500-25 {
  background-color: rgba(var(--color-primary-rgb-500), 0.25);
}

.bg-color-primary-500-50 {
  background-color: rgba(var(--color-primary-rgb-500), 0.5);
}

.bg-color-primary-500-75 {
  background-color: rgba(var(--color-primary-rgb-500), 0.75);
}

.bg-color-primary-500-100 {
  background-color: rgba(var(--color-primary-rgb-500), 100);
}

.bg-color-secondary-500 {
  background-color: var(--color-secondary-500);
}

.bg-color-secondary-500-0 {
  background-color: rgba(var(--color-secondary-rgb-500), 0);
}

.bg-color-secondary-500-25 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.25);
}

.bg-color-secondary-500-50 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.5);
}

.bg-color-secondary-500-75 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.75);
}

.bg-color-secondary-500-100 {
  background-color: rgba(var(--color-secondary-rgb-500), 100);
}

.bg-color-gray-500 {
  background-color: var(--color-gray-500);
}

.bg-color-gray-500-0 {
  background-color: rgba(var(--color-gray-rgb-500), 0);
}

.bg-color-gray-500-25 {
  background-color: rgba(var(--color-gray-rgb-500), 0.25);
}

.bg-color-gray-500-50 {
  background-color: rgba(var(--color-gray-rgb-500), 0.5);
}

.bg-color-gray-500-75 {
  background-color: rgba(var(--color-gray-rgb-500), 0.75);
}

.bg-color-gray-500-100 {
  background-color: rgba(var(--color-gray-rgb-500), 100);
}

.bg-color-primary-600 {
  background-color: var(--color-primary-600);
}

.bg-color-primary-600-0 {
  background-color: rgba(var(--color-primary-rgb-600), 0);
}

.bg-color-primary-600-25 {
  background-color: rgba(var(--color-primary-rgb-600), 0.25);
}

.bg-color-primary-600-50 {
  background-color: rgba(var(--color-primary-rgb-600), 0.5);
}

.bg-color-primary-600-75 {
  background-color: rgba(var(--color-primary-rgb-600), 0.75);
}

.bg-color-primary-600-100 {
  background-color: rgba(var(--color-primary-rgb-600), 100);
}

.bg-color-secondary-600 {
  background-color: var(--color-secondary-600);
}

.bg-color-secondary-600-0 {
  background-color: rgba(var(--color-secondary-rgb-600), 0);
}

.bg-color-secondary-600-25 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.25);
}

.bg-color-secondary-600-50 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.5);
}

.bg-color-secondary-600-75 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.75);
}

.bg-color-secondary-600-100 {
  background-color: rgba(var(--color-secondary-rgb-600), 100);
}

.bg-color-gray-600 {
  background-color: var(--color-gray-600);
}

.bg-color-gray-600-0 {
  background-color: rgba(var(--color-gray-rgb-600), 0);
}

.bg-color-gray-600-25 {
  background-color: rgba(var(--color-gray-rgb-600), 0.25);
}

.bg-color-gray-600-50 {
  background-color: rgba(var(--color-gray-rgb-600), 0.5);
}

.bg-color-gray-600-75 {
  background-color: rgba(var(--color-gray-rgb-600), 0.75);
}

.bg-color-gray-600-100 {
  background-color: rgba(var(--color-gray-rgb-600), 100);
}

.bg-color-primary-700 {
  background-color: var(--color-primary-700);
}

.bg-color-primary-700-0 {
  background-color: rgba(var(--color-primary-rgb-700), 0);
}

.bg-color-primary-700-25 {
  background-color: rgba(var(--color-primary-rgb-700), 0.25);
}

.bg-color-primary-700-50 {
  background-color: rgba(var(--color-primary-rgb-700), 0.5);
}

.bg-color-primary-700-75 {
  background-color: rgba(var(--color-primary-rgb-700), 0.75);
}

.bg-color-primary-700-100 {
  background-color: rgba(var(--color-primary-rgb-700), 100);
}

.bg-color-secondary-700 {
  background-color: var(--color-secondary-700);
}

.bg-color-secondary-700-0 {
  background-color: rgba(var(--color-secondary-rgb-700), 0);
}

.bg-color-secondary-700-25 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.25);
}

.bg-color-secondary-700-50 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.5);
}

.bg-color-secondary-700-75 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.75);
}

.bg-color-secondary-700-100 {
  background-color: rgba(var(--color-secondary-rgb-700), 100);
}

.bg-color-gray-700 {
  background-color: var(--color-gray-700);
}

.bg-color-gray-700-0 {
  background-color: rgba(var(--color-gray-rgb-700), 0);
}

.bg-color-gray-700-25 {
  background-color: rgba(var(--color-gray-rgb-700), 0.25);
}

.bg-color-gray-700-50 {
  background-color: rgba(var(--color-gray-rgb-700), 0.5);
}

.bg-color-gray-700-75 {
  background-color: rgba(var(--color-gray-rgb-700), 0.75);
}

.bg-color-gray-700-100 {
  background-color: rgba(var(--color-gray-rgb-700), 100);
}

.bg-color-primary-800 {
  background-color: var(--color-primary-800);
}

.bg-color-primary-800-0 {
  background-color: rgba(var(--color-primary-rgb-800), 0);
}

.bg-color-primary-800-25 {
  background-color: rgba(var(--color-primary-rgb-800), 0.25);
}

.bg-color-primary-800-50 {
  background-color: rgba(var(--color-primary-rgb-800), 0.5);
}

.bg-color-primary-800-75 {
  background-color: rgba(var(--color-primary-rgb-800), 0.75);
}

.bg-color-primary-800-100 {
  background-color: rgba(var(--color-primary-rgb-800), 100);
}

.bg-color-secondary-800 {
  background-color: var(--color-secondary-800);
}

.bg-color-secondary-800-0 {
  background-color: rgba(var(--color-secondary-rgb-800), 0);
}

.bg-color-secondary-800-25 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.25);
}

.bg-color-secondary-800-50 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.5);
}

.bg-color-secondary-800-75 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.75);
}

.bg-color-secondary-800-100 {
  background-color: rgba(var(--color-secondary-rgb-800), 100);
}

.bg-color-gray-800 {
  background-color: var(--color-gray-800);
}

.bg-color-gray-800-0 {
  background-color: rgba(var(--color-gray-rgb-800), 0);
}

.bg-color-gray-800-25 {
  background-color: rgba(var(--color-gray-rgb-800), 0.25);
}

.bg-color-gray-800-50 {
  background-color: rgba(var(--color-gray-rgb-800), 0.5);
}

.bg-color-gray-800-75 {
  background-color: rgba(var(--color-gray-rgb-800), 0.75);
}

.bg-color-gray-800-100 {
  background-color: rgba(var(--color-gray-rgb-800), 100);
}

.bg-color-primary-900 {
  background-color: var(--color-primary-900);
}

.bg-color-primary-900-0 {
  background-color: rgba(var(--color-primary-rgb-900), 0);
}

.bg-color-primary-900-25 {
  background-color: rgba(var(--color-primary-rgb-900), 0.25);
}

.bg-color-primary-900-50 {
  background-color: rgba(var(--color-primary-rgb-900), 0.5);
}

.bg-color-primary-900-75 {
  background-color: rgba(var(--color-primary-rgb-900), 0.75);
}

.bg-color-primary-900-100 {
  background-color: rgba(var(--color-primary-rgb-900), 100);
}

.bg-color-secondary-900 {
  background-color: var(--color-secondary-900);
}

.bg-color-secondary-900-0 {
  background-color: rgba(var(--color-secondary-rgb-900), 0);
}

.bg-color-secondary-900-25 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.25);
}

.bg-color-secondary-900-50 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.5);
}

.bg-color-secondary-900-75 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.75);
}

.bg-color-secondary-900-100 {
  background-color: rgba(var(--color-secondary-rgb-900), 100);
}

.bg-color-gray-900 {
  background-color: var(--color-gray-900);
}

.bg-color-gray-900-0 {
  background-color: rgba(var(--color-gray-rgb-900), 0);
}

.bg-color-gray-900-25 {
  background-color: rgba(var(--color-gray-rgb-900), 0.25);
}

.bg-color-gray-900-50 {
  background-color: rgba(var(--color-gray-rgb-900), 0.5);
}

.bg-color-gray-900-75 {
  background-color: rgba(var(--color-gray-rgb-900), 0.75);
}

.bg-color-gray-900-100 {
  background-color: rgba(var(--color-gray-rgb-900), 100);
}

.bg-color-primary-950 {
  background-color: var(--color-primary-950);
}

.bg-color-primary-950-0 {
  background-color: rgba(var(--color-primary-rgb-950), 0);
}

.bg-color-primary-950-25 {
  background-color: rgba(var(--color-primary-rgb-950), 0.25);
}

.bg-color-primary-950-50 {
  background-color: rgba(var(--color-primary-rgb-950), 0.5);
}

.bg-color-primary-950-75 {
  background-color: rgba(var(--color-primary-rgb-950), 0.75);
}

.bg-color-primary-950-100 {
  background-color: rgba(var(--color-primary-rgb-950), 100);
}

.bg-color-secondary-950 {
  background-color: var(--color-secondary-950);
}

.bg-color-secondary-950-0 {
  background-color: rgba(var(--color-secondary-rgb-950), 0);
}

.bg-color-secondary-950-25 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.25);
}

.bg-color-secondary-950-50 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.5);
}

.bg-color-secondary-950-75 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.75);
}

.bg-color-secondary-950-100 {
  background-color: rgba(var(--color-secondary-rgb-950), 100);
}

.bg-color-gray-950 {
  background-color: var(--color-gray-950);
}

.bg-color-gray-950-0 {
  background-color: rgba(var(--color-gray-rgb-950), 0);
}

.bg-color-gray-950-25 {
  background-color: rgba(var(--color-gray-rgb-950), 0.25);
}

.bg-color-gray-950-50 {
  background-color: rgba(var(--color-gray-rgb-950), 0.5);
}

.bg-color-gray-950-75 {
  background-color: rgba(var(--color-gray-rgb-950), 0.75);
}

.bg-color-gray-950-100 {
  background-color: rgba(var(--color-gray-rgb-950), 100);
}

.bg-color-white-0 {
  background-color: rgba(var(--color-additional-white-rgb), 0);
}

.bg-color-white-25 {
  background-color: rgba(var(--color-additional-white-rgb), 0.25);
}

.bg-color-white-50 {
  background-color: rgba(var(--color-additional-white-rgb), 0.5);
}

.bg-color-white-75 {
  background-color: rgba(var(--color-additional-white-rgb), 0.75);
}

.bg-color-white-100 {
  background-color: rgba(var(--color-additional-white-rgb), 100);
}

.bg-color-primary {
  background-color: var(--color-primary);
}
.bg-color-secondary {
  background-color: var(--color-secondary);
}

:root {
  --color-primary-50: #fefbe8;
  --color-primary-100: #fef5c3;
  --color-primary-200: #fee98a;
  --color-primary-300: #fdcf2f;
  --color-primary-400: #fabd15;
  --color-primary-500: #eaa508;
  --color-primary-600: #ca7d04;
  --color-primary-700: #a15807;
  --color-primary-800: #85450e;
  --color-primary-900: #713912;
  --color-primary-950: #421c06;
  --color-primary-rgb-50: 254, 251, 232;
  --color-primary-rgb-100: 254, 245, 195;
  --color-primary-rgb-200: 254, 233, 138;
  --color-primary-rgb-300: 253, 207, 47;
  --color-primary-rgb-400: 250, 189, 21;
  --color-primary-rgb-500: 234, 165, 8;
  --color-primary-rgb-600: 202, 125, 4;
  --color-primary-rgb-700: 161, 88, 7;
  --color-primary-rgb-800: 133, 69, 14;
  --color-primary-rgb-900: 113, 57, 18;
  --color-primary-rgb-950: 66, 28, 6;
  --color-secondary-50: #e9feff;
  --color-secondary-100: #c9fdff;
  --color-secondary-200: #99f9ff;
  --color-secondary-300: #54f1ff;
  --color-secondary-400: #07dfff;
  --color-secondary-500: #00c1ef;
  --color-secondary-600: #0098c9;
  --color-secondary-700: #0079a1;
  --color-secondary-800: #086182;
  --color-secondary-900: #0c506d;
  --color-secondary-950: #00293c;
  --color-secondary-rgb-50: 233, 254, 255;
  --color-secondary-rgb-100: 201, 253, 255;
  --color-secondary-rgb-200: 153, 249, 255;
  --color-secondary-rgb-300: 84, 241, 255;
  --color-secondary-rgb-400: 7, 223, 255;
  --color-secondary-rgb-500: 0, 193, 239;
  --color-secondary-rgb-600: 0, 152, 201;
  --color-secondary-rgb-700: 0, 121, 161;
  --color-secondary-rgb-800: 8, 97, 130;
  --color-secondary-rgb-900: 12, 80, 109;
  --color-secondary-rgb-950: 0, 41, 60;
  --color-gray-50: #f6f6f6;
  --color-gray-100: #e7e7e7;
  --color-gray-200: #d1d1d1;
  --color-gray-300: #b0b0b0;
  --color-gray-400: #888888;
  --color-gray-500: #6d6d6d;
  --color-gray-600: #5d5d5d;
  --color-gray-700: #454545;
  --color-gray-800: #3d3d3d;
  --color-gray-900: #121212;
  --color-gray-rgb-50: 246, 246, 246;
  --color-gray-rgb-100: 231, 231, 231;
  --color-gray-rgb-200: 209, 209, 209;
  --color-gray-rgb-300: 176, 176, 176;
  --color-gray-rgb-400: 136, 136, 136;
  --color-gray-rgb-500: 109, 109, 109;
  --color-gray-rgb-600: 93, 93, 93;
  --color-gray-rgb-700: 69, 69, 69;
  --color-gray-rgb-800: 61, 61, 61;
  --color-gray-rgb-900: 18, 18, 18;
  --color-additional-white: #FFFFFF;
  --color-additional-white-rgb: 255, 255, 255;
  --color-additional-blue: #2828AD;
  --color-additional-green: #31B131;
  --color-additional-orange: #ffa500;
  --color-additional-yellow: #F6F645;
  --color-additional-red: #F13333;
  --color-additional-black: #000000;
}

.section, .section-full, .section-sm, .section-md, .section-lg, .section-xl, .section-xxl {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media only screen and (min-width: 768px) {
  .section, .section-full, .section-sm, .section-md, .section-lg, .section-xl, .section-xxl {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.section-full {
  max-width: 100%;
}
.section-full .wrapper {
  max-width: 100%;
}

.section-sm {
  max-width: 548px;
}
.section-sm .wrapper {
  max-width: 548px;
}

.section-md {
  max-width: 768px;
}
.section-md .wrapper {
  max-width: 768px;
}

.section-lg {
  max-width: 948px;
}
.section-lg .wrapper {
  max-width: 948px;
}

.section-xl {
  max-width: 1188px;
}
.section-xl .wrapper {
  max-width: 1188px;
}

.section-xxl {
  max-width: 1368px;
}
.section-xxl .wrapper {
  max-width: 1368px;
}

h1,
h2,
h3 {
  line-height: 1.5;
  font-weight: 700;
}

h4,
h5,
h6 {
  line-height: 1.5;
  font-weight: 500;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 25px;
}

h6 {
  font-size: 22px;
}

.body-small {
  font-size: 14px;
  line-height: 1.5;
}
.body-small-l {
  font-weight: 300;
}
.body-small-r {
  font-weight: 400;
}
.body-small-m {
  font-weight: 500;
}
.body-small-b {
  font-weight: 700;
}
.body-small-black {
  font-weight: 900;
}

.body-medium {
  font-size: 16px;
  line-height: 1.5;
}
.body-medium-l {
  font-weight: 300;
}
.body-medium-r {
  font-weight: 400;
}
.body-medium-m {
  font-weight: 500;
}
.body-medium-b {
  font-weight: 700;
}
.body-medium-black {
  font-weight: 900;
}

.body-large {
  font-size: 18px;
  line-height: 1.5;
}
.body-large-l {
  font-weight: 300;
}
.body-large-r {
  font-weight: 400;
}
.body-large-m {
  font-weight: 500;
}
.body-large-b {
  font-weight: 700;
}
.body-large-black {
  font-weight: 900;
}

.body-xlarge {
  font-size: 18px;
  line-height: 1.5;
}
.body-xlarge-l {
  font-weight: 300;
}
.body-xlarge-r {
  font-weight: 400;
}
.body-xlarge-m {
  font-weight: 500;
}
.body-xlarge-b {
  font-weight: 700;
}
.body-xlarge-black {
  font-weight: 900;
}

.subtitle-small {
  font-size: 16px;
  line-height: 1.5;
}
.subtitle-small-l {
  font-weight: 300;
}
.subtitle-small-r {
  font-weight: 400;
}
.subtitle-small-m {
  font-weight: 500;
}
.subtitle-small-b {
  font-weight: 700;
}
.subtitle-small-black {
  font-weight: 900;
}

.subtitle-medium {
  font-size: 20px;
  line-height: 1.5;
}
.subtitle-medium-l {
  font-weight: 300;
}
.subtitle-medium-r {
  font-weight: 400;
}
.subtitle-medium-m {
  font-weight: 500;
}
.subtitle-medium-b {
  font-weight: 700;
}
.subtitle-medium-black {
  font-weight: 900;
}

.subtitle-large {
  font-size: 25px;
  line-height: 1.5;
}
.subtitle-large-l {
  font-weight: 300;
}
.subtitle-large-r {
  font-weight: 400;
}
.subtitle-large-m {
  font-weight: 500;
}
.subtitle-large-b {
  font-weight: 700;
}
.subtitle-large-black {
  font-weight: 900;
}

.title-small {
  font-size: 25px;
  line-height: 1.5;
}
.title-small-l {
  font-weight: 300;
}
.title-small-r {
  font-weight: 400;
}
.title-small-m {
  font-weight: 500;
}
.title-small-b {
  font-weight: 700;
}
.title-small-black {
  font-weight: 900;
}

.title-medium {
  font-size: 32px;
  line-height: 1.5;
}
.title-medium-l {
  font-weight: 300;
}
.title-medium-r {
  font-weight: 400;
}
.title-medium-m {
  font-weight: 500;
}
.title-medium-b {
  font-weight: 700;
}
.title-medium-black {
  font-weight: 900;
}

.title-large {
  font-size: 40px;
  line-height: 1.5;
}
.title-large-l {
  font-weight: 300;
}
.title-large-r {
  font-weight: 400;
}
.title-large-m {
  font-weight: 500;
}
.title-large-b {
  font-weight: 700;
}
.title-large-black {
  font-weight: 900;
}

:root {
  --color-primary: #fdcf2f;
  --color-secondary: #00293c;
  --color-tertiary: #666666;
  --color-fourth: #F2F2F2;
  --color-dark-grey: #3D3835;
  --color-grey: #c3b7b7;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-sticky-nav: #ffffff;
  --font-family-primary: Kanit, sans-serif;
}

.color-primary {
  color: var(--color-primary);
}

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

.color-primary-fill {
  fill: var(--color-primary);
}

.color-primary-border {
  border-color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-secondary-bg {
  background-color: var(--color-secondary);
}

.color-secondary-fill {
  fill: var(--color-secondary);
}

.color-secondary-border {
  border-color: var(--color-secondary);
}

.color-tertiary {
  color: var(--color-tertiary);
}

.color-tertiary-bg {
  background-color: var(--color-tertiary);
}

.color-tertiary-fill {
  fill: var(--color-tertiary);
}

.color-tertiary-border {
  border-color: var(--color-tertiary);
}

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

.bg-color-primary-50-0 {
  background-color: rgba(var(--color-primary-rgb-50), 0);
}

.bg-color-primary-50-25 {
  background-color: rgba(var(--color-primary-rgb-50), 0.25);
}

.bg-color-primary-50-50 {
  background-color: rgba(var(--color-primary-rgb-50), 0.5);
}

.bg-color-primary-50-75 {
  background-color: rgba(var(--color-primary-rgb-50), 0.75);
}

.bg-color-primary-50-100 {
  background-color: rgba(var(--color-primary-rgb-50), 100);
}

.bg-color-secondary-50 {
  background-color: var(--color-secondary-50);
}

.bg-color-secondary-50-0 {
  background-color: rgba(var(--color-secondary-rgb-50), 0);
}

.bg-color-secondary-50-25 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.25);
}

.bg-color-secondary-50-50 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.5);
}

.bg-color-secondary-50-75 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.75);
}

.bg-color-secondary-50-100 {
  background-color: rgba(var(--color-secondary-rgb-50), 100);
}

.bg-color-gray-50 {
  background-color: var(--color-gray-50);
}

.bg-color-gray-50-0 {
  background-color: rgba(var(--color-gray-rgb-50), 0);
}

.bg-color-gray-50-25 {
  background-color: rgba(var(--color-gray-rgb-50), 0.25);
}

.bg-color-gray-50-50 {
  background-color: rgba(var(--color-gray-rgb-50), 0.5);
}

.bg-color-gray-50-75 {
  background-color: rgba(var(--color-gray-rgb-50), 0.75);
}

.bg-color-gray-50-100 {
  background-color: rgba(var(--color-gray-rgb-50), 100);
}

.bg-color-primary-100 {
  background-color: var(--color-primary-100);
}

.bg-color-primary-100-0 {
  background-color: rgba(var(--color-primary-rgb-100), 0);
}

.bg-color-primary-100-25 {
  background-color: rgba(var(--color-primary-rgb-100), 0.25);
}

.bg-color-primary-100-50 {
  background-color: rgba(var(--color-primary-rgb-100), 0.5);
}

.bg-color-primary-100-75 {
  background-color: rgba(var(--color-primary-rgb-100), 0.75);
}

.bg-color-primary-100-100 {
  background-color: rgba(var(--color-primary-rgb-100), 100);
}

.bg-color-secondary-100 {
  background-color: var(--color-secondary-100);
}

.bg-color-secondary-100-0 {
  background-color: rgba(var(--color-secondary-rgb-100), 0);
}

.bg-color-secondary-100-25 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.25);
}

.bg-color-secondary-100-50 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.5);
}

.bg-color-secondary-100-75 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.75);
}

.bg-color-secondary-100-100 {
  background-color: rgba(var(--color-secondary-rgb-100), 100);
}

.bg-color-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-color-gray-100-0 {
  background-color: rgba(var(--color-gray-rgb-100), 0);
}

.bg-color-gray-100-25 {
  background-color: rgba(var(--color-gray-rgb-100), 0.25);
}

.bg-color-gray-100-50 {
  background-color: rgba(var(--color-gray-rgb-100), 0.5);
}

.bg-color-gray-100-75 {
  background-color: rgba(var(--color-gray-rgb-100), 0.75);
}

.bg-color-gray-100-100 {
  background-color: rgba(var(--color-gray-rgb-100), 100);
}

.bg-color-primary-200 {
  background-color: var(--color-primary-200);
}

.bg-color-primary-200-0 {
  background-color: rgba(var(--color-primary-rgb-200), 0);
}

.bg-color-primary-200-25 {
  background-color: rgba(var(--color-primary-rgb-200), 0.25);
}

.bg-color-primary-200-50 {
  background-color: rgba(var(--color-primary-rgb-200), 0.5);
}

.bg-color-primary-200-75 {
  background-color: rgba(var(--color-primary-rgb-200), 0.75);
}

.bg-color-primary-200-100 {
  background-color: rgba(var(--color-primary-rgb-200), 100);
}

.bg-color-secondary-200 {
  background-color: var(--color-secondary-200);
}

.bg-color-secondary-200-0 {
  background-color: rgba(var(--color-secondary-rgb-200), 0);
}

.bg-color-secondary-200-25 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.25);
}

.bg-color-secondary-200-50 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.5);
}

.bg-color-secondary-200-75 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.75);
}

.bg-color-secondary-200-100 {
  background-color: rgba(var(--color-secondary-rgb-200), 100);
}

.bg-color-gray-200 {
  background-color: var(--color-gray-200);
}

.bg-color-gray-200-0 {
  background-color: rgba(var(--color-gray-rgb-200), 0);
}

.bg-color-gray-200-25 {
  background-color: rgba(var(--color-gray-rgb-200), 0.25);
}

.bg-color-gray-200-50 {
  background-color: rgba(var(--color-gray-rgb-200), 0.5);
}

.bg-color-gray-200-75 {
  background-color: rgba(var(--color-gray-rgb-200), 0.75);
}

.bg-color-gray-200-100 {
  background-color: rgba(var(--color-gray-rgb-200), 100);
}

.bg-color-primary-300 {
  background-color: var(--color-primary-300);
}

.bg-color-primary-300-0 {
  background-color: rgba(var(--color-primary-rgb-300), 0);
}

.bg-color-primary-300-25 {
  background-color: rgba(var(--color-primary-rgb-300), 0.25);
}

.bg-color-primary-300-50 {
  background-color: rgba(var(--color-primary-rgb-300), 0.5);
}

.bg-color-primary-300-75 {
  background-color: rgba(var(--color-primary-rgb-300), 0.75);
}

.bg-color-primary-300-100 {
  background-color: rgba(var(--color-primary-rgb-300), 100);
}

.bg-color-secondary-300 {
  background-color: var(--color-secondary-300);
}

.bg-color-secondary-300-0 {
  background-color: rgba(var(--color-secondary-rgb-300), 0);
}

.bg-color-secondary-300-25 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.25);
}

.bg-color-secondary-300-50 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.5);
}

.bg-color-secondary-300-75 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.75);
}

.bg-color-secondary-300-100 {
  background-color: rgba(var(--color-secondary-rgb-300), 100);
}

.bg-color-gray-300 {
  background-color: var(--color-gray-300);
}

.bg-color-gray-300-0 {
  background-color: rgba(var(--color-gray-rgb-300), 0);
}

.bg-color-gray-300-25 {
  background-color: rgba(var(--color-gray-rgb-300), 0.25);
}

.bg-color-gray-300-50 {
  background-color: rgba(var(--color-gray-rgb-300), 0.5);
}

.bg-color-gray-300-75 {
  background-color: rgba(var(--color-gray-rgb-300), 0.75);
}

.bg-color-gray-300-100 {
  background-color: rgba(var(--color-gray-rgb-300), 100);
}

.bg-color-primary-400 {
  background-color: var(--color-primary-400);
}

.bg-color-primary-400-0 {
  background-color: rgba(var(--color-primary-rgb-400), 0);
}

.bg-color-primary-400-25 {
  background-color: rgba(var(--color-primary-rgb-400), 0.25);
}

.bg-color-primary-400-50 {
  background-color: rgba(var(--color-primary-rgb-400), 0.5);
}

.bg-color-primary-400-75 {
  background-color: rgba(var(--color-primary-rgb-400), 0.75);
}

.bg-color-primary-400-100 {
  background-color: rgba(var(--color-primary-rgb-400), 100);
}

.bg-color-secondary-400 {
  background-color: var(--color-secondary-400);
}

.bg-color-secondary-400-0 {
  background-color: rgba(var(--color-secondary-rgb-400), 0);
}

.bg-color-secondary-400-25 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.25);
}

.bg-color-secondary-400-50 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.5);
}

.bg-color-secondary-400-75 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.75);
}

.bg-color-secondary-400-100 {
  background-color: rgba(var(--color-secondary-rgb-400), 100);
}

.bg-color-gray-400 {
  background-color: var(--color-gray-400);
}

.bg-color-gray-400-0 {
  background-color: rgba(var(--color-gray-rgb-400), 0);
}

.bg-color-gray-400-25 {
  background-color: rgba(var(--color-gray-rgb-400), 0.25);
}

.bg-color-gray-400-50 {
  background-color: rgba(var(--color-gray-rgb-400), 0.5);
}

.bg-color-gray-400-75 {
  background-color: rgba(var(--color-gray-rgb-400), 0.75);
}

.bg-color-gray-400-100 {
  background-color: rgba(var(--color-gray-rgb-400), 100);
}

.bg-color-primary-500 {
  background-color: var(--color-primary-500);
}

.bg-color-primary-500-0 {
  background-color: rgba(var(--color-primary-rgb-500), 0);
}

.bg-color-primary-500-25 {
  background-color: rgba(var(--color-primary-rgb-500), 0.25);
}

.bg-color-primary-500-50 {
  background-color: rgba(var(--color-primary-rgb-500), 0.5);
}

.bg-color-primary-500-75 {
  background-color: rgba(var(--color-primary-rgb-500), 0.75);
}

.bg-color-primary-500-100 {
  background-color: rgba(var(--color-primary-rgb-500), 100);
}

.bg-color-secondary-500 {
  background-color: var(--color-secondary-500);
}

.bg-color-secondary-500-0 {
  background-color: rgba(var(--color-secondary-rgb-500), 0);
}

.bg-color-secondary-500-25 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.25);
}

.bg-color-secondary-500-50 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.5);
}

.bg-color-secondary-500-75 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.75);
}

.bg-color-secondary-500-100 {
  background-color: rgba(var(--color-secondary-rgb-500), 100);
}

.bg-color-gray-500 {
  background-color: var(--color-gray-500);
}

.bg-color-gray-500-0 {
  background-color: rgba(var(--color-gray-rgb-500), 0);
}

.bg-color-gray-500-25 {
  background-color: rgba(var(--color-gray-rgb-500), 0.25);
}

.bg-color-gray-500-50 {
  background-color: rgba(var(--color-gray-rgb-500), 0.5);
}

.bg-color-gray-500-75 {
  background-color: rgba(var(--color-gray-rgb-500), 0.75);
}

.bg-color-gray-500-100 {
  background-color: rgba(var(--color-gray-rgb-500), 100);
}

.bg-color-primary-600 {
  background-color: var(--color-primary-600);
}

.bg-color-primary-600-0 {
  background-color: rgba(var(--color-primary-rgb-600), 0);
}

.bg-color-primary-600-25 {
  background-color: rgba(var(--color-primary-rgb-600), 0.25);
}

.bg-color-primary-600-50 {
  background-color: rgba(var(--color-primary-rgb-600), 0.5);
}

.bg-color-primary-600-75 {
  background-color: rgba(var(--color-primary-rgb-600), 0.75);
}

.bg-color-primary-600-100 {
  background-color: rgba(var(--color-primary-rgb-600), 100);
}

.bg-color-secondary-600 {
  background-color: var(--color-secondary-600);
}

.bg-color-secondary-600-0 {
  background-color: rgba(var(--color-secondary-rgb-600), 0);
}

.bg-color-secondary-600-25 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.25);
}

.bg-color-secondary-600-50 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.5);
}

.bg-color-secondary-600-75 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.75);
}

.bg-color-secondary-600-100 {
  background-color: rgba(var(--color-secondary-rgb-600), 100);
}

.bg-color-gray-600 {
  background-color: var(--color-gray-600);
}

.bg-color-gray-600-0 {
  background-color: rgba(var(--color-gray-rgb-600), 0);
}

.bg-color-gray-600-25 {
  background-color: rgba(var(--color-gray-rgb-600), 0.25);
}

.bg-color-gray-600-50 {
  background-color: rgba(var(--color-gray-rgb-600), 0.5);
}

.bg-color-gray-600-75 {
  background-color: rgba(var(--color-gray-rgb-600), 0.75);
}

.bg-color-gray-600-100 {
  background-color: rgba(var(--color-gray-rgb-600), 100);
}

.bg-color-primary-700 {
  background-color: var(--color-primary-700);
}

.bg-color-primary-700-0 {
  background-color: rgba(var(--color-primary-rgb-700), 0);
}

.bg-color-primary-700-25 {
  background-color: rgba(var(--color-primary-rgb-700), 0.25);
}

.bg-color-primary-700-50 {
  background-color: rgba(var(--color-primary-rgb-700), 0.5);
}

.bg-color-primary-700-75 {
  background-color: rgba(var(--color-primary-rgb-700), 0.75);
}

.bg-color-primary-700-100 {
  background-color: rgba(var(--color-primary-rgb-700), 100);
}

.bg-color-secondary-700 {
  background-color: var(--color-secondary-700);
}

.bg-color-secondary-700-0 {
  background-color: rgba(var(--color-secondary-rgb-700), 0);
}

.bg-color-secondary-700-25 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.25);
}

.bg-color-secondary-700-50 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.5);
}

.bg-color-secondary-700-75 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.75);
}

.bg-color-secondary-700-100 {
  background-color: rgba(var(--color-secondary-rgb-700), 100);
}

.bg-color-gray-700 {
  background-color: var(--color-gray-700);
}

.bg-color-gray-700-0 {
  background-color: rgba(var(--color-gray-rgb-700), 0);
}

.bg-color-gray-700-25 {
  background-color: rgba(var(--color-gray-rgb-700), 0.25);
}

.bg-color-gray-700-50 {
  background-color: rgba(var(--color-gray-rgb-700), 0.5);
}

.bg-color-gray-700-75 {
  background-color: rgba(var(--color-gray-rgb-700), 0.75);
}

.bg-color-gray-700-100 {
  background-color: rgba(var(--color-gray-rgb-700), 100);
}

.bg-color-primary-800 {
  background-color: var(--color-primary-800);
}

.bg-color-primary-800-0 {
  background-color: rgba(var(--color-primary-rgb-800), 0);
}

.bg-color-primary-800-25 {
  background-color: rgba(var(--color-primary-rgb-800), 0.25);
}

.bg-color-primary-800-50 {
  background-color: rgba(var(--color-primary-rgb-800), 0.5);
}

.bg-color-primary-800-75 {
  background-color: rgba(var(--color-primary-rgb-800), 0.75);
}

.bg-color-primary-800-100 {
  background-color: rgba(var(--color-primary-rgb-800), 100);
}

.bg-color-secondary-800 {
  background-color: var(--color-secondary-800);
}

.bg-color-secondary-800-0 {
  background-color: rgba(var(--color-secondary-rgb-800), 0);
}

.bg-color-secondary-800-25 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.25);
}

.bg-color-secondary-800-50 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.5);
}

.bg-color-secondary-800-75 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.75);
}

.bg-color-secondary-800-100 {
  background-color: rgba(var(--color-secondary-rgb-800), 100);
}

.bg-color-gray-800 {
  background-color: var(--color-gray-800);
}

.bg-color-gray-800-0 {
  background-color: rgba(var(--color-gray-rgb-800), 0);
}

.bg-color-gray-800-25 {
  background-color: rgba(var(--color-gray-rgb-800), 0.25);
}

.bg-color-gray-800-50 {
  background-color: rgba(var(--color-gray-rgb-800), 0.5);
}

.bg-color-gray-800-75 {
  background-color: rgba(var(--color-gray-rgb-800), 0.75);
}

.bg-color-gray-800-100 {
  background-color: rgba(var(--color-gray-rgb-800), 100);
}

.bg-color-primary-900 {
  background-color: var(--color-primary-900);
}

.bg-color-primary-900-0 {
  background-color: rgba(var(--color-primary-rgb-900), 0);
}

.bg-color-primary-900-25 {
  background-color: rgba(var(--color-primary-rgb-900), 0.25);
}

.bg-color-primary-900-50 {
  background-color: rgba(var(--color-primary-rgb-900), 0.5);
}

.bg-color-primary-900-75 {
  background-color: rgba(var(--color-primary-rgb-900), 0.75);
}

.bg-color-primary-900-100 {
  background-color: rgba(var(--color-primary-rgb-900), 100);
}

.bg-color-secondary-900 {
  background-color: var(--color-secondary-900);
}

.bg-color-secondary-900-0 {
  background-color: rgba(var(--color-secondary-rgb-900), 0);
}

.bg-color-secondary-900-25 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.25);
}

.bg-color-secondary-900-50 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.5);
}

.bg-color-secondary-900-75 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.75);
}

.bg-color-secondary-900-100 {
  background-color: rgba(var(--color-secondary-rgb-900), 100);
}

.bg-color-gray-900 {
  background-color: var(--color-gray-900);
}

.bg-color-gray-900-0 {
  background-color: rgba(var(--color-gray-rgb-900), 0);
}

.bg-color-gray-900-25 {
  background-color: rgba(var(--color-gray-rgb-900), 0.25);
}

.bg-color-gray-900-50 {
  background-color: rgba(var(--color-gray-rgb-900), 0.5);
}

.bg-color-gray-900-75 {
  background-color: rgba(var(--color-gray-rgb-900), 0.75);
}

.bg-color-gray-900-100 {
  background-color: rgba(var(--color-gray-rgb-900), 100);
}

.bg-color-primary-950 {
  background-color: var(--color-primary-950);
}

.bg-color-primary-950-0 {
  background-color: rgba(var(--color-primary-rgb-950), 0);
}

.bg-color-primary-950-25 {
  background-color: rgba(var(--color-primary-rgb-950), 0.25);
}

.bg-color-primary-950-50 {
  background-color: rgba(var(--color-primary-rgb-950), 0.5);
}

.bg-color-primary-950-75 {
  background-color: rgba(var(--color-primary-rgb-950), 0.75);
}

.bg-color-primary-950-100 {
  background-color: rgba(var(--color-primary-rgb-950), 100);
}

.bg-color-secondary-950 {
  background-color: var(--color-secondary-950);
}

.bg-color-secondary-950-0 {
  background-color: rgba(var(--color-secondary-rgb-950), 0);
}

.bg-color-secondary-950-25 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.25);
}

.bg-color-secondary-950-50 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.5);
}

.bg-color-secondary-950-75 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.75);
}

.bg-color-secondary-950-100 {
  background-color: rgba(var(--color-secondary-rgb-950), 100);
}

.bg-color-gray-950 {
  background-color: var(--color-gray-950);
}

.bg-color-gray-950-0 {
  background-color: rgba(var(--color-gray-rgb-950), 0);
}

.bg-color-gray-950-25 {
  background-color: rgba(var(--color-gray-rgb-950), 0.25);
}

.bg-color-gray-950-50 {
  background-color: rgba(var(--color-gray-rgb-950), 0.5);
}

.bg-color-gray-950-75 {
  background-color: rgba(var(--color-gray-rgb-950), 0.75);
}

.bg-color-gray-950-100 {
  background-color: rgba(var(--color-gray-rgb-950), 100);
}

.bg-color-white-0 {
  background-color: rgba(var(--color-additional-white-rgb), 0);
}

.bg-color-white-25 {
  background-color: rgba(var(--color-additional-white-rgb), 0.25);
}

.bg-color-white-50 {
  background-color: rgba(var(--color-additional-white-rgb), 0.5);
}

.bg-color-white-75 {
  background-color: rgba(var(--color-additional-white-rgb), 0.75);
}

.bg-color-white-100 {
  background-color: rgba(var(--color-additional-white-rgb), 100);
}

.bg-color-primary {
  background-color: var(--color-primary);
}
.bg-color-secondary {
  background-color: var(--color-secondary);
}

:root {
  --color-primary-50: #fefbe8;
  --color-primary-100: #fef5c3;
  --color-primary-200: #fee98a;
  --color-primary-300: #fdcf2f;
  --color-primary-400: #fabd15;
  --color-primary-500: #eaa508;
  --color-primary-600: #ca7d04;
  --color-primary-700: #a15807;
  --color-primary-800: #85450e;
  --color-primary-900: #713912;
  --color-primary-950: #421c06;
  --color-primary-rgb-50: 254, 251, 232;
  --color-primary-rgb-100: 254, 245, 195;
  --color-primary-rgb-200: 254, 233, 138;
  --color-primary-rgb-300: 253, 207, 47;
  --color-primary-rgb-400: 250, 189, 21;
  --color-primary-rgb-500: 234, 165, 8;
  --color-primary-rgb-600: 202, 125, 4;
  --color-primary-rgb-700: 161, 88, 7;
  --color-primary-rgb-800: 133, 69, 14;
  --color-primary-rgb-900: 113, 57, 18;
  --color-primary-rgb-950: 66, 28, 6;
  --color-secondary-50: #e9feff;
  --color-secondary-100: #c9fdff;
  --color-secondary-200: #99f9ff;
  --color-secondary-300: #54f1ff;
  --color-secondary-400: #07dfff;
  --color-secondary-500: #00c1ef;
  --color-secondary-600: #0098c9;
  --color-secondary-700: #0079a1;
  --color-secondary-800: #086182;
  --color-secondary-900: #0c506d;
  --color-secondary-950: #00293c;
  --color-secondary-rgb-50: 233, 254, 255;
  --color-secondary-rgb-100: 201, 253, 255;
  --color-secondary-rgb-200: 153, 249, 255;
  --color-secondary-rgb-300: 84, 241, 255;
  --color-secondary-rgb-400: 7, 223, 255;
  --color-secondary-rgb-500: 0, 193, 239;
  --color-secondary-rgb-600: 0, 152, 201;
  --color-secondary-rgb-700: 0, 121, 161;
  --color-secondary-rgb-800: 8, 97, 130;
  --color-secondary-rgb-900: 12, 80, 109;
  --color-secondary-rgb-950: 0, 41, 60;
  --color-gray-50: #f6f6f6;
  --color-gray-100: #e7e7e7;
  --color-gray-200: #d1d1d1;
  --color-gray-300: #b0b0b0;
  --color-gray-400: #888888;
  --color-gray-500: #6d6d6d;
  --color-gray-600: #5d5d5d;
  --color-gray-700: #454545;
  --color-gray-800: #3d3d3d;
  --color-gray-900: #121212;
  --color-gray-rgb-50: 246, 246, 246;
  --color-gray-rgb-100: 231, 231, 231;
  --color-gray-rgb-200: 209, 209, 209;
  --color-gray-rgb-300: 176, 176, 176;
  --color-gray-rgb-400: 136, 136, 136;
  --color-gray-rgb-500: 109, 109, 109;
  --color-gray-rgb-600: 93, 93, 93;
  --color-gray-rgb-700: 69, 69, 69;
  --color-gray-rgb-800: 61, 61, 61;
  --color-gray-rgb-900: 18, 18, 18;
  --color-additional-white: #FFFFFF;
  --color-additional-white-rgb: 255, 255, 255;
  --color-additional-blue: #2828AD;
  --color-additional-green: #31B131;
  --color-additional-orange: #ffa500;
  --color-additional-yellow: #F6F645;
  --color-additional-red: #F13333;
  --color-additional-black: #000000;
}

.button-secondary-sm, .button-secondary-md, .button-secondary-lg, .button-primary-sm, .button-primary-md, .button-primary-lg {
  font-weight: 500;
  border-style: solid;
  border-width: 2px;
  transition: 0.5s;
  text-decoration: none;
  text-align: center;
}

.button-primary-lg {
  background-color: #fdcf2f;
  color: #00293c;
  border-radius: 20px;
  border-color: #fdcf2f;
  text-transform: inherit;
  padding: 16px 24px;
  font-size: 16px;
}
.button-primary-lg:hover {
  background-color: #fee98a;
  border-color: #fee98a;
  color: #00293c;
  box-shadow: none;
}
.button-primary-lg:focus, .button-primary-lg:active:focus {
  background-color: #fabd15;
  border-color: #00293c;
  color: #00293c;
  box-shadow: none;
}
.button-primary-md {
  background-color: #fdcf2f;
  color: #00293c;
  border-radius: 20px;
  border-color: #fdcf2f;
  text-transform: inherit;
  padding: 8px 16px;
  font-size: 16px;
}
.button-primary-md:hover {
  background-color: #fee98a;
  border-color: #fee98a;
  color: #00293c;
  box-shadow: none;
}
.button-primary-md:focus, .button-primary-md:active:focus {
  background-color: #fabd15;
  border-color: #00293c;
  color: #00293c;
  box-shadow: none;
}
.button-primary-sm {
  background-color: #fdcf2f;
  color: #00293c;
  border-radius: 20px;
  border-color: #fdcf2f;
  text-transform: inherit;
  padding: 4px 8px;
  font-size: 14px;
}
.button-primary-sm:hover {
  background-color: #fee98a;
  border-color: #fee98a;
  color: #00293c;
  box-shadow: none;
}
.button-primary-sm:focus, .button-primary-sm:active:focus {
  background-color: #fabd15;
  border-color: #00293c;
  color: #00293c;
  box-shadow: none;
}

.button-secondary-lg {
  background-color: #00293c;
  color: #ffffff;
  border-radius: 20px;
  border-color: #00293c;
  text-transform: inherit;
  padding: 16px 24px;
  font-size: 16px;
}
.button-secondary-lg:hover {
  background-color: #086182;
  border-color: #086182;
  color: #ffffff;
  box-shadow: none;
}
.button-secondary-lg:focus, .button-secondary-lg:active:focus {
  background-color: #0c506d;
  border-color: #fdcf2f;
  color: #ffffff;
  box-shadow: none;
}
.button-secondary-md {
  background-color: #00293c;
  color: #ffffff;
  border-radius: 20px;
  border-color: #00293c;
  text-transform: inherit;
  padding: 8px 16px;
  font-size: 16px;
}
.button-secondary-md:hover {
  background-color: #086182;
  border-color: #086182;
  color: #ffffff;
  box-shadow: none;
}
.button-secondary-md:focus, .button-secondary-md:active:focus {
  background-color: #0c506d;
  border-color: #fdcf2f;
  color: #ffffff;
  box-shadow: none;
}
.button-secondary-sm {
  background-color: #00293c;
  color: #ffffff;
  border-radius: 20px;
  border-color: #00293c;
  text-transform: inherit;
  padding: 4px 8px;
  font-size: 14px;
}
.button-secondary-sm:hover {
  background-color: #086182;
  border-color: #086182;
  color: #ffffff;
  box-shadow: none;
}
.button-secondary-sm:focus, .button-secondary-sm:active:focus {
  background-color: #0c506d;
  border-color: #fdcf2f;
  color: #ffffff;
  box-shadow: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 0;
}

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

.bg-color-primary-50-0 {
  background-color: rgba(var(--color-primary-rgb-50), 0);
}

.bg-color-primary-50-25 {
  background-color: rgba(var(--color-primary-rgb-50), 0.25);
}

.bg-color-primary-50-50 {
  background-color: rgba(var(--color-primary-rgb-50), 0.5);
}

.bg-color-primary-50-75 {
  background-color: rgba(var(--color-primary-rgb-50), 0.75);
}

.bg-color-primary-50-100 {
  background-color: rgba(var(--color-primary-rgb-50), 100);
}

.bg-color-secondary-50 {
  background-color: var(--color-secondary-50);
}

.bg-color-secondary-50-0 {
  background-color: rgba(var(--color-secondary-rgb-50), 0);
}

.bg-color-secondary-50-25 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.25);
}

.bg-color-secondary-50-50 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.5);
}

.bg-color-secondary-50-75 {
  background-color: rgba(var(--color-secondary-rgb-50), 0.75);
}

.bg-color-secondary-50-100 {
  background-color: rgba(var(--color-secondary-rgb-50), 100);
}

.bg-color-gray-50 {
  background-color: var(--color-gray-50);
}

.bg-color-gray-50-0 {
  background-color: rgba(var(--color-gray-rgb-50), 0);
}

.bg-color-gray-50-25 {
  background-color: rgba(var(--color-gray-rgb-50), 0.25);
}

.bg-color-gray-50-50 {
  background-color: rgba(var(--color-gray-rgb-50), 0.5);
}

.bg-color-gray-50-75 {
  background-color: rgba(var(--color-gray-rgb-50), 0.75);
}

.bg-color-gray-50-100 {
  background-color: rgba(var(--color-gray-rgb-50), 100);
}

.bg-color-primary-100 {
  background-color: var(--color-primary-100);
}

.bg-color-primary-100-0 {
  background-color: rgba(var(--color-primary-rgb-100), 0);
}

.bg-color-primary-100-25 {
  background-color: rgba(var(--color-primary-rgb-100), 0.25);
}

.bg-color-primary-100-50 {
  background-color: rgba(var(--color-primary-rgb-100), 0.5);
}

.bg-color-primary-100-75 {
  background-color: rgba(var(--color-primary-rgb-100), 0.75);
}

.bg-color-primary-100-100 {
  background-color: rgba(var(--color-primary-rgb-100), 100);
}

.bg-color-secondary-100 {
  background-color: var(--color-secondary-100);
}

.bg-color-secondary-100-0 {
  background-color: rgba(var(--color-secondary-rgb-100), 0);
}

.bg-color-secondary-100-25 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.25);
}

.bg-color-secondary-100-50 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.5);
}

.bg-color-secondary-100-75 {
  background-color: rgba(var(--color-secondary-rgb-100), 0.75);
}

.bg-color-secondary-100-100 {
  background-color: rgba(var(--color-secondary-rgb-100), 100);
}

.bg-color-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-color-gray-100-0 {
  background-color: rgba(var(--color-gray-rgb-100), 0);
}

.bg-color-gray-100-25 {
  background-color: rgba(var(--color-gray-rgb-100), 0.25);
}

.bg-color-gray-100-50 {
  background-color: rgba(var(--color-gray-rgb-100), 0.5);
}

.bg-color-gray-100-75 {
  background-color: rgba(var(--color-gray-rgb-100), 0.75);
}

.bg-color-gray-100-100 {
  background-color: rgba(var(--color-gray-rgb-100), 100);
}

.bg-color-primary-200 {
  background-color: var(--color-primary-200);
}

.bg-color-primary-200-0 {
  background-color: rgba(var(--color-primary-rgb-200), 0);
}

.bg-color-primary-200-25 {
  background-color: rgba(var(--color-primary-rgb-200), 0.25);
}

.bg-color-primary-200-50 {
  background-color: rgba(var(--color-primary-rgb-200), 0.5);
}

.bg-color-primary-200-75 {
  background-color: rgba(var(--color-primary-rgb-200), 0.75);
}

.bg-color-primary-200-100 {
  background-color: rgba(var(--color-primary-rgb-200), 100);
}

.bg-color-secondary-200 {
  background-color: var(--color-secondary-200);
}

.bg-color-secondary-200-0 {
  background-color: rgba(var(--color-secondary-rgb-200), 0);
}

.bg-color-secondary-200-25 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.25);
}

.bg-color-secondary-200-50 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.5);
}

.bg-color-secondary-200-75 {
  background-color: rgba(var(--color-secondary-rgb-200), 0.75);
}

.bg-color-secondary-200-100 {
  background-color: rgba(var(--color-secondary-rgb-200), 100);
}

.bg-color-gray-200 {
  background-color: var(--color-gray-200);
}

.bg-color-gray-200-0 {
  background-color: rgba(var(--color-gray-rgb-200), 0);
}

.bg-color-gray-200-25 {
  background-color: rgba(var(--color-gray-rgb-200), 0.25);
}

.bg-color-gray-200-50 {
  background-color: rgba(var(--color-gray-rgb-200), 0.5);
}

.bg-color-gray-200-75 {
  background-color: rgba(var(--color-gray-rgb-200), 0.75);
}

.bg-color-gray-200-100 {
  background-color: rgba(var(--color-gray-rgb-200), 100);
}

.bg-color-primary-300 {
  background-color: var(--color-primary-300);
}

.bg-color-primary-300-0 {
  background-color: rgba(var(--color-primary-rgb-300), 0);
}

.bg-color-primary-300-25 {
  background-color: rgba(var(--color-primary-rgb-300), 0.25);
}

.bg-color-primary-300-50 {
  background-color: rgba(var(--color-primary-rgb-300), 0.5);
}

.bg-color-primary-300-75 {
  background-color: rgba(var(--color-primary-rgb-300), 0.75);
}

.bg-color-primary-300-100 {
  background-color: rgba(var(--color-primary-rgb-300), 100);
}

.bg-color-secondary-300 {
  background-color: var(--color-secondary-300);
}

.bg-color-secondary-300-0 {
  background-color: rgba(var(--color-secondary-rgb-300), 0);
}

.bg-color-secondary-300-25 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.25);
}

.bg-color-secondary-300-50 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.5);
}

.bg-color-secondary-300-75 {
  background-color: rgba(var(--color-secondary-rgb-300), 0.75);
}

.bg-color-secondary-300-100 {
  background-color: rgba(var(--color-secondary-rgb-300), 100);
}

.bg-color-gray-300 {
  background-color: var(--color-gray-300);
}

.bg-color-gray-300-0 {
  background-color: rgba(var(--color-gray-rgb-300), 0);
}

.bg-color-gray-300-25 {
  background-color: rgba(var(--color-gray-rgb-300), 0.25);
}

.bg-color-gray-300-50 {
  background-color: rgba(var(--color-gray-rgb-300), 0.5);
}

.bg-color-gray-300-75 {
  background-color: rgba(var(--color-gray-rgb-300), 0.75);
}

.bg-color-gray-300-100 {
  background-color: rgba(var(--color-gray-rgb-300), 100);
}

.bg-color-primary-400 {
  background-color: var(--color-primary-400);
}

.bg-color-primary-400-0 {
  background-color: rgba(var(--color-primary-rgb-400), 0);
}

.bg-color-primary-400-25 {
  background-color: rgba(var(--color-primary-rgb-400), 0.25);
}

.bg-color-primary-400-50 {
  background-color: rgba(var(--color-primary-rgb-400), 0.5);
}

.bg-color-primary-400-75 {
  background-color: rgba(var(--color-primary-rgb-400), 0.75);
}

.bg-color-primary-400-100 {
  background-color: rgba(var(--color-primary-rgb-400), 100);
}

.bg-color-secondary-400 {
  background-color: var(--color-secondary-400);
}

.bg-color-secondary-400-0 {
  background-color: rgba(var(--color-secondary-rgb-400), 0);
}

.bg-color-secondary-400-25 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.25);
}

.bg-color-secondary-400-50 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.5);
}

.bg-color-secondary-400-75 {
  background-color: rgba(var(--color-secondary-rgb-400), 0.75);
}

.bg-color-secondary-400-100 {
  background-color: rgba(var(--color-secondary-rgb-400), 100);
}

.bg-color-gray-400 {
  background-color: var(--color-gray-400);
}

.bg-color-gray-400-0 {
  background-color: rgba(var(--color-gray-rgb-400), 0);
}

.bg-color-gray-400-25 {
  background-color: rgba(var(--color-gray-rgb-400), 0.25);
}

.bg-color-gray-400-50 {
  background-color: rgba(var(--color-gray-rgb-400), 0.5);
}

.bg-color-gray-400-75 {
  background-color: rgba(var(--color-gray-rgb-400), 0.75);
}

.bg-color-gray-400-100 {
  background-color: rgba(var(--color-gray-rgb-400), 100);
}

.bg-color-primary-500 {
  background-color: var(--color-primary-500);
}

.bg-color-primary-500-0 {
  background-color: rgba(var(--color-primary-rgb-500), 0);
}

.bg-color-primary-500-25 {
  background-color: rgba(var(--color-primary-rgb-500), 0.25);
}

.bg-color-primary-500-50 {
  background-color: rgba(var(--color-primary-rgb-500), 0.5);
}

.bg-color-primary-500-75 {
  background-color: rgba(var(--color-primary-rgb-500), 0.75);
}

.bg-color-primary-500-100 {
  background-color: rgba(var(--color-primary-rgb-500), 100);
}

.bg-color-secondary-500 {
  background-color: var(--color-secondary-500);
}

.bg-color-secondary-500-0 {
  background-color: rgba(var(--color-secondary-rgb-500), 0);
}

.bg-color-secondary-500-25 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.25);
}

.bg-color-secondary-500-50 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.5);
}

.bg-color-secondary-500-75 {
  background-color: rgba(var(--color-secondary-rgb-500), 0.75);
}

.bg-color-secondary-500-100 {
  background-color: rgba(var(--color-secondary-rgb-500), 100);
}

.bg-color-gray-500 {
  background-color: var(--color-gray-500);
}

.bg-color-gray-500-0 {
  background-color: rgba(var(--color-gray-rgb-500), 0);
}

.bg-color-gray-500-25 {
  background-color: rgba(var(--color-gray-rgb-500), 0.25);
}

.bg-color-gray-500-50 {
  background-color: rgba(var(--color-gray-rgb-500), 0.5);
}

.bg-color-gray-500-75 {
  background-color: rgba(var(--color-gray-rgb-500), 0.75);
}

.bg-color-gray-500-100 {
  background-color: rgba(var(--color-gray-rgb-500), 100);
}

.bg-color-primary-600 {
  background-color: var(--color-primary-600);
}

.bg-color-primary-600-0 {
  background-color: rgba(var(--color-primary-rgb-600), 0);
}

.bg-color-primary-600-25 {
  background-color: rgba(var(--color-primary-rgb-600), 0.25);
}

.bg-color-primary-600-50 {
  background-color: rgba(var(--color-primary-rgb-600), 0.5);
}

.bg-color-primary-600-75 {
  background-color: rgba(var(--color-primary-rgb-600), 0.75);
}

.bg-color-primary-600-100 {
  background-color: rgba(var(--color-primary-rgb-600), 100);
}

.bg-color-secondary-600 {
  background-color: var(--color-secondary-600);
}

.bg-color-secondary-600-0 {
  background-color: rgba(var(--color-secondary-rgb-600), 0);
}

.bg-color-secondary-600-25 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.25);
}

.bg-color-secondary-600-50 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.5);
}

.bg-color-secondary-600-75 {
  background-color: rgba(var(--color-secondary-rgb-600), 0.75);
}

.bg-color-secondary-600-100 {
  background-color: rgba(var(--color-secondary-rgb-600), 100);
}

.bg-color-gray-600 {
  background-color: var(--color-gray-600);
}

.bg-color-gray-600-0 {
  background-color: rgba(var(--color-gray-rgb-600), 0);
}

.bg-color-gray-600-25 {
  background-color: rgba(var(--color-gray-rgb-600), 0.25);
}

.bg-color-gray-600-50 {
  background-color: rgba(var(--color-gray-rgb-600), 0.5);
}

.bg-color-gray-600-75 {
  background-color: rgba(var(--color-gray-rgb-600), 0.75);
}

.bg-color-gray-600-100 {
  background-color: rgba(var(--color-gray-rgb-600), 100);
}

.bg-color-primary-700 {
  background-color: var(--color-primary-700);
}

.bg-color-primary-700-0 {
  background-color: rgba(var(--color-primary-rgb-700), 0);
}

.bg-color-primary-700-25 {
  background-color: rgba(var(--color-primary-rgb-700), 0.25);
}

.bg-color-primary-700-50 {
  background-color: rgba(var(--color-primary-rgb-700), 0.5);
}

.bg-color-primary-700-75 {
  background-color: rgba(var(--color-primary-rgb-700), 0.75);
}

.bg-color-primary-700-100 {
  background-color: rgba(var(--color-primary-rgb-700), 100);
}

.bg-color-secondary-700 {
  background-color: var(--color-secondary-700);
}

.bg-color-secondary-700-0 {
  background-color: rgba(var(--color-secondary-rgb-700), 0);
}

.bg-color-secondary-700-25 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.25);
}

.bg-color-secondary-700-50 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.5);
}

.bg-color-secondary-700-75 {
  background-color: rgba(var(--color-secondary-rgb-700), 0.75);
}

.bg-color-secondary-700-100 {
  background-color: rgba(var(--color-secondary-rgb-700), 100);
}

.bg-color-gray-700 {
  background-color: var(--color-gray-700);
}

.bg-color-gray-700-0 {
  background-color: rgba(var(--color-gray-rgb-700), 0);
}

.bg-color-gray-700-25 {
  background-color: rgba(var(--color-gray-rgb-700), 0.25);
}

.bg-color-gray-700-50 {
  background-color: rgba(var(--color-gray-rgb-700), 0.5);
}

.bg-color-gray-700-75 {
  background-color: rgba(var(--color-gray-rgb-700), 0.75);
}

.bg-color-gray-700-100 {
  background-color: rgba(var(--color-gray-rgb-700), 100);
}

.bg-color-primary-800 {
  background-color: var(--color-primary-800);
}

.bg-color-primary-800-0 {
  background-color: rgba(var(--color-primary-rgb-800), 0);
}

.bg-color-primary-800-25 {
  background-color: rgba(var(--color-primary-rgb-800), 0.25);
}

.bg-color-primary-800-50 {
  background-color: rgba(var(--color-primary-rgb-800), 0.5);
}

.bg-color-primary-800-75 {
  background-color: rgba(var(--color-primary-rgb-800), 0.75);
}

.bg-color-primary-800-100 {
  background-color: rgba(var(--color-primary-rgb-800), 100);
}

.bg-color-secondary-800 {
  background-color: var(--color-secondary-800);
}

.bg-color-secondary-800-0 {
  background-color: rgba(var(--color-secondary-rgb-800), 0);
}

.bg-color-secondary-800-25 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.25);
}

.bg-color-secondary-800-50 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.5);
}

.bg-color-secondary-800-75 {
  background-color: rgba(var(--color-secondary-rgb-800), 0.75);
}

.bg-color-secondary-800-100 {
  background-color: rgba(var(--color-secondary-rgb-800), 100);
}

.bg-color-gray-800 {
  background-color: var(--color-gray-800);
}

.bg-color-gray-800-0 {
  background-color: rgba(var(--color-gray-rgb-800), 0);
}

.bg-color-gray-800-25 {
  background-color: rgba(var(--color-gray-rgb-800), 0.25);
}

.bg-color-gray-800-50 {
  background-color: rgba(var(--color-gray-rgb-800), 0.5);
}

.bg-color-gray-800-75 {
  background-color: rgba(var(--color-gray-rgb-800), 0.75);
}

.bg-color-gray-800-100 {
  background-color: rgba(var(--color-gray-rgb-800), 100);
}

.bg-color-primary-900 {
  background-color: var(--color-primary-900);
}

.bg-color-primary-900-0 {
  background-color: rgba(var(--color-primary-rgb-900), 0);
}

.bg-color-primary-900-25 {
  background-color: rgba(var(--color-primary-rgb-900), 0.25);
}

.bg-color-primary-900-50 {
  background-color: rgba(var(--color-primary-rgb-900), 0.5);
}

.bg-color-primary-900-75 {
  background-color: rgba(var(--color-primary-rgb-900), 0.75);
}

.bg-color-primary-900-100 {
  background-color: rgba(var(--color-primary-rgb-900), 100);
}

.bg-color-secondary-900 {
  background-color: var(--color-secondary-900);
}

.bg-color-secondary-900-0 {
  background-color: rgba(var(--color-secondary-rgb-900), 0);
}

.bg-color-secondary-900-25 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.25);
}

.bg-color-secondary-900-50 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.5);
}

.bg-color-secondary-900-75 {
  background-color: rgba(var(--color-secondary-rgb-900), 0.75);
}

.bg-color-secondary-900-100 {
  background-color: rgba(var(--color-secondary-rgb-900), 100);
}

.bg-color-gray-900 {
  background-color: var(--color-gray-900);
}

.bg-color-gray-900-0 {
  background-color: rgba(var(--color-gray-rgb-900), 0);
}

.bg-color-gray-900-25 {
  background-color: rgba(var(--color-gray-rgb-900), 0.25);
}

.bg-color-gray-900-50 {
  background-color: rgba(var(--color-gray-rgb-900), 0.5);
}

.bg-color-gray-900-75 {
  background-color: rgba(var(--color-gray-rgb-900), 0.75);
}

.bg-color-gray-900-100 {
  background-color: rgba(var(--color-gray-rgb-900), 100);
}

.bg-color-primary-950 {
  background-color: var(--color-primary-950);
}

.bg-color-primary-950-0 {
  background-color: rgba(var(--color-primary-rgb-950), 0);
}

.bg-color-primary-950-25 {
  background-color: rgba(var(--color-primary-rgb-950), 0.25);
}

.bg-color-primary-950-50 {
  background-color: rgba(var(--color-primary-rgb-950), 0.5);
}

.bg-color-primary-950-75 {
  background-color: rgba(var(--color-primary-rgb-950), 0.75);
}

.bg-color-primary-950-100 {
  background-color: rgba(var(--color-primary-rgb-950), 100);
}

.bg-color-secondary-950 {
  background-color: var(--color-secondary-950);
}

.bg-color-secondary-950-0 {
  background-color: rgba(var(--color-secondary-rgb-950), 0);
}

.bg-color-secondary-950-25 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.25);
}

.bg-color-secondary-950-50 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.5);
}

.bg-color-secondary-950-75 {
  background-color: rgba(var(--color-secondary-rgb-950), 0.75);
}

.bg-color-secondary-950-100 {
  background-color: rgba(var(--color-secondary-rgb-950), 100);
}

.bg-color-gray-950 {
  background-color: var(--color-gray-950);
}

.bg-color-gray-950-0 {
  background-color: rgba(var(--color-gray-rgb-950), 0);
}

.bg-color-gray-950-25 {
  background-color: rgba(var(--color-gray-rgb-950), 0.25);
}

.bg-color-gray-950-50 {
  background-color: rgba(var(--color-gray-rgb-950), 0.5);
}

.bg-color-gray-950-75 {
  background-color: rgba(var(--color-gray-rgb-950), 0.75);
}

.bg-color-gray-950-100 {
  background-color: rgba(var(--color-gray-rgb-950), 100);
}

.bg-color-white-0 {
  background-color: rgba(var(--color-additional-white-rgb), 0);
}

.bg-color-white-25 {
  background-color: rgba(var(--color-additional-white-rgb), 0.25);
}

.bg-color-white-50 {
  background-color: rgba(var(--color-additional-white-rgb), 0.5);
}

.bg-color-white-75 {
  background-color: rgba(var(--color-additional-white-rgb), 0.75);
}

.bg-color-white-100 {
  background-color: rgba(var(--color-additional-white-rgb), 100);
}

.bg-color-primary {
  background-color: var(--color-primary);
}
.bg-color-secondary {
  background-color: var(--color-secondary);
}

:root {
  --color-primary-50: #fefbe8;
  --color-primary-100: #fef5c3;
  --color-primary-200: #fee98a;
  --color-primary-300: #fdcf2f;
  --color-primary-400: #fabd15;
  --color-primary-500: #eaa508;
  --color-primary-600: #ca7d04;
  --color-primary-700: #a15807;
  --color-primary-800: #85450e;
  --color-primary-900: #713912;
  --color-primary-950: #421c06;
  --color-primary-rgb-50: 254, 251, 232;
  --color-primary-rgb-100: 254, 245, 195;
  --color-primary-rgb-200: 254, 233, 138;
  --color-primary-rgb-300: 253, 207, 47;
  --color-primary-rgb-400: 250, 189, 21;
  --color-primary-rgb-500: 234, 165, 8;
  --color-primary-rgb-600: 202, 125, 4;
  --color-primary-rgb-700: 161, 88, 7;
  --color-primary-rgb-800: 133, 69, 14;
  --color-primary-rgb-900: 113, 57, 18;
  --color-primary-rgb-950: 66, 28, 6;
  --color-secondary-50: #e9feff;
  --color-secondary-100: #c9fdff;
  --color-secondary-200: #99f9ff;
  --color-secondary-300: #54f1ff;
  --color-secondary-400: #07dfff;
  --color-secondary-500: #00c1ef;
  --color-secondary-600: #0098c9;
  --color-secondary-700: #0079a1;
  --color-secondary-800: #086182;
  --color-secondary-900: #0c506d;
  --color-secondary-950: #00293c;
  --color-secondary-rgb-50: 233, 254, 255;
  --color-secondary-rgb-100: 201, 253, 255;
  --color-secondary-rgb-200: 153, 249, 255;
  --color-secondary-rgb-300: 84, 241, 255;
  --color-secondary-rgb-400: 7, 223, 255;
  --color-secondary-rgb-500: 0, 193, 239;
  --color-secondary-rgb-600: 0, 152, 201;
  --color-secondary-rgb-700: 0, 121, 161;
  --color-secondary-rgb-800: 8, 97, 130;
  --color-secondary-rgb-900: 12, 80, 109;
  --color-secondary-rgb-950: 0, 41, 60;
  --color-gray-50: #f6f6f6;
  --color-gray-100: #e7e7e7;
  --color-gray-200: #d1d1d1;
  --color-gray-300: #b0b0b0;
  --color-gray-400: #888888;
  --color-gray-500: #6d6d6d;
  --color-gray-600: #5d5d5d;
  --color-gray-700: #454545;
  --color-gray-800: #3d3d3d;
  --color-gray-900: #121212;
  --color-gray-rgb-50: 246, 246, 246;
  --color-gray-rgb-100: 231, 231, 231;
  --color-gray-rgb-200: 209, 209, 209;
  --color-gray-rgb-300: 176, 176, 176;
  --color-gray-rgb-400: 136, 136, 136;
  --color-gray-rgb-500: 109, 109, 109;
  --color-gray-rgb-600: 93, 93, 93;
  --color-gray-rgb-700: 69, 69, 69;
  --color-gray-rgb-800: 61, 61, 61;
  --color-gray-rgb-900: 18, 18, 18;
  --color-additional-white: #FFFFFF;
  --color-additional-white-rgb: 255, 255, 255;
  --color-additional-blue: #2828AD;
  --color-additional-green: #31B131;
  --color-additional-orange: #ffa500;
  --color-additional-yellow: #F6F645;
  --color-additional-red: #F13333;
  --color-additional-black: #000000;
}

.list-style-check, .list-style-point {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.list-style-check li, .list-style-point li {
  display: flex;
  gap: 0.25rem;
}

.list-style-check li::before {
  content: url("../icons/Icon-check.svg");
  vertical-align: middle;
}
.list-style-point li::before {
  content: url("../icons/Icon-point.svg");
  vertical-align: middle;
}

.wysiwyg-image-100 img {
  width: 100%;
  height: auto;
}

.main-menu,
.main-menu-mobile {
  padding: 25px 32px;
  gap: 24px;
  z-index: 10;
}

.logo-top-left {
  display: grid;
  justify-content: start;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  align-items: center;
  grid-template-areas: "logo" "navigation";
}

.logo-top-center {
  display: grid;
  justify-content: center;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  align-items: center;
  grid-template-areas: "logo" "navigation";
}
.logo-top-center .menu-logo {
  justify-self: center;
}

.logo-middle-center {
  display: grid;
  justify-content: center;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  align-items: center;
  grid-template-areas: "logo navigation";
}

.logo-middle-left {
  display: grid;
  justify-content: start;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  align-items: center;
  grid-template-areas: "logo navigation";
}

.menu-logo {
  grid-area: logo;
  max-width: 102px;
}
.menu-logo img {
  object-fit: contain;
  width: 100%;
}

.main-menu i {
  display: none;
}
.main-menu .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.main-menu .dropdown-toggle i {
  display: block;
  width: 6.5px;
  height: 11.5px;
}
.main-menu .dropdown-toggle:after {
  display: none;
}

.navigation-links {
  grid-area: navigation;
}
.navigation-links ul {
  list-style-type: none;
  align-items: center;
  margin-top: unset;
  margin-bottom: 0;
  padding-left: unset;
  gap: 24px;
}
.navigation-links a {
  text-decoration: none;
  color: unset;
  padding: 4px 8px;
}
.navigation-links a:hover {
  background-color: #fef5c3;
}

.dropdown-menu {
  border-radius: 0;
  border: none;
  padding-top: 64px;
  padding-bottom: 48px;
  border-radius: 20px;
  width: 320px;
}
.dropdown-menu .dropdown-item {
  padding: 16px;
}
.dropdown-menu .dropdown-item:hover {
  background-color: #fef5c3;
}
.dropdown-menu .dropdown-menu {
  padding-top: 32px;
  padding-bottom: 32px;
}

li.link-hover:hover > ul.dropdown-menu {
  display: block;
  border: none;
}

.link-hover:hover > .dropdown-menu > .link-hover:hover > a > .level-2 {
  display: block;
  left: 100%;
  top: 0;
}

.paragraph--type--webform form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.paragraph--type--webform label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.93px;
}
.paragraph--type--webform input {
  width: 540px;
  height: 48px;
  padding: 8px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #B0B0B0;
}
.paragraph--type--webform textarea {
  width: 540px;
  padding: 8px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #B0B0B0;
}
.paragraph--type--webform .form-item--error-message {
  color: #F13333;
  font-size: 12px;
  font-weight: 400;
}
.paragraph--type--webform .form-item--error-message strong {
  font-weight: 400;
}

.footer ul {
  padding: 0;
  display: flex;
  gap: 8px;
  justify-content: center;
}
.footer ul li {
  padding: 4px 8px;
}
.footer .social-link-field {
  margin-top: 16px;
  justify-content: start;
}
.footer .social-link-field li {
  padding: 4px;
}
.footer .social-link-field li i {
  font-size: 24px;
}
.footer a {
  all: unset;
  cursor: pointer;
}
.footer img {
  margin-bottom: 16px;
  max-width: 102px;
  height: auto;
}

.psi-enhanced-carousel .slick-next {
  all: unset;
  background-image: url(../icons/arrow-right.svg);
  width: 40px;
  height: 40px;
  color: transparent;
  cursor: pointer;
  background-size: contain;
  position: absolute;
  right: -40px;
  bottom: 50%;
}
@media screen and (max-width: 768px) {
  .psi-enhanced-carousel .slick-next {
    width: 24px;
    height: 24px;
    right: -10px;
  }
}
.psi-enhanced-carousel .slick-prev {
  all: unset;
  background-image: url(../icons/arrow-left.svg);
  width: 40px;
  height: 40px;
  color: transparent;
  cursor: pointer;
  background-size: contain;
  position: absolute;
  left: -40px;
  bottom: 50%;
}
@media screen and (max-width: 768px) {
  .psi-enhanced-carousel .slick-prev {
    width: 24px;
    height: 24px;
    left: -10px;
  }
}
.psi-enhanced-carousel .slick-dots {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.psi-enhanced-carousel .slick-dots li {
  display: flex;
  gap: 0.25rem;
}
.psi-enhanced-carousel .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: rgba(253, 207, 47, 0.3019607843);
  border: none;
  color: transparent;
}
.psi-enhanced-carousel .slick-dots .slick-active button {
  background-color: #fdcf2f;
}

.main-menu-mobile {
  padding: 8px 16px;
}
.main-menu-mobile .offcanvas {
  width: 100%;
}
.main-menu-mobile .offcanvas-header {
  padding: 8px 16px;
}
.main-menu-mobile .offcanvas-body {
  padding: 32px 0px;
}
.main-menu-mobile .accordion-item {
  display: block;
}
.main-menu-mobile .accordion-body, .main-menu-mobile .accordion {
  padding: 0;
}
.main-menu-mobile .menu-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.main-menu-mobile ul li {
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
}
.main-menu-mobile .accordion-body li.accordion {
  padding: 16px;
}
.main-menu-mobile .accordion-item, .main-menu-mobile .accordion {
  border: none;
  background-color: transparent;
}
.main-menu-mobile .accordion-item li a, .main-menu-mobile .accordion li a {
  padding: 16px;
  display: block;
}
.main-menu-mobile .accordion-button {
  padding: 16px;
  background-color: transparent;
  border-radius: 0;
}
.main-menu-mobile .accordion-button:focus {
  box-shadow: none;
  background-color: #fdcf2f;
}
.main-menu-mobile .accordion-button:not(.collapsed) {
  box-shadow: none;
}

body {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: normal;
}