$bootstrap-sass-asset-helper: false !default;
 $browser-context: 16; // Default
 @function rem($pixels, $context: $browser-context) {
   @return #{$pixels/$context}rem
}

$body-bg: #fff;
$body-color: #666666 ;
$primary: #34cc67;
$secondary: #4161c9;
$gray-100: #f9f9f9;
$dark:#000;
$body-color:#727272;
$line-height-base: 1.8;
$font-family-sans-serif:"Manrope",sans-serif;

$font-weight-thin:200 ;
$font-weight-light:300 ;
$font-weight-normal:400 ;
$font-weight-medium:500 ;
$font-weight-semibold:600 ;
$font-weight-bold:700 ;
$font-weight-exbold:800 ;

$border-radius: 25px;
$border-radius-lg:30px;
$border-radius-sm:20px;

$input-btn-padding-x-sm: 2rem;
$input-btn-padding-y-sm: .4rem;
$input-btn-padding-x: 1.250rem;    

$btn-font-weight:$font-weight-bold;
 
$link-color: #111;
$link-hover-color:$primary;

$h1-font-size:rem(48);
$h2-font-size:rem(40);
$h3-font-size:rem(36);
$h4-font-size:rem(32);
$h5-font-size:rem(28);
$h6-font-size:rem(22);
$headings-line-height: 1.4;
$headings-color:$secondary;


$display1-size: rem(56);
$display2-size: rem(50);
$display3-size: rem(42);
$display4-size: rem(30);

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1230px
);