@import "mixin";
$primary-color: #EB3300;
$secondary-color: #171717;

$text-color: #595959;
$white: #ffffff;
$white-50: #bfc5cb;
$white-100: #c7cdda;
$black: #171717;
$black-50: #2c3237;
$black-100: #424b6a;
$black-200: #31373f;
$black-300: #778196;
$gray: #31373f;
$gray-50: #eef5f8;
$gray-100: #F4F4F4;
$gray-200: #E1E1E1;
$gray-300: #dfe2e9;
$gray-400: #e7eaec;
$gray-700: #333F4D;
$gray-800: #595959;
$gray-900: #171717;
$text-primary: #4566d4;
$text-gray-light: #6a6c73;

$body-font: 'Yantramanav', sans-serif;
$heading-font: 'Yantramanav', sans-serif;
$font-awesome: "Font Awesome 6 Pro";

.text-primary {
  color: $primary-color !important;
}
.text-gray-800 {
  color: $gray-800 !important;
}
.text-gray-900 {
  color: $gray-900 !important;
}


// Background Color Global Class
.background-primary {
  background-color: $primary-color;
}
.background-white {
  background-color: $white;
}
.background-gray-50 {
  background-color: $gray-50;
}
.background-gray-100 {
  background-color: $gray-100;
}
.background-gray-200 {
  background-color: $gray-200;
}
.background-gray-300 {
  background-color: $gray-300;
}
.background-gray-400 {
  background-color: $gray-400;
}
.background-gray-700 {
  background-color: $gray-700;
}
.background-gray-800 {
  background-color: $gray-800;
}
.background-gray-900 {
  background-color: $gray-900;
}
.background-gray-light {
  background-color: #1E3669;
}

// Global Padding
.te-py-120 {
  padding: 120px 0;

  @include md {
    padding: 100px 0;
  }
  @include sm {
    padding: 80px 0;
  }
}
.te-pt-120 {
  padding-top: 120px;

  @include md {
    padding-top: 100px;
  }
  @include sm {
    padding-top: 80px;
  }
}
.te-pb-120 {
  padding-bottom: 120px;

  @include md {
    padding-bottom: 100px;
  }
  @include sm {
    padding-bottom: 80px;
  }
}