:root {
  --primary: rgb(23, 87, 189, 1);
  /* --primary-dark: rgb(209, 0, 105, 1); */
  --primary-dark: rgb(206, 6, 42, 1);
  --primary-70: rgba(23, 87, 189, 0.7);
  --primary-50: rgba(23, 87, 189, 0.5);
  --primary-30: rgba(23, 87, 189, 0.3);
  --primary-10: rgba(23, 87, 189, 0.1);
  --logo: linear-gradient(
    0deg,
    rgb(23, 87, 189, 1),
    rgb(254, 77, 107)
  );
  --sidebar-icon: #fff;
  --secondary: ##fc0303;
  --tertiary: #FBAF00;
  --dark: #292F36;
  --blue: #fc0303;
  --yellow: #F4E409;
  --dark-green: #287380;
  --orange: #FBAF00;
}

.bg-grad-sidebar {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(23, 87, 189, 1)),
    to(#3c4655)
  );

  background-image: linear-gradient(
    0deg,
    rgb(23, 87, 189, 1),
    rgb(254, 77, 107)
  );
}

.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;
}