:root {
  --primary-theme: #0c3dba;
  --secondary-blue: #537de8;
  --theme-green: #099a80;
  --theme-green-90: #099a80e5;
  --theme-gray-text: #5b5b63;
  --theme-gray-text-2: #7f7f8a;
  --theme-gray-text-3: #797A7B;
  --theme-gray-dark: #222222;
  --theme-slider-gray: #eaecf0;
  --accountcircle: 3rem;
  --theme-red: #eb1e4e;
  --help-bg: #f3f5f9;
  --font: sans-serif;
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600 !important;
}
.font-700 {
  font-weight: 700 !important;
}
.font-12 {
  font-size: 12px;
}
.font-14 {
  font-size: 14px;
}
.font-15 {
  font-size: 15px;
}
.font-16 {
  font-size: 16px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-20 {
  font-size: 20px !important;
}
.font-24 {
  font-size: 24px;
}
.font-26 {
  font-size: 26px;
}
.font-28 {
  font-size: 28px;
}
.font-32 {
  font-size: 32px;
}
.font-38 {
  font-size: 38px;
}
.font-42 {
  font-size: 42px;
}
.font-46 {
  font-size: 46px !important;
}
.text-primary-theme {
  color: var(--primary-theme) !important;
}
.text-theme-red {
  color: var(--theme-red) !important;
}
.text-secondary-theme {
  color: var(--secondary-blue) !important;
}
.text-theme-gray {
  color: var(--theme-gray-text);
}
.text-theme-gray-dark {
  color: var(--theme-gray-dark);
}
.text-theme-gray-2 {
  color: var(--theme-gray-text-2);
}
.text-theme-gray-3 {
  color: var(--theme-gray-text-3);
}
.bg-primary-theme {
  background-color: var(--primary-theme) !important;
}
.border-primary-theme {
  border-color: var(--primary-theme) !important;
}
.bg-secondary-theme {
  background-color: var(--secondary-blue) !important;
}
.bg-help-theme {
  background-color: var(--help-bg);
}
button:focus {
  outline: none !important;
}
.rounded-6 {
  border-radius: 6px !important;
}
.rounded-12 {
  border-radius: 12px !important;
}
.rounded-14 {
  border-radius: 14px !important;
}
.rounded-20 {
  border-radius: 20px !important;
}
.rounded-22 {
  border-radius: 22px !important;
}
.rounded-30 {
  border-radius: 30px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-solid {
  border-style: solid;
}
.-right-20 {
  right: -20px;
}
.-top-23 {
  top: -23px;
}
.font-22px {
  font-size: 22px !important;
}
.pointer {
  cursor: pointer;
}
.z-9999 {
  z-index: 9999;
}
.left-0 {
  left: 0;
}
.left-40 {
  left: 40px;
}
.right-0 {
  right: 0;
}
.relarive {
  position: relative;
}
.absolute {
  position: absolute;
}
.border-transparent {
  border: 1px solid transparent !important;
}
.text-normal {
  text-transform: none !important;
}
.w-100px {
  min-width: 100px;
}
.w-120px {
  min-width: 120px;
}
.w-200px {
  min-width: 200px;
}
.opacity-0 {
  opacity: 0;
}
/* ===== Scrollbar CSS start ===== */
/* Firefox */
* {
  scrollbar-width: auto;
  /* scrollbar-color: #f00; */
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  /* background: #ff0; */
}
*::-webkit-scrollbar-thumb {
  background-color: #dadde0;
  border-radius: 10px;
  /* border: 2px solid #f00; */
}
/* ===== Scrollbar CSS end ===== */
.shadow-0 {
  box-shadow: none !important;
}
.-ms-5 {
  margin-left: -5px;
}
.-top-2 {
  top: -2px;
}
.boder-right{
    border-right: 1px dotted #7f7f8a;
}
.font-bold {
  font-weight: bold;
}