/*---------------------------
	Fonts
----------------------------*/
/*---------------------------
	Fonts
----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Muli';
    src: url(../fonts/Muli.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
  }

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 500;
    src: local('Muli Regular'), url('../fonts/text-font/Muli-Regular.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 600;
    src: local('Muli SemiBold'), url('../fonts/text-font/Muli-SemiBold.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 700;
    src: local('Muli Bold'), url('../fonts/text-font/Muli-Bold.woff') format('woff');
    }
    

    
// fonts
$base-font-size: 15;
$base-font: 'Muli';
$heading-font: "Jost", sans-serif;
$heading-font-sub: "Jost", sans-serif;


// color
$dark-gray: #303443;
$body-color: #687693;
$white: #fff;
$light: #8188a9;
$black: #000;
$small-black: #333;
$cyan: #848892;

$theme-primary-color: #fc4c4c;
$theme-primary-color-s2: #303443;
$body-bg-color: #fff;
$section-bg-color: #f3f8fc;
$text-color: #585858;
$text-light-color: #777777;
$heading-color: $dark-gray;
$border-color: #e9e9e9;
$border-color-s2: #d8e0f1;