/*
  Variables
*/

:root {
  // Colors
  --primary: #5B19C8;
  --secondary: #F15224;
  
  --white: #FFFFFF;
  --black: #000000;
  --gray: #68666F;
  --green: #219653;
  --orange: #FFA439;
  --purple: #150B2F;
  --pink: #EA4CA8;
  --blue: #0E63FF;
  --red: #FF0000;
  --twitter: #1DA1F2;
  --facebook: #4267B2;
  --linkedin: #0072AC;
  --border: #F1EEF5;



  // Fonts Family
  --body-font: 'Poppins', sans-serif;
}


// Responsive Variable
$xxxl: 'only screen and (min-width: 1920px)';
$xxl: 'only screen and (min-width: 1400px) and (max-width: 1919px)';
$xl: 'only screen and (min-width: 1200px) and (max-width: 1399px)';
$lg: 'only screen and (min-width: 992px) and (max-width: 1199px)';
$md: 'only screen and (min-width: 768px) and (max-width: 991px)';
$sm: 'only screen and (max-width: 767px)';
$xs: '(max-width: 575px)';