:root {
  --primary: #2B6394;
  /* --primary-dark: rgb(209, 0, 105, 1); */
  --primary-dark: #1C1E2E;
  --primary-70: rgba(49,130,189);
  --primary-50: rgba(41, 102, 225, 0.5);
  --primary-30: rgba(16, 75, 193, 0.3);
  --primary-10: rgba(0, 49, 148, 0.1);
  --logo: white;
  --sidebar-icon: #fff;
  --secondary: #869CB7;
  --tertiary: #FAF8F9;
  --dark: #292F36;
  --blue: #5C7AFF;
  --yellow: #F4E409;
  --dark-green: #218380;
  --orange: #FBAF00;
}

.bg-grad-sidebar {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    var(--primary),
    var(--primary-70)
  );

  background-image: linear-gradient(
    0deg,
    var(--primary),
    var(--primary-70)
  );
}

.bg-gray-100 {
    --bg-opacity: 1;
    background-color:#eef1f3;
    background-color: rgba(238, 241, 243, var(--bg-opacity));
}

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

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

.p-relative {
    position: relative;
}

.current-language-header-icon {
    position: absolute;
    height: 20px;
    width: 20px;
    top: -2px;
    left: 20px;
    border: 2px solid --tertiary;
    padding: 2px;
    background: white;
}