/**
 * ----------------------------------------------
 * Font Faces
 * ----------------------------------------------
 *
*/
/**
 * ----------------------------------------------
 * Font Sizes
 * ----------------------------------------------
 *
*/
/**
 * ----------------------------------------------
 * COLOR CODES
 * ----------------------------------------------
 *
*/
/**
* ----------------------------------------------
* Shadows CODES
* ----------------------------------------------
*
*/
/**
 * ----------------------------------------------
 * Loop classes
 * ----------------------------------------------
 *
*/
/**
 * ----------------------------------------------
 * Theme colors
 * ----------------------------------------------
 *
*/
/*
* @description Set transition
* Pass transition single properties E.g @include transition(border 0.3s ease-in-out) => transition: border 0.3s ease-in-out; -webkit-transition: border 0.3s ease-in-out;
*/
/*
* @description Set transform
* Pass transform value E.g @include transform(scale(0.3)) => transform: scale(0.3); -webkit-transform: scale(0.3);
*/
/*
* @description Set delay in transition
* Pass transition delay E.g @include transition-delay(1s) => transition-delay: 1s; -webkit-transition-delay: 1s.
*/
/*
* @description This mixin is used to create position
* Pass position like absolute, fixed etc. and give top, bottom, left, right, index.
* All params are optional, After passing all things it's generate the css.
* E.g @include position(absolute, 10px, 10px, 10px, 10px, 1) => position: absolute;top:10px;bottom:10px;left:10px;right:10px;index:1;
* Another E.g @include position(absolute, 10px, 10px, 10px, 10px) => position: absolute;top:10px;bottom:10px;left:10px;right:10px;
*/
/*
* @description This mixin is used to create border
* Pass direction like top, bottom, left, right and give width of the border, style of border like solid, dashes etc, color of the border and pass null if you want border all the sides. E.g @include border(null, 1px, solid, #000) => border: 1px solid #000;
* Another E.g @include border(left, 1px, solid, #000) => border-left: 1px solid #000;
*/
/*
* @description This mixin is used to create grediant button
* Pass grediant value, clip type, clip type 2, origin E.g @include gradient($gred) => background-image: $grad; ---> used to include grediant background
* Another E.g @include gradient($gred,padding-box, border-box, border-box) => background-image: $grad;background-clip: padding-box, border-box; background-origin: border-box;---> this used to create button gred.
*/
/*
* @description This mixin is used to create text grediant
* Pass grediant value E.g @include text-gradient($gred) => background-image: $grad; -webkit-text-fill-color: transparent; -webkit-background-clip: text;
*/
/*
* @description This mixin is used to create greyscale the image or others
* Pass greyscale percentage E.g @include grayScale(100%) => filter: grayscale(100%);-webkit-filter: grayscale(100%);
*/
/*
* @description This mixin is used to create animation
* Pass animation name percentage E.g @include animation(slideIn) => ;animation-name: slideIn; -webkit-animation-name: slideIn
*/
/*
* @description This mixin is used to create animation duration
* Pass animation name percentage E.g @include animation-duration(1s) => animation-duration: 1s; -webkit-animation-duration: 1s;
*/
/*
* @description This mixin is used to create animation function 
* Pass animation timing function E.g @include animation-function(cubic-bezier(0.81, 0.15, 0.26, 0.99)) => animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99); -webkit-animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99);
*/
/*
* @description Get theme color
* Pass object and key of obj, Get value from variables 
*/
/*
* Convert px to rem Unit
*/
/**
* ----------------------------------------------
* Grediant CODES
* ----------------------------------------------
*
*/
a:hover {
  color: #EA3E2D;
}

.scroll-top:hover .scroll-top-icon {
  background-color: #EA3E2D;
}

.progress-wrap svg.progress-circle path {
  stroke: #EA3E2D;
}

.text-primary {
  color: #EA3E2D !important;
}

.text-secondary {
  color: #DB0C44;
}

.text-grediant {
  background-image: linear-gradient(to right, #EA3E2D 0%, #DB0C44 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.grediant-overlay {
  background-image: linear-gradient(0deg, #EA3E2D 0%, #DB0C44 100%);
}

.bg-grediant {
  background-image: linear-gradient(0deg, #EA3E2D 0%, #DB0C44 100%);
  color: #ffffff;
}

.bg-primary {
  background: #EA3E2D !important;
}

.close:hover {
  color: #EA3E2D;
}

.more-link:after {
  background: #EA3E2D;
}
.more-link:hover {
  color: #EA3E2D;
}

.btn-primary {
  background-image: linear-gradient(122deg, #EA3E2D 0%, #DB0C44, #EA3E2D 100%);
  color: #ffffff;
}
.btn-primary:hover {
  color: #ffffff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  background-image: linear-gradient(122deg, #EA3E2D 0%, #DB0C44, #EA3E2D 100%);
  color: #ffffff;
}

.btn-outline-primary {
  border: 1px solid transparent;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #EA3E2D, #DB0C44);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  color: #000000;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  border-color: transparent;
  background-color: #EA3E2D;
  background-image: linear-gradient(to right, #EA3E2D 0%, #DB0C44 100%);
  background-clip: border-box, padding-box;
  background-origin: border-box;
  color: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(38, 59, 94, 0.1);
}

.btn-outline-white:hover {
  color: #EA3E2D;
  background: #ffffff;
}

.btn-white {
  color: #EA3E2D;
}

.preloader .bar-loader span {
  background: #EA3E2D;
}

.header.link-nav.fixed-nav .navbar-nav .nav-link.active, .header.link-nav.fixed-nav .navbar-nav .nav-link:hover {
  color: #EA3E2D;
}

.owl-carousel .owl-dots .owl-dot:hover:after, .owl-carousel .owl-dots .active:after {
  background: #EA3E2D;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  color: #EA3E2D;
}

.swiper-pagination.pagination-white .swiper-pagination-bullet:hover, .swiper-pagination.pagination-white .swiper-pagination-bullet-active {
  background: #EA3E2D;
}

.header.fixed-nav .btn-white {
  background-image: linear-gradient(122deg, #EA3E2D 0%, #DB0C44, #EA3E2D 100%);
  color: #ffffff;
}
.header.fixed-nav .btn-white:hover {
  border-color: transparent;
}

.heading-dot {
  background: linear-gradient(122deg, #EA3E2D 0%, #DB0C44, #EA3E2D 100%);
}

.footer-nav .navbar-nav .nav-link:hover {
  color: #EA3E2D;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: #EA3E2D;
}
/*# sourceMappingURL=../maps/app.css.map */