:root {
  --black: #292929;
  --white: #fff;
  --blue: #3776b9;
  --light-blue: #d8efff;
  --orange: #d97e30;
  --red: #ff0000;
  --yellow: #ffc439;
  --light-orange: #d16c14;
  --grey-for-bc: #e5e9f1;
  --grey-for-bc-category: #f5f5f5;
  --grey-for-lines: #ebebeb;
  --grey-for-text: #bbb;
  --text-shadow: 0.3px 0 0 #3776b9, -0.3px 0 0 #3776b9;
  --text-shadow-white: 0.3px 0 0 rgba(255, 255, 255, 0.75);
  --transition: 0.3s ease-in-out;
  --gradient: linear-gradient(90deg, #1278be 0%, #f9527e 50%, #e87806 100%);
  --gradient-box: linear-gradient(180deg, #fff 0%, #d8efff 100%);
  --gradient-sidebar: linear-gradient(332deg, #d8efff -19.72%, #fff 102.8%);
  --gradient-bg: linear-gradient(226deg, #fff 31.73%, #d8efff 76.89%);
  --gradient-footer: linear-gradient(86deg, #d8efff 11.79%, #fff 78.78%);
  --font-family: 'Inter', sans-serif;
  --box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  --radius: 7px;
  --radius-btn: 5px;
  --radius-pagination: 30px;
  --screen-sm: 1000px;
  --screen-md: 1400px;
  --screen-lg: 1600px;
  --screen-xl: 1870px;
  --screen-full: 100%;
  --screen-mob-padding: 0 15px;
  --screen-desk-padding: 0 30px;
}