:root
{
  /* Primary Colors */
  --color-primary-blue: #1c499c;
  --color-light-blue: #8ea6e0;
  --color-light-blue-border: #b0c1ea;
  /* Background Colors */
  --color-bg-primary: #1c499c;
  --color-bg-light: #8ea6e0;
  --color-bg-light-gray: #f3f4f8;
  --color-bg-white: #ffffff;
  /* Text Colors */
  --color-text-black: #000000;
  --color-text-white: #ffffff;
  --grey-02: #616161;
  /* Border Colors */
  --color-border-light: #e6e6e6;
  --color-border-blue-light: #8ea6e0;
  --color-border-blue-lighter: #b0c1ea;
  /* Gradient Colors */
  --gradient-blue-start: #4c729b;
  --gradient-blue-middle: #7895b5;
  --gradient-blue-end: #9badc5;
  /* Accent Colors */
  --color-accent-orange: #f99b1c;
  /* Spacing Scale */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 28px;
  --spacing-2xl: 30px;
  --spacing-3xl: 36px;
  --spacing-4xl: 40px;
  --spacing-5xl: 50px;
  --spacing-6xl: 60px;
  --spacing-7xl: 63px;
  /* Container Padding */
  --container-padding: 320px;
  /* Border Radius */
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 30px;
  --radius-xl: 40px;
  /* Shadows */
  --shadow-card: 0px 0px 32px 0px rgba(6, 23, 55, 0.09);
  /* Typography - Font Sizes */
  --font-size-xs: 13px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 20px;
  /* Typography - Line Heights */
  --line-height-normal: normal;
  --line-height-tight: 22px;
  /* Icon Sizes */
  --icon-sm: 19px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-xl: 60px;
  /* Component Heights */
  --header-top-height: 60px;
  --header-main-height: 86px;
  --button-height: 48px;
}

/* ============================================
   Font Imports
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* ============================================
   Base Styles
   ============================================ */
*
{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body
{
  font-optical-sizing: auto;
  font-size: var(--font-size-base);
  color: var(--color-text-black);
  background-color: var(--color-bg-light-gray);
  margin: 0;
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
  /*-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
  font-weight: 400;
  direction: inherit;
}

/* ============================================
   Typography Classes
   ============================================ */
.font-lato-regular
{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

.font-lato-bold
{
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

.font-varela-round
{
  font-family: 'Varela Round', sans-serif;
  font-weight: 400;
}

.text-xs
{
  font-size: var(--font-size-xs);
}

.text-sm
{
  font-size: var(--font-size-sm);
}

.text-base
{
  font-size: var(--font-size-base);
}

.text-lg
{
  font-size: var(--font-size-lg);
}

/* ============================================
   Logo Styles
   ============================================ */
.headerBottom_logo
{
  height: 45px;
  width: 279px;
  padding-top: 0;
}

.headerBottom_logo img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#overlay1
{
  background-color: rgba(255, 255, 255, 0.8);
}