//===== Colors =====//
$theme-color: #0E7C42;
$theme-color-2: #f61b10;
$theme-color-3: #ef0963;
$body-color: #1d1d24;
$heading-color: #1f1f25;
$border-color: #E6E6E6;
$white: #ffffff;
$withe-60: rgba(255, 255, 255, 0.6);
$withe-50: rgba(255, 255, 255, 0.5);
$withe-30: rgba(255, 255, 255, 0.3);
$withe-20: #ffffff33;
$withe-10: rgba(255, 255, 255, 0.1);
$withe-0: rgba(255, 255, 255, 0.0);
$primary-color: #0E7C42;
$primary-color-25: rgba(73, 80, 87, 0.25);
$primary-color-hover: #08773c;
$secondary-color: #3D8465;
$secondary-color-light: rgba(66, 186, 122, 1);
$secondary-color-light-extra: rgba(116, 189, 150, 1);
$light-gray: #f6f6f6;
$light-gray-2: #E6E6E6;
$black: #000000;
$black-90: rgba(0, 0, 0, 0.9);
$black-80: rgba(0, 0, 0, 0.8);
$black-70: rgba(0, 0, 0, 0.7);
$black-60: rgba(0, 0, 0, 0.6);
$black-50: rgba(0, 0, 0, 0.5);
$black-40: rgba(0, 0, 0, 0.4);
$black-30: rgba(0, 0, 0, 0.3);
$black-20: rgba(0, 0, 0, 0.2);
$black-10: rgba(0, 0, 0, 0.1);
$black-0: rgba(0, 0, 0, 0.0);
$green: #015425;
$background-color: $light-gray;
$border-color: $light-gray-2;
$primary-gradient: linear-gradient(145deg, $primary-color 30%, $secondary-color 100%);
$body-background: #eff1f7;
$warning-dark: #856404;

/*===============================
    Font Family 
=================================*/
$body-font: "Poppins", sans-serif;
$heading-font: "Poppins", sans-serif;

// Heading Font List
$font-1: "Poppins", sans-serif;

$fontList: $font-1;

/*===============================
    Color Variation 
=================================*/
$color-1: $theme-color;
$color-2: #f4769a;
$color-3: #2f21b3;
$color-4: #8956e2;
$colorList: $color-1, $color-2, $color-3, $color-4;

//===== Line Height =====//
$body-line-height: 1.714286;
//==== Font size =====//
$body-font-size: 14px;
$h1: 64px;
$h2: 54px;
$h3: 24px;
$h4: 20px;
$h5: 18px;
$h6: 16px;

//===== Social Colors =====//
$facebook: #3b5998;
$twitter: #00acee;
$google-plus: #dd4b39;
$pinterest: #c8232c;
$linkedin: #0e76a8;
$flickr: #ff0084;
$google: #dd4b39;
$youtube: #cd201f;

// Layouts
$smlg-device: "only screen and (max-width: 1199px)";

$extra-device: "only screen and (min-width: 1600px) and (max-width: 1919px)";

$laptop-device: "only screen and (min-width: 1200px) and (max-width: 1599px)";
$lg-layout: "only screen and (min-width: 992px) and (max-width: 1199px)";
$md-layout: "only screen and (min-width: 768px) and (max-width: 991px)";
$sm-layout: "only screen and (max-width: 767px)";
$large-mobile: "only screen and (max-width: 575px)";
/* container 450px*/
$small-mobile: "only screen and (max-width: 479px)";
/* container 300px*/

@media #{$large-mobile} {
  .container {
    width: 450px;
  }
}

@media #{$small-mobile} {
  .container {
    width: 320px;
  }
}