:root {
  --primary: #4DBECC;
  /* --primary-dark: rgb(209, 0, 105, 1); */
  --primary-dark: rgb(16, 14, 45, 1);
  --primary-70: rgb(16, 14, 45, 0.7);
  --primary-50: rgb(16, 14, 45, 0.5);
  --primary-30: rgb(16, 14, 45, 0.3);
  --primary-10: rgb(16, 14, 45, 0.1);
  --logo: rgb(16, 14, 45, 1);;
  --sidebar-icon: #4DBECC;
  --secondary: #5C7AFF;
  --tertiary: #FBAF00;
  --dark: #292F36;
  --blue: #5C7AFF;
  --yellow: #F4E409;
  --dark-green: #218380;
  --orange: #FBAF00;
}

.bg-grad-sidebar {
  background: #272454;
}

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