:root {
  --padding: 12px;
  --margin: 12px;
  --white: #fff;
  --black: #000;
  --red: #CA6B4E;
  --purple: #eeeee;
  --green: #2D375F;
  --grey: #c1c1c1;
  --grey-accent-color: #eee;
  --light-grey: #F8F8F8;
  --box-shadow-primary: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --font-color: #000;
  --head-color: #000;
  --link-color: #2D375F;
  --link-hover: #2D375F;
  --primary-color: #2D375F;
  --secondary-color: #CA6B4E;
  --grey-input-background: #F8F8F8;
  --input-border-color: #c1c1c1;
  --btn-color: #CA6B4E;
  --btn-color-hover: #CA6B4E;
  --btn-text-color: #eee;
  --btn-secondary-color: transparent;
  --btn-secondary-color-hover: #CA6B4E;
  --btn-secondary-text-color: #eee;
  --font-base: 'Inter';
  --font-heading: 'Poppins';
  --font-weight: 400;
  --heading-weight: bold;
  --desktop: 1400px;
  --laptop-l: 1200px;
  --laptop: 992px;
  --tablet: 768px;
  --mobile: 576px;
  --mobile-s: 450px;
  --mobile-xs: 360px;
  --font: 'Inter';
  --h-font: 'Poppins';
  --inter: 'Inter';
  --mulish: 'Mulish';
  --poppins: 'Poppins';
  --sourceSerif4: 'SourceSerif4';
  --backgroundColor: #F1F3F2;
}