/*md

# Grid variables

*/
/*md

# Grid system functions

*/
/*md

# Grid system mixins

This section describes grid system mixins used for development in the project.

*/
/*md

# Variables

*/
/*md

# Color variables

*/
/*md

# Fonts variables

*/
/*md

# Functions

This section describes core functions used for development in the project.

## Function strip-unit

Removes the unit (e.g. px, em, rem) from a value, returning the number only.

Returns the same number, sans unit.

## Function value-to-rem

**Private function**.
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value.
By default, the base pixel value used to calculate the rem value is taken from the `$globalFontSize` variable.

Returns a number in rems, calculated based on the given value and the base pixel value.
rem values are passed through as is.

## Function rem-calc

Converts one or more pixel values into matching rem values.
By default, the base pixel value used to calculate the rem value is taken from the `$globalFontSize` variable.
If you need to convert a comma-separated list, wrap the list in parentheses.

Return a list of converted values.

## Function map-safe-get

Safely return a value from a map.

Returns found value. Can has any SASS data type

## Function map-deep-get

**Private function**.

Safely return a value from a map.

Returns found value.

*/
/*md

# Mixins

This section describes core mixins used for development in the project.

## Mixin generate-font-face

Generate `@font-face` rules

## Mixin when-inside

Helps make context selector a little more friendly

### Mixin on-event

Event wrapper. Setting up `:hover`, `:active`, `:focus` pseudo classes for selector

## Mixin clearfix

Quickly and easily clear floated content within a container

## Mixin placeholder

Setting up 'color' property for input placeholder for different browsers

## Mixin text-truncate

Truncate text overflow

## Mixins for Glide carousel

glide-carousel-title, glide-carousel-slides, glide-carousel-bullets-space, glide-carousel-bullets-item

*/
.check-order-page {
  margin-top: 1.5rem;
}
@media (min-width: 1200px) {
  .check-order-page {
    margin-top: 3rem;
  }
}
.check-order-page .trackorder-wrapper {
  border: 0;
  max-width: 31.25rem;
  padding: 0;
}
@media (min-width: 1200px) {
  .check-order-page .trackorder-wrapper {
    border-left: none;
  }
}
.check-order-page .trackorder-wrapper .card {
  border: 0;
  padding: 0 0.5rem;
}
.check-order-page .trackorder-wrapper .card .card-body {
  padding-top: 0.5rem;
}
.check-order-page .trackorder-wrapper .track-order-header {
  border: 0;
  color: #464a4c;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: 0 0 0 0.5rem;
  text-transform: capitalize;
}
.check-order-page .trackorder-wrapper .track-order-header-text {
  color: #262a30;
  padding-left: 0;
}
.check-order-page .trackorder-wrapper .form-group .col-10 {
  flex: none;
  max-width: 100%;
}

#pp-widget-root {
  margin-bottom: 3rem;
  margin-top: 3rem;
  min-height: 15.625rem;
}
#pp-widget-root .ReactModalPortal {
  z-index: 2000;
}