:root {
  /* Backgrounds */
  --header-background-image: url(/assets/images/header/header-bg.png);
  --check-icon: url(/assets/icons/check-icon.png);
  
    /* Color Palette */
    --base-professional-color: #071439;
    --base-dark-blue-color: #001B65;
    --base-primary-color: #002384;
    --base-secondary-color: #005AFF;
    --base-shade-color: #C5D7EA;
    
    --base-dark-blue-color-2: #00185A;
    --base-primary-color-2: #1440BA;
    --base-secondary-color-2: #AFCBFF;
    --base-shade-color-2: #E3EDFF;
    --base-tertiary-color-2: #BBEAFF;
    
    --base-bright-blue-color: #0001FF;
    --base-primary-color-3: #00C3FF;
    --base-tertiary-color-3: #ECF6FB;

    --white-color: #FFFFFF;
    --default-bg-color: #FFF;
    --dark-color: #1A1A1A;

    --android-color: #001B65;
    --ios-color:#001B65;

    /* Outline */
    --outline-color: #DBDBDB;
    --outline-color-2: #EDEDED;

    --placeholder-color: #484646;

    /* Navbar */
    --navbar-shadow: rgba(48, 49, 51, 0.2);
    --navbar-brand-shadow: rgba(0, 113, 176, 0.18);
  
    /* Gradient */
    --gradient-color: rgba(#001B65, 1) 24%,  rgba(#002384, 1) 100%;
    --gradient-color-2: rgba(#005AFF, 1) 50%, rgba(#AFCBFF, 1) 90%;
    --gradient-color-3: rgba(#00C3FF, 1) 0%, rgba(#FFFFFF, 1) 100%;

    /* Box Shadow */
    --box-shadow: 9px 11px 39px -5px rgba(#edc953, 0.7);
  
    /* Text */
    --primary-text-color: #1A1A1A;
    /* --primary-text-color: #070c16; */
    --secondary-text-color: #484646;
    --gray-text-color: #CCCCCC;
    --transparent-text-color: rgb(250, 252, 253, 0.8);
  
    /* Highlighted Color */
    --highlight-color: #001B65;
  
    /* Footer */
    --footer-background-color: var(--base-professional-color);
    --footer-list-color: var(--base-primary-color);
  
    overflow-x: hidden;
    box-sizing: border-box;
  }