body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Common Style Variables */
  --bs-body-color: #0d3e79;
  --bs-emphasis-color-rgb: #0d3e79;
  --bs-link-color-rgb: #0d3e79;
  --bs-link-hover-color-rgb: #0d3e79;

  /* Color */
  --color-darkslateblue-100: #1d4f8b;
  --color-darkslateblue-200: #0d3e79;
  --color-gray-100: rgba(255, 255, 255, 0.5);
  --color-gray-200: rgba(255, 255, 255, 0.35);
  --color-slategray: #64748b;
  --color-white: #fff;
  --color-whitesmoke: #f3f6f9;

  /* Gap */
  --gap-10: 0.625rem;
  --gap-20: 1.25rem;
  --gap-24: 1.5rem;
  --gap-30: 1.875rem;
  --gap-40: 2.5rem;

  /* Padding */
  --padding-0: 0rem;
  --padding-12: 0.75rem;
  --padding-20: 1.25rem;
  --padding-30: 1.875rem;

  /* BorderRadius */
  --br-5: 5px;

  --header-height: 5rem;

  /* Font */
  --font-heebo: 'Heebo', sans-serif;

  /* FontSize */
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-20: clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem);
  --fs-22: clamp(1.125rem, 1.0673rem + 0.2564vw, 1.375rem);

  
  /* Gradients */
  --gradient-1: radial-gradient(
    96.02% 96.02% at 50% 7.67%,
    rgba(36, 92, 159, 0),
    rgba(19, 69, 128, 0.1)
  );

  /* WidthHeights */
  --height-24: 1.5rem;
  --min-w-310: 19.375rem;
  --width-4: 0.25rem;

  /* LineHeights */
  --lh-30: 1.875rem;
  
}
.navbar {
  --bs-navbar-nav-link-padding-x: 1.5rem;
  --bs-navbar-padding-y: 1.25rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--color-darkslateblue-200);
    margin-bottom: 2rem;
  }
h1, .h1 {
    font-size: clamp(2.25rem, 1.875rem + 1.6667vw, 3.875rem);
}
h2, .h2 {
    font-size: clamp(2.25rem, 1.875rem + 1.6667vw, 3.875rem);
}