// Font Family
$font-1: 'Ubuntu', sans-serif;
$font-2: 'Ubuntu', sans-serif;
$font-3: 'Merriweather', serif;


// Colors ---------------
$white: #fff;
$black: #131313;



$gray: #f5f9ff;
$gray-2: #f6f6f6;


// Theme Color
$clr1: #3db83a; // green
$clr2: #202127; // black
// $clr2: #000000; // black
$clr3: #f7b615; // yellow
$clr4: #f63242; // red
$clr1-hover: #30a62d;
$clr2-hover: #050505;
$clr3-hover: #f1ad0a;
$clr4-hover: #ed293b;
$theme-color: #6963ff;
$theme-color-2: $clr1;
$theme-color-3: #ec296b;
$theme-color-4: #1e1b74;
$theme-color-5: #07bfa7;
$theme-color-6: #39ccb9;
$theme-color-7: #ec7424;


// Body Color
$body-color: #bbb;


// Border Color
$border-color: #e8e8e8;


// Heading Color
$heading-color: #010101;

// Soft color
$black-soft: #191a1a;


// Responsive Variables
$desktop: 'only screen and (min-width: 1400px)';
$laptop: '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)';
$xs: '(max-width: 767px)';
$sm: 'only screen and (min-width: 576px) and (max-width: 767px)';