@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&amp;display=swap");
@import "../fonts/hkgrotesk/stylesheet.css";
body {
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
}

/*
  Author : Candra Dwi Waskito
  Version : 0.1.1
 */
/*
  Preflight
 */
html,
body {
  margin: 0;
  padding: 0;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
  Display
 */
.block {
  display: block;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-block {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .xl-block {
    display: block !important;
  }
}
.inline-block {
  display: inline-block;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) {
  .xl-inline-block {
    display: inline-block !important;
  }
}
.inline {
  display: inline;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) {
  .xl-inline {
    display: inline !important;
  }
}
.flex {
  display: flex;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1024px) {
  .xl-flex {
    display: flex !important;
  }
}
.inline-flex {
  display: inline-flex;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .xl-inline-flex {
    display: inline-flex !important;
  }
}
.table {
  display: table;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-table {
    display: table !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-table {
    display: table !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-table {
    display: table !important;
  }
}
@media (min-width: 1024px) {
  .xl-table {
    display: table !important;
  }
}
.table-row {
  display: table-row;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-table-row {
    display: table-row !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-table-row {
    display: table-row !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-table-row {
    display: table-row !important;
  }
}
@media (min-width: 1024px) {
  .xl-table-row {
    display: table-row !important;
  }
}
.table-cell {
  display: table-cell;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) {
  .xl-table-cell {
    display: table-cell !important;
  }
}
.hidden {
  display: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-hidden {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-hidden {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-hidden {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .xl-hidden {
    display: none !important;
  }
}
/*
  Float
 */
.clearfix:after {
  content: '""';
  display: table;
  clear: both;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-clearfix:after {
    content: '""';
    display: table;
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-clearfix:after {
    content: '""';
    display: table;
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-clearfix:after {
    content: '""';
    display: table;
    clear: both;
  }
}
@media (min-width: 1024px) {
  .xl-clearfix:after {
    content: '""';
    display: table;
    clear: both;
  }
}
.float-right {
  float: right;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-float-right {
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-float-right {
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-float-right {
    float: right;
  }
}
@media (min-width: 1024px) {
  .xl-float-right {
    float: right;
  }
}
.float-left {
  float: left;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-float-left {
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-float-left {
    float: left;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-float-left {
    float: left;
  }
}
@media (min-width: 1024px) {
  .xl-float-left {
    float: left;
  }
}
.float-none {
  float: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-float-none {
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-float-none {
    float: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-float-none {
    float: none;
  }
}
@media (min-width: 1024px) {
  .xl-float-none {
    float: none;
  }
}
/*
   Object Fit
 */
.object-contain {
  object-fit: contain;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-contain {
    object-fit: contain;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-contain {
    object-fit: contain;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-contain {
    object-fit: contain;
  }
}
@media (min-width: 1024px) {
  .xl-object-contain {
    object-fit: contain;
  }
}
.object-cover {
  object-fit: cover;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-cover {
    object-fit: cover;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-cover {
    object-fit: cover;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-cover {
    object-fit: cover;
  }
}
@media (min-width: 1024px) {
  .xl-object-cover {
    object-fit: cover;
  }
}
.object-fill {
  object-fit: fill;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-fill {
    object-fit: fill;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-fill {
    object-fit: fill;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-fill {
    object-fit: fill;
  }
}
@media (min-width: 1024px) {
  .xl-object-fill {
    object-fit: fill;
  }
}
.object-none {
  object-fit: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-none {
    object-fit: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-none {
    object-fit: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-none {
    object-fit: none;
  }
}
@media (min-width: 1024px) {
  .xl-object-none {
    object-fit: none;
  }
}
.object-scale-down {
  object-fit: scale-down;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-scale-down {
    object-fit: scale-down;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-scale-down {
    object-fit: scale-down;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-scale-down {
    object-fit: scale-down;
  }
}
@media (min-width: 1024px) {
  .xl-object-scale-down {
    object-fit: scale-down;
  }
}
/*
  Object Position
 */
.object-bottom {
  object-position: bottom;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-bottom {
    object-position: bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-bottom {
    object-position: bottom;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-bottom {
    object-position: bottom;
  }
}
@media (min-width: 1024px) {
  .xl-object-bottom {
    object-position: bottom;
  }
}
.object-center {
  object-position: center;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-center {
    object-position: center;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-center {
    object-position: center;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-center {
    object-position: center;
  }
}
@media (min-width: 1024px) {
  .xl-object-center {
    object-position: center;
  }
}
.object-left {
  object-position: left;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-left {
    object-position: left;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-left {
    object-position: left;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-left {
    object-position: left;
  }
}
@media (min-width: 1024px) {
  .xl-object-left {
    object-position: left;
  }
}
.object-left-bottom {
  object-position: left bottom;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-left-bottom {
    object-position: left bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-left-bottom {
    object-position: left bottom;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-left-bottom {
    object-position: left bottom;
  }
}
@media (min-width: 1024px) {
  .xl-object-left-bottom {
    object-position: left bottom;
  }
}
.object-left-top {
  object-position: left top;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-left-top {
    object-position: left top;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-left-top {
    object-position: left top;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-left-top {
    object-position: left top;
  }
}
@media (min-width: 1024px) {
  .xl-object-left-top {
    object-position: left top;
  }
}
.object-right {
  object-position: right;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-right {
    object-position: right;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-right {
    object-position: right;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-right {
    object-position: right;
  }
}
@media (min-width: 1024px) {
  .xl-object-right {
    object-position: right;
  }
}
.object-right-bottom {
  object-position: right bottom;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-right-bottom {
    object-position: right bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-right-bottom {
    object-position: right bottom;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-right-bottom {
    object-position: right bottom;
  }
}
@media (min-width: 1024px) {
  .xl-object-right-bottom {
    object-position: right bottom;
  }
}
.object-right-top {
  object-position: right top;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-right-top {
    object-position: right top;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-right-top {
    object-position: right top;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-right-top {
    object-position: right top;
  }
}
@media (min-width: 1024px) {
  .xl-object-right-top {
    object-position: right top;
  }
}
.object-top {
  object-position: top;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-object-top {
    object-position: top;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-object-top {
    object-position: top;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-object-top {
    object-position: top;
  }
}
@media (min-width: 1024px) {
  .xl-object-top {
    object-position: top;
  }
}
/*
  Overflow
 */
.overflow-auto {
  overflow: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-auto {
    overflow: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-auto {
    overflow: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-auto {
    overflow: auto;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-auto {
    overflow: auto;
  }
}
.overflow-hidden {
  overflow: hidden;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-hidden {
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-hidden {
    overflow: hidden;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-hidden {
    overflow: hidden;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-hidden {
    overflow: hidden;
  }
}
.overflow-visible {
  overflow: visible;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-visible {
    overflow: visible;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-visible {
    overflow: visible;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-visible {
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-visible {
    overflow: visible;
  }
}
.overflow-scroll {
  overflow: scroll;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-scroll {
    overflow: scroll;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-scroll {
    overflow: scroll;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-scroll {
    overflow: scroll;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-scroll {
    overflow: scroll;
  }
}
.overflow-x-x-auto {
  overflow-x: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-x-x-auto {
    overflow-x: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-x-x-auto {
    overflow-x: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-x-x-auto {
    overflow-x: auto;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-x-x-auto {
    overflow-x: auto;
  }
}
.overflow-x-x-hidden {
  overflow-x: hidden;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-x-x-hidden {
    overflow-x: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-x-x-hidden {
    overflow-x: hidden;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-x-x-hidden {
    overflow-x: hidden;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-x-x-hidden {
    overflow-x: hidden;
  }
}
.overflow-x-x-visible {
  overflow-x: visible;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-x-x-visible {
    overflow-x: visible;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-x-x-visible {
    overflow-x: visible;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-x-x-visible {
    overflow-x: visible;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-x-x-visible {
    overflow-x: visible;
  }
}
.overflow-y-y-auto {
  overflow-y: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-y-y-auto {
    overflow-y: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-y-y-auto {
    overflow-y: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-y-y-auto {
    overflow-y: auto;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-y-y-auto {
    overflow-y: auto;
  }
}
.overflow-y-y-hidden {
  overflow-y: hidden;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-y-y-hidden {
    overflow-y: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-y-y-hidden {
    overflow-y: hidden;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-y-y-hidden {
    overflow-y: hidden;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-y-y-hidden {
    overflow-y: hidden;
  }
}
.overflow-y-y-visible {
  overflow-y: visible;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-overflow-y-y-visible {
    overflow-y: visible;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-overflow-y-y-visible {
    overflow-y: visible;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-overflow-y-y-visible {
    overflow-y: visible;
  }
}
@media (min-width: 1024px) {
  .xl-overflow-y-y-visible {
    overflow-y: visible;
  }
}
.scrolling-x-scroll {
  -webkit-overflow-scrolling: scroll;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-scrolling-x-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-scrolling-x-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-scrolling-x-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
@media (min-width: 1024px) {
  .xl-scrolling-x-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
.scrolling-y-scroll {
  -webkit-overflow-scrolling: scroll;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-scrolling-y-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-scrolling-y-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-scrolling-y-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
@media (min-width: 1024px) {
  .xl-scrolling-y-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
/*
  Position
 */
.static {
  position: static;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-static {
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-static {
    position: static;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-static {
    position: static;
  }
}
@media (min-width: 1024px) {
  .xl-static {
    position: static;
  }
}
.fixed {
  position: fixed;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-fixed {
    position: fixed;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-fixed {
    position: fixed;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-fixed {
    position: fixed;
  }
}
@media (min-width: 1024px) {
  .xl-fixed {
    position: fixed;
  }
}
.absolute {
  position: absolute;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-absolute {
    position: absolute;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-absolute {
    position: absolute;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-absolute {
    position: absolute;
  }
}
@media (min-width: 1024px) {
  .xl-absolute {
    position: absolute;
  }
}
.relative {
  position: relative;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-relative {
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-relative {
    position: relative;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-relative {
    position: relative;
  }
}
@media (min-width: 1024px) {
  .xl-relative {
    position: relative;
  }
}
.sticky {
  position: sticky;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-sticky {
    position: sticky;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .xl-sticky {
    position: sticky;
  }
}
/*
  Inset
 */
.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-x-0 {
  right: 0;
  left: 0;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.inset-y-auto {
  top: auto;
  bottom: auto;
}

.inset-x-auto {
  left: auto;
  right: auto;
}

.top-auto {
  top: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

.right-auto {
  right: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sm-inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .sm-inset-x-0 {
    right: 0;
    left: 0;
  }

  .sm-top-0 {
    top: 0;
  }

  .sm-right-0 {
    right: 0;
  }

  .sm-bottom-0 {
    bottom: 0;
  }

  .sm-left-0 {
    left: 0;
  }

  .sm-inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .sm-inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .sm-inset-x-auto {
    left: auto;
    right: auto;
  }

  .sm-top-auto {
    top: auto;
  }

  .sm-bottom-auto {
    bottom: auto;
  }

  .sm-left-auto {
    left: auto;
  }

  .sm-right-auto {
    right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .md-inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .md-inset-x-0 {
    right: 0;
    left: 0;
  }

  .md-top-0 {
    top: 0;
  }

  .md-right-0 {
    right: 0;
  }

  .md-bottom-0 {
    bottom: 0;
  }

  .md-left-0 {
    left: 0;
  }

  .md-inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .md-inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .md-inset-x-auto {
    left: auto;
    right: auto;
  }

  .md-top-auto {
    top: auto;
  }

  .md-bottom-auto {
    bottom: auto;
  }

  .md-left-auto {
    left: auto;
  }

  .md-right-auto {
    right: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg-inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .lg-inset-x-0 {
    right: 0;
    left: 0;
  }

  .lg-top-0 {
    top: 0;
  }

  .lg-right-0 {
    right: 0;
  }

  .lg-bottom-0 {
    bottom: 0;
  }

  .lg-left-0 {
    left: 0;
  }

  .lg-inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg-inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .lg-inset-x-auto {
    left: auto;
    right: auto;
  }

  .lg-top-auto {
    top: auto;
  }

  .lg-bottom-auto {
    bottom: auto;
  }

  .lg-left-auto {
    left: auto;
  }

  .lg-right-auto {
    right: auto;
  }
}
@media (min-width: 1024px) {
  .xl-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xl-inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .xl-inset-x-0 {
    right: 0;
    left: 0;
  }

  .xl-top-0 {
    top: 0;
  }

  .xl-right-0 {
    right: 0;
  }

  .xl-bottom-0 {
    bottom: 0;
  }

  .xl-left-0 {
    left: 0;
  }

  .xl-inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xl-inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .xl-inset-x-auto {
    left: auto;
    right: auto;
  }

  .xl-top-auto {
    top: auto;
  }

  .xl-bottom-auto {
    bottom: auto;
  }

  .xl-left-auto {
    left: auto;
  }

  .xl-right-auto {
    right: auto;
  }
}
/*
  Visibility
 */
.visible {
  visibility: visible;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-visible {
    visibility: visible;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-visible {
    visibility: visible;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-visible {
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  .xl-visible {
    visibility: visible;
  }
}
.invisible {
  visibility: hidden;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-invisible {
    visibility: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-invisible {
    visibility: hidden;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-invisible {
    visibility: hidden;
  }
}
@media (min-width: 1024px) {
  .xl-invisible {
    visibility: hidden;
  }
}
/*
  Z Index
 */
.z-auto {
  z-index: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-z-auto {
    z-index: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-z-auto {
    z-index: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-z-auto {
    z-index: auto;
  }
}
@media (min-width: 1024px) {
  .xl-z-auto {
    z-index: auto;
  }
}
.z-0 {
  z-index: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-z-0 {
    z-index: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-z-0 {
    z-index: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-z-0 {
    z-index: 0;
  }
}
@media (min-width: 1024px) {
  .xl-z-0 {
    z-index: 0;
  }
}
.z-10 {
  z-index: 10;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-z-10 {
    z-index: 10;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-z-10 {
    z-index: 10;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-z-10 {
    z-index: 10;
  }
}
@media (min-width: 1024px) {
  .xl-z-10 {
    z-index: 10;
  }
}
.z-20 {
  z-index: 20;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-z-20 {
    z-index: 20;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-z-20 {
    z-index: 20;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-z-20 {
    z-index: 20;
  }
}
@media (min-width: 1024px) {
  .xl-z-20 {
    z-index: 20;
  }
}
.z-30 {
  z-index: 30;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-z-30 {
    z-index: 30;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-z-30 {
    z-index: 30;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-z-30 {
    z-index: 30;
  }
}
@media (min-width: 1024px) {
  .xl-z-30 {
    z-index: 30;
  }
}
.z-40 {
  z-index: 40;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-z-40 {
    z-index: 40;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-z-40 {
    z-index: 40;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-z-40 {
    z-index: 40;
  }
}
@media (min-width: 1024px) {
  .xl-z-40 {
    z-index: 40;
  }
}
.z-50 {
  z-index: 50;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-z-50 {
    z-index: 50;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-z-50 {
    z-index: 50;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-z-50 {
    z-index: 50;
  }
}
@media (min-width: 1024px) {
  .xl-z-50 {
    z-index: 50;
  }
}
/*
  Font Family
 */
.text-opensans {
  font-family: "Open Sans", sans-serif;
}

.text-poppins {
  font-family: "Poppins", sans-serif;
}

.text-hkgrotesk {
  font-family: "hk_grotesk", sans-serif;
}

.text-hkgrotesk.font-hairline, .text-hkgrotesk.font-thin, .text-hkgrotesk.font-light,
.text-hkgrotesk .font-hairline,
.text-hkgrotesk .font-thin,
.text-hkgrotesk .font-light {
  font-family: "hk_grotestlight", sans-serif !important;
}
.text-hkgrotesk.font-normal,
.text-hkgrotesk .font-normal {
  font-family: "hk_groteskregular", sans-serif !important;
}
.text-hkgrotesk.font-medium,
.text-hkgrotesk .font-medium {
  font-family: "hk_groteskmedium", sans-serif !important;
}
.text-hkgrotesk.font-semibold,
.text-hkgrotesk .font-semibold {
  font-family: "hk_grotesksemibold", sans-serif !important;
}
.text-hkgrotesk.font-bold, .text-hkgrotesk.font-extrabold, .text-hkgrotesk.font-black,
.text-hkgrotesk .font-bold,
.text-hkgrotesk .font-extrabold,
.text-hkgrotesk .font-black {
  font-family: "hk_groteskbold", sans-serif !important;
}

/*
  Font Size
 */
.text-1 {
  font-size: 1px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-1 {
    font-size: 1px !important;
  }
}
.text-2 {
  font-size: 2px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-2 {
    font-size: 2px !important;
  }
}
.text-3 {
  font-size: 3px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-3 {
    font-size: 3px !important;
  }
}
.text-4 {
  font-size: 4px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-4 {
    font-size: 4px !important;
  }
}
.text-5 {
  font-size: 5px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-5 {
    font-size: 5px !important;
  }
}
.text-6 {
  font-size: 6px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-6 {
    font-size: 6px !important;
  }
}
.text-7 {
  font-size: 7px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-7 {
    font-size: 7px !important;
  }
}
.text-8 {
  font-size: 0.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-8 {
    font-size: 0.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-8 {
    font-size: 0.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-8 {
    font-size: 0.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-8 {
    font-size: 0.5rem !important;
  }
}
.text-12 {
  font-size: 0.75rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-12 {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-12 {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-12 {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-12 {
    font-size: 0.75rem !important;
  }
}
.text-14 {
  font-size: 0.875rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-14 {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-14 {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-14 {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-14 {
    font-size: 0.875rem !important;
  }
}
.text-16 {
  font-size: 1rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-16 {
    font-size: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-16 {
    font-size: 1rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-16 {
    font-size: 1rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-16 {
    font-size: 1rem !important;
  }
}
.text-18 {
  font-size: 1.125rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-18 {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-18 {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-18 {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-18 {
    font-size: 1.125rem !important;
  }
}
.text-20 {
  font-size: 1.25rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-20 {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-20 {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-20 {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-20 {
    font-size: 1.25rem !important;
  }
}
.text-22 {
  font-size: 1.375rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-22 {
    font-size: 1.375rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-22 {
    font-size: 1.375rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-22 {
    font-size: 1.375rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-22 {
    font-size: 1.375rem !important;
  }
}
.text-24 {
  font-size: 1.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-24 {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-24 {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-24 {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-24 {
    font-size: 1.5rem !important;
  }
}
.text-28 {
  font-size: 1.75rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-28 {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-28 {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-28 {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-28 {
    font-size: 1.75rem !important;
  }
}
.text-32 {
  font-size: 2rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-32 {
    font-size: 2rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-32 {
    font-size: 2rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-32 {
    font-size: 2rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-32 {
    font-size: 2rem !important;
  }
}
.text-36 {
  font-size: 2.25rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-36 {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-36 {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-36 {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-36 {
    font-size: 2.25rem !important;
  }
}
.text-40 {
  font-size: 2.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-40 {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-40 {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-40 {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-40 {
    font-size: 2.5rem !important;
  }
}
.text-48 {
  font-size: 3rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-48 {
    font-size: 3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-48 {
    font-size: 3rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-48 {
    font-size: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-48 {
    font-size: 3rem !important;
  }
}
.text-56 {
  font-size: 3.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-56 {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-56 {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-56 {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-56 {
    font-size: 3.5rem !important;
  }
}
.text-64 {
  font-size: 4rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-64 {
    font-size: 4rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-64 {
    font-size: 4rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-64 {
    font-size: 4rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-64 {
    font-size: 4rem !important;
  }
}
.text-72 {
  font-size: 4.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-72 {
    font-size: 4.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-72 {
    font-size: 4.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-72 {
    font-size: 4.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-72 {
    font-size: 4.5rem !important;
  }
}
.text-80 {
  font-size: 5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-80 {
    font-size: 5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-80 {
    font-size: 5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-80 {
    font-size: 5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-80 {
    font-size: 5rem !important;
  }
}
.text-1px {
  font-size: 1px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-1px {
    font-size: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-1px {
    font-size: 1px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-1px {
    font-size: 1px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-1px {
    font-size: 1px !important;
  }
}
.text-2px {
  font-size: 2px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-2px {
    font-size: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-2px {
    font-size: 2px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-2px {
    font-size: 2px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-2px {
    font-size: 2px !important;
  }
}
.text-3px {
  font-size: 3px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-3px {
    font-size: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-3px {
    font-size: 3px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-3px {
    font-size: 3px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-3px {
    font-size: 3px !important;
  }
}
.text-4px {
  font-size: 4px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-4px {
    font-size: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-4px {
    font-size: 4px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-4px {
    font-size: 4px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-4px {
    font-size: 4px !important;
  }
}
.text-5px {
  font-size: 5px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-5px {
    font-size: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-5px {
    font-size: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-5px {
    font-size: 5px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-5px {
    font-size: 5px !important;
  }
}
.text-6px {
  font-size: 6px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-6px {
    font-size: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-6px {
    font-size: 6px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-6px {
    font-size: 6px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-6px {
    font-size: 6px !important;
  }
}
.text-7px {
  font-size: 7px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-7px {
    font-size: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-7px {
    font-size: 7px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-7px {
    font-size: 7px !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-7px {
    font-size: 7px !important;
  }
}
.text-xxs {
  font-size: 0.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-xxs {
    font-size: 0.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-xxs {
    font-size: 0.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-xxs {
    font-size: 0.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-xxs {
    font-size: 0.5rem !important;
  }
}
.text-xs {
  font-size: 0.75rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-xs {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-xs {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-xs {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-xs {
    font-size: 0.75rem !important;
  }
}
.text-sm {
  font-size: 0.875rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-sm {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-sm {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-sm {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-sm {
    font-size: 0.875rem !important;
  }
}
.text-base {
  font-size: 1rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-base {
    font-size: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-base {
    font-size: 1rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-base {
    font-size: 1rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-base {
    font-size: 1rem !important;
  }
}
.text-lg {
  font-size: 1.125rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-lg {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-lg {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-lg {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-lg {
    font-size: 1.125rem !important;
  }
}
.text-xl {
  font-size: 1.25rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-xl {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-xl {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-xl {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-xl {
    font-size: 1.25rem !important;
  }
}
.text-1x {
  font-size: 1.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-1x {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-1x {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-1x {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-1x {
    font-size: 1.5rem !important;
  }
}
.text-2x {
  font-size: 1.75rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-2x {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-2x {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-2x {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-2x {
    font-size: 1.75rem !important;
  }
}
.text-3x {
  font-size: 2rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-3x {
    font-size: 2rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-3x {
    font-size: 2rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-3x {
    font-size: 2rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-3x {
    font-size: 2rem !important;
  }
}
.text-4x {
  font-size: 2.25rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-4x {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-4x {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-4x {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-4x {
    font-size: 2.25rem !important;
  }
}
.text-5x {
  font-size: 2.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-5x {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-5x {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-5x {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-5x {
    font-size: 2.5rem !important;
  }
}
.text-6x {
  font-size: 3rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-6x {
    font-size: 3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-6x {
    font-size: 3rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-6x {
    font-size: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-6x {
    font-size: 3rem !important;
  }
}
.text-7x {
  font-size: 3.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-7x {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-7x {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-7x {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-7x {
    font-size: 3.5rem !important;
  }
}
.text-8x {
  font-size: 4rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-8x {
    font-size: 4rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-8x {
    font-size: 4rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-8x {
    font-size: 4rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-8x {
    font-size: 4rem !important;
  }
}
.text-9x {
  font-size: 4.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-9x {
    font-size: 4.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-9x {
    font-size: 4.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-9x {
    font-size: 4.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-9x {
    font-size: 4.5rem !important;
  }
}
.text-10x {
  font-size: 5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-10x {
    font-size: 5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-10x {
    font-size: 5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-10x {
    font-size: 5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-10x {
    font-size: 5rem !important;
  }
}
/*
  Font Smoothing
 */
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (min-width: 1024px) {
  .xl-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.subpixel-antialiased {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-subpixel-antialiased {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-subpixel-antialiased {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-subpixel-antialiased {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}
@media (min-width: 1024px) {
  .xl-subpixel-antialiased {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}
/*
  Font Style
 */
.italic {
  font-style: italic;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-italic {
    font-style: italic;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-italic {
    font-style: italic;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-italic {
    font-style: italic;
  }
}
@media (min-width: 1024px) {
  .xl-italic {
    font-style: italic;
  }
}
.not-italic {
  font-style: normal;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-not-italic {
    font-style: normal;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-not-italic {
    font-style: normal;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-not-italic {
    font-style: normal;
  }
}
@media (min-width: 1024px) {
  .xl-not-italic {
    font-style: normal;
  }
}
/*
  Font Weight
 */
.font-hairline {
  font-weight: 100 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-hairline {
    font-weight: 100 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-hairline {
    font-weight: 100 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-hairline {
    font-weight: 100 !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-hairline {
    font-weight: 100 !important;
  }
}
.font-thin {
  font-weight: 200 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-thin {
    font-weight: 200 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-thin {
    font-weight: 200 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-thin {
    font-weight: 200 !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-thin {
    font-weight: 200 !important;
  }
}
.font-light {
  font-weight: 300 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-light {
    font-weight: 300 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-light {
    font-weight: 300 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-light {
    font-weight: 300 !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-light {
    font-weight: 300 !important;
  }
}
.font-normal {
  font-weight: normal !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-normal {
    font-weight: normal !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-normal {
    font-weight: normal !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-normal {
    font-weight: normal !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-normal {
    font-weight: normal !important;
  }
}
.font-medium {
  font-weight: 500 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-medium {
    font-weight: 500 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-medium {
    font-weight: 500 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-medium {
    font-weight: 500 !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-medium {
    font-weight: 500 !important;
  }
}
.font-semibold {
  font-weight: 600 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-semibold {
    font-weight: 600 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-semibold {
    font-weight: 600 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-semibold {
    font-weight: 600 !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-semibold {
    font-weight: 600 !important;
  }
}
.font-bold {
  font-weight: 700 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-bold {
    font-weight: 700 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-bold {
    font-weight: 700 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-bold {
    font-weight: 700 !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-bold {
    font-weight: 700 !important;
  }
}
.font-extrabold {
  font-weight: 800 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-extrabold {
    font-weight: 800 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-extrabold {
    font-weight: 800 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-extrabold {
    font-weight: 800 !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-extrabold {
    font-weight: 800 !important;
  }
}
.font-black {
  font-weight: 900 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-font-black {
    font-weight: 900 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-font-black {
    font-weight: 900 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-font-black {
    font-weight: 900 !important;
  }
}
@media (min-width: 1024px) {
  .xl-font-black {
    font-weight: 900 !important;
  }
}
/*
  Letter Spacing
 */
.tracking-tighter {
  letter-spacing: -0.05em;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-tighter {
    letter-spacing: -0.05em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-tighter {
    letter-spacing: -0.05em;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-tighter {
    letter-spacing: -0.05em;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-tighter {
    letter-spacing: -0.05em;
  }
}
.tracking-tight {
  letter-spacing: -0.025em;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-tight {
    letter-spacing: -0.025em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-tight {
    letter-spacing: -0.025em;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-tight {
    letter-spacing: -0.025em;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-tight {
    letter-spacing: -0.025em;
  }
}
.tracking-normal {
  letter-spacing: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-normal {
    letter-spacing: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-normal {
    letter-spacing: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-normal {
    letter-spacing: 0;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-normal {
    letter-spacing: 0;
  }
}
.tracking-wide {
  letter-spacing: 0.025em;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-wide {
    letter-spacing: 0.025em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-wide {
    letter-spacing: 0.025em;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-wide {
    letter-spacing: 0.025em;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-wide {
    letter-spacing: 0.025em;
  }
}
.tracking-wider {
  letter-spacing: 0.05em;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-wider {
    letter-spacing: 0.05em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-wider {
    letter-spacing: 0.05em;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-wider {
    letter-spacing: 0.05em;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-wider {
    letter-spacing: 0.05em;
  }
}
.tracking-widest {
  letter-spacing: 0.1em;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-widest {
    letter-spacing: 0.1em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-widest {
    letter-spacing: 0.1em;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-widest {
    letter-spacing: 0.1em;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-widest {
    letter-spacing: 0.1em;
  }
}
.tracking-2 {
  letter-spacing: 0.2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-2 {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-2 {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-2 {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-2 {
    letter-spacing: 0.2px;
  }
}
.tracking-01 {
  letter-spacing: 0.1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-01 {
    letter-spacing: 0.1px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-01 {
    letter-spacing: 0.1px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-01 {
    letter-spacing: 0.1px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-01 {
    letter-spacing: 0.1px;
  }
}
.tracking-02 {
  letter-spacing: 0.2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-02 {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-02 {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-02 {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-02 {
    letter-spacing: 0.2px;
  }
}
.tracking-03 {
  letter-spacing: 0.3px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-03 {
    letter-spacing: 0.3px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-03 {
    letter-spacing: 0.3px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-03 {
    letter-spacing: 0.3px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-03 {
    letter-spacing: 0.3px;
  }
}
.tracking-04 {
  letter-spacing: 0.4px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-04 {
    letter-spacing: 0.4px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-04 {
    letter-spacing: 0.4px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-04 {
    letter-spacing: 0.4px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-04 {
    letter-spacing: 0.4px;
  }
}
.tracking-05 {
  letter-spacing: 0.5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-05 {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-05 {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-05 {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-05 {
    letter-spacing: 0.5px;
  }
}
.tracking-06 {
  letter-spacing: 0.6px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-06 {
    letter-spacing: 0.6px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-06 {
    letter-spacing: 0.6px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-06 {
    letter-spacing: 0.6px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-06 {
    letter-spacing: 0.6px;
  }
}
.tracking-07 {
  letter-spacing: 0.7px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-07 {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-07 {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-07 {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-07 {
    letter-spacing: 0.7px;
  }
}
.tracking-08 {
  letter-spacing: 0.8px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-08 {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-08 {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-08 {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-08 {
    letter-spacing: 0.8px;
  }
}
.tracking-09 {
  letter-spacing: 0.9px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-09 {
    letter-spacing: 0.9px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-09 {
    letter-spacing: 0.9px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-09 {
    letter-spacing: 0.9px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-09 {
    letter-spacing: 0.9px;
  }
}
.tracking-1 {
  letter-spacing: 1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-1 {
    letter-spacing: 1px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-1 {
    letter-spacing: 1px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-1 {
    letter-spacing: 1px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-1 {
    letter-spacing: 1px;
  }
}
.tracking-2 {
  letter-spacing: 2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-2 {
    letter-spacing: 2px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-2 {
    letter-spacing: 2px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-2 {
    letter-spacing: 2px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-2 {
    letter-spacing: 2px;
  }
}
.tracking-3 {
  letter-spacing: 3px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-3 {
    letter-spacing: 3px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-3 {
    letter-spacing: 3px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-3 {
    letter-spacing: 3px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-3 {
    letter-spacing: 3px;
  }
}
.tracking-4 {
  letter-spacing: 4px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-4 {
    letter-spacing: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-4 {
    letter-spacing: 4px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-4 {
    letter-spacing: 4px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-4 {
    letter-spacing: 4px;
  }
}
.tracking-5 {
  letter-spacing: 5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-tracking-5 {
    letter-spacing: 5px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-tracking-5 {
    letter-spacing: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-tracking-5 {
    letter-spacing: 5px;
  }
}
@media (min-width: 1024px) {
  .xl-tracking-5 {
    letter-spacing: 5px;
  }
}
/*
  Line Height
 */
.leading-none {
  line-height: none !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-none {
    line-height: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-none {
    line-height: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-none {
    line-height: none !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-none {
    line-height: none !important;
  }
}
.leading-tight {
  line-height: 1.25 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-tight {
    line-height: 1.25 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-tight {
    line-height: 1.25 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-tight {
    line-height: 1.25 !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-tight {
    line-height: 1.25 !important;
  }
}
.leading-snug {
  line-height: 1.375 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-snug {
    line-height: 1.375 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-snug {
    line-height: 1.375 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-snug {
    line-height: 1.375 !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-snug {
    line-height: 1.375 !important;
  }
}
.leading-normal {
  line-height: normal !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-normal {
    line-height: normal !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-normal {
    line-height: normal !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-normal {
    line-height: normal !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-normal {
    line-height: normal !important;
  }
}
.leading-relaxed {
  line-height: 1.625 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-relaxed {
    line-height: 1.625 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-relaxed {
    line-height: 1.625 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-relaxed {
    line-height: 1.625 !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-relaxed {
    line-height: 1.625 !important;
  }
}
.leading-loose {
  line-height: 2 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-loose {
    line-height: 2 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-loose {
    line-height: 2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-loose {
    line-height: 2 !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-loose {
    line-height: 2 !important;
  }
}
.leading-8 {
  line-height: 0.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-8 {
    line-height: 0.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-8 {
    line-height: 0.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-8 {
    line-height: 0.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-8 {
    line-height: 0.5rem !important;
  }
}
.leading-16 {
  line-height: 1rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-16 {
    line-height: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-16 {
    line-height: 1rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-16 {
    line-height: 1rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-16 {
    line-height: 1rem !important;
  }
}
.leading-24 {
  line-height: 1.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-24 {
    line-height: 1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-24 {
    line-height: 1.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-24 {
    line-height: 1.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-24 {
    line-height: 1.5rem !important;
  }
}
.leading-32 {
  line-height: 2rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-32 {
    line-height: 2rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-32 {
    line-height: 2rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-32 {
    line-height: 2rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-32 {
    line-height: 2rem !important;
  }
}
.leading-36 {
  line-height: 2.25rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-36 {
    line-height: 2.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-36 {
    line-height: 2.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-36 {
    line-height: 2.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-36 {
    line-height: 2.25rem !important;
  }
}
.leading-40 {
  line-height: 2.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-40 {
    line-height: 2.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-40 {
    line-height: 2.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-40 {
    line-height: 2.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-40 {
    line-height: 2.5rem !important;
  }
}
.leading-48 {
  line-height: 3rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-48 {
    line-height: 3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-48 {
    line-height: 3rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-48 {
    line-height: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-48 {
    line-height: 3rem !important;
  }
}
.leading-56 {
  line-height: 3.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-56 {
    line-height: 3.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-56 {
    line-height: 3.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-56 {
    line-height: 3.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-56 {
    line-height: 3.5rem !important;
  }
}
.leading-64 {
  line-height: 4rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-64 {
    line-height: 4rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-64 {
    line-height: 4rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-64 {
    line-height: 4rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-64 {
    line-height: 4rem !important;
  }
}
.leading-72 {
  line-height: 4.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-72 {
    line-height: 4.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-72 {
    line-height: 4.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-72 {
    line-height: 4.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-72 {
    line-height: 4.5rem !important;
  }
}
.leading-80 {
  line-height: 5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-80 {
    line-height: 5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-80 {
    line-height: 5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-80 {
    line-height: 5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-80 {
    line-height: 5rem !important;
  }
}
.leading-88 {
  line-height: 5.5rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-88 {
    line-height: 5.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-88 {
    line-height: 5.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-88 {
    line-height: 5.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-88 {
    line-height: 5.5rem !important;
  }
}
.leading-96 {
  line-height: 6rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-96 {
    line-height: 6rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-96 {
    line-height: 6rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-leading-96 {
    line-height: 6rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-leading-96 {
    line-height: 6rem !important;
  }
}
/*
  List Style Type
 */
.list-none {
  list-style-type: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-list-none {
    list-style-type: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-list-none {
    list-style-type: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-list-none {
    list-style-type: none;
  }
}
@media (min-width: 1024px) {
  .xl-list-none {
    list-style-type: none;
  }
}
.list-disc {
  list-style-type: disc;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-list-disc {
    list-style-type: disc;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-list-disc {
    list-style-type: disc;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-list-disc {
    list-style-type: disc;
  }
}
@media (min-width: 1024px) {
  .xl-list-disc {
    list-style-type: disc;
  }
}
.list-decimal {
  list-style-type: decimal;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-list-decimal {
    list-style-type: decimal;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-list-decimal {
    list-style-type: decimal;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-list-decimal {
    list-style-type: decimal;
  }
}
@media (min-width: 1024px) {
  .xl-list-decimal {
    list-style-type: decimal;
  }
}
/*
  List Style Position
 */
.list-inside {
  list-style-position: inside;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-list-inside {
    list-style-position: inside;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-list-inside {
    list-style-position: inside;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-list-inside {
    list-style-position: inside;
  }
}
@media (min-width: 1024px) {
  .xl-list-inside {
    list-style-position: inside;
  }
}
.list-outside {
  list-style-position: outside;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-list-outside {
    list-style-position: outside;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-list-outside {
    list-style-position: outside;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-list-outside {
    list-style-position: outside;
  }
}
@media (min-width: 1024px) {
  .xl-list-outside {
    list-style-position: outside;
  }
}
/*
  Placeholder Color
 */
.placeholder-transparent::placeholder {
  color: rgba(0, 0, 0, 0);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-transparent::placeholder {
    color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-transparent::placeholder {
    color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-transparent::placeholder {
    color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-transparent::placeholder {
    color: rgba(0, 0, 0, 0);
  }
}
.placeholder-primary::placeholder {
  color: #CF2A10;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary::placeholder {
    color: #CF2A10;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary::placeholder {
    color: #CF2A10;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary::placeholder {
    color: #CF2A10;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary::placeholder {
    color: #CF2A10;
  }
}
.placeholder-primary-100::placeholder {
  color: rgba(207, 42, 16, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-100::placeholder {
    color: rgba(207, 42, 16, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-100::placeholder {
    color: rgba(207, 42, 16, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-100::placeholder {
    color: rgba(207, 42, 16, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-100::placeholder {
    color: rgba(207, 42, 16, 0.1);
  }
}
.placeholder-primary-200::placeholder {
  color: rgba(207, 42, 16, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-200::placeholder {
    color: rgba(207, 42, 16, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-200::placeholder {
    color: rgba(207, 42, 16, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-200::placeholder {
    color: rgba(207, 42, 16, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-200::placeholder {
    color: rgba(207, 42, 16, 0.2);
  }
}
.placeholder-primary-300::placeholder {
  color: rgba(207, 42, 16, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-300::placeholder {
    color: rgba(207, 42, 16, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-300::placeholder {
    color: rgba(207, 42, 16, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-300::placeholder {
    color: rgba(207, 42, 16, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-300::placeholder {
    color: rgba(207, 42, 16, 0.3);
  }
}
.placeholder-primary-400::placeholder {
  color: rgba(207, 42, 16, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-400::placeholder {
    color: rgba(207, 42, 16, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-400::placeholder {
    color: rgba(207, 42, 16, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-400::placeholder {
    color: rgba(207, 42, 16, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-400::placeholder {
    color: rgba(207, 42, 16, 0.4);
  }
}
.placeholder-primary-500::placeholder {
  color: rgba(207, 42, 16, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-500::placeholder {
    color: rgba(207, 42, 16, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-500::placeholder {
    color: rgba(207, 42, 16, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-500::placeholder {
    color: rgba(207, 42, 16, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-500::placeholder {
    color: rgba(207, 42, 16, 0.5);
  }
}
.placeholder-primary-600::placeholder {
  color: rgba(207, 42, 16, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-600::placeholder {
    color: rgba(207, 42, 16, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-600::placeholder {
    color: rgba(207, 42, 16, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-600::placeholder {
    color: rgba(207, 42, 16, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-600::placeholder {
    color: rgba(207, 42, 16, 0.6);
  }
}
.placeholder-primary-700::placeholder {
  color: rgba(207, 42, 16, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-700::placeholder {
    color: rgba(207, 42, 16, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-700::placeholder {
    color: rgba(207, 42, 16, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-700::placeholder {
    color: rgba(207, 42, 16, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-700::placeholder {
    color: rgba(207, 42, 16, 0.7);
  }
}
.placeholder-primary-800::placeholder {
  color: rgba(207, 42, 16, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-800::placeholder {
    color: rgba(207, 42, 16, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-800::placeholder {
    color: rgba(207, 42, 16, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-800::placeholder {
    color: rgba(207, 42, 16, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-800::placeholder {
    color: rgba(207, 42, 16, 0.8);
  }
}
.placeholder-primary-900::placeholder {
  color: rgba(207, 42, 16, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-900::placeholder {
    color: rgba(207, 42, 16, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-900::placeholder {
    color: rgba(207, 42, 16, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-primary-900::placeholder {
    color: rgba(207, 42, 16, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-primary-900::placeholder {
    color: rgba(207, 42, 16, 0.9);
  }
}
.placeholder-secondary::placeholder {
  color: #FFE5CD;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary::placeholder {
    color: #FFE5CD;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary::placeholder {
    color: #FFE5CD;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary::placeholder {
    color: #FFE5CD;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary::placeholder {
    color: #FFE5CD;
  }
}
.placeholder-secondary-100::placeholder {
  color: rgba(255, 229, 205, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-100::placeholder {
    color: rgba(255, 229, 205, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-100::placeholder {
    color: rgba(255, 229, 205, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-100::placeholder {
    color: rgba(255, 229, 205, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-100::placeholder {
    color: rgba(255, 229, 205, 0.1);
  }
}
.placeholder-secondary-200::placeholder {
  color: rgba(255, 229, 205, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-200::placeholder {
    color: rgba(255, 229, 205, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-200::placeholder {
    color: rgba(255, 229, 205, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-200::placeholder {
    color: rgba(255, 229, 205, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-200::placeholder {
    color: rgba(255, 229, 205, 0.2);
  }
}
.placeholder-secondary-300::placeholder {
  color: rgba(255, 229, 205, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-300::placeholder {
    color: rgba(255, 229, 205, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-300::placeholder {
    color: rgba(255, 229, 205, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-300::placeholder {
    color: rgba(255, 229, 205, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-300::placeholder {
    color: rgba(255, 229, 205, 0.3);
  }
}
.placeholder-secondary-400::placeholder {
  color: rgba(255, 229, 205, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-400::placeholder {
    color: rgba(255, 229, 205, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-400::placeholder {
    color: rgba(255, 229, 205, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-400::placeholder {
    color: rgba(255, 229, 205, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-400::placeholder {
    color: rgba(255, 229, 205, 0.4);
  }
}
.placeholder-secondary-500::placeholder {
  color: rgba(255, 229, 205, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-500::placeholder {
    color: rgba(255, 229, 205, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-500::placeholder {
    color: rgba(255, 229, 205, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-500::placeholder {
    color: rgba(255, 229, 205, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-500::placeholder {
    color: rgba(255, 229, 205, 0.5);
  }
}
.placeholder-secondary-600::placeholder {
  color: rgba(255, 229, 205, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-600::placeholder {
    color: rgba(255, 229, 205, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-600::placeholder {
    color: rgba(255, 229, 205, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-600::placeholder {
    color: rgba(255, 229, 205, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-600::placeholder {
    color: rgba(255, 229, 205, 0.6);
  }
}
.placeholder-secondary-700::placeholder {
  color: rgba(255, 229, 205, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-700::placeholder {
    color: rgba(255, 229, 205, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-700::placeholder {
    color: rgba(255, 229, 205, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-700::placeholder {
    color: rgba(255, 229, 205, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-700::placeholder {
    color: rgba(255, 229, 205, 0.7);
  }
}
.placeholder-secondary-800::placeholder {
  color: rgba(255, 229, 205, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-800::placeholder {
    color: rgba(255, 229, 205, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-800::placeholder {
    color: rgba(255, 229, 205, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-800::placeholder {
    color: rgba(255, 229, 205, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-800::placeholder {
    color: rgba(255, 229, 205, 0.8);
  }
}
.placeholder-secondary-900::placeholder {
  color: rgba(255, 229, 205, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-900::placeholder {
    color: rgba(255, 229, 205, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-900::placeholder {
    color: rgba(255, 229, 205, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-secondary-900::placeholder {
    color: rgba(255, 229, 205, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-secondary-900::placeholder {
    color: rgba(255, 229, 205, 0.9);
  }
}
.placeholder-success::placeholder {
  color: #36B37E;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success::placeholder {
    color: #36B37E;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success::placeholder {
    color: #36B37E;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success::placeholder {
    color: #36B37E;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success::placeholder {
    color: #36B37E;
  }
}
.placeholder-success-100::placeholder {
  color: rgba(54, 179, 126, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-100::placeholder {
    color: rgba(54, 179, 126, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-100::placeholder {
    color: rgba(54, 179, 126, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-100::placeholder {
    color: rgba(54, 179, 126, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-100::placeholder {
    color: rgba(54, 179, 126, 0.1);
  }
}
.placeholder-success-200::placeholder {
  color: rgba(54, 179, 126, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-200::placeholder {
    color: rgba(54, 179, 126, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-200::placeholder {
    color: rgba(54, 179, 126, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-200::placeholder {
    color: rgba(54, 179, 126, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-200::placeholder {
    color: rgba(54, 179, 126, 0.2);
  }
}
.placeholder-success-300::placeholder {
  color: rgba(54, 179, 126, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-300::placeholder {
    color: rgba(54, 179, 126, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-300::placeholder {
    color: rgba(54, 179, 126, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-300::placeholder {
    color: rgba(54, 179, 126, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-300::placeholder {
    color: rgba(54, 179, 126, 0.3);
  }
}
.placeholder-success-400::placeholder {
  color: rgba(54, 179, 126, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-400::placeholder {
    color: rgba(54, 179, 126, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-400::placeholder {
    color: rgba(54, 179, 126, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-400::placeholder {
    color: rgba(54, 179, 126, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-400::placeholder {
    color: rgba(54, 179, 126, 0.4);
  }
}
.placeholder-success-500::placeholder {
  color: rgba(54, 179, 126, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-500::placeholder {
    color: rgba(54, 179, 126, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-500::placeholder {
    color: rgba(54, 179, 126, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-500::placeholder {
    color: rgba(54, 179, 126, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-500::placeholder {
    color: rgba(54, 179, 126, 0.5);
  }
}
.placeholder-success-600::placeholder {
  color: rgba(54, 179, 126, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-600::placeholder {
    color: rgba(54, 179, 126, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-600::placeholder {
    color: rgba(54, 179, 126, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-600::placeholder {
    color: rgba(54, 179, 126, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-600::placeholder {
    color: rgba(54, 179, 126, 0.6);
  }
}
.placeholder-success-700::placeholder {
  color: rgba(54, 179, 126, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-700::placeholder {
    color: rgba(54, 179, 126, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-700::placeholder {
    color: rgba(54, 179, 126, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-700::placeholder {
    color: rgba(54, 179, 126, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-700::placeholder {
    color: rgba(54, 179, 126, 0.7);
  }
}
.placeholder-success-800::placeholder {
  color: rgba(54, 179, 126, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-800::placeholder {
    color: rgba(54, 179, 126, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-800::placeholder {
    color: rgba(54, 179, 126, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-800::placeholder {
    color: rgba(54, 179, 126, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-800::placeholder {
    color: rgba(54, 179, 126, 0.8);
  }
}
.placeholder-success-900::placeholder {
  color: rgba(54, 179, 126, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-success-900::placeholder {
    color: rgba(54, 179, 126, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-success-900::placeholder {
    color: rgba(54, 179, 126, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-success-900::placeholder {
    color: rgba(54, 179, 126, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-success-900::placeholder {
    color: rgba(54, 179, 126, 0.9);
  }
}
.placeholder-info::placeholder {
  color: #00B8D9;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info::placeholder {
    color: #00B8D9;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info::placeholder {
    color: #00B8D9;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info::placeholder {
    color: #00B8D9;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info::placeholder {
    color: #00B8D9;
  }
}
.placeholder-info-100::placeholder {
  color: rgba(0, 184, 217, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-100::placeholder {
    color: rgba(0, 184, 217, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-100::placeholder {
    color: rgba(0, 184, 217, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-100::placeholder {
    color: rgba(0, 184, 217, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-100::placeholder {
    color: rgba(0, 184, 217, 0.1);
  }
}
.placeholder-info-200::placeholder {
  color: rgba(0, 184, 217, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-200::placeholder {
    color: rgba(0, 184, 217, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-200::placeholder {
    color: rgba(0, 184, 217, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-200::placeholder {
    color: rgba(0, 184, 217, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-200::placeholder {
    color: rgba(0, 184, 217, 0.2);
  }
}
.placeholder-info-300::placeholder {
  color: rgba(0, 184, 217, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-300::placeholder {
    color: rgba(0, 184, 217, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-300::placeholder {
    color: rgba(0, 184, 217, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-300::placeholder {
    color: rgba(0, 184, 217, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-300::placeholder {
    color: rgba(0, 184, 217, 0.3);
  }
}
.placeholder-info-400::placeholder {
  color: rgba(0, 184, 217, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-400::placeholder {
    color: rgba(0, 184, 217, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-400::placeholder {
    color: rgba(0, 184, 217, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-400::placeholder {
    color: rgba(0, 184, 217, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-400::placeholder {
    color: rgba(0, 184, 217, 0.4);
  }
}
.placeholder-info-500::placeholder {
  color: rgba(0, 184, 217, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-500::placeholder {
    color: rgba(0, 184, 217, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-500::placeholder {
    color: rgba(0, 184, 217, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-500::placeholder {
    color: rgba(0, 184, 217, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-500::placeholder {
    color: rgba(0, 184, 217, 0.5);
  }
}
.placeholder-info-600::placeholder {
  color: rgba(0, 184, 217, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-600::placeholder {
    color: rgba(0, 184, 217, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-600::placeholder {
    color: rgba(0, 184, 217, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-600::placeholder {
    color: rgba(0, 184, 217, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-600::placeholder {
    color: rgba(0, 184, 217, 0.6);
  }
}
.placeholder-info-700::placeholder {
  color: rgba(0, 184, 217, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-700::placeholder {
    color: rgba(0, 184, 217, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-700::placeholder {
    color: rgba(0, 184, 217, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-700::placeholder {
    color: rgba(0, 184, 217, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-700::placeholder {
    color: rgba(0, 184, 217, 0.7);
  }
}
.placeholder-info-800::placeholder {
  color: rgba(0, 184, 217, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-800::placeholder {
    color: rgba(0, 184, 217, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-800::placeholder {
    color: rgba(0, 184, 217, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-800::placeholder {
    color: rgba(0, 184, 217, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-800::placeholder {
    color: rgba(0, 184, 217, 0.8);
  }
}
.placeholder-info-900::placeholder {
  color: rgba(0, 184, 217, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-info-900::placeholder {
    color: rgba(0, 184, 217, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-info-900::placeholder {
    color: rgba(0, 184, 217, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-info-900::placeholder {
    color: rgba(0, 184, 217, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-info-900::placeholder {
    color: rgba(0, 184, 217, 0.9);
  }
}
.placeholder-warning::placeholder {
  color: #FAAD13;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning::placeholder {
    color: #FAAD13;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning::placeholder {
    color: #FAAD13;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning::placeholder {
    color: #FAAD13;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning::placeholder {
    color: #FAAD13;
  }
}
.placeholder-warning-100::placeholder {
  color: rgba(250, 173, 19, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-100::placeholder {
    color: rgba(250, 173, 19, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-100::placeholder {
    color: rgba(250, 173, 19, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-100::placeholder {
    color: rgba(250, 173, 19, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-100::placeholder {
    color: rgba(250, 173, 19, 0.1);
  }
}
.placeholder-warning-200::placeholder {
  color: rgba(250, 173, 19, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-200::placeholder {
    color: rgba(250, 173, 19, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-200::placeholder {
    color: rgba(250, 173, 19, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-200::placeholder {
    color: rgba(250, 173, 19, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-200::placeholder {
    color: rgba(250, 173, 19, 0.2);
  }
}
.placeholder-warning-300::placeholder {
  color: rgba(250, 173, 19, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-300::placeholder {
    color: rgba(250, 173, 19, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-300::placeholder {
    color: rgba(250, 173, 19, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-300::placeholder {
    color: rgba(250, 173, 19, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-300::placeholder {
    color: rgba(250, 173, 19, 0.3);
  }
}
.placeholder-warning-400::placeholder {
  color: rgba(250, 173, 19, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-400::placeholder {
    color: rgba(250, 173, 19, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-400::placeholder {
    color: rgba(250, 173, 19, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-400::placeholder {
    color: rgba(250, 173, 19, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-400::placeholder {
    color: rgba(250, 173, 19, 0.4);
  }
}
.placeholder-warning-500::placeholder {
  color: rgba(250, 173, 19, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-500::placeholder {
    color: rgba(250, 173, 19, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-500::placeholder {
    color: rgba(250, 173, 19, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-500::placeholder {
    color: rgba(250, 173, 19, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-500::placeholder {
    color: rgba(250, 173, 19, 0.5);
  }
}
.placeholder-warning-600::placeholder {
  color: rgba(250, 173, 19, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-600::placeholder {
    color: rgba(250, 173, 19, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-600::placeholder {
    color: rgba(250, 173, 19, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-600::placeholder {
    color: rgba(250, 173, 19, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-600::placeholder {
    color: rgba(250, 173, 19, 0.6);
  }
}
.placeholder-warning-700::placeholder {
  color: rgba(250, 173, 19, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-700::placeholder {
    color: rgba(250, 173, 19, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-700::placeholder {
    color: rgba(250, 173, 19, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-700::placeholder {
    color: rgba(250, 173, 19, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-700::placeholder {
    color: rgba(250, 173, 19, 0.7);
  }
}
.placeholder-warning-800::placeholder {
  color: rgba(250, 173, 19, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-800::placeholder {
    color: rgba(250, 173, 19, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-800::placeholder {
    color: rgba(250, 173, 19, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-800::placeholder {
    color: rgba(250, 173, 19, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-800::placeholder {
    color: rgba(250, 173, 19, 0.8);
  }
}
.placeholder-warning-900::placeholder {
  color: rgba(250, 173, 19, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-warning-900::placeholder {
    color: rgba(250, 173, 19, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-warning-900::placeholder {
    color: rgba(250, 173, 19, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-warning-900::placeholder {
    color: rgba(250, 173, 19, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-warning-900::placeholder {
    color: rgba(250, 173, 19, 0.9);
  }
}
.placeholder-danger::placeholder {
  color: #F2607B;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger::placeholder {
    color: #F2607B;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger::placeholder {
    color: #F2607B;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger::placeholder {
    color: #F2607B;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger::placeholder {
    color: #F2607B;
  }
}
.placeholder-danger-100::placeholder {
  color: rgba(242, 96, 123, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-100::placeholder {
    color: rgba(242, 96, 123, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-100::placeholder {
    color: rgba(242, 96, 123, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-100::placeholder {
    color: rgba(242, 96, 123, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-100::placeholder {
    color: rgba(242, 96, 123, 0.1);
  }
}
.placeholder-danger-200::placeholder {
  color: rgba(242, 96, 123, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-200::placeholder {
    color: rgba(242, 96, 123, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-200::placeholder {
    color: rgba(242, 96, 123, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-200::placeholder {
    color: rgba(242, 96, 123, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-200::placeholder {
    color: rgba(242, 96, 123, 0.2);
  }
}
.placeholder-danger-300::placeholder {
  color: rgba(242, 96, 123, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-300::placeholder {
    color: rgba(242, 96, 123, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-300::placeholder {
    color: rgba(242, 96, 123, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-300::placeholder {
    color: rgba(242, 96, 123, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-300::placeholder {
    color: rgba(242, 96, 123, 0.3);
  }
}
.placeholder-danger-400::placeholder {
  color: rgba(242, 96, 123, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-400::placeholder {
    color: rgba(242, 96, 123, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-400::placeholder {
    color: rgba(242, 96, 123, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-400::placeholder {
    color: rgba(242, 96, 123, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-400::placeholder {
    color: rgba(242, 96, 123, 0.4);
  }
}
.placeholder-danger-500::placeholder {
  color: rgba(242, 96, 123, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-500::placeholder {
    color: rgba(242, 96, 123, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-500::placeholder {
    color: rgba(242, 96, 123, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-500::placeholder {
    color: rgba(242, 96, 123, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-500::placeholder {
    color: rgba(242, 96, 123, 0.5);
  }
}
.placeholder-danger-600::placeholder {
  color: rgba(242, 96, 123, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-600::placeholder {
    color: rgba(242, 96, 123, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-600::placeholder {
    color: rgba(242, 96, 123, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-600::placeholder {
    color: rgba(242, 96, 123, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-600::placeholder {
    color: rgba(242, 96, 123, 0.6);
  }
}
.placeholder-danger-700::placeholder {
  color: rgba(242, 96, 123, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-700::placeholder {
    color: rgba(242, 96, 123, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-700::placeholder {
    color: rgba(242, 96, 123, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-700::placeholder {
    color: rgba(242, 96, 123, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-700::placeholder {
    color: rgba(242, 96, 123, 0.7);
  }
}
.placeholder-danger-800::placeholder {
  color: rgba(242, 96, 123, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-800::placeholder {
    color: rgba(242, 96, 123, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-800::placeholder {
    color: rgba(242, 96, 123, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-800::placeholder {
    color: rgba(242, 96, 123, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-800::placeholder {
    color: rgba(242, 96, 123, 0.8);
  }
}
.placeholder-danger-900::placeholder {
  color: rgba(242, 96, 123, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-danger-900::placeholder {
    color: rgba(242, 96, 123, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-danger-900::placeholder {
    color: rgba(242, 96, 123, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-danger-900::placeholder {
    color: rgba(242, 96, 123, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-danger-900::placeholder {
    color: rgba(242, 96, 123, 0.9);
  }
}
.placeholder-black::placeholder {
  color: black;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black::placeholder {
    color: black;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black::placeholder {
    color: black;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black::placeholder {
    color: black;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black::placeholder {
    color: black;
  }
}
.placeholder-black-100::placeholder {
  color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-100::placeholder {
    color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-100::placeholder {
    color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-100::placeholder {
    color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-100::placeholder {
    color: rgba(0, 0, 0, 0.1);
  }
}
.placeholder-black-200::placeholder {
  color: rgba(0, 0, 0, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-200::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-200::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-200::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-200::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
}
.placeholder-black-300::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-300::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-300::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-300::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-300::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
}
.placeholder-black-400::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-400::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-400::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-400::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-400::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
}
.placeholder-black-500::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-500::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-500::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-500::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-500::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
}
.placeholder-black-600::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-600::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-600::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-600::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-600::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
.placeholder-black-700::placeholder {
  color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-700::placeholder {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-700::placeholder {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-700::placeholder {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-700::placeholder {
    color: rgba(0, 0, 0, 0.7);
  }
}
.placeholder-black-800::placeholder {
  color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-800::placeholder {
    color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-800::placeholder {
    color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-800::placeholder {
    color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-800::placeholder {
    color: rgba(0, 0, 0, 0.8);
  }
}
.placeholder-black-900::placeholder {
  color: rgba(0, 0, 0, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-900::placeholder {
    color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-900::placeholder {
    color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-black-900::placeholder {
    color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-black-900::placeholder {
    color: rgba(0, 0, 0, 0.9);
  }
}
.placeholder-gray::placeholder {
  color: black;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray::placeholder {
    color: black;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray::placeholder {
    color: black;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray::placeholder {
    color: black;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray::placeholder {
    color: black;
  }
}
.placeholder-gray-100::placeholder {
  color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-100::placeholder {
    color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-100::placeholder {
    color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-100::placeholder {
    color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-100::placeholder {
    color: rgba(0, 0, 0, 0.1);
  }
}
.placeholder-gray-200::placeholder {
  color: rgba(0, 0, 0, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-200::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-200::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-200::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-200::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
}
.placeholder-gray-300::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-300::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-300::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-300::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-300::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
}
.placeholder-gray-400::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-400::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-400::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-400::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-400::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
}
.placeholder-gray-500::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-500::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-500::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-500::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-500::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
}
.placeholder-gray-600::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-600::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-600::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-600::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-600::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
.placeholder-gray-700::placeholder {
  color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-700::placeholder {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-700::placeholder {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-700::placeholder {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-700::placeholder {
    color: rgba(0, 0, 0, 0.7);
  }
}
.placeholder-gray-800::placeholder {
  color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-800::placeholder {
    color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-800::placeholder {
    color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-800::placeholder {
    color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-800::placeholder {
    color: rgba(0, 0, 0, 0.8);
  }
}
.placeholder-gray-900::placeholder {
  color: rgba(0, 0, 0, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-900::placeholder {
    color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-900::placeholder {
    color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-900::placeholder {
    color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-900::placeholder {
    color: rgba(0, 0, 0, 0.9);
  }
}
.placeholder-gray-light::placeholder {
  color: #F2F2F2;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light::placeholder {
    color: #F2F2F2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light::placeholder {
    color: #F2F2F2;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light::placeholder {
    color: #F2F2F2;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light::placeholder {
    color: #F2F2F2;
  }
}
.placeholder-gray-light-100::placeholder {
  color: rgba(242, 242, 242, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-100::placeholder {
    color: rgba(242, 242, 242, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-100::placeholder {
    color: rgba(242, 242, 242, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-100::placeholder {
    color: rgba(242, 242, 242, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-100::placeholder {
    color: rgba(242, 242, 242, 0.1);
  }
}
.placeholder-gray-light-200::placeholder {
  color: rgba(242, 242, 242, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-200::placeholder {
    color: rgba(242, 242, 242, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-200::placeholder {
    color: rgba(242, 242, 242, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-200::placeholder {
    color: rgba(242, 242, 242, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-200::placeholder {
    color: rgba(242, 242, 242, 0.2);
  }
}
.placeholder-gray-light-300::placeholder {
  color: rgba(242, 242, 242, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-300::placeholder {
    color: rgba(242, 242, 242, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-300::placeholder {
    color: rgba(242, 242, 242, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-300::placeholder {
    color: rgba(242, 242, 242, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-300::placeholder {
    color: rgba(242, 242, 242, 0.3);
  }
}
.placeholder-gray-light-400::placeholder {
  color: rgba(242, 242, 242, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-400::placeholder {
    color: rgba(242, 242, 242, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-400::placeholder {
    color: rgba(242, 242, 242, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-400::placeholder {
    color: rgba(242, 242, 242, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-400::placeholder {
    color: rgba(242, 242, 242, 0.4);
  }
}
.placeholder-gray-light-500::placeholder {
  color: rgba(242, 242, 242, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-500::placeholder {
    color: rgba(242, 242, 242, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-500::placeholder {
    color: rgba(242, 242, 242, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-500::placeholder {
    color: rgba(242, 242, 242, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-500::placeholder {
    color: rgba(242, 242, 242, 0.5);
  }
}
.placeholder-gray-light-600::placeholder {
  color: rgba(242, 242, 242, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-600::placeholder {
    color: rgba(242, 242, 242, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-600::placeholder {
    color: rgba(242, 242, 242, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-600::placeholder {
    color: rgba(242, 242, 242, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-600::placeholder {
    color: rgba(242, 242, 242, 0.6);
  }
}
.placeholder-gray-light-700::placeholder {
  color: rgba(242, 242, 242, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-700::placeholder {
    color: rgba(242, 242, 242, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-700::placeholder {
    color: rgba(242, 242, 242, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-700::placeholder {
    color: rgba(242, 242, 242, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-700::placeholder {
    color: rgba(242, 242, 242, 0.7);
  }
}
.placeholder-gray-light-800::placeholder {
  color: rgba(242, 242, 242, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-800::placeholder {
    color: rgba(242, 242, 242, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-800::placeholder {
    color: rgba(242, 242, 242, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-800::placeholder {
    color: rgba(242, 242, 242, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-800::placeholder {
    color: rgba(242, 242, 242, 0.8);
  }
}
.placeholder-gray-light-900::placeholder {
  color: rgba(242, 242, 242, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-900::placeholder {
    color: rgba(242, 242, 242, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-900::placeholder {
    color: rgba(242, 242, 242, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-gray-light-900::placeholder {
    color: rgba(242, 242, 242, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-gray-light-900::placeholder {
    color: rgba(242, 242, 242, 0.9);
  }
}
.placeholder-white::placeholder {
  color: white;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white::placeholder {
    color: white;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white::placeholder {
    color: white;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white::placeholder {
    color: white;
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white::placeholder {
    color: white;
  }
}
.placeholder-white-100::placeholder {
  color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-100::placeholder {
    color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-100::placeholder {
    color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-100::placeholder {
    color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-100::placeholder {
    color: rgba(255, 255, 255, 0.1);
  }
}
.placeholder-white-200::placeholder {
  color: rgba(255, 255, 255, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-200::placeholder {
    color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-200::placeholder {
    color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-200::placeholder {
    color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-200::placeholder {
    color: rgba(255, 255, 255, 0.2);
  }
}
.placeholder-white-300::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-300::placeholder {
    color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-300::placeholder {
    color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-300::placeholder {
    color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-300::placeholder {
    color: rgba(255, 255, 255, 0.3);
  }
}
.placeholder-white-400::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-400::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-400::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-400::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-400::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }
}
.placeholder-white-500::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-500::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-500::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-500::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-500::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
}
.placeholder-white-600::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-600::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-600::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-600::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-600::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
}
.placeholder-white-700::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-700::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-700::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-700::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-700::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
}
.placeholder-white-800::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-800::placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-800::placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-800::placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-800::placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
}
.placeholder-white-900::placeholder {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-white-900::placeholder {
    color: rgba(255, 255, 255, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-white-900::placeholder {
    color: rgba(255, 255, 255, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-placeholder-white-900::placeholder {
    color: rgba(255, 255, 255, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-placeholder-white-900::placeholder {
    color: rgba(255, 255, 255, 0.9);
  }
}
/*
  Text Align
 */
.text-left {
  text-align: left;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-left {
    text-align: left !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-left {
    text-align: left !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-left {
    text-align: left !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-left {
    text-align: left !important;
  }
}
.text-center {
  text-align: center;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-center {
    text-align: center !important;
  }
}
.text-right {
  text-align: right;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-right {
    text-align: right !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-right {
    text-align: right !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-right {
    text-align: right !important;
  }
}
.text-justify {
  text-align: justify;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-justify {
    text-align: justify !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-justify {
    text-align: justify !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-justify {
    text-align: justify !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-justify {
    text-align: justify !important;
  }
}
/*
  Text Color
 */
.text-transparent {
  color: rgba(0, 0, 0, 0) !important;
}

.hover-text-transparent {
  color: rgba(0, 0, 0, 0) !important;
}

.focus-text-transparent {
  color: rgba(0, 0, 0, 0) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-transparent {
    color: rgba(0, 0, 0, 0) !important;
  }

  .sm-hover-text-transparent:hover {
    color: rgba(0, 0, 0, 0) !important;
  }

  .sm-focus-text-transparent:focus {
    color: rgba(0, 0, 0, 0) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-transparent {
    color: rgba(0, 0, 0, 0) !important;
  }

  .md-hover-text-transparent:hover {
    color: rgba(0, 0, 0, 0) !important;
  }

  .md-focus-text-transparent:focus {
    color: rgba(0, 0, 0, 0) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-transparent {
    color: rgba(0, 0, 0, 0) !important;
  }

  .lg-hover-text-transparent:hover {
    color: rgba(0, 0, 0, 0) !important;
  }

  .lg-focus-text-transparent:focus {
    color: rgba(0, 0, 0, 0) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-transparent {
    color: rgba(0, 0, 0, 0) !important;
  }

  .xl-hover-text-transparent:hover {
    color: rgba(0, 0, 0, 0) !important;
  }

  .xl-focus-text-transparent:focus {
    color: rgba(0, 0, 0, 0) !important;
  }
}
.text-primary {
  color: #CF2A10 !important;
}

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

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

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary {
    color: #CF2A10 !important;
  }

  .sm-hover-text-primary:hover {
    color: #CF2A10 !important;
  }

  .sm-focus-text-primary:focus {
    color: #CF2A10 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary {
    color: #CF2A10 !important;
  }

  .md-hover-text-primary:hover {
    color: #CF2A10 !important;
  }

  .md-focus-text-primary:focus {
    color: #CF2A10 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary {
    color: #CF2A10 !important;
  }

  .lg-hover-text-primary:hover {
    color: #CF2A10 !important;
  }

  .lg-focus-text-primary:focus {
    color: #CF2A10 !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary {
    color: #CF2A10 !important;
  }

  .xl-hover-text-primary:hover {
    color: #CF2A10 !important;
  }

  .xl-focus-text-primary:focus {
    color: #CF2A10 !important;
  }
}
.text-primary-100 {
  color: rgba(207, 42, 16, 0.1) !important;
}

.hover-text-primary-100 {
  color: rgba(207, 42, 16, 0.1) !important;
}

.focus-text-primary-100 {
  color: rgba(207, 42, 16, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-100 {
    color: rgba(207, 42, 16, 0.1) !important;
  }

  .sm-hover-text-primary-100:hover {
    color: rgba(207, 42, 16, 0.1) !important;
  }

  .sm-focus-text-primary-100:focus {
    color: rgba(207, 42, 16, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-100 {
    color: rgba(207, 42, 16, 0.1) !important;
  }

  .md-hover-text-primary-100:hover {
    color: rgba(207, 42, 16, 0.1) !important;
  }

  .md-focus-text-primary-100:focus {
    color: rgba(207, 42, 16, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-100 {
    color: rgba(207, 42, 16, 0.1) !important;
  }

  .lg-hover-text-primary-100:hover {
    color: rgba(207, 42, 16, 0.1) !important;
  }

  .lg-focus-text-primary-100:focus {
    color: rgba(207, 42, 16, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-100 {
    color: rgba(207, 42, 16, 0.1) !important;
  }

  .xl-hover-text-primary-100:hover {
    color: rgba(207, 42, 16, 0.1) !important;
  }

  .xl-focus-text-primary-100:focus {
    color: rgba(207, 42, 16, 0.1) !important;
  }
}
.text-primary-200 {
  color: rgba(207, 42, 16, 0.2) !important;
}

.hover-text-primary-200 {
  color: rgba(207, 42, 16, 0.2) !important;
}

.focus-text-primary-200 {
  color: rgba(207, 42, 16, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-200 {
    color: rgba(207, 42, 16, 0.2) !important;
  }

  .sm-hover-text-primary-200:hover {
    color: rgba(207, 42, 16, 0.2) !important;
  }

  .sm-focus-text-primary-200:focus {
    color: rgba(207, 42, 16, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-200 {
    color: rgba(207, 42, 16, 0.2) !important;
  }

  .md-hover-text-primary-200:hover {
    color: rgba(207, 42, 16, 0.2) !important;
  }

  .md-focus-text-primary-200:focus {
    color: rgba(207, 42, 16, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-200 {
    color: rgba(207, 42, 16, 0.2) !important;
  }

  .lg-hover-text-primary-200:hover {
    color: rgba(207, 42, 16, 0.2) !important;
  }

  .lg-focus-text-primary-200:focus {
    color: rgba(207, 42, 16, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-200 {
    color: rgba(207, 42, 16, 0.2) !important;
  }

  .xl-hover-text-primary-200:hover {
    color: rgba(207, 42, 16, 0.2) !important;
  }

  .xl-focus-text-primary-200:focus {
    color: rgba(207, 42, 16, 0.2) !important;
  }
}
.text-primary-300 {
  color: rgba(207, 42, 16, 0.3) !important;
}

.hover-text-primary-300 {
  color: rgba(207, 42, 16, 0.3) !important;
}

.focus-text-primary-300 {
  color: rgba(207, 42, 16, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-300 {
    color: rgba(207, 42, 16, 0.3) !important;
  }

  .sm-hover-text-primary-300:hover {
    color: rgba(207, 42, 16, 0.3) !important;
  }

  .sm-focus-text-primary-300:focus {
    color: rgba(207, 42, 16, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-300 {
    color: rgba(207, 42, 16, 0.3) !important;
  }

  .md-hover-text-primary-300:hover {
    color: rgba(207, 42, 16, 0.3) !important;
  }

  .md-focus-text-primary-300:focus {
    color: rgba(207, 42, 16, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-300 {
    color: rgba(207, 42, 16, 0.3) !important;
  }

  .lg-hover-text-primary-300:hover {
    color: rgba(207, 42, 16, 0.3) !important;
  }

  .lg-focus-text-primary-300:focus {
    color: rgba(207, 42, 16, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-300 {
    color: rgba(207, 42, 16, 0.3) !important;
  }

  .xl-hover-text-primary-300:hover {
    color: rgba(207, 42, 16, 0.3) !important;
  }

  .xl-focus-text-primary-300:focus {
    color: rgba(207, 42, 16, 0.3) !important;
  }
}
.text-primary-400 {
  color: rgba(207, 42, 16, 0.4) !important;
}

.hover-text-primary-400 {
  color: rgba(207, 42, 16, 0.4) !important;
}

.focus-text-primary-400 {
  color: rgba(207, 42, 16, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-400 {
    color: rgba(207, 42, 16, 0.4) !important;
  }

  .sm-hover-text-primary-400:hover {
    color: rgba(207, 42, 16, 0.4) !important;
  }

  .sm-focus-text-primary-400:focus {
    color: rgba(207, 42, 16, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-400 {
    color: rgba(207, 42, 16, 0.4) !important;
  }

  .md-hover-text-primary-400:hover {
    color: rgba(207, 42, 16, 0.4) !important;
  }

  .md-focus-text-primary-400:focus {
    color: rgba(207, 42, 16, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-400 {
    color: rgba(207, 42, 16, 0.4) !important;
  }

  .lg-hover-text-primary-400:hover {
    color: rgba(207, 42, 16, 0.4) !important;
  }

  .lg-focus-text-primary-400:focus {
    color: rgba(207, 42, 16, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-400 {
    color: rgba(207, 42, 16, 0.4) !important;
  }

  .xl-hover-text-primary-400:hover {
    color: rgba(207, 42, 16, 0.4) !important;
  }

  .xl-focus-text-primary-400:focus {
    color: rgba(207, 42, 16, 0.4) !important;
  }
}
.text-primary-500 {
  color: rgba(207, 42, 16, 0.5) !important;
}

.hover-text-primary-500 {
  color: rgba(207, 42, 16, 0.5) !important;
}

.focus-text-primary-500 {
  color: rgba(207, 42, 16, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-500 {
    color: rgba(207, 42, 16, 0.5) !important;
  }

  .sm-hover-text-primary-500:hover {
    color: rgba(207, 42, 16, 0.5) !important;
  }

  .sm-focus-text-primary-500:focus {
    color: rgba(207, 42, 16, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-500 {
    color: rgba(207, 42, 16, 0.5) !important;
  }

  .md-hover-text-primary-500:hover {
    color: rgba(207, 42, 16, 0.5) !important;
  }

  .md-focus-text-primary-500:focus {
    color: rgba(207, 42, 16, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-500 {
    color: rgba(207, 42, 16, 0.5) !important;
  }

  .lg-hover-text-primary-500:hover {
    color: rgba(207, 42, 16, 0.5) !important;
  }

  .lg-focus-text-primary-500:focus {
    color: rgba(207, 42, 16, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-500 {
    color: rgba(207, 42, 16, 0.5) !important;
  }

  .xl-hover-text-primary-500:hover {
    color: rgba(207, 42, 16, 0.5) !important;
  }

  .xl-focus-text-primary-500:focus {
    color: rgba(207, 42, 16, 0.5) !important;
  }
}
.text-primary-600 {
  color: rgba(207, 42, 16, 0.6) !important;
}

.hover-text-primary-600 {
  color: rgba(207, 42, 16, 0.6) !important;
}

.focus-text-primary-600 {
  color: rgba(207, 42, 16, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-600 {
    color: rgba(207, 42, 16, 0.6) !important;
  }

  .sm-hover-text-primary-600:hover {
    color: rgba(207, 42, 16, 0.6) !important;
  }

  .sm-focus-text-primary-600:focus {
    color: rgba(207, 42, 16, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-600 {
    color: rgba(207, 42, 16, 0.6) !important;
  }

  .md-hover-text-primary-600:hover {
    color: rgba(207, 42, 16, 0.6) !important;
  }

  .md-focus-text-primary-600:focus {
    color: rgba(207, 42, 16, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-600 {
    color: rgba(207, 42, 16, 0.6) !important;
  }

  .lg-hover-text-primary-600:hover {
    color: rgba(207, 42, 16, 0.6) !important;
  }

  .lg-focus-text-primary-600:focus {
    color: rgba(207, 42, 16, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-600 {
    color: rgba(207, 42, 16, 0.6) !important;
  }

  .xl-hover-text-primary-600:hover {
    color: rgba(207, 42, 16, 0.6) !important;
  }

  .xl-focus-text-primary-600:focus {
    color: rgba(207, 42, 16, 0.6) !important;
  }
}
.text-primary-700 {
  color: rgba(207, 42, 16, 0.7) !important;
}

.hover-text-primary-700 {
  color: rgba(207, 42, 16, 0.7) !important;
}

.focus-text-primary-700 {
  color: rgba(207, 42, 16, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-700 {
    color: rgba(207, 42, 16, 0.7) !important;
  }

  .sm-hover-text-primary-700:hover {
    color: rgba(207, 42, 16, 0.7) !important;
  }

  .sm-focus-text-primary-700:focus {
    color: rgba(207, 42, 16, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-700 {
    color: rgba(207, 42, 16, 0.7) !important;
  }

  .md-hover-text-primary-700:hover {
    color: rgba(207, 42, 16, 0.7) !important;
  }

  .md-focus-text-primary-700:focus {
    color: rgba(207, 42, 16, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-700 {
    color: rgba(207, 42, 16, 0.7) !important;
  }

  .lg-hover-text-primary-700:hover {
    color: rgba(207, 42, 16, 0.7) !important;
  }

  .lg-focus-text-primary-700:focus {
    color: rgba(207, 42, 16, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-700 {
    color: rgba(207, 42, 16, 0.7) !important;
  }

  .xl-hover-text-primary-700:hover {
    color: rgba(207, 42, 16, 0.7) !important;
  }

  .xl-focus-text-primary-700:focus {
    color: rgba(207, 42, 16, 0.7) !important;
  }
}
.text-primary-800 {
  color: rgba(207, 42, 16, 0.8) !important;
}

.hover-text-primary-800 {
  color: rgba(207, 42, 16, 0.8) !important;
}

.focus-text-primary-800 {
  color: rgba(207, 42, 16, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-800 {
    color: rgba(207, 42, 16, 0.8) !important;
  }

  .sm-hover-text-primary-800:hover {
    color: rgba(207, 42, 16, 0.8) !important;
  }

  .sm-focus-text-primary-800:focus {
    color: rgba(207, 42, 16, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-800 {
    color: rgba(207, 42, 16, 0.8) !important;
  }

  .md-hover-text-primary-800:hover {
    color: rgba(207, 42, 16, 0.8) !important;
  }

  .md-focus-text-primary-800:focus {
    color: rgba(207, 42, 16, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-800 {
    color: rgba(207, 42, 16, 0.8) !important;
  }

  .lg-hover-text-primary-800:hover {
    color: rgba(207, 42, 16, 0.8) !important;
  }

  .lg-focus-text-primary-800:focus {
    color: rgba(207, 42, 16, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-800 {
    color: rgba(207, 42, 16, 0.8) !important;
  }

  .xl-hover-text-primary-800:hover {
    color: rgba(207, 42, 16, 0.8) !important;
  }

  .xl-focus-text-primary-800:focus {
    color: rgba(207, 42, 16, 0.8) !important;
  }
}
.text-primary-900 {
  color: rgba(207, 42, 16, 0.9) !important;
}

.hover-text-primary-900 {
  color: rgba(207, 42, 16, 0.9) !important;
}

.focus-text-primary-900 {
  color: rgba(207, 42, 16, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-primary-900 {
    color: rgba(207, 42, 16, 0.9) !important;
  }

  .sm-hover-text-primary-900:hover {
    color: rgba(207, 42, 16, 0.9) !important;
  }

  .sm-focus-text-primary-900:focus {
    color: rgba(207, 42, 16, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-primary-900 {
    color: rgba(207, 42, 16, 0.9) !important;
  }

  .md-hover-text-primary-900:hover {
    color: rgba(207, 42, 16, 0.9) !important;
  }

  .md-focus-text-primary-900:focus {
    color: rgba(207, 42, 16, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-primary-900 {
    color: rgba(207, 42, 16, 0.9) !important;
  }

  .lg-hover-text-primary-900:hover {
    color: rgba(207, 42, 16, 0.9) !important;
  }

  .lg-focus-text-primary-900:focus {
    color: rgba(207, 42, 16, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-primary-900 {
    color: rgba(207, 42, 16, 0.9) !important;
  }

  .xl-hover-text-primary-900:hover {
    color: rgba(207, 42, 16, 0.9) !important;
  }

  .xl-focus-text-primary-900:focus {
    color: rgba(207, 42, 16, 0.9) !important;
  }
}
.text-secondary {
  color: #FFE5CD !important;
}

.hover-text-secondary {
  color: #FFE5CD !important;
}

.focus-text-secondary {
  color: #FFE5CD !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary {
    color: #FFE5CD !important;
  }

  .sm-hover-text-secondary:hover {
    color: #FFE5CD !important;
  }

  .sm-focus-text-secondary:focus {
    color: #FFE5CD !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary {
    color: #FFE5CD !important;
  }

  .md-hover-text-secondary:hover {
    color: #FFE5CD !important;
  }

  .md-focus-text-secondary:focus {
    color: #FFE5CD !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary {
    color: #FFE5CD !important;
  }

  .lg-hover-text-secondary:hover {
    color: #FFE5CD !important;
  }

  .lg-focus-text-secondary:focus {
    color: #FFE5CD !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary {
    color: #FFE5CD !important;
  }

  .xl-hover-text-secondary:hover {
    color: #FFE5CD !important;
  }

  .xl-focus-text-secondary:focus {
    color: #FFE5CD !important;
  }
}
.text-secondary-100 {
  color: rgba(255, 229, 205, 0.1) !important;
}

.hover-text-secondary-100 {
  color: rgba(255, 229, 205, 0.1) !important;
}

.focus-text-secondary-100 {
  color: rgba(255, 229, 205, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-100 {
    color: rgba(255, 229, 205, 0.1) !important;
  }

  .sm-hover-text-secondary-100:hover {
    color: rgba(255, 229, 205, 0.1) !important;
  }

  .sm-focus-text-secondary-100:focus {
    color: rgba(255, 229, 205, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-100 {
    color: rgba(255, 229, 205, 0.1) !important;
  }

  .md-hover-text-secondary-100:hover {
    color: rgba(255, 229, 205, 0.1) !important;
  }

  .md-focus-text-secondary-100:focus {
    color: rgba(255, 229, 205, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-100 {
    color: rgba(255, 229, 205, 0.1) !important;
  }

  .lg-hover-text-secondary-100:hover {
    color: rgba(255, 229, 205, 0.1) !important;
  }

  .lg-focus-text-secondary-100:focus {
    color: rgba(255, 229, 205, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-100 {
    color: rgba(255, 229, 205, 0.1) !important;
  }

  .xl-hover-text-secondary-100:hover {
    color: rgba(255, 229, 205, 0.1) !important;
  }

  .xl-focus-text-secondary-100:focus {
    color: rgba(255, 229, 205, 0.1) !important;
  }
}
.text-secondary-200 {
  color: rgba(255, 229, 205, 0.2) !important;
}

.hover-text-secondary-200 {
  color: rgba(255, 229, 205, 0.2) !important;
}

.focus-text-secondary-200 {
  color: rgba(255, 229, 205, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-200 {
    color: rgba(255, 229, 205, 0.2) !important;
  }

  .sm-hover-text-secondary-200:hover {
    color: rgba(255, 229, 205, 0.2) !important;
  }

  .sm-focus-text-secondary-200:focus {
    color: rgba(255, 229, 205, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-200 {
    color: rgba(255, 229, 205, 0.2) !important;
  }

  .md-hover-text-secondary-200:hover {
    color: rgba(255, 229, 205, 0.2) !important;
  }

  .md-focus-text-secondary-200:focus {
    color: rgba(255, 229, 205, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-200 {
    color: rgba(255, 229, 205, 0.2) !important;
  }

  .lg-hover-text-secondary-200:hover {
    color: rgba(255, 229, 205, 0.2) !important;
  }

  .lg-focus-text-secondary-200:focus {
    color: rgba(255, 229, 205, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-200 {
    color: rgba(255, 229, 205, 0.2) !important;
  }

  .xl-hover-text-secondary-200:hover {
    color: rgba(255, 229, 205, 0.2) !important;
  }

  .xl-focus-text-secondary-200:focus {
    color: rgba(255, 229, 205, 0.2) !important;
  }
}
.text-secondary-300 {
  color: rgba(255, 229, 205, 0.3) !important;
}

.hover-text-secondary-300 {
  color: rgba(255, 229, 205, 0.3) !important;
}

.focus-text-secondary-300 {
  color: rgba(255, 229, 205, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-300 {
    color: rgba(255, 229, 205, 0.3) !important;
  }

  .sm-hover-text-secondary-300:hover {
    color: rgba(255, 229, 205, 0.3) !important;
  }

  .sm-focus-text-secondary-300:focus {
    color: rgba(255, 229, 205, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-300 {
    color: rgba(255, 229, 205, 0.3) !important;
  }

  .md-hover-text-secondary-300:hover {
    color: rgba(255, 229, 205, 0.3) !important;
  }

  .md-focus-text-secondary-300:focus {
    color: rgba(255, 229, 205, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-300 {
    color: rgba(255, 229, 205, 0.3) !important;
  }

  .lg-hover-text-secondary-300:hover {
    color: rgba(255, 229, 205, 0.3) !important;
  }

  .lg-focus-text-secondary-300:focus {
    color: rgba(255, 229, 205, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-300 {
    color: rgba(255, 229, 205, 0.3) !important;
  }

  .xl-hover-text-secondary-300:hover {
    color: rgba(255, 229, 205, 0.3) !important;
  }

  .xl-focus-text-secondary-300:focus {
    color: rgba(255, 229, 205, 0.3) !important;
  }
}
.text-secondary-400 {
  color: rgba(255, 229, 205, 0.4) !important;
}

.hover-text-secondary-400 {
  color: rgba(255, 229, 205, 0.4) !important;
}

.focus-text-secondary-400 {
  color: rgba(255, 229, 205, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-400 {
    color: rgba(255, 229, 205, 0.4) !important;
  }

  .sm-hover-text-secondary-400:hover {
    color: rgba(255, 229, 205, 0.4) !important;
  }

  .sm-focus-text-secondary-400:focus {
    color: rgba(255, 229, 205, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-400 {
    color: rgba(255, 229, 205, 0.4) !important;
  }

  .md-hover-text-secondary-400:hover {
    color: rgba(255, 229, 205, 0.4) !important;
  }

  .md-focus-text-secondary-400:focus {
    color: rgba(255, 229, 205, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-400 {
    color: rgba(255, 229, 205, 0.4) !important;
  }

  .lg-hover-text-secondary-400:hover {
    color: rgba(255, 229, 205, 0.4) !important;
  }

  .lg-focus-text-secondary-400:focus {
    color: rgba(255, 229, 205, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-400 {
    color: rgba(255, 229, 205, 0.4) !important;
  }

  .xl-hover-text-secondary-400:hover {
    color: rgba(255, 229, 205, 0.4) !important;
  }

  .xl-focus-text-secondary-400:focus {
    color: rgba(255, 229, 205, 0.4) !important;
  }
}
.text-secondary-500 {
  color: rgba(255, 229, 205, 0.5) !important;
}

.hover-text-secondary-500 {
  color: rgba(255, 229, 205, 0.5) !important;
}

.focus-text-secondary-500 {
  color: rgba(255, 229, 205, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-500 {
    color: rgba(255, 229, 205, 0.5) !important;
  }

  .sm-hover-text-secondary-500:hover {
    color: rgba(255, 229, 205, 0.5) !important;
  }

  .sm-focus-text-secondary-500:focus {
    color: rgba(255, 229, 205, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-500 {
    color: rgba(255, 229, 205, 0.5) !important;
  }

  .md-hover-text-secondary-500:hover {
    color: rgba(255, 229, 205, 0.5) !important;
  }

  .md-focus-text-secondary-500:focus {
    color: rgba(255, 229, 205, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-500 {
    color: rgba(255, 229, 205, 0.5) !important;
  }

  .lg-hover-text-secondary-500:hover {
    color: rgba(255, 229, 205, 0.5) !important;
  }

  .lg-focus-text-secondary-500:focus {
    color: rgba(255, 229, 205, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-500 {
    color: rgba(255, 229, 205, 0.5) !important;
  }

  .xl-hover-text-secondary-500:hover {
    color: rgba(255, 229, 205, 0.5) !important;
  }

  .xl-focus-text-secondary-500:focus {
    color: rgba(255, 229, 205, 0.5) !important;
  }
}
.text-secondary-600 {
  color: rgba(255, 229, 205, 0.6) !important;
}

.hover-text-secondary-600 {
  color: rgba(255, 229, 205, 0.6) !important;
}

.focus-text-secondary-600 {
  color: rgba(255, 229, 205, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-600 {
    color: rgba(255, 229, 205, 0.6) !important;
  }

  .sm-hover-text-secondary-600:hover {
    color: rgba(255, 229, 205, 0.6) !important;
  }

  .sm-focus-text-secondary-600:focus {
    color: rgba(255, 229, 205, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-600 {
    color: rgba(255, 229, 205, 0.6) !important;
  }

  .md-hover-text-secondary-600:hover {
    color: rgba(255, 229, 205, 0.6) !important;
  }

  .md-focus-text-secondary-600:focus {
    color: rgba(255, 229, 205, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-600 {
    color: rgba(255, 229, 205, 0.6) !important;
  }

  .lg-hover-text-secondary-600:hover {
    color: rgba(255, 229, 205, 0.6) !important;
  }

  .lg-focus-text-secondary-600:focus {
    color: rgba(255, 229, 205, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-600 {
    color: rgba(255, 229, 205, 0.6) !important;
  }

  .xl-hover-text-secondary-600:hover {
    color: rgba(255, 229, 205, 0.6) !important;
  }

  .xl-focus-text-secondary-600:focus {
    color: rgba(255, 229, 205, 0.6) !important;
  }
}
.text-secondary-700 {
  color: rgba(255, 229, 205, 0.7) !important;
}

.hover-text-secondary-700 {
  color: rgba(255, 229, 205, 0.7) !important;
}

.focus-text-secondary-700 {
  color: rgba(255, 229, 205, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-700 {
    color: rgba(255, 229, 205, 0.7) !important;
  }

  .sm-hover-text-secondary-700:hover {
    color: rgba(255, 229, 205, 0.7) !important;
  }

  .sm-focus-text-secondary-700:focus {
    color: rgba(255, 229, 205, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-700 {
    color: rgba(255, 229, 205, 0.7) !important;
  }

  .md-hover-text-secondary-700:hover {
    color: rgba(255, 229, 205, 0.7) !important;
  }

  .md-focus-text-secondary-700:focus {
    color: rgba(255, 229, 205, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-700 {
    color: rgba(255, 229, 205, 0.7) !important;
  }

  .lg-hover-text-secondary-700:hover {
    color: rgba(255, 229, 205, 0.7) !important;
  }

  .lg-focus-text-secondary-700:focus {
    color: rgba(255, 229, 205, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-700 {
    color: rgba(255, 229, 205, 0.7) !important;
  }

  .xl-hover-text-secondary-700:hover {
    color: rgba(255, 229, 205, 0.7) !important;
  }

  .xl-focus-text-secondary-700:focus {
    color: rgba(255, 229, 205, 0.7) !important;
  }
}
.text-secondary-800 {
  color: rgba(255, 229, 205, 0.8) !important;
}

.hover-text-secondary-800 {
  color: rgba(255, 229, 205, 0.8) !important;
}

.focus-text-secondary-800 {
  color: rgba(255, 229, 205, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-800 {
    color: rgba(255, 229, 205, 0.8) !important;
  }

  .sm-hover-text-secondary-800:hover {
    color: rgba(255, 229, 205, 0.8) !important;
  }

  .sm-focus-text-secondary-800:focus {
    color: rgba(255, 229, 205, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-800 {
    color: rgba(255, 229, 205, 0.8) !important;
  }

  .md-hover-text-secondary-800:hover {
    color: rgba(255, 229, 205, 0.8) !important;
  }

  .md-focus-text-secondary-800:focus {
    color: rgba(255, 229, 205, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-800 {
    color: rgba(255, 229, 205, 0.8) !important;
  }

  .lg-hover-text-secondary-800:hover {
    color: rgba(255, 229, 205, 0.8) !important;
  }

  .lg-focus-text-secondary-800:focus {
    color: rgba(255, 229, 205, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-800 {
    color: rgba(255, 229, 205, 0.8) !important;
  }

  .xl-hover-text-secondary-800:hover {
    color: rgba(255, 229, 205, 0.8) !important;
  }

  .xl-focus-text-secondary-800:focus {
    color: rgba(255, 229, 205, 0.8) !important;
  }
}
.text-secondary-900 {
  color: rgba(255, 229, 205, 0.9) !important;
}

.hover-text-secondary-900 {
  color: rgba(255, 229, 205, 0.9) !important;
}

.focus-text-secondary-900 {
  color: rgba(255, 229, 205, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-secondary-900 {
    color: rgba(255, 229, 205, 0.9) !important;
  }

  .sm-hover-text-secondary-900:hover {
    color: rgba(255, 229, 205, 0.9) !important;
  }

  .sm-focus-text-secondary-900:focus {
    color: rgba(255, 229, 205, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-secondary-900 {
    color: rgba(255, 229, 205, 0.9) !important;
  }

  .md-hover-text-secondary-900:hover {
    color: rgba(255, 229, 205, 0.9) !important;
  }

  .md-focus-text-secondary-900:focus {
    color: rgba(255, 229, 205, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-secondary-900 {
    color: rgba(255, 229, 205, 0.9) !important;
  }

  .lg-hover-text-secondary-900:hover {
    color: rgba(255, 229, 205, 0.9) !important;
  }

  .lg-focus-text-secondary-900:focus {
    color: rgba(255, 229, 205, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-secondary-900 {
    color: rgba(255, 229, 205, 0.9) !important;
  }

  .xl-hover-text-secondary-900:hover {
    color: rgba(255, 229, 205, 0.9) !important;
  }

  .xl-focus-text-secondary-900:focus {
    color: rgba(255, 229, 205, 0.9) !important;
  }
}
.text-success {
  color: #36B37E !important;
}

.hover-text-success {
  color: #36B37E !important;
}

.focus-text-success {
  color: #36B37E !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success {
    color: #36B37E !important;
  }

  .sm-hover-text-success:hover {
    color: #36B37E !important;
  }

  .sm-focus-text-success:focus {
    color: #36B37E !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success {
    color: #36B37E !important;
  }

  .md-hover-text-success:hover {
    color: #36B37E !important;
  }

  .md-focus-text-success:focus {
    color: #36B37E !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success {
    color: #36B37E !important;
  }

  .lg-hover-text-success:hover {
    color: #36B37E !important;
  }

  .lg-focus-text-success:focus {
    color: #36B37E !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success {
    color: #36B37E !important;
  }

  .xl-hover-text-success:hover {
    color: #36B37E !important;
  }

  .xl-focus-text-success:focus {
    color: #36B37E !important;
  }
}
.text-success-100 {
  color: rgba(54, 179, 126, 0.1) !important;
}

.hover-text-success-100 {
  color: rgba(54, 179, 126, 0.1) !important;
}

.focus-text-success-100 {
  color: rgba(54, 179, 126, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-100 {
    color: rgba(54, 179, 126, 0.1) !important;
  }

  .sm-hover-text-success-100:hover {
    color: rgba(54, 179, 126, 0.1) !important;
  }

  .sm-focus-text-success-100:focus {
    color: rgba(54, 179, 126, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-100 {
    color: rgba(54, 179, 126, 0.1) !important;
  }

  .md-hover-text-success-100:hover {
    color: rgba(54, 179, 126, 0.1) !important;
  }

  .md-focus-text-success-100:focus {
    color: rgba(54, 179, 126, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-100 {
    color: rgba(54, 179, 126, 0.1) !important;
  }

  .lg-hover-text-success-100:hover {
    color: rgba(54, 179, 126, 0.1) !important;
  }

  .lg-focus-text-success-100:focus {
    color: rgba(54, 179, 126, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-100 {
    color: rgba(54, 179, 126, 0.1) !important;
  }

  .xl-hover-text-success-100:hover {
    color: rgba(54, 179, 126, 0.1) !important;
  }

  .xl-focus-text-success-100:focus {
    color: rgba(54, 179, 126, 0.1) !important;
  }
}
.text-success-200 {
  color: rgba(54, 179, 126, 0.2) !important;
}

.hover-text-success-200 {
  color: rgba(54, 179, 126, 0.2) !important;
}

.focus-text-success-200 {
  color: rgba(54, 179, 126, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-200 {
    color: rgba(54, 179, 126, 0.2) !important;
  }

  .sm-hover-text-success-200:hover {
    color: rgba(54, 179, 126, 0.2) !important;
  }

  .sm-focus-text-success-200:focus {
    color: rgba(54, 179, 126, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-200 {
    color: rgba(54, 179, 126, 0.2) !important;
  }

  .md-hover-text-success-200:hover {
    color: rgba(54, 179, 126, 0.2) !important;
  }

  .md-focus-text-success-200:focus {
    color: rgba(54, 179, 126, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-200 {
    color: rgba(54, 179, 126, 0.2) !important;
  }

  .lg-hover-text-success-200:hover {
    color: rgba(54, 179, 126, 0.2) !important;
  }

  .lg-focus-text-success-200:focus {
    color: rgba(54, 179, 126, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-200 {
    color: rgba(54, 179, 126, 0.2) !important;
  }

  .xl-hover-text-success-200:hover {
    color: rgba(54, 179, 126, 0.2) !important;
  }

  .xl-focus-text-success-200:focus {
    color: rgba(54, 179, 126, 0.2) !important;
  }
}
.text-success-300 {
  color: rgba(54, 179, 126, 0.3) !important;
}

.hover-text-success-300 {
  color: rgba(54, 179, 126, 0.3) !important;
}

.focus-text-success-300 {
  color: rgba(54, 179, 126, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-300 {
    color: rgba(54, 179, 126, 0.3) !important;
  }

  .sm-hover-text-success-300:hover {
    color: rgba(54, 179, 126, 0.3) !important;
  }

  .sm-focus-text-success-300:focus {
    color: rgba(54, 179, 126, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-300 {
    color: rgba(54, 179, 126, 0.3) !important;
  }

  .md-hover-text-success-300:hover {
    color: rgba(54, 179, 126, 0.3) !important;
  }

  .md-focus-text-success-300:focus {
    color: rgba(54, 179, 126, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-300 {
    color: rgba(54, 179, 126, 0.3) !important;
  }

  .lg-hover-text-success-300:hover {
    color: rgba(54, 179, 126, 0.3) !important;
  }

  .lg-focus-text-success-300:focus {
    color: rgba(54, 179, 126, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-300 {
    color: rgba(54, 179, 126, 0.3) !important;
  }

  .xl-hover-text-success-300:hover {
    color: rgba(54, 179, 126, 0.3) !important;
  }

  .xl-focus-text-success-300:focus {
    color: rgba(54, 179, 126, 0.3) !important;
  }
}
.text-success-400 {
  color: rgba(54, 179, 126, 0.4) !important;
}

.hover-text-success-400 {
  color: rgba(54, 179, 126, 0.4) !important;
}

.focus-text-success-400 {
  color: rgba(54, 179, 126, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-400 {
    color: rgba(54, 179, 126, 0.4) !important;
  }

  .sm-hover-text-success-400:hover {
    color: rgba(54, 179, 126, 0.4) !important;
  }

  .sm-focus-text-success-400:focus {
    color: rgba(54, 179, 126, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-400 {
    color: rgba(54, 179, 126, 0.4) !important;
  }

  .md-hover-text-success-400:hover {
    color: rgba(54, 179, 126, 0.4) !important;
  }

  .md-focus-text-success-400:focus {
    color: rgba(54, 179, 126, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-400 {
    color: rgba(54, 179, 126, 0.4) !important;
  }

  .lg-hover-text-success-400:hover {
    color: rgba(54, 179, 126, 0.4) !important;
  }

  .lg-focus-text-success-400:focus {
    color: rgba(54, 179, 126, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-400 {
    color: rgba(54, 179, 126, 0.4) !important;
  }

  .xl-hover-text-success-400:hover {
    color: rgba(54, 179, 126, 0.4) !important;
  }

  .xl-focus-text-success-400:focus {
    color: rgba(54, 179, 126, 0.4) !important;
  }
}
.text-success-500 {
  color: rgba(54, 179, 126, 0.5) !important;
}

.hover-text-success-500 {
  color: rgba(54, 179, 126, 0.5) !important;
}

.focus-text-success-500 {
  color: rgba(54, 179, 126, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-500 {
    color: rgba(54, 179, 126, 0.5) !important;
  }

  .sm-hover-text-success-500:hover {
    color: rgba(54, 179, 126, 0.5) !important;
  }

  .sm-focus-text-success-500:focus {
    color: rgba(54, 179, 126, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-500 {
    color: rgba(54, 179, 126, 0.5) !important;
  }

  .md-hover-text-success-500:hover {
    color: rgba(54, 179, 126, 0.5) !important;
  }

  .md-focus-text-success-500:focus {
    color: rgba(54, 179, 126, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-500 {
    color: rgba(54, 179, 126, 0.5) !important;
  }

  .lg-hover-text-success-500:hover {
    color: rgba(54, 179, 126, 0.5) !important;
  }

  .lg-focus-text-success-500:focus {
    color: rgba(54, 179, 126, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-500 {
    color: rgba(54, 179, 126, 0.5) !important;
  }

  .xl-hover-text-success-500:hover {
    color: rgba(54, 179, 126, 0.5) !important;
  }

  .xl-focus-text-success-500:focus {
    color: rgba(54, 179, 126, 0.5) !important;
  }
}
.text-success-600 {
  color: rgba(54, 179, 126, 0.6) !important;
}

.hover-text-success-600 {
  color: rgba(54, 179, 126, 0.6) !important;
}

.focus-text-success-600 {
  color: rgba(54, 179, 126, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-600 {
    color: rgba(54, 179, 126, 0.6) !important;
  }

  .sm-hover-text-success-600:hover {
    color: rgba(54, 179, 126, 0.6) !important;
  }

  .sm-focus-text-success-600:focus {
    color: rgba(54, 179, 126, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-600 {
    color: rgba(54, 179, 126, 0.6) !important;
  }

  .md-hover-text-success-600:hover {
    color: rgba(54, 179, 126, 0.6) !important;
  }

  .md-focus-text-success-600:focus {
    color: rgba(54, 179, 126, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-600 {
    color: rgba(54, 179, 126, 0.6) !important;
  }

  .lg-hover-text-success-600:hover {
    color: rgba(54, 179, 126, 0.6) !important;
  }

  .lg-focus-text-success-600:focus {
    color: rgba(54, 179, 126, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-600 {
    color: rgba(54, 179, 126, 0.6) !important;
  }

  .xl-hover-text-success-600:hover {
    color: rgba(54, 179, 126, 0.6) !important;
  }

  .xl-focus-text-success-600:focus {
    color: rgba(54, 179, 126, 0.6) !important;
  }
}
.text-success-700 {
  color: rgba(54, 179, 126, 0.7) !important;
}

.hover-text-success-700 {
  color: rgba(54, 179, 126, 0.7) !important;
}

.focus-text-success-700 {
  color: rgba(54, 179, 126, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-700 {
    color: rgba(54, 179, 126, 0.7) !important;
  }

  .sm-hover-text-success-700:hover {
    color: rgba(54, 179, 126, 0.7) !important;
  }

  .sm-focus-text-success-700:focus {
    color: rgba(54, 179, 126, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-700 {
    color: rgba(54, 179, 126, 0.7) !important;
  }

  .md-hover-text-success-700:hover {
    color: rgba(54, 179, 126, 0.7) !important;
  }

  .md-focus-text-success-700:focus {
    color: rgba(54, 179, 126, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-700 {
    color: rgba(54, 179, 126, 0.7) !important;
  }

  .lg-hover-text-success-700:hover {
    color: rgba(54, 179, 126, 0.7) !important;
  }

  .lg-focus-text-success-700:focus {
    color: rgba(54, 179, 126, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-700 {
    color: rgba(54, 179, 126, 0.7) !important;
  }

  .xl-hover-text-success-700:hover {
    color: rgba(54, 179, 126, 0.7) !important;
  }

  .xl-focus-text-success-700:focus {
    color: rgba(54, 179, 126, 0.7) !important;
  }
}
.text-success-800 {
  color: rgba(54, 179, 126, 0.8) !important;
}

.hover-text-success-800 {
  color: rgba(54, 179, 126, 0.8) !important;
}

.focus-text-success-800 {
  color: rgba(54, 179, 126, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-800 {
    color: rgba(54, 179, 126, 0.8) !important;
  }

  .sm-hover-text-success-800:hover {
    color: rgba(54, 179, 126, 0.8) !important;
  }

  .sm-focus-text-success-800:focus {
    color: rgba(54, 179, 126, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-800 {
    color: rgba(54, 179, 126, 0.8) !important;
  }

  .md-hover-text-success-800:hover {
    color: rgba(54, 179, 126, 0.8) !important;
  }

  .md-focus-text-success-800:focus {
    color: rgba(54, 179, 126, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-800 {
    color: rgba(54, 179, 126, 0.8) !important;
  }

  .lg-hover-text-success-800:hover {
    color: rgba(54, 179, 126, 0.8) !important;
  }

  .lg-focus-text-success-800:focus {
    color: rgba(54, 179, 126, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-800 {
    color: rgba(54, 179, 126, 0.8) !important;
  }

  .xl-hover-text-success-800:hover {
    color: rgba(54, 179, 126, 0.8) !important;
  }

  .xl-focus-text-success-800:focus {
    color: rgba(54, 179, 126, 0.8) !important;
  }
}
.text-success-900 {
  color: rgba(54, 179, 126, 0.9) !important;
}

.hover-text-success-900 {
  color: rgba(54, 179, 126, 0.9) !important;
}

.focus-text-success-900 {
  color: rgba(54, 179, 126, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-success-900 {
    color: rgba(54, 179, 126, 0.9) !important;
  }

  .sm-hover-text-success-900:hover {
    color: rgba(54, 179, 126, 0.9) !important;
  }

  .sm-focus-text-success-900:focus {
    color: rgba(54, 179, 126, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-success-900 {
    color: rgba(54, 179, 126, 0.9) !important;
  }

  .md-hover-text-success-900:hover {
    color: rgba(54, 179, 126, 0.9) !important;
  }

  .md-focus-text-success-900:focus {
    color: rgba(54, 179, 126, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-success-900 {
    color: rgba(54, 179, 126, 0.9) !important;
  }

  .lg-hover-text-success-900:hover {
    color: rgba(54, 179, 126, 0.9) !important;
  }

  .lg-focus-text-success-900:focus {
    color: rgba(54, 179, 126, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-success-900 {
    color: rgba(54, 179, 126, 0.9) !important;
  }

  .xl-hover-text-success-900:hover {
    color: rgba(54, 179, 126, 0.9) !important;
  }

  .xl-focus-text-success-900:focus {
    color: rgba(54, 179, 126, 0.9) !important;
  }
}
.text-info {
  color: #00B8D9 !important;
}

.hover-text-info {
  color: #00B8D9 !important;
}

.focus-text-info {
  color: #00B8D9 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info {
    color: #00B8D9 !important;
  }

  .sm-hover-text-info:hover {
    color: #00B8D9 !important;
  }

  .sm-focus-text-info:focus {
    color: #00B8D9 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info {
    color: #00B8D9 !important;
  }

  .md-hover-text-info:hover {
    color: #00B8D9 !important;
  }

  .md-focus-text-info:focus {
    color: #00B8D9 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info {
    color: #00B8D9 !important;
  }

  .lg-hover-text-info:hover {
    color: #00B8D9 !important;
  }

  .lg-focus-text-info:focus {
    color: #00B8D9 !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info {
    color: #00B8D9 !important;
  }

  .xl-hover-text-info:hover {
    color: #00B8D9 !important;
  }

  .xl-focus-text-info:focus {
    color: #00B8D9 !important;
  }
}
.text-info-100 {
  color: rgba(0, 184, 217, 0.1) !important;
}

.hover-text-info-100 {
  color: rgba(0, 184, 217, 0.1) !important;
}

.focus-text-info-100 {
  color: rgba(0, 184, 217, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-100 {
    color: rgba(0, 184, 217, 0.1) !important;
  }

  .sm-hover-text-info-100:hover {
    color: rgba(0, 184, 217, 0.1) !important;
  }

  .sm-focus-text-info-100:focus {
    color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-100 {
    color: rgba(0, 184, 217, 0.1) !important;
  }

  .md-hover-text-info-100:hover {
    color: rgba(0, 184, 217, 0.1) !important;
  }

  .md-focus-text-info-100:focus {
    color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-100 {
    color: rgba(0, 184, 217, 0.1) !important;
  }

  .lg-hover-text-info-100:hover {
    color: rgba(0, 184, 217, 0.1) !important;
  }

  .lg-focus-text-info-100:focus {
    color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-100 {
    color: rgba(0, 184, 217, 0.1) !important;
  }

  .xl-hover-text-info-100:hover {
    color: rgba(0, 184, 217, 0.1) !important;
  }

  .xl-focus-text-info-100:focus {
    color: rgba(0, 184, 217, 0.1) !important;
  }
}
.text-info-200 {
  color: rgba(0, 184, 217, 0.2) !important;
}

.hover-text-info-200 {
  color: rgba(0, 184, 217, 0.2) !important;
}

.focus-text-info-200 {
  color: rgba(0, 184, 217, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-200 {
    color: rgba(0, 184, 217, 0.2) !important;
  }

  .sm-hover-text-info-200:hover {
    color: rgba(0, 184, 217, 0.2) !important;
  }

  .sm-focus-text-info-200:focus {
    color: rgba(0, 184, 217, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-200 {
    color: rgba(0, 184, 217, 0.2) !important;
  }

  .md-hover-text-info-200:hover {
    color: rgba(0, 184, 217, 0.2) !important;
  }

  .md-focus-text-info-200:focus {
    color: rgba(0, 184, 217, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-200 {
    color: rgba(0, 184, 217, 0.2) !important;
  }

  .lg-hover-text-info-200:hover {
    color: rgba(0, 184, 217, 0.2) !important;
  }

  .lg-focus-text-info-200:focus {
    color: rgba(0, 184, 217, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-200 {
    color: rgba(0, 184, 217, 0.2) !important;
  }

  .xl-hover-text-info-200:hover {
    color: rgba(0, 184, 217, 0.2) !important;
  }

  .xl-focus-text-info-200:focus {
    color: rgba(0, 184, 217, 0.2) !important;
  }
}
.text-info-300 {
  color: rgba(0, 184, 217, 0.3) !important;
}

.hover-text-info-300 {
  color: rgba(0, 184, 217, 0.3) !important;
}

.focus-text-info-300 {
  color: rgba(0, 184, 217, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-300 {
    color: rgba(0, 184, 217, 0.3) !important;
  }

  .sm-hover-text-info-300:hover {
    color: rgba(0, 184, 217, 0.3) !important;
  }

  .sm-focus-text-info-300:focus {
    color: rgba(0, 184, 217, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-300 {
    color: rgba(0, 184, 217, 0.3) !important;
  }

  .md-hover-text-info-300:hover {
    color: rgba(0, 184, 217, 0.3) !important;
  }

  .md-focus-text-info-300:focus {
    color: rgba(0, 184, 217, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-300 {
    color: rgba(0, 184, 217, 0.3) !important;
  }

  .lg-hover-text-info-300:hover {
    color: rgba(0, 184, 217, 0.3) !important;
  }

  .lg-focus-text-info-300:focus {
    color: rgba(0, 184, 217, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-300 {
    color: rgba(0, 184, 217, 0.3) !important;
  }

  .xl-hover-text-info-300:hover {
    color: rgba(0, 184, 217, 0.3) !important;
  }

  .xl-focus-text-info-300:focus {
    color: rgba(0, 184, 217, 0.3) !important;
  }
}
.text-info-400 {
  color: rgba(0, 184, 217, 0.4) !important;
}

.hover-text-info-400 {
  color: rgba(0, 184, 217, 0.4) !important;
}

.focus-text-info-400 {
  color: rgba(0, 184, 217, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-400 {
    color: rgba(0, 184, 217, 0.4) !important;
  }

  .sm-hover-text-info-400:hover {
    color: rgba(0, 184, 217, 0.4) !important;
  }

  .sm-focus-text-info-400:focus {
    color: rgba(0, 184, 217, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-400 {
    color: rgba(0, 184, 217, 0.4) !important;
  }

  .md-hover-text-info-400:hover {
    color: rgba(0, 184, 217, 0.4) !important;
  }

  .md-focus-text-info-400:focus {
    color: rgba(0, 184, 217, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-400 {
    color: rgba(0, 184, 217, 0.4) !important;
  }

  .lg-hover-text-info-400:hover {
    color: rgba(0, 184, 217, 0.4) !important;
  }

  .lg-focus-text-info-400:focus {
    color: rgba(0, 184, 217, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-400 {
    color: rgba(0, 184, 217, 0.4) !important;
  }

  .xl-hover-text-info-400:hover {
    color: rgba(0, 184, 217, 0.4) !important;
  }

  .xl-focus-text-info-400:focus {
    color: rgba(0, 184, 217, 0.4) !important;
  }
}
.text-info-500 {
  color: rgba(0, 184, 217, 0.5) !important;
}

.hover-text-info-500 {
  color: rgba(0, 184, 217, 0.5) !important;
}

.focus-text-info-500 {
  color: rgba(0, 184, 217, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-500 {
    color: rgba(0, 184, 217, 0.5) !important;
  }

  .sm-hover-text-info-500:hover {
    color: rgba(0, 184, 217, 0.5) !important;
  }

  .sm-focus-text-info-500:focus {
    color: rgba(0, 184, 217, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-500 {
    color: rgba(0, 184, 217, 0.5) !important;
  }

  .md-hover-text-info-500:hover {
    color: rgba(0, 184, 217, 0.5) !important;
  }

  .md-focus-text-info-500:focus {
    color: rgba(0, 184, 217, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-500 {
    color: rgba(0, 184, 217, 0.5) !important;
  }

  .lg-hover-text-info-500:hover {
    color: rgba(0, 184, 217, 0.5) !important;
  }

  .lg-focus-text-info-500:focus {
    color: rgba(0, 184, 217, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-500 {
    color: rgba(0, 184, 217, 0.5) !important;
  }

  .xl-hover-text-info-500:hover {
    color: rgba(0, 184, 217, 0.5) !important;
  }

  .xl-focus-text-info-500:focus {
    color: rgba(0, 184, 217, 0.5) !important;
  }
}
.text-info-600 {
  color: rgba(0, 184, 217, 0.6) !important;
}

.hover-text-info-600 {
  color: rgba(0, 184, 217, 0.6) !important;
}

.focus-text-info-600 {
  color: rgba(0, 184, 217, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-600 {
    color: rgba(0, 184, 217, 0.6) !important;
  }

  .sm-hover-text-info-600:hover {
    color: rgba(0, 184, 217, 0.6) !important;
  }

  .sm-focus-text-info-600:focus {
    color: rgba(0, 184, 217, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-600 {
    color: rgba(0, 184, 217, 0.6) !important;
  }

  .md-hover-text-info-600:hover {
    color: rgba(0, 184, 217, 0.6) !important;
  }

  .md-focus-text-info-600:focus {
    color: rgba(0, 184, 217, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-600 {
    color: rgba(0, 184, 217, 0.6) !important;
  }

  .lg-hover-text-info-600:hover {
    color: rgba(0, 184, 217, 0.6) !important;
  }

  .lg-focus-text-info-600:focus {
    color: rgba(0, 184, 217, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-600 {
    color: rgba(0, 184, 217, 0.6) !important;
  }

  .xl-hover-text-info-600:hover {
    color: rgba(0, 184, 217, 0.6) !important;
  }

  .xl-focus-text-info-600:focus {
    color: rgba(0, 184, 217, 0.6) !important;
  }
}
.text-info-700 {
  color: rgba(0, 184, 217, 0.7) !important;
}

.hover-text-info-700 {
  color: rgba(0, 184, 217, 0.7) !important;
}

.focus-text-info-700 {
  color: rgba(0, 184, 217, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-700 {
    color: rgba(0, 184, 217, 0.7) !important;
  }

  .sm-hover-text-info-700:hover {
    color: rgba(0, 184, 217, 0.7) !important;
  }

  .sm-focus-text-info-700:focus {
    color: rgba(0, 184, 217, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-700 {
    color: rgba(0, 184, 217, 0.7) !important;
  }

  .md-hover-text-info-700:hover {
    color: rgba(0, 184, 217, 0.7) !important;
  }

  .md-focus-text-info-700:focus {
    color: rgba(0, 184, 217, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-700 {
    color: rgba(0, 184, 217, 0.7) !important;
  }

  .lg-hover-text-info-700:hover {
    color: rgba(0, 184, 217, 0.7) !important;
  }

  .lg-focus-text-info-700:focus {
    color: rgba(0, 184, 217, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-700 {
    color: rgba(0, 184, 217, 0.7) !important;
  }

  .xl-hover-text-info-700:hover {
    color: rgba(0, 184, 217, 0.7) !important;
  }

  .xl-focus-text-info-700:focus {
    color: rgba(0, 184, 217, 0.7) !important;
  }
}
.text-info-800 {
  color: rgba(0, 184, 217, 0.8) !important;
}

.hover-text-info-800 {
  color: rgba(0, 184, 217, 0.8) !important;
}

.focus-text-info-800 {
  color: rgba(0, 184, 217, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-800 {
    color: rgba(0, 184, 217, 0.8) !important;
  }

  .sm-hover-text-info-800:hover {
    color: rgba(0, 184, 217, 0.8) !important;
  }

  .sm-focus-text-info-800:focus {
    color: rgba(0, 184, 217, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-800 {
    color: rgba(0, 184, 217, 0.8) !important;
  }

  .md-hover-text-info-800:hover {
    color: rgba(0, 184, 217, 0.8) !important;
  }

  .md-focus-text-info-800:focus {
    color: rgba(0, 184, 217, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-800 {
    color: rgba(0, 184, 217, 0.8) !important;
  }

  .lg-hover-text-info-800:hover {
    color: rgba(0, 184, 217, 0.8) !important;
  }

  .lg-focus-text-info-800:focus {
    color: rgba(0, 184, 217, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-800 {
    color: rgba(0, 184, 217, 0.8) !important;
  }

  .xl-hover-text-info-800:hover {
    color: rgba(0, 184, 217, 0.8) !important;
  }

  .xl-focus-text-info-800:focus {
    color: rgba(0, 184, 217, 0.8) !important;
  }
}
.text-info-900 {
  color: rgba(0, 184, 217, 0.9) !important;
}

.hover-text-info-900 {
  color: rgba(0, 184, 217, 0.9) !important;
}

.focus-text-info-900 {
  color: rgba(0, 184, 217, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-info-900 {
    color: rgba(0, 184, 217, 0.9) !important;
  }

  .sm-hover-text-info-900:hover {
    color: rgba(0, 184, 217, 0.9) !important;
  }

  .sm-focus-text-info-900:focus {
    color: rgba(0, 184, 217, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-info-900 {
    color: rgba(0, 184, 217, 0.9) !important;
  }

  .md-hover-text-info-900:hover {
    color: rgba(0, 184, 217, 0.9) !important;
  }

  .md-focus-text-info-900:focus {
    color: rgba(0, 184, 217, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-info-900 {
    color: rgba(0, 184, 217, 0.9) !important;
  }

  .lg-hover-text-info-900:hover {
    color: rgba(0, 184, 217, 0.9) !important;
  }

  .lg-focus-text-info-900:focus {
    color: rgba(0, 184, 217, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-info-900 {
    color: rgba(0, 184, 217, 0.9) !important;
  }

  .xl-hover-text-info-900:hover {
    color: rgba(0, 184, 217, 0.9) !important;
  }

  .xl-focus-text-info-900:focus {
    color: rgba(0, 184, 217, 0.9) !important;
  }
}
.text-warning {
  color: #FAAD13 !important;
}

.hover-text-warning {
  color: #FAAD13 !important;
}

.focus-text-warning {
  color: #FAAD13 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning {
    color: #FAAD13 !important;
  }

  .sm-hover-text-warning:hover {
    color: #FAAD13 !important;
  }

  .sm-focus-text-warning:focus {
    color: #FAAD13 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning {
    color: #FAAD13 !important;
  }

  .md-hover-text-warning:hover {
    color: #FAAD13 !important;
  }

  .md-focus-text-warning:focus {
    color: #FAAD13 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning {
    color: #FAAD13 !important;
  }

  .lg-hover-text-warning:hover {
    color: #FAAD13 !important;
  }

  .lg-focus-text-warning:focus {
    color: #FAAD13 !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning {
    color: #FAAD13 !important;
  }

  .xl-hover-text-warning:hover {
    color: #FAAD13 !important;
  }

  .xl-focus-text-warning:focus {
    color: #FAAD13 !important;
  }
}
.text-warning-100 {
  color: rgba(250, 173, 19, 0.1) !important;
}

.hover-text-warning-100 {
  color: rgba(250, 173, 19, 0.1) !important;
}

.focus-text-warning-100 {
  color: rgba(250, 173, 19, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-100 {
    color: rgba(250, 173, 19, 0.1) !important;
  }

  .sm-hover-text-warning-100:hover {
    color: rgba(250, 173, 19, 0.1) !important;
  }

  .sm-focus-text-warning-100:focus {
    color: rgba(250, 173, 19, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-100 {
    color: rgba(250, 173, 19, 0.1) !important;
  }

  .md-hover-text-warning-100:hover {
    color: rgba(250, 173, 19, 0.1) !important;
  }

  .md-focus-text-warning-100:focus {
    color: rgba(250, 173, 19, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-100 {
    color: rgba(250, 173, 19, 0.1) !important;
  }

  .lg-hover-text-warning-100:hover {
    color: rgba(250, 173, 19, 0.1) !important;
  }

  .lg-focus-text-warning-100:focus {
    color: rgba(250, 173, 19, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-100 {
    color: rgba(250, 173, 19, 0.1) !important;
  }

  .xl-hover-text-warning-100:hover {
    color: rgba(250, 173, 19, 0.1) !important;
  }

  .xl-focus-text-warning-100:focus {
    color: rgba(250, 173, 19, 0.1) !important;
  }
}
.text-warning-200 {
  color: rgba(250, 173, 19, 0.2) !important;
}

.hover-text-warning-200 {
  color: rgba(250, 173, 19, 0.2) !important;
}

.focus-text-warning-200 {
  color: rgba(250, 173, 19, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-200 {
    color: rgba(250, 173, 19, 0.2) !important;
  }

  .sm-hover-text-warning-200:hover {
    color: rgba(250, 173, 19, 0.2) !important;
  }

  .sm-focus-text-warning-200:focus {
    color: rgba(250, 173, 19, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-200 {
    color: rgba(250, 173, 19, 0.2) !important;
  }

  .md-hover-text-warning-200:hover {
    color: rgba(250, 173, 19, 0.2) !important;
  }

  .md-focus-text-warning-200:focus {
    color: rgba(250, 173, 19, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-200 {
    color: rgba(250, 173, 19, 0.2) !important;
  }

  .lg-hover-text-warning-200:hover {
    color: rgba(250, 173, 19, 0.2) !important;
  }

  .lg-focus-text-warning-200:focus {
    color: rgba(250, 173, 19, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-200 {
    color: rgba(250, 173, 19, 0.2) !important;
  }

  .xl-hover-text-warning-200:hover {
    color: rgba(250, 173, 19, 0.2) !important;
  }

  .xl-focus-text-warning-200:focus {
    color: rgba(250, 173, 19, 0.2) !important;
  }
}
.text-warning-300 {
  color: rgba(250, 173, 19, 0.3) !important;
}

.hover-text-warning-300 {
  color: rgba(250, 173, 19, 0.3) !important;
}

.focus-text-warning-300 {
  color: rgba(250, 173, 19, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-300 {
    color: rgba(250, 173, 19, 0.3) !important;
  }

  .sm-hover-text-warning-300:hover {
    color: rgba(250, 173, 19, 0.3) !important;
  }

  .sm-focus-text-warning-300:focus {
    color: rgba(250, 173, 19, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-300 {
    color: rgba(250, 173, 19, 0.3) !important;
  }

  .md-hover-text-warning-300:hover {
    color: rgba(250, 173, 19, 0.3) !important;
  }

  .md-focus-text-warning-300:focus {
    color: rgba(250, 173, 19, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-300 {
    color: rgba(250, 173, 19, 0.3) !important;
  }

  .lg-hover-text-warning-300:hover {
    color: rgba(250, 173, 19, 0.3) !important;
  }

  .lg-focus-text-warning-300:focus {
    color: rgba(250, 173, 19, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-300 {
    color: rgba(250, 173, 19, 0.3) !important;
  }

  .xl-hover-text-warning-300:hover {
    color: rgba(250, 173, 19, 0.3) !important;
  }

  .xl-focus-text-warning-300:focus {
    color: rgba(250, 173, 19, 0.3) !important;
  }
}
.text-warning-400 {
  color: rgba(250, 173, 19, 0.4) !important;
}

.hover-text-warning-400 {
  color: rgba(250, 173, 19, 0.4) !important;
}

.focus-text-warning-400 {
  color: rgba(250, 173, 19, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-400 {
    color: rgba(250, 173, 19, 0.4) !important;
  }

  .sm-hover-text-warning-400:hover {
    color: rgba(250, 173, 19, 0.4) !important;
  }

  .sm-focus-text-warning-400:focus {
    color: rgba(250, 173, 19, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-400 {
    color: rgba(250, 173, 19, 0.4) !important;
  }

  .md-hover-text-warning-400:hover {
    color: rgba(250, 173, 19, 0.4) !important;
  }

  .md-focus-text-warning-400:focus {
    color: rgba(250, 173, 19, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-400 {
    color: rgba(250, 173, 19, 0.4) !important;
  }

  .lg-hover-text-warning-400:hover {
    color: rgba(250, 173, 19, 0.4) !important;
  }

  .lg-focus-text-warning-400:focus {
    color: rgba(250, 173, 19, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-400 {
    color: rgba(250, 173, 19, 0.4) !important;
  }

  .xl-hover-text-warning-400:hover {
    color: rgba(250, 173, 19, 0.4) !important;
  }

  .xl-focus-text-warning-400:focus {
    color: rgba(250, 173, 19, 0.4) !important;
  }
}
.text-warning-500 {
  color: rgba(250, 173, 19, 0.5) !important;
}

.hover-text-warning-500 {
  color: rgba(250, 173, 19, 0.5) !important;
}

.focus-text-warning-500 {
  color: rgba(250, 173, 19, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-500 {
    color: rgba(250, 173, 19, 0.5) !important;
  }

  .sm-hover-text-warning-500:hover {
    color: rgba(250, 173, 19, 0.5) !important;
  }

  .sm-focus-text-warning-500:focus {
    color: rgba(250, 173, 19, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-500 {
    color: rgba(250, 173, 19, 0.5) !important;
  }

  .md-hover-text-warning-500:hover {
    color: rgba(250, 173, 19, 0.5) !important;
  }

  .md-focus-text-warning-500:focus {
    color: rgba(250, 173, 19, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-500 {
    color: rgba(250, 173, 19, 0.5) !important;
  }

  .lg-hover-text-warning-500:hover {
    color: rgba(250, 173, 19, 0.5) !important;
  }

  .lg-focus-text-warning-500:focus {
    color: rgba(250, 173, 19, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-500 {
    color: rgba(250, 173, 19, 0.5) !important;
  }

  .xl-hover-text-warning-500:hover {
    color: rgba(250, 173, 19, 0.5) !important;
  }

  .xl-focus-text-warning-500:focus {
    color: rgba(250, 173, 19, 0.5) !important;
  }
}
.text-warning-600 {
  color: rgba(250, 173, 19, 0.6) !important;
}

.hover-text-warning-600 {
  color: rgba(250, 173, 19, 0.6) !important;
}

.focus-text-warning-600 {
  color: rgba(250, 173, 19, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-600 {
    color: rgba(250, 173, 19, 0.6) !important;
  }

  .sm-hover-text-warning-600:hover {
    color: rgba(250, 173, 19, 0.6) !important;
  }

  .sm-focus-text-warning-600:focus {
    color: rgba(250, 173, 19, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-600 {
    color: rgba(250, 173, 19, 0.6) !important;
  }

  .md-hover-text-warning-600:hover {
    color: rgba(250, 173, 19, 0.6) !important;
  }

  .md-focus-text-warning-600:focus {
    color: rgba(250, 173, 19, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-600 {
    color: rgba(250, 173, 19, 0.6) !important;
  }

  .lg-hover-text-warning-600:hover {
    color: rgba(250, 173, 19, 0.6) !important;
  }

  .lg-focus-text-warning-600:focus {
    color: rgba(250, 173, 19, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-600 {
    color: rgba(250, 173, 19, 0.6) !important;
  }

  .xl-hover-text-warning-600:hover {
    color: rgba(250, 173, 19, 0.6) !important;
  }

  .xl-focus-text-warning-600:focus {
    color: rgba(250, 173, 19, 0.6) !important;
  }
}
.text-warning-700 {
  color: rgba(250, 173, 19, 0.7) !important;
}

.hover-text-warning-700 {
  color: rgba(250, 173, 19, 0.7) !important;
}

.focus-text-warning-700 {
  color: rgba(250, 173, 19, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-700 {
    color: rgba(250, 173, 19, 0.7) !important;
  }

  .sm-hover-text-warning-700:hover {
    color: rgba(250, 173, 19, 0.7) !important;
  }

  .sm-focus-text-warning-700:focus {
    color: rgba(250, 173, 19, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-700 {
    color: rgba(250, 173, 19, 0.7) !important;
  }

  .md-hover-text-warning-700:hover {
    color: rgba(250, 173, 19, 0.7) !important;
  }

  .md-focus-text-warning-700:focus {
    color: rgba(250, 173, 19, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-700 {
    color: rgba(250, 173, 19, 0.7) !important;
  }

  .lg-hover-text-warning-700:hover {
    color: rgba(250, 173, 19, 0.7) !important;
  }

  .lg-focus-text-warning-700:focus {
    color: rgba(250, 173, 19, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-700 {
    color: rgba(250, 173, 19, 0.7) !important;
  }

  .xl-hover-text-warning-700:hover {
    color: rgba(250, 173, 19, 0.7) !important;
  }

  .xl-focus-text-warning-700:focus {
    color: rgba(250, 173, 19, 0.7) !important;
  }
}
.text-warning-800 {
  color: rgba(250, 173, 19, 0.8) !important;
}

.hover-text-warning-800 {
  color: rgba(250, 173, 19, 0.8) !important;
}

.focus-text-warning-800 {
  color: rgba(250, 173, 19, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-800 {
    color: rgba(250, 173, 19, 0.8) !important;
  }

  .sm-hover-text-warning-800:hover {
    color: rgba(250, 173, 19, 0.8) !important;
  }

  .sm-focus-text-warning-800:focus {
    color: rgba(250, 173, 19, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-800 {
    color: rgba(250, 173, 19, 0.8) !important;
  }

  .md-hover-text-warning-800:hover {
    color: rgba(250, 173, 19, 0.8) !important;
  }

  .md-focus-text-warning-800:focus {
    color: rgba(250, 173, 19, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-800 {
    color: rgba(250, 173, 19, 0.8) !important;
  }

  .lg-hover-text-warning-800:hover {
    color: rgba(250, 173, 19, 0.8) !important;
  }

  .lg-focus-text-warning-800:focus {
    color: rgba(250, 173, 19, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-800 {
    color: rgba(250, 173, 19, 0.8) !important;
  }

  .xl-hover-text-warning-800:hover {
    color: rgba(250, 173, 19, 0.8) !important;
  }

  .xl-focus-text-warning-800:focus {
    color: rgba(250, 173, 19, 0.8) !important;
  }
}
.text-warning-900 {
  color: rgba(250, 173, 19, 0.9) !important;
}

.hover-text-warning-900 {
  color: rgba(250, 173, 19, 0.9) !important;
}

.focus-text-warning-900 {
  color: rgba(250, 173, 19, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-warning-900 {
    color: rgba(250, 173, 19, 0.9) !important;
  }

  .sm-hover-text-warning-900:hover {
    color: rgba(250, 173, 19, 0.9) !important;
  }

  .sm-focus-text-warning-900:focus {
    color: rgba(250, 173, 19, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-warning-900 {
    color: rgba(250, 173, 19, 0.9) !important;
  }

  .md-hover-text-warning-900:hover {
    color: rgba(250, 173, 19, 0.9) !important;
  }

  .md-focus-text-warning-900:focus {
    color: rgba(250, 173, 19, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-warning-900 {
    color: rgba(250, 173, 19, 0.9) !important;
  }

  .lg-hover-text-warning-900:hover {
    color: rgba(250, 173, 19, 0.9) !important;
  }

  .lg-focus-text-warning-900:focus {
    color: rgba(250, 173, 19, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-warning-900 {
    color: rgba(250, 173, 19, 0.9) !important;
  }

  .xl-hover-text-warning-900:hover {
    color: rgba(250, 173, 19, 0.9) !important;
  }

  .xl-focus-text-warning-900:focus {
    color: rgba(250, 173, 19, 0.9) !important;
  }
}
.text-danger {
  color: #F2607B !important;
}

.hover-text-danger {
  color: #F2607B !important;
}

.focus-text-danger {
  color: #F2607B !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger {
    color: #F2607B !important;
  }

  .sm-hover-text-danger:hover {
    color: #F2607B !important;
  }

  .sm-focus-text-danger:focus {
    color: #F2607B !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger {
    color: #F2607B !important;
  }

  .md-hover-text-danger:hover {
    color: #F2607B !important;
  }

  .md-focus-text-danger:focus {
    color: #F2607B !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger {
    color: #F2607B !important;
  }

  .lg-hover-text-danger:hover {
    color: #F2607B !important;
  }

  .lg-focus-text-danger:focus {
    color: #F2607B !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger {
    color: #F2607B !important;
  }

  .xl-hover-text-danger:hover {
    color: #F2607B !important;
  }

  .xl-focus-text-danger:focus {
    color: #F2607B !important;
  }
}
.text-danger-100 {
  color: rgba(242, 96, 123, 0.1) !important;
}

.hover-text-danger-100 {
  color: rgba(242, 96, 123, 0.1) !important;
}

.focus-text-danger-100 {
  color: rgba(242, 96, 123, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-100 {
    color: rgba(242, 96, 123, 0.1) !important;
  }

  .sm-hover-text-danger-100:hover {
    color: rgba(242, 96, 123, 0.1) !important;
  }

  .sm-focus-text-danger-100:focus {
    color: rgba(242, 96, 123, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-100 {
    color: rgba(242, 96, 123, 0.1) !important;
  }

  .md-hover-text-danger-100:hover {
    color: rgba(242, 96, 123, 0.1) !important;
  }

  .md-focus-text-danger-100:focus {
    color: rgba(242, 96, 123, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-100 {
    color: rgba(242, 96, 123, 0.1) !important;
  }

  .lg-hover-text-danger-100:hover {
    color: rgba(242, 96, 123, 0.1) !important;
  }

  .lg-focus-text-danger-100:focus {
    color: rgba(242, 96, 123, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-100 {
    color: rgba(242, 96, 123, 0.1) !important;
  }

  .xl-hover-text-danger-100:hover {
    color: rgba(242, 96, 123, 0.1) !important;
  }

  .xl-focus-text-danger-100:focus {
    color: rgba(242, 96, 123, 0.1) !important;
  }
}
.text-danger-200 {
  color: rgba(242, 96, 123, 0.2) !important;
}

.hover-text-danger-200 {
  color: rgba(242, 96, 123, 0.2) !important;
}

.focus-text-danger-200 {
  color: rgba(242, 96, 123, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-200 {
    color: rgba(242, 96, 123, 0.2) !important;
  }

  .sm-hover-text-danger-200:hover {
    color: rgba(242, 96, 123, 0.2) !important;
  }

  .sm-focus-text-danger-200:focus {
    color: rgba(242, 96, 123, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-200 {
    color: rgba(242, 96, 123, 0.2) !important;
  }

  .md-hover-text-danger-200:hover {
    color: rgba(242, 96, 123, 0.2) !important;
  }

  .md-focus-text-danger-200:focus {
    color: rgba(242, 96, 123, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-200 {
    color: rgba(242, 96, 123, 0.2) !important;
  }

  .lg-hover-text-danger-200:hover {
    color: rgba(242, 96, 123, 0.2) !important;
  }

  .lg-focus-text-danger-200:focus {
    color: rgba(242, 96, 123, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-200 {
    color: rgba(242, 96, 123, 0.2) !important;
  }

  .xl-hover-text-danger-200:hover {
    color: rgba(242, 96, 123, 0.2) !important;
  }

  .xl-focus-text-danger-200:focus {
    color: rgba(242, 96, 123, 0.2) !important;
  }
}
.text-danger-300 {
  color: rgba(242, 96, 123, 0.3) !important;
}

.hover-text-danger-300 {
  color: rgba(242, 96, 123, 0.3) !important;
}

.focus-text-danger-300 {
  color: rgba(242, 96, 123, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-300 {
    color: rgba(242, 96, 123, 0.3) !important;
  }

  .sm-hover-text-danger-300:hover {
    color: rgba(242, 96, 123, 0.3) !important;
  }

  .sm-focus-text-danger-300:focus {
    color: rgba(242, 96, 123, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-300 {
    color: rgba(242, 96, 123, 0.3) !important;
  }

  .md-hover-text-danger-300:hover {
    color: rgba(242, 96, 123, 0.3) !important;
  }

  .md-focus-text-danger-300:focus {
    color: rgba(242, 96, 123, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-300 {
    color: rgba(242, 96, 123, 0.3) !important;
  }

  .lg-hover-text-danger-300:hover {
    color: rgba(242, 96, 123, 0.3) !important;
  }

  .lg-focus-text-danger-300:focus {
    color: rgba(242, 96, 123, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-300 {
    color: rgba(242, 96, 123, 0.3) !important;
  }

  .xl-hover-text-danger-300:hover {
    color: rgba(242, 96, 123, 0.3) !important;
  }

  .xl-focus-text-danger-300:focus {
    color: rgba(242, 96, 123, 0.3) !important;
  }
}
.text-danger-400 {
  color: rgba(242, 96, 123, 0.4) !important;
}

.hover-text-danger-400 {
  color: rgba(242, 96, 123, 0.4) !important;
}

.focus-text-danger-400 {
  color: rgba(242, 96, 123, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-400 {
    color: rgba(242, 96, 123, 0.4) !important;
  }

  .sm-hover-text-danger-400:hover {
    color: rgba(242, 96, 123, 0.4) !important;
  }

  .sm-focus-text-danger-400:focus {
    color: rgba(242, 96, 123, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-400 {
    color: rgba(242, 96, 123, 0.4) !important;
  }

  .md-hover-text-danger-400:hover {
    color: rgba(242, 96, 123, 0.4) !important;
  }

  .md-focus-text-danger-400:focus {
    color: rgba(242, 96, 123, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-400 {
    color: rgba(242, 96, 123, 0.4) !important;
  }

  .lg-hover-text-danger-400:hover {
    color: rgba(242, 96, 123, 0.4) !important;
  }

  .lg-focus-text-danger-400:focus {
    color: rgba(242, 96, 123, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-400 {
    color: rgba(242, 96, 123, 0.4) !important;
  }

  .xl-hover-text-danger-400:hover {
    color: rgba(242, 96, 123, 0.4) !important;
  }

  .xl-focus-text-danger-400:focus {
    color: rgba(242, 96, 123, 0.4) !important;
  }
}
.text-danger-500 {
  color: rgba(242, 96, 123, 0.5) !important;
}

.hover-text-danger-500 {
  color: rgba(242, 96, 123, 0.5) !important;
}

.focus-text-danger-500 {
  color: rgba(242, 96, 123, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-500 {
    color: rgba(242, 96, 123, 0.5) !important;
  }

  .sm-hover-text-danger-500:hover {
    color: rgba(242, 96, 123, 0.5) !important;
  }

  .sm-focus-text-danger-500:focus {
    color: rgba(242, 96, 123, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-500 {
    color: rgba(242, 96, 123, 0.5) !important;
  }

  .md-hover-text-danger-500:hover {
    color: rgba(242, 96, 123, 0.5) !important;
  }

  .md-focus-text-danger-500:focus {
    color: rgba(242, 96, 123, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-500 {
    color: rgba(242, 96, 123, 0.5) !important;
  }

  .lg-hover-text-danger-500:hover {
    color: rgba(242, 96, 123, 0.5) !important;
  }

  .lg-focus-text-danger-500:focus {
    color: rgba(242, 96, 123, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-500 {
    color: rgba(242, 96, 123, 0.5) !important;
  }

  .xl-hover-text-danger-500:hover {
    color: rgba(242, 96, 123, 0.5) !important;
  }

  .xl-focus-text-danger-500:focus {
    color: rgba(242, 96, 123, 0.5) !important;
  }
}
.text-danger-600 {
  color: rgba(242, 96, 123, 0.6) !important;
}

.hover-text-danger-600 {
  color: rgba(242, 96, 123, 0.6) !important;
}

.focus-text-danger-600 {
  color: rgba(242, 96, 123, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-600 {
    color: rgba(242, 96, 123, 0.6) !important;
  }

  .sm-hover-text-danger-600:hover {
    color: rgba(242, 96, 123, 0.6) !important;
  }

  .sm-focus-text-danger-600:focus {
    color: rgba(242, 96, 123, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-600 {
    color: rgba(242, 96, 123, 0.6) !important;
  }

  .md-hover-text-danger-600:hover {
    color: rgba(242, 96, 123, 0.6) !important;
  }

  .md-focus-text-danger-600:focus {
    color: rgba(242, 96, 123, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-600 {
    color: rgba(242, 96, 123, 0.6) !important;
  }

  .lg-hover-text-danger-600:hover {
    color: rgba(242, 96, 123, 0.6) !important;
  }

  .lg-focus-text-danger-600:focus {
    color: rgba(242, 96, 123, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-600 {
    color: rgba(242, 96, 123, 0.6) !important;
  }

  .xl-hover-text-danger-600:hover {
    color: rgba(242, 96, 123, 0.6) !important;
  }

  .xl-focus-text-danger-600:focus {
    color: rgba(242, 96, 123, 0.6) !important;
  }
}
.text-danger-700 {
  color: rgba(242, 96, 123, 0.7) !important;
}

.hover-text-danger-700 {
  color: rgba(242, 96, 123, 0.7) !important;
}

.focus-text-danger-700 {
  color: rgba(242, 96, 123, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-700 {
    color: rgba(242, 96, 123, 0.7) !important;
  }

  .sm-hover-text-danger-700:hover {
    color: rgba(242, 96, 123, 0.7) !important;
  }

  .sm-focus-text-danger-700:focus {
    color: rgba(242, 96, 123, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-700 {
    color: rgba(242, 96, 123, 0.7) !important;
  }

  .md-hover-text-danger-700:hover {
    color: rgba(242, 96, 123, 0.7) !important;
  }

  .md-focus-text-danger-700:focus {
    color: rgba(242, 96, 123, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-700 {
    color: rgba(242, 96, 123, 0.7) !important;
  }

  .lg-hover-text-danger-700:hover {
    color: rgba(242, 96, 123, 0.7) !important;
  }

  .lg-focus-text-danger-700:focus {
    color: rgba(242, 96, 123, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-700 {
    color: rgba(242, 96, 123, 0.7) !important;
  }

  .xl-hover-text-danger-700:hover {
    color: rgba(242, 96, 123, 0.7) !important;
  }

  .xl-focus-text-danger-700:focus {
    color: rgba(242, 96, 123, 0.7) !important;
  }
}
.text-danger-800 {
  color: rgba(242, 96, 123, 0.8) !important;
}

.hover-text-danger-800 {
  color: rgba(242, 96, 123, 0.8) !important;
}

.focus-text-danger-800 {
  color: rgba(242, 96, 123, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-800 {
    color: rgba(242, 96, 123, 0.8) !important;
  }

  .sm-hover-text-danger-800:hover {
    color: rgba(242, 96, 123, 0.8) !important;
  }

  .sm-focus-text-danger-800:focus {
    color: rgba(242, 96, 123, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-800 {
    color: rgba(242, 96, 123, 0.8) !important;
  }

  .md-hover-text-danger-800:hover {
    color: rgba(242, 96, 123, 0.8) !important;
  }

  .md-focus-text-danger-800:focus {
    color: rgba(242, 96, 123, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-800 {
    color: rgba(242, 96, 123, 0.8) !important;
  }

  .lg-hover-text-danger-800:hover {
    color: rgba(242, 96, 123, 0.8) !important;
  }

  .lg-focus-text-danger-800:focus {
    color: rgba(242, 96, 123, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-800 {
    color: rgba(242, 96, 123, 0.8) !important;
  }

  .xl-hover-text-danger-800:hover {
    color: rgba(242, 96, 123, 0.8) !important;
  }

  .xl-focus-text-danger-800:focus {
    color: rgba(242, 96, 123, 0.8) !important;
  }
}
.text-danger-900 {
  color: rgba(242, 96, 123, 0.9) !important;
}

.hover-text-danger-900 {
  color: rgba(242, 96, 123, 0.9) !important;
}

.focus-text-danger-900 {
  color: rgba(242, 96, 123, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-danger-900 {
    color: rgba(242, 96, 123, 0.9) !important;
  }

  .sm-hover-text-danger-900:hover {
    color: rgba(242, 96, 123, 0.9) !important;
  }

  .sm-focus-text-danger-900:focus {
    color: rgba(242, 96, 123, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-danger-900 {
    color: rgba(242, 96, 123, 0.9) !important;
  }

  .md-hover-text-danger-900:hover {
    color: rgba(242, 96, 123, 0.9) !important;
  }

  .md-focus-text-danger-900:focus {
    color: rgba(242, 96, 123, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-danger-900 {
    color: rgba(242, 96, 123, 0.9) !important;
  }

  .lg-hover-text-danger-900:hover {
    color: rgba(242, 96, 123, 0.9) !important;
  }

  .lg-focus-text-danger-900:focus {
    color: rgba(242, 96, 123, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-danger-900 {
    color: rgba(242, 96, 123, 0.9) !important;
  }

  .xl-hover-text-danger-900:hover {
    color: rgba(242, 96, 123, 0.9) !important;
  }

  .xl-focus-text-danger-900:focus {
    color: rgba(242, 96, 123, 0.9) !important;
  }
}
.text-black {
  color: black !important;
}

.hover-text-black {
  color: black !important;
}

.focus-text-black {
  color: black !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black {
    color: black !important;
  }

  .sm-hover-text-black:hover {
    color: black !important;
  }

  .sm-focus-text-black:focus {
    color: black !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black {
    color: black !important;
  }

  .md-hover-text-black:hover {
    color: black !important;
  }

  .md-focus-text-black:focus {
    color: black !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black {
    color: black !important;
  }

  .lg-hover-text-black:hover {
    color: black !important;
  }

  .lg-focus-text-black:focus {
    color: black !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black {
    color: black !important;
  }

  .xl-hover-text-black:hover {
    color: black !important;
  }

  .xl-focus-text-black:focus {
    color: black !important;
  }
}
.text-black-100 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.hover-text-black-100 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.focus-text-black-100 {
  color: rgba(0, 0, 0, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-100 {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .sm-hover-text-black-100:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .sm-focus-text-black-100:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-100 {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .md-hover-text-black-100:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .md-focus-text-black-100:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-100 {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .lg-hover-text-black-100:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .lg-focus-text-black-100:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-100 {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .xl-hover-text-black-100:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .xl-focus-text-black-100:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
}
.text-black-200 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.hover-text-black-200 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.focus-text-black-200 {
  color: rgba(0, 0, 0, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-200 {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .sm-hover-text-black-200:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .sm-focus-text-black-200:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-200 {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .md-hover-text-black-200:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .md-focus-text-black-200:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-200 {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .lg-hover-text-black-200:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .lg-focus-text-black-200:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-200 {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .xl-hover-text-black-200:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .xl-focus-text-black-200:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
}
.text-black-300 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.hover-text-black-300 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.focus-text-black-300 {
  color: rgba(0, 0, 0, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-300 {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .sm-hover-text-black-300:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .sm-focus-text-black-300:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-300 {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .md-hover-text-black-300:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .md-focus-text-black-300:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-300 {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .lg-hover-text-black-300:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .lg-focus-text-black-300:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-300 {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .xl-hover-text-black-300:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .xl-focus-text-black-300:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
}
.text-black-400 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.hover-text-black-400 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.focus-text-black-400 {
  color: rgba(0, 0, 0, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-400 {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .sm-hover-text-black-400:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .sm-focus-text-black-400:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-400 {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .md-hover-text-black-400:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .md-focus-text-black-400:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-400 {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .lg-hover-text-black-400:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .lg-focus-text-black-400:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-400 {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .xl-hover-text-black-400:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .xl-focus-text-black-400:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
}
.text-black-500 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.hover-text-black-500 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.focus-text-black-500 {
  color: rgba(0, 0, 0, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-500 {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .sm-hover-text-black-500:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .sm-focus-text-black-500:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-500 {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .md-hover-text-black-500:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .md-focus-text-black-500:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-500 {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .lg-hover-text-black-500:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .lg-focus-text-black-500:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-500 {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .xl-hover-text-black-500:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .xl-focus-text-black-500:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
.text-black-600 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.hover-text-black-600 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.focus-text-black-600 {
  color: rgba(0, 0, 0, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-600 {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .sm-hover-text-black-600:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .sm-focus-text-black-600:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-600 {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .md-hover-text-black-600:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .md-focus-text-black-600:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-600 {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .lg-hover-text-black-600:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .lg-focus-text-black-600:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-600 {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .xl-hover-text-black-600:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .xl-focus-text-black-600:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}
.text-black-700 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.hover-text-black-700 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.focus-text-black-700 {
  color: rgba(0, 0, 0, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-700 {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .sm-hover-text-black-700:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .sm-focus-text-black-700:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-700 {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .md-hover-text-black-700:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .md-focus-text-black-700:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-700 {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .lg-hover-text-black-700:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .lg-focus-text-black-700:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-700 {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .xl-hover-text-black-700:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .xl-focus-text-black-700:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
}
.text-black-800 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.hover-text-black-800 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.focus-text-black-800 {
  color: rgba(0, 0, 0, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-800 {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .sm-hover-text-black-800:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .sm-focus-text-black-800:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-800 {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .md-hover-text-black-800:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .md-focus-text-black-800:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-800 {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .lg-hover-text-black-800:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .lg-focus-text-black-800:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-800 {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .xl-hover-text-black-800:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .xl-focus-text-black-800:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
}
.text-black-900 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.hover-text-black-900 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.focus-text-black-900 {
  color: rgba(0, 0, 0, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-900 {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .sm-hover-text-black-900:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .sm-focus-text-black-900:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-900 {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .md-hover-text-black-900:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .md-focus-text-black-900:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-black-900 {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .lg-hover-text-black-900:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .lg-focus-text-black-900:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-black-900 {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .xl-hover-text-black-900:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .xl-focus-text-black-900:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}
.text-gray {
  color: black !important;
}

.hover-text-gray {
  color: black !important;
}

.focus-text-gray {
  color: black !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray {
    color: black !important;
  }

  .sm-hover-text-gray:hover {
    color: black !important;
  }

  .sm-focus-text-gray:focus {
    color: black !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray {
    color: black !important;
  }

  .md-hover-text-gray:hover {
    color: black !important;
  }

  .md-focus-text-gray:focus {
    color: black !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray {
    color: black !important;
  }

  .lg-hover-text-gray:hover {
    color: black !important;
  }

  .lg-focus-text-gray:focus {
    color: black !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray {
    color: black !important;
  }

  .xl-hover-text-gray:hover {
    color: black !important;
  }

  .xl-focus-text-gray:focus {
    color: black !important;
  }
}
.text-gray-100 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.hover-text-gray-100 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.focus-text-gray-100 {
  color: rgba(0, 0, 0, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-100 {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .sm-hover-text-gray-100:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .sm-focus-text-gray-100:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-100 {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .md-hover-text-gray-100:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .md-focus-text-gray-100:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-100 {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .lg-hover-text-gray-100:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .lg-focus-text-gray-100:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-100 {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .xl-hover-text-gray-100:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }

  .xl-focus-text-gray-100:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
}
.text-gray-200 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.hover-text-gray-200 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.focus-text-gray-200 {
  color: rgba(0, 0, 0, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-200 {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .sm-hover-text-gray-200:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .sm-focus-text-gray-200:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-200 {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .md-hover-text-gray-200:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .md-focus-text-gray-200:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-200 {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .lg-hover-text-gray-200:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .lg-focus-text-gray-200:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-200 {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .xl-hover-text-gray-200:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }

  .xl-focus-text-gray-200:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
}
.text-gray-300 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.hover-text-gray-300 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.focus-text-gray-300 {
  color: rgba(0, 0, 0, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-300 {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .sm-hover-text-gray-300:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .sm-focus-text-gray-300:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-300 {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .md-hover-text-gray-300:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .md-focus-text-gray-300:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-300 {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .lg-hover-text-gray-300:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .lg-focus-text-gray-300:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-300 {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .xl-hover-text-gray-300:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }

  .xl-focus-text-gray-300:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
}
.text-gray-400 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.hover-text-gray-400 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.focus-text-gray-400 {
  color: rgba(0, 0, 0, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-400 {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .sm-hover-text-gray-400:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .sm-focus-text-gray-400:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-400 {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .md-hover-text-gray-400:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .md-focus-text-gray-400:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-400 {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .lg-hover-text-gray-400:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .lg-focus-text-gray-400:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-400 {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .xl-hover-text-gray-400:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }

  .xl-focus-text-gray-400:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
}
.text-gray-500 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.hover-text-gray-500 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.focus-text-gray-500 {
  color: rgba(0, 0, 0, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-500 {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .sm-hover-text-gray-500:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .sm-focus-text-gray-500:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-500 {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .md-hover-text-gray-500:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .md-focus-text-gray-500:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-500 {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .lg-hover-text-gray-500:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .lg-focus-text-gray-500:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-500 {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .xl-hover-text-gray-500:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }

  .xl-focus-text-gray-500:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
.text-gray-600 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.hover-text-gray-600 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.focus-text-gray-600 {
  color: rgba(0, 0, 0, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-600 {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .sm-hover-text-gray-600:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .sm-focus-text-gray-600:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-600 {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .md-hover-text-gray-600:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .md-focus-text-gray-600:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-600 {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .lg-hover-text-gray-600:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .lg-focus-text-gray-600:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-600 {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .xl-hover-text-gray-600:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }

  .xl-focus-text-gray-600:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}
.text-gray-700 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.hover-text-gray-700 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.focus-text-gray-700 {
  color: rgba(0, 0, 0, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-700 {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .sm-hover-text-gray-700:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .sm-focus-text-gray-700:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-700 {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .md-hover-text-gray-700:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .md-focus-text-gray-700:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-700 {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .lg-hover-text-gray-700:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .lg-focus-text-gray-700:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-700 {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .xl-hover-text-gray-700:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  .xl-focus-text-gray-700:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
}
.text-gray-800 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.hover-text-gray-800 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.focus-text-gray-800 {
  color: rgba(0, 0, 0, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-800 {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .sm-hover-text-gray-800:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .sm-focus-text-gray-800:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-800 {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .md-hover-text-gray-800:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .md-focus-text-gray-800:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-800 {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .lg-hover-text-gray-800:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .lg-focus-text-gray-800:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-800 {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .xl-hover-text-gray-800:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }

  .xl-focus-text-gray-800:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
}
.text-gray-900 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.hover-text-gray-900 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.focus-text-gray-900 {
  color: rgba(0, 0, 0, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-900 {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .sm-hover-text-gray-900:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .sm-focus-text-gray-900:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-900 {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .md-hover-text-gray-900:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .md-focus-text-gray-900:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-900 {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .lg-hover-text-gray-900:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .lg-focus-text-gray-900:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-900 {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .xl-hover-text-gray-900:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }

  .xl-focus-text-gray-900:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}
.text-gray-light {
  color: #F2F2F2 !important;
}

.hover-text-gray-light {
  color: #F2F2F2 !important;
}

.focus-text-gray-light {
  color: #F2F2F2 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light {
    color: #F2F2F2 !important;
  }

  .sm-hover-text-gray-light:hover {
    color: #F2F2F2 !important;
  }

  .sm-focus-text-gray-light:focus {
    color: #F2F2F2 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light {
    color: #F2F2F2 !important;
  }

  .md-hover-text-gray-light:hover {
    color: #F2F2F2 !important;
  }

  .md-focus-text-gray-light:focus {
    color: #F2F2F2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light {
    color: #F2F2F2 !important;
  }

  .lg-hover-text-gray-light:hover {
    color: #F2F2F2 !important;
  }

  .lg-focus-text-gray-light:focus {
    color: #F2F2F2 !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light {
    color: #F2F2F2 !important;
  }

  .xl-hover-text-gray-light:hover {
    color: #F2F2F2 !important;
  }

  .xl-focus-text-gray-light:focus {
    color: #F2F2F2 !important;
  }
}
.text-gray-light-100 {
  color: rgba(242, 242, 242, 0.1) !important;
}

.hover-text-gray-light-100 {
  color: rgba(242, 242, 242, 0.1) !important;
}

.focus-text-gray-light-100 {
  color: rgba(242, 242, 242, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-100 {
    color: rgba(242, 242, 242, 0.1) !important;
  }

  .sm-hover-text-gray-light-100:hover {
    color: rgba(242, 242, 242, 0.1) !important;
  }

  .sm-focus-text-gray-light-100:focus {
    color: rgba(242, 242, 242, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-100 {
    color: rgba(242, 242, 242, 0.1) !important;
  }

  .md-hover-text-gray-light-100:hover {
    color: rgba(242, 242, 242, 0.1) !important;
  }

  .md-focus-text-gray-light-100:focus {
    color: rgba(242, 242, 242, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-100 {
    color: rgba(242, 242, 242, 0.1) !important;
  }

  .lg-hover-text-gray-light-100:hover {
    color: rgba(242, 242, 242, 0.1) !important;
  }

  .lg-focus-text-gray-light-100:focus {
    color: rgba(242, 242, 242, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-100 {
    color: rgba(242, 242, 242, 0.1) !important;
  }

  .xl-hover-text-gray-light-100:hover {
    color: rgba(242, 242, 242, 0.1) !important;
  }

  .xl-focus-text-gray-light-100:focus {
    color: rgba(242, 242, 242, 0.1) !important;
  }
}
.text-gray-light-200 {
  color: rgba(242, 242, 242, 0.2) !important;
}

.hover-text-gray-light-200 {
  color: rgba(242, 242, 242, 0.2) !important;
}

.focus-text-gray-light-200 {
  color: rgba(242, 242, 242, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-200 {
    color: rgba(242, 242, 242, 0.2) !important;
  }

  .sm-hover-text-gray-light-200:hover {
    color: rgba(242, 242, 242, 0.2) !important;
  }

  .sm-focus-text-gray-light-200:focus {
    color: rgba(242, 242, 242, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-200 {
    color: rgba(242, 242, 242, 0.2) !important;
  }

  .md-hover-text-gray-light-200:hover {
    color: rgba(242, 242, 242, 0.2) !important;
  }

  .md-focus-text-gray-light-200:focus {
    color: rgba(242, 242, 242, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-200 {
    color: rgba(242, 242, 242, 0.2) !important;
  }

  .lg-hover-text-gray-light-200:hover {
    color: rgba(242, 242, 242, 0.2) !important;
  }

  .lg-focus-text-gray-light-200:focus {
    color: rgba(242, 242, 242, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-200 {
    color: rgba(242, 242, 242, 0.2) !important;
  }

  .xl-hover-text-gray-light-200:hover {
    color: rgba(242, 242, 242, 0.2) !important;
  }

  .xl-focus-text-gray-light-200:focus {
    color: rgba(242, 242, 242, 0.2) !important;
  }
}
.text-gray-light-300 {
  color: rgba(242, 242, 242, 0.3) !important;
}

.hover-text-gray-light-300 {
  color: rgba(242, 242, 242, 0.3) !important;
}

.focus-text-gray-light-300 {
  color: rgba(242, 242, 242, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-300 {
    color: rgba(242, 242, 242, 0.3) !important;
  }

  .sm-hover-text-gray-light-300:hover {
    color: rgba(242, 242, 242, 0.3) !important;
  }

  .sm-focus-text-gray-light-300:focus {
    color: rgba(242, 242, 242, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-300 {
    color: rgba(242, 242, 242, 0.3) !important;
  }

  .md-hover-text-gray-light-300:hover {
    color: rgba(242, 242, 242, 0.3) !important;
  }

  .md-focus-text-gray-light-300:focus {
    color: rgba(242, 242, 242, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-300 {
    color: rgba(242, 242, 242, 0.3) !important;
  }

  .lg-hover-text-gray-light-300:hover {
    color: rgba(242, 242, 242, 0.3) !important;
  }

  .lg-focus-text-gray-light-300:focus {
    color: rgba(242, 242, 242, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-300 {
    color: rgba(242, 242, 242, 0.3) !important;
  }

  .xl-hover-text-gray-light-300:hover {
    color: rgba(242, 242, 242, 0.3) !important;
  }

  .xl-focus-text-gray-light-300:focus {
    color: rgba(242, 242, 242, 0.3) !important;
  }
}
.text-gray-light-400 {
  color: rgba(242, 242, 242, 0.4) !important;
}

.hover-text-gray-light-400 {
  color: rgba(242, 242, 242, 0.4) !important;
}

.focus-text-gray-light-400 {
  color: rgba(242, 242, 242, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-400 {
    color: rgba(242, 242, 242, 0.4) !important;
  }

  .sm-hover-text-gray-light-400:hover {
    color: rgba(242, 242, 242, 0.4) !important;
  }

  .sm-focus-text-gray-light-400:focus {
    color: rgba(242, 242, 242, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-400 {
    color: rgba(242, 242, 242, 0.4) !important;
  }

  .md-hover-text-gray-light-400:hover {
    color: rgba(242, 242, 242, 0.4) !important;
  }

  .md-focus-text-gray-light-400:focus {
    color: rgba(242, 242, 242, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-400 {
    color: rgba(242, 242, 242, 0.4) !important;
  }

  .lg-hover-text-gray-light-400:hover {
    color: rgba(242, 242, 242, 0.4) !important;
  }

  .lg-focus-text-gray-light-400:focus {
    color: rgba(242, 242, 242, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-400 {
    color: rgba(242, 242, 242, 0.4) !important;
  }

  .xl-hover-text-gray-light-400:hover {
    color: rgba(242, 242, 242, 0.4) !important;
  }

  .xl-focus-text-gray-light-400:focus {
    color: rgba(242, 242, 242, 0.4) !important;
  }
}
.text-gray-light-500 {
  color: rgba(242, 242, 242, 0.5) !important;
}

.hover-text-gray-light-500 {
  color: rgba(242, 242, 242, 0.5) !important;
}

.focus-text-gray-light-500 {
  color: rgba(242, 242, 242, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-500 {
    color: rgba(242, 242, 242, 0.5) !important;
  }

  .sm-hover-text-gray-light-500:hover {
    color: rgba(242, 242, 242, 0.5) !important;
  }

  .sm-focus-text-gray-light-500:focus {
    color: rgba(242, 242, 242, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-500 {
    color: rgba(242, 242, 242, 0.5) !important;
  }

  .md-hover-text-gray-light-500:hover {
    color: rgba(242, 242, 242, 0.5) !important;
  }

  .md-focus-text-gray-light-500:focus {
    color: rgba(242, 242, 242, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-500 {
    color: rgba(242, 242, 242, 0.5) !important;
  }

  .lg-hover-text-gray-light-500:hover {
    color: rgba(242, 242, 242, 0.5) !important;
  }

  .lg-focus-text-gray-light-500:focus {
    color: rgba(242, 242, 242, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-500 {
    color: rgba(242, 242, 242, 0.5) !important;
  }

  .xl-hover-text-gray-light-500:hover {
    color: rgba(242, 242, 242, 0.5) !important;
  }

  .xl-focus-text-gray-light-500:focus {
    color: rgba(242, 242, 242, 0.5) !important;
  }
}
.text-gray-light-600 {
  color: rgba(242, 242, 242, 0.6) !important;
}

.hover-text-gray-light-600 {
  color: rgba(242, 242, 242, 0.6) !important;
}

.focus-text-gray-light-600 {
  color: rgba(242, 242, 242, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-600 {
    color: rgba(242, 242, 242, 0.6) !important;
  }

  .sm-hover-text-gray-light-600:hover {
    color: rgba(242, 242, 242, 0.6) !important;
  }

  .sm-focus-text-gray-light-600:focus {
    color: rgba(242, 242, 242, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-600 {
    color: rgba(242, 242, 242, 0.6) !important;
  }

  .md-hover-text-gray-light-600:hover {
    color: rgba(242, 242, 242, 0.6) !important;
  }

  .md-focus-text-gray-light-600:focus {
    color: rgba(242, 242, 242, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-600 {
    color: rgba(242, 242, 242, 0.6) !important;
  }

  .lg-hover-text-gray-light-600:hover {
    color: rgba(242, 242, 242, 0.6) !important;
  }

  .lg-focus-text-gray-light-600:focus {
    color: rgba(242, 242, 242, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-600 {
    color: rgba(242, 242, 242, 0.6) !important;
  }

  .xl-hover-text-gray-light-600:hover {
    color: rgba(242, 242, 242, 0.6) !important;
  }

  .xl-focus-text-gray-light-600:focus {
    color: rgba(242, 242, 242, 0.6) !important;
  }
}
.text-gray-light-700 {
  color: rgba(242, 242, 242, 0.7) !important;
}

.hover-text-gray-light-700 {
  color: rgba(242, 242, 242, 0.7) !important;
}

.focus-text-gray-light-700 {
  color: rgba(242, 242, 242, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-700 {
    color: rgba(242, 242, 242, 0.7) !important;
  }

  .sm-hover-text-gray-light-700:hover {
    color: rgba(242, 242, 242, 0.7) !important;
  }

  .sm-focus-text-gray-light-700:focus {
    color: rgba(242, 242, 242, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-700 {
    color: rgba(242, 242, 242, 0.7) !important;
  }

  .md-hover-text-gray-light-700:hover {
    color: rgba(242, 242, 242, 0.7) !important;
  }

  .md-focus-text-gray-light-700:focus {
    color: rgba(242, 242, 242, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-700 {
    color: rgba(242, 242, 242, 0.7) !important;
  }

  .lg-hover-text-gray-light-700:hover {
    color: rgba(242, 242, 242, 0.7) !important;
  }

  .lg-focus-text-gray-light-700:focus {
    color: rgba(242, 242, 242, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-700 {
    color: rgba(242, 242, 242, 0.7) !important;
  }

  .xl-hover-text-gray-light-700:hover {
    color: rgba(242, 242, 242, 0.7) !important;
  }

  .xl-focus-text-gray-light-700:focus {
    color: rgba(242, 242, 242, 0.7) !important;
  }
}
.text-gray-light-800 {
  color: rgba(242, 242, 242, 0.8) !important;
}

.hover-text-gray-light-800 {
  color: rgba(242, 242, 242, 0.8) !important;
}

.focus-text-gray-light-800 {
  color: rgba(242, 242, 242, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-800 {
    color: rgba(242, 242, 242, 0.8) !important;
  }

  .sm-hover-text-gray-light-800:hover {
    color: rgba(242, 242, 242, 0.8) !important;
  }

  .sm-focus-text-gray-light-800:focus {
    color: rgba(242, 242, 242, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-800 {
    color: rgba(242, 242, 242, 0.8) !important;
  }

  .md-hover-text-gray-light-800:hover {
    color: rgba(242, 242, 242, 0.8) !important;
  }

  .md-focus-text-gray-light-800:focus {
    color: rgba(242, 242, 242, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-800 {
    color: rgba(242, 242, 242, 0.8) !important;
  }

  .lg-hover-text-gray-light-800:hover {
    color: rgba(242, 242, 242, 0.8) !important;
  }

  .lg-focus-text-gray-light-800:focus {
    color: rgba(242, 242, 242, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-800 {
    color: rgba(242, 242, 242, 0.8) !important;
  }

  .xl-hover-text-gray-light-800:hover {
    color: rgba(242, 242, 242, 0.8) !important;
  }

  .xl-focus-text-gray-light-800:focus {
    color: rgba(242, 242, 242, 0.8) !important;
  }
}
.text-gray-light-900 {
  color: rgba(242, 242, 242, 0.9) !important;
}

.hover-text-gray-light-900 {
  color: rgba(242, 242, 242, 0.9) !important;
}

.focus-text-gray-light-900 {
  color: rgba(242, 242, 242, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-900 {
    color: rgba(242, 242, 242, 0.9) !important;
  }

  .sm-hover-text-gray-light-900:hover {
    color: rgba(242, 242, 242, 0.9) !important;
  }

  .sm-focus-text-gray-light-900:focus {
    color: rgba(242, 242, 242, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-light-900 {
    color: rgba(242, 242, 242, 0.9) !important;
  }

  .md-hover-text-gray-light-900:hover {
    color: rgba(242, 242, 242, 0.9) !important;
  }

  .md-focus-text-gray-light-900:focus {
    color: rgba(242, 242, 242, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-gray-light-900 {
    color: rgba(242, 242, 242, 0.9) !important;
  }

  .lg-hover-text-gray-light-900:hover {
    color: rgba(242, 242, 242, 0.9) !important;
  }

  .lg-focus-text-gray-light-900:focus {
    color: rgba(242, 242, 242, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-gray-light-900 {
    color: rgba(242, 242, 242, 0.9) !important;
  }

  .xl-hover-text-gray-light-900:hover {
    color: rgba(242, 242, 242, 0.9) !important;
  }

  .xl-focus-text-gray-light-900:focus {
    color: rgba(242, 242, 242, 0.9) !important;
  }
}
.text-white {
  color: white !important;
}

.hover-text-white {
  color: white !important;
}

.focus-text-white {
  color: white !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white {
    color: white !important;
  }

  .sm-hover-text-white:hover {
    color: white !important;
  }

  .sm-focus-text-white:focus {
    color: white !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white {
    color: white !important;
  }

  .md-hover-text-white:hover {
    color: white !important;
  }

  .md-focus-text-white:focus {
    color: white !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white {
    color: white !important;
  }

  .lg-hover-text-white:hover {
    color: white !important;
  }

  .lg-focus-text-white:focus {
    color: white !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white {
    color: white !important;
  }

  .xl-hover-text-white:hover {
    color: white !important;
  }

  .xl-focus-text-white:focus {
    color: white !important;
  }
}
.text-white-100 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.hover-text-white-100 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.focus-text-white-100 {
  color: rgba(255, 255, 255, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-100 {
    color: rgba(255, 255, 255, 0.1) !important;
  }

  .sm-hover-text-white-100:hover {
    color: rgba(255, 255, 255, 0.1) !important;
  }

  .sm-focus-text-white-100:focus {
    color: rgba(255, 255, 255, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-100 {
    color: rgba(255, 255, 255, 0.1) !important;
  }

  .md-hover-text-white-100:hover {
    color: rgba(255, 255, 255, 0.1) !important;
  }

  .md-focus-text-white-100:focus {
    color: rgba(255, 255, 255, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-100 {
    color: rgba(255, 255, 255, 0.1) !important;
  }

  .lg-hover-text-white-100:hover {
    color: rgba(255, 255, 255, 0.1) !important;
  }

  .lg-focus-text-white-100:focus {
    color: rgba(255, 255, 255, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-100 {
    color: rgba(255, 255, 255, 0.1) !important;
  }

  .xl-hover-text-white-100:hover {
    color: rgba(255, 255, 255, 0.1) !important;
  }

  .xl-focus-text-white-100:focus {
    color: rgba(255, 255, 255, 0.1) !important;
  }
}
.text-white-200 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.hover-text-white-200 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.focus-text-white-200 {
  color: rgba(255, 255, 255, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-200 {
    color: rgba(255, 255, 255, 0.2) !important;
  }

  .sm-hover-text-white-200:hover {
    color: rgba(255, 255, 255, 0.2) !important;
  }

  .sm-focus-text-white-200:focus {
    color: rgba(255, 255, 255, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-200 {
    color: rgba(255, 255, 255, 0.2) !important;
  }

  .md-hover-text-white-200:hover {
    color: rgba(255, 255, 255, 0.2) !important;
  }

  .md-focus-text-white-200:focus {
    color: rgba(255, 255, 255, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-200 {
    color: rgba(255, 255, 255, 0.2) !important;
  }

  .lg-hover-text-white-200:hover {
    color: rgba(255, 255, 255, 0.2) !important;
  }

  .lg-focus-text-white-200:focus {
    color: rgba(255, 255, 255, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-200 {
    color: rgba(255, 255, 255, 0.2) !important;
  }

  .xl-hover-text-white-200:hover {
    color: rgba(255, 255, 255, 0.2) !important;
  }

  .xl-focus-text-white-200:focus {
    color: rgba(255, 255, 255, 0.2) !important;
  }
}
.text-white-300 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.hover-text-white-300 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.focus-text-white-300 {
  color: rgba(255, 255, 255, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-300 {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .sm-hover-text-white-300:hover {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .sm-focus-text-white-300:focus {
    color: rgba(255, 255, 255, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-300 {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .md-hover-text-white-300:hover {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .md-focus-text-white-300:focus {
    color: rgba(255, 255, 255, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-300 {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .lg-hover-text-white-300:hover {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .lg-focus-text-white-300:focus {
    color: rgba(255, 255, 255, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-300 {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .xl-hover-text-white-300:hover {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .xl-focus-text-white-300:focus {
    color: rgba(255, 255, 255, 0.3) !important;
  }
}
.text-white-400 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.hover-text-white-400 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.focus-text-white-400 {
  color: rgba(255, 255, 255, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-400 {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .sm-hover-text-white-400:hover {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .sm-focus-text-white-400:focus {
    color: rgba(255, 255, 255, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-400 {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .md-hover-text-white-400:hover {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .md-focus-text-white-400:focus {
    color: rgba(255, 255, 255, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-400 {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .lg-hover-text-white-400:hover {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .lg-focus-text-white-400:focus {
    color: rgba(255, 255, 255, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-400 {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .xl-hover-text-white-400:hover {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  .xl-focus-text-white-400:focus {
    color: rgba(255, 255, 255, 0.4) !important;
  }
}
.text-white-500 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.hover-text-white-500 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.focus-text-white-500 {
  color: rgba(255, 255, 255, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-500 {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .sm-hover-text-white-500:hover {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .sm-focus-text-white-500:focus {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-500 {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .md-hover-text-white-500:hover {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .md-focus-text-white-500:focus {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-500 {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .lg-hover-text-white-500:hover {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .lg-focus-text-white-500:focus {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-500 {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .xl-hover-text-white-500:hover {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  .xl-focus-text-white-500:focus {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}
.text-white-600 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.hover-text-white-600 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.focus-text-white-600 {
  color: rgba(255, 255, 255, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-600 {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .sm-hover-text-white-600:hover {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .sm-focus-text-white-600:focus {
    color: rgba(255, 255, 255, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-600 {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .md-hover-text-white-600:hover {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .md-focus-text-white-600:focus {
    color: rgba(255, 255, 255, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-600 {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .lg-hover-text-white-600:hover {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .lg-focus-text-white-600:focus {
    color: rgba(255, 255, 255, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-600 {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .xl-hover-text-white-600:hover {
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .xl-focus-text-white-600:focus {
    color: rgba(255, 255, 255, 0.6) !important;
  }
}
.text-white-700 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.hover-text-white-700 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.focus-text-white-700 {
  color: rgba(255, 255, 255, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-700 {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .sm-hover-text-white-700:hover {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .sm-focus-text-white-700:focus {
    color: rgba(255, 255, 255, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-700 {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .md-hover-text-white-700:hover {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .md-focus-text-white-700:focus {
    color: rgba(255, 255, 255, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-700 {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .lg-hover-text-white-700:hover {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .lg-focus-text-white-700:focus {
    color: rgba(255, 255, 255, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-700 {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .xl-hover-text-white-700:hover {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .xl-focus-text-white-700:focus {
    color: rgba(255, 255, 255, 0.7) !important;
  }
}
.text-white-800 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.hover-text-white-800 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.focus-text-white-800 {
  color: rgba(255, 255, 255, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-800 {
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .sm-hover-text-white-800:hover {
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .sm-focus-text-white-800:focus {
    color: rgba(255, 255, 255, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-800 {
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .md-hover-text-white-800:hover {
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .md-focus-text-white-800:focus {
    color: rgba(255, 255, 255, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-800 {
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .lg-hover-text-white-800:hover {
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .lg-focus-text-white-800:focus {
    color: rgba(255, 255, 255, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-800 {
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .xl-hover-text-white-800:hover {
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .xl-focus-text-white-800:focus {
    color: rgba(255, 255, 255, 0.8) !important;
  }
}
.text-white-900 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.hover-text-white-900 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.focus-text-white-900 {
  color: rgba(255, 255, 255, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-white-900 {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .sm-hover-text-white-900:hover {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .sm-focus-text-white-900:focus {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-white-900 {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .md-hover-text-white-900:hover {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .md-focus-text-white-900:focus {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-text-white-900 {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .lg-hover-text-white-900:hover {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .lg-focus-text-white-900:focus {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-text-white-900 {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .xl-hover-text-white-900:hover {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .xl-focus-text-white-900:focus {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}
/*
  Text Decoration
 */
.underline {
  text-decoration: underline;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-underline {
    text-decoration: underline;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-underline {
    text-decoration: underline;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-underline {
    text-decoration: underline;
  }
}
@media (min-width: 1024px) {
  .xl-underline {
    text-decoration: underline;
  }
}
.line-through {
  text-decoration: line-through;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-line-through {
    text-decoration: line-through;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-line-through {
    text-decoration: line-through;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-line-through {
    text-decoration: line-through;
  }
}
@media (min-width: 1024px) {
  .xl-line-through {
    text-decoration: line-through;
  }
}
.no-underline {
  text-decoration: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-no-underline {
    text-decoration: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-no-underline {
    text-decoration: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-no-underline {
    text-decoration: none;
  }
}
@media (min-width: 1024px) {
  .xl-no-underline {
    text-decoration: none;
  }
}
/*
  Text Transform
 */
.uppercase {
  text-transform: uppercase;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 1024px) {
  .xl-uppercase {
    text-transform: uppercase;
  }
}
.lowercase {
  text-transform: lowercase;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 1024px) {
  .xl-lowercase {
    text-transform: lowercase;
  }
}
.capitalize {
  text-transform: capitalize;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-capitalize {
    text-transform: capitalize;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-capitalize {
    text-transform: capitalize;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-capitalize {
    text-transform: capitalize;
  }
}
@media (min-width: 1024px) {
  .xl-capitalize {
    text-transform: capitalize;
  }
}
.normal-case {
  text-transform: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-normal-case {
    text-transform: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-normal-case {
    text-transform: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-normal-case {
    text-transform: none;
  }
}
@media (min-width: 1024px) {
  .xl-normal-case {
    text-transform: none;
  }
}
/*
  Vertical Align
 */
.align-baseline {
  vertical-align: baseline;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-align-baseline {
    vertical-align: baseline;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-align-baseline {
    vertical-align: baseline;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-align-baseline {
    vertical-align: baseline;
  }
}
@media (min-width: 1024px) {
  .xl-align-baseline {
    vertical-align: baseline;
  }
}
.align-top {
  vertical-align: top;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-align-top {
    vertical-align: top;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-align-top {
    vertical-align: top;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-align-top {
    vertical-align: top;
  }
}
@media (min-width: 1024px) {
  .xl-align-top {
    vertical-align: top;
  }
}
.align-middle {
  vertical-align: middle;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 1024px) {
  .xl-align-middle {
    vertical-align: middle;
  }
}
.align-bottom {
  vertical-align: bottom;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1024px) {
  .xl-align-bottom {
    vertical-align: bottom;
  }
}
.align-text-top {
  vertical-align: text-top;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-align-text-top {
    vertical-align: text-top;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-align-text-top {
    vertical-align: text-top;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-align-text-top {
    vertical-align: text-top;
  }
}
@media (min-width: 1024px) {
  .xl-align-text-top {
    vertical-align: text-top;
  }
}
.align-text-bottom {
  vertical-align: text-bottom;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-align-text-bottom {
    vertical-align: text-bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-align-text-bottom {
    vertical-align: text-bottom;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-align-text-bottom {
    vertical-align: text-bottom;
  }
}
@media (min-width: 1024px) {
  .xl-align-text-bottom {
    vertical-align: text-bottom;
  }
}
/*
  Whitespace
 */
.whitespace-normal {
  white-space: normal;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-whitespace-normal {
    white-space: normal;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-whitespace-normal {
    white-space: normal;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-whitespace-normal {
    white-space: normal;
  }
}
@media (min-width: 1024px) {
  .xl-whitespace-normal {
    white-space: normal;
  }
}
.whitespace-no-wrap {
  white-space: nowrap;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-whitespace-no-wrap {
    white-space: nowrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-whitespace-no-wrap {
    white-space: nowrap;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-whitespace-no-wrap {
    white-space: nowrap;
  }
}
@media (min-width: 1024px) {
  .xl-whitespace-no-wrap {
    white-space: nowrap;
  }
}
.whitespace-pre {
  white-space: pre;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-whitespace-pre {
    white-space: pre;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-whitespace-pre {
    white-space: pre;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-whitespace-pre {
    white-space: pre;
  }
}
@media (min-width: 1024px) {
  .xl-whitespace-pre {
    white-space: pre;
  }
}
.whitespace-pre-line {
  white-space: pre-line;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-whitespace-pre-line {
    white-space: pre-line;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-whitespace-pre-line {
    white-space: pre-line;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-whitespace-pre-line {
    white-space: pre-line;
  }
}
@media (min-width: 1024px) {
  .xl-whitespace-pre-line {
    white-space: pre-line;
  }
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
}
@media (min-width: 1024px) {
  .xl-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
}
/*
  Word Break
 */
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .sm-break-words {
    overflow-wrap: break-word;
  }

  .sm-break-all {
    word-break: break-all;
  }

  .sm-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .md-break-words {
    overflow-wrap: break-word;
  }

  .md-break-all {
    word-break: break-all;
  }

  .md-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .lg-break-words {
    overflow-wrap: break-word;
  }

  .lg-break-all {
    word-break: break-all;
  }

  .lg-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 1024px) {
  .xl-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .xl-break-words {
    overflow-wrap: break-word;
  }

  .xl-break-all {
    word-break: break-all;
  }

  .xl-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/*
  Align Self
 */
.bg-fixed {
  background-attachment: fixed;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-fixed {
    background-attachment: fixed;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-fixed {
    background-attachment: fixed;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-fixed {
    background-attachment: fixed;
  }
}
@media (min-width: 1024px) {
  .xl-bg-fixed {
    background-attachment: fixed;
  }
}
.bg-local {
  background-attachment: local;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-local {
    background-attachment: local;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-local {
    background-attachment: local;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-local {
    background-attachment: local;
  }
}
@media (min-width: 1024px) {
  .xl-bg-local {
    background-attachment: local;
  }
}
.bg-scroll {
  background-attachment: scroll;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-scroll {
    background-attachment: scroll;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-scroll {
    background-attachment: scroll;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-scroll {
    background-attachment: scroll;
  }
}
@media (min-width: 1024px) {
  .xl-bg-scroll {
    background-attachment: scroll;
  }
}
/*
  Background Color
 */
.bg-transparent {
  background-color: rgba(0, 0, 0, 0) !important;
}

.hover-bg-transparent:hover {
  background-color: rgba(0, 0, 0, 0);
}

.focus-bg-transparent:focus {
  background-color: rgba(0, 0, 0, 0);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .sm-hover-bg-transparent:hover {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .sm-focus-bg-transparent:focus {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .md-hover-bg-transparent:hover {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .md-focus-bg-transparent:focus {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .lg-hover-bg-transparent:hover {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .lg-focus-bg-transparent:focus {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .xl-hover-bg-transparent:hover {
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .xl-focus-bg-transparent:focus {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}
.bg-primary {
  background-color: #CF2A10 !important;
}

.hover-bg-primary:hover {
  background-color: #CF2A10;
}

.focus-bg-primary:focus {
  background-color: #CF2A10;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary {
    background-color: #CF2A10 !important;
  }

  .sm-hover-bg-primary:hover {
    background-color: #CF2A10 !important;
  }

  .sm-focus-bg-primary:focus {
    background-color: #CF2A10 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary {
    background-color: #CF2A10 !important;
  }

  .md-hover-bg-primary:hover {
    background-color: #CF2A10 !important;
  }

  .md-focus-bg-primary:focus {
    background-color: #CF2A10 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary {
    background-color: #CF2A10 !important;
  }

  .lg-hover-bg-primary:hover {
    background-color: #CF2A10 !important;
  }

  .lg-focus-bg-primary:focus {
    background-color: #CF2A10 !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary {
    background-color: #CF2A10 !important;
  }

  .xl-hover-bg-primary:hover {
    background-color: #CF2A10 !important;
  }

  .xl-focus-bg-primary:focus {
    background-color: #CF2A10 !important;
  }
}
.bg-primary-100 {
  background-color: rgba(207, 42, 16, 0.1) !important;
}

.hover-bg-primary-100:hover {
  background-color: rgba(207, 42, 16, 0.1);
}

.focus-bg-primary-100:focus {
  background-color: rgba(207, 42, 16, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-100 {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }

  .sm-hover-bg-primary-100:hover {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }

  .sm-focus-bg-primary-100:focus {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-100 {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }

  .md-hover-bg-primary-100:hover {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }

  .md-focus-bg-primary-100:focus {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-100 {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }

  .lg-hover-bg-primary-100:hover {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }

  .lg-focus-bg-primary-100:focus {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-100 {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }

  .xl-hover-bg-primary-100:hover {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }

  .xl-focus-bg-primary-100:focus {
    background-color: rgba(207, 42, 16, 0.1) !important;
  }
}
.bg-primary-200 {
  background-color: rgba(207, 42, 16, 0.2) !important;
}

.hover-bg-primary-200:hover {
  background-color: rgba(207, 42, 16, 0.2);
}

.focus-bg-primary-200:focus {
  background-color: rgba(207, 42, 16, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-200 {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }

  .sm-hover-bg-primary-200:hover {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }

  .sm-focus-bg-primary-200:focus {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-200 {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }

  .md-hover-bg-primary-200:hover {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }

  .md-focus-bg-primary-200:focus {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-200 {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }

  .lg-hover-bg-primary-200:hover {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }

  .lg-focus-bg-primary-200:focus {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-200 {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }

  .xl-hover-bg-primary-200:hover {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }

  .xl-focus-bg-primary-200:focus {
    background-color: rgba(207, 42, 16, 0.2) !important;
  }
}
.bg-primary-300 {
  background-color: rgba(207, 42, 16, 0.3) !important;
}

.hover-bg-primary-300:hover {
  background-color: rgba(207, 42, 16, 0.3);
}

.focus-bg-primary-300:focus {
  background-color: rgba(207, 42, 16, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-300 {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }

  .sm-hover-bg-primary-300:hover {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }

  .sm-focus-bg-primary-300:focus {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-300 {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }

  .md-hover-bg-primary-300:hover {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }

  .md-focus-bg-primary-300:focus {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-300 {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }

  .lg-hover-bg-primary-300:hover {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }

  .lg-focus-bg-primary-300:focus {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-300 {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }

  .xl-hover-bg-primary-300:hover {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }

  .xl-focus-bg-primary-300:focus {
    background-color: rgba(207, 42, 16, 0.3) !important;
  }
}
.bg-primary-400 {
  background-color: rgba(207, 42, 16, 0.4) !important;
}

.hover-bg-primary-400:hover {
  background-color: rgba(207, 42, 16, 0.4);
}

.focus-bg-primary-400:focus {
  background-color: rgba(207, 42, 16, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-400 {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }

  .sm-hover-bg-primary-400:hover {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }

  .sm-focus-bg-primary-400:focus {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-400 {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }

  .md-hover-bg-primary-400:hover {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }

  .md-focus-bg-primary-400:focus {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-400 {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }

  .lg-hover-bg-primary-400:hover {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }

  .lg-focus-bg-primary-400:focus {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-400 {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }

  .xl-hover-bg-primary-400:hover {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }

  .xl-focus-bg-primary-400:focus {
    background-color: rgba(207, 42, 16, 0.4) !important;
  }
}
.bg-primary-500 {
  background-color: rgba(207, 42, 16, 0.5) !important;
}

.hover-bg-primary-500:hover {
  background-color: rgba(207, 42, 16, 0.5);
}

.focus-bg-primary-500:focus {
  background-color: rgba(207, 42, 16, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-500 {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }

  .sm-hover-bg-primary-500:hover {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }

  .sm-focus-bg-primary-500:focus {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-500 {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }

  .md-hover-bg-primary-500:hover {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }

  .md-focus-bg-primary-500:focus {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-500 {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }

  .lg-hover-bg-primary-500:hover {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }

  .lg-focus-bg-primary-500:focus {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-500 {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }

  .xl-hover-bg-primary-500:hover {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }

  .xl-focus-bg-primary-500:focus {
    background-color: rgba(207, 42, 16, 0.5) !important;
  }
}
.bg-primary-600 {
  background-color: rgba(207, 42, 16, 0.6) !important;
}

.hover-bg-primary-600:hover {
  background-color: rgba(207, 42, 16, 0.6);
}

.focus-bg-primary-600:focus {
  background-color: rgba(207, 42, 16, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-600 {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }

  .sm-hover-bg-primary-600:hover {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }

  .sm-focus-bg-primary-600:focus {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-600 {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }

  .md-hover-bg-primary-600:hover {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }

  .md-focus-bg-primary-600:focus {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-600 {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }

  .lg-hover-bg-primary-600:hover {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }

  .lg-focus-bg-primary-600:focus {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-600 {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }

  .xl-hover-bg-primary-600:hover {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }

  .xl-focus-bg-primary-600:focus {
    background-color: rgba(207, 42, 16, 0.6) !important;
  }
}
.bg-primary-700 {
  background-color: rgba(207, 42, 16, 0.7) !important;
}

.hover-bg-primary-700:hover {
  background-color: rgba(207, 42, 16, 0.7);
}

.focus-bg-primary-700:focus {
  background-color: rgba(207, 42, 16, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-700 {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }

  .sm-hover-bg-primary-700:hover {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }

  .sm-focus-bg-primary-700:focus {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-700 {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }

  .md-hover-bg-primary-700:hover {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }

  .md-focus-bg-primary-700:focus {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-700 {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }

  .lg-hover-bg-primary-700:hover {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }

  .lg-focus-bg-primary-700:focus {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-700 {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }

  .xl-hover-bg-primary-700:hover {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }

  .xl-focus-bg-primary-700:focus {
    background-color: rgba(207, 42, 16, 0.7) !important;
  }
}
.bg-primary-800 {
  background-color: rgba(207, 42, 16, 0.8) !important;
}

.hover-bg-primary-800:hover {
  background-color: rgba(207, 42, 16, 0.8);
}

.focus-bg-primary-800:focus {
  background-color: rgba(207, 42, 16, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-800 {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }

  .sm-hover-bg-primary-800:hover {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }

  .sm-focus-bg-primary-800:focus {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-800 {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }

  .md-hover-bg-primary-800:hover {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }

  .md-focus-bg-primary-800:focus {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-800 {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }

  .lg-hover-bg-primary-800:hover {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }

  .lg-focus-bg-primary-800:focus {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-800 {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }

  .xl-hover-bg-primary-800:hover {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }

  .xl-focus-bg-primary-800:focus {
    background-color: rgba(207, 42, 16, 0.8) !important;
  }
}
.bg-primary-900 {
  background-color: rgba(207, 42, 16, 0.9) !important;
}

.hover-bg-primary-900:hover {
  background-color: rgba(207, 42, 16, 0.9);
}

.focus-bg-primary-900:focus {
  background-color: rgba(207, 42, 16, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-900 {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }

  .sm-hover-bg-primary-900:hover {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }

  .sm-focus-bg-primary-900:focus {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-900 {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }

  .md-hover-bg-primary-900:hover {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }

  .md-focus-bg-primary-900:focus {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-primary-900 {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }

  .lg-hover-bg-primary-900:hover {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }

  .lg-focus-bg-primary-900:focus {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-primary-900 {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }

  .xl-hover-bg-primary-900:hover {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }

  .xl-focus-bg-primary-900:focus {
    background-color: rgba(207, 42, 16, 0.9) !important;
  }
}
.bg-secondary {
  background-color: #FFE5CD !important;
}

.hover-bg-secondary:hover {
  background-color: #FFE5CD;
}

.focus-bg-secondary:focus {
  background-color: #FFE5CD;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary {
    background-color: #FFE5CD !important;
  }

  .sm-hover-bg-secondary:hover {
    background-color: #FFE5CD !important;
  }

  .sm-focus-bg-secondary:focus {
    background-color: #FFE5CD !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary {
    background-color: #FFE5CD !important;
  }

  .md-hover-bg-secondary:hover {
    background-color: #FFE5CD !important;
  }

  .md-focus-bg-secondary:focus {
    background-color: #FFE5CD !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary {
    background-color: #FFE5CD !important;
  }

  .lg-hover-bg-secondary:hover {
    background-color: #FFE5CD !important;
  }

  .lg-focus-bg-secondary:focus {
    background-color: #FFE5CD !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary {
    background-color: #FFE5CD !important;
  }

  .xl-hover-bg-secondary:hover {
    background-color: #FFE5CD !important;
  }

  .xl-focus-bg-secondary:focus {
    background-color: #FFE5CD !important;
  }
}
.bg-secondary-100 {
  background-color: rgba(255, 229, 205, 0.1) !important;
}

.hover-bg-secondary-100:hover {
  background-color: rgba(255, 229, 205, 0.1);
}

.focus-bg-secondary-100:focus {
  background-color: rgba(255, 229, 205, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-100 {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }

  .sm-hover-bg-secondary-100:hover {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }

  .sm-focus-bg-secondary-100:focus {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-100 {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }

  .md-hover-bg-secondary-100:hover {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }

  .md-focus-bg-secondary-100:focus {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-100 {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }

  .lg-hover-bg-secondary-100:hover {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }

  .lg-focus-bg-secondary-100:focus {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-100 {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }

  .xl-hover-bg-secondary-100:hover {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }

  .xl-focus-bg-secondary-100:focus {
    background-color: rgba(255, 229, 205, 0.1) !important;
  }
}
.bg-secondary-200 {
  background-color: rgba(255, 229, 205, 0.2) !important;
}

.hover-bg-secondary-200:hover {
  background-color: rgba(255, 229, 205, 0.2);
}

.focus-bg-secondary-200:focus {
  background-color: rgba(255, 229, 205, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-200 {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }

  .sm-hover-bg-secondary-200:hover {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }

  .sm-focus-bg-secondary-200:focus {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-200 {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }

  .md-hover-bg-secondary-200:hover {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }

  .md-focus-bg-secondary-200:focus {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-200 {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }

  .lg-hover-bg-secondary-200:hover {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }

  .lg-focus-bg-secondary-200:focus {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-200 {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }

  .xl-hover-bg-secondary-200:hover {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }

  .xl-focus-bg-secondary-200:focus {
    background-color: rgba(255, 229, 205, 0.2) !important;
  }
}
.bg-secondary-300 {
  background-color: rgba(255, 229, 205, 0.3) !important;
}

.hover-bg-secondary-300:hover {
  background-color: rgba(255, 229, 205, 0.3);
}

.focus-bg-secondary-300:focus {
  background-color: rgba(255, 229, 205, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-300 {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }

  .sm-hover-bg-secondary-300:hover {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }

  .sm-focus-bg-secondary-300:focus {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-300 {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }

  .md-hover-bg-secondary-300:hover {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }

  .md-focus-bg-secondary-300:focus {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-300 {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }

  .lg-hover-bg-secondary-300:hover {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }

  .lg-focus-bg-secondary-300:focus {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-300 {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }

  .xl-hover-bg-secondary-300:hover {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }

  .xl-focus-bg-secondary-300:focus {
    background-color: rgba(255, 229, 205, 0.3) !important;
  }
}
.bg-secondary-400 {
  background-color: rgba(255, 229, 205, 0.4) !important;
}

.hover-bg-secondary-400:hover {
  background-color: rgba(255, 229, 205, 0.4);
}

.focus-bg-secondary-400:focus {
  background-color: rgba(255, 229, 205, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-400 {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }

  .sm-hover-bg-secondary-400:hover {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }

  .sm-focus-bg-secondary-400:focus {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-400 {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }

  .md-hover-bg-secondary-400:hover {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }

  .md-focus-bg-secondary-400:focus {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-400 {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }

  .lg-hover-bg-secondary-400:hover {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }

  .lg-focus-bg-secondary-400:focus {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-400 {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }

  .xl-hover-bg-secondary-400:hover {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }

  .xl-focus-bg-secondary-400:focus {
    background-color: rgba(255, 229, 205, 0.4) !important;
  }
}
.bg-secondary-500 {
  background-color: rgba(255, 229, 205, 0.5) !important;
}

.hover-bg-secondary-500:hover {
  background-color: rgba(255, 229, 205, 0.5);
}

.focus-bg-secondary-500:focus {
  background-color: rgba(255, 229, 205, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-500 {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }

  .sm-hover-bg-secondary-500:hover {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }

  .sm-focus-bg-secondary-500:focus {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-500 {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }

  .md-hover-bg-secondary-500:hover {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }

  .md-focus-bg-secondary-500:focus {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-500 {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }

  .lg-hover-bg-secondary-500:hover {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }

  .lg-focus-bg-secondary-500:focus {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-500 {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }

  .xl-hover-bg-secondary-500:hover {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }

  .xl-focus-bg-secondary-500:focus {
    background-color: rgba(255, 229, 205, 0.5) !important;
  }
}
.bg-secondary-600 {
  background-color: rgba(255, 229, 205, 0.6) !important;
}

.hover-bg-secondary-600:hover {
  background-color: rgba(255, 229, 205, 0.6);
}

.focus-bg-secondary-600:focus {
  background-color: rgba(255, 229, 205, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-600 {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }

  .sm-hover-bg-secondary-600:hover {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }

  .sm-focus-bg-secondary-600:focus {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-600 {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }

  .md-hover-bg-secondary-600:hover {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }

  .md-focus-bg-secondary-600:focus {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-600 {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }

  .lg-hover-bg-secondary-600:hover {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }

  .lg-focus-bg-secondary-600:focus {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-600 {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }

  .xl-hover-bg-secondary-600:hover {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }

  .xl-focus-bg-secondary-600:focus {
    background-color: rgba(255, 229, 205, 0.6) !important;
  }
}
.bg-secondary-700 {
  background-color: rgba(255, 229, 205, 0.7) !important;
}

.hover-bg-secondary-700:hover {
  background-color: rgba(255, 229, 205, 0.7);
}

.focus-bg-secondary-700:focus {
  background-color: rgba(255, 229, 205, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-700 {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }

  .sm-hover-bg-secondary-700:hover {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }

  .sm-focus-bg-secondary-700:focus {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-700 {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }

  .md-hover-bg-secondary-700:hover {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }

  .md-focus-bg-secondary-700:focus {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-700 {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }

  .lg-hover-bg-secondary-700:hover {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }

  .lg-focus-bg-secondary-700:focus {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-700 {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }

  .xl-hover-bg-secondary-700:hover {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }

  .xl-focus-bg-secondary-700:focus {
    background-color: rgba(255, 229, 205, 0.7) !important;
  }
}
.bg-secondary-800 {
  background-color: rgba(255, 229, 205, 0.8) !important;
}

.hover-bg-secondary-800:hover {
  background-color: rgba(255, 229, 205, 0.8);
}

.focus-bg-secondary-800:focus {
  background-color: rgba(255, 229, 205, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-800 {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }

  .sm-hover-bg-secondary-800:hover {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }

  .sm-focus-bg-secondary-800:focus {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-800 {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }

  .md-hover-bg-secondary-800:hover {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }

  .md-focus-bg-secondary-800:focus {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-800 {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }

  .lg-hover-bg-secondary-800:hover {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }

  .lg-focus-bg-secondary-800:focus {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-800 {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }

  .xl-hover-bg-secondary-800:hover {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }

  .xl-focus-bg-secondary-800:focus {
    background-color: rgba(255, 229, 205, 0.8) !important;
  }
}
.bg-secondary-900 {
  background-color: rgba(255, 229, 205, 0.9) !important;
}

.hover-bg-secondary-900:hover {
  background-color: rgba(255, 229, 205, 0.9);
}

.focus-bg-secondary-900:focus {
  background-color: rgba(255, 229, 205, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-900 {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }

  .sm-hover-bg-secondary-900:hover {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }

  .sm-focus-bg-secondary-900:focus {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-900 {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }

  .md-hover-bg-secondary-900:hover {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }

  .md-focus-bg-secondary-900:focus {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-secondary-900 {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }

  .lg-hover-bg-secondary-900:hover {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }

  .lg-focus-bg-secondary-900:focus {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-secondary-900 {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }

  .xl-hover-bg-secondary-900:hover {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }

  .xl-focus-bg-secondary-900:focus {
    background-color: rgba(255, 229, 205, 0.9) !important;
  }
}
.bg-success {
  background-color: #36B37E !important;
}

.hover-bg-success:hover {
  background-color: #36B37E;
}

.focus-bg-success:focus {
  background-color: #36B37E;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success {
    background-color: #36B37E !important;
  }

  .sm-hover-bg-success:hover {
    background-color: #36B37E !important;
  }

  .sm-focus-bg-success:focus {
    background-color: #36B37E !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success {
    background-color: #36B37E !important;
  }

  .md-hover-bg-success:hover {
    background-color: #36B37E !important;
  }

  .md-focus-bg-success:focus {
    background-color: #36B37E !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success {
    background-color: #36B37E !important;
  }

  .lg-hover-bg-success:hover {
    background-color: #36B37E !important;
  }

  .lg-focus-bg-success:focus {
    background-color: #36B37E !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success {
    background-color: #36B37E !important;
  }

  .xl-hover-bg-success:hover {
    background-color: #36B37E !important;
  }

  .xl-focus-bg-success:focus {
    background-color: #36B37E !important;
  }
}
.bg-success-100 {
  background-color: rgba(54, 179, 126, 0.1) !important;
}

.hover-bg-success-100:hover {
  background-color: rgba(54, 179, 126, 0.1);
}

.focus-bg-success-100:focus {
  background-color: rgba(54, 179, 126, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-100 {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

  .sm-hover-bg-success-100:hover {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

  .sm-focus-bg-success-100:focus {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-100 {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

  .md-hover-bg-success-100:hover {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

  .md-focus-bg-success-100:focus {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-100 {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

  .lg-hover-bg-success-100:hover {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

  .lg-focus-bg-success-100:focus {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-100 {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

  .xl-hover-bg-success-100:hover {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

  .xl-focus-bg-success-100:focus {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }
}
.bg-success-200 {
  background-color: rgba(54, 179, 126, 0.2) !important;
}

.hover-bg-success-200:hover {
  background-color: rgba(54, 179, 126, 0.2);
}

.focus-bg-success-200:focus {
  background-color: rgba(54, 179, 126, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-200 {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

  .sm-hover-bg-success-200:hover {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

  .sm-focus-bg-success-200:focus {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-200 {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

  .md-hover-bg-success-200:hover {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

  .md-focus-bg-success-200:focus {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-200 {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

  .lg-hover-bg-success-200:hover {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

  .lg-focus-bg-success-200:focus {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-200 {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

  .xl-hover-bg-success-200:hover {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

  .xl-focus-bg-success-200:focus {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }
}
.bg-success-300 {
  background-color: rgba(54, 179, 126, 0.3) !important;
}

.hover-bg-success-300:hover {
  background-color: rgba(54, 179, 126, 0.3);
}

.focus-bg-success-300:focus {
  background-color: rgba(54, 179, 126, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-300 {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

  .sm-hover-bg-success-300:hover {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

  .sm-focus-bg-success-300:focus {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-300 {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

  .md-hover-bg-success-300:hover {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

  .md-focus-bg-success-300:focus {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-300 {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

  .lg-hover-bg-success-300:hover {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

  .lg-focus-bg-success-300:focus {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-300 {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

  .xl-hover-bg-success-300:hover {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

  .xl-focus-bg-success-300:focus {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }
}
.bg-success-400 {
  background-color: rgba(54, 179, 126, 0.4) !important;
}

.hover-bg-success-400:hover {
  background-color: rgba(54, 179, 126, 0.4);
}

.focus-bg-success-400:focus {
  background-color: rgba(54, 179, 126, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-400 {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

  .sm-hover-bg-success-400:hover {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

  .sm-focus-bg-success-400:focus {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-400 {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

  .md-hover-bg-success-400:hover {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

  .md-focus-bg-success-400:focus {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-400 {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

  .lg-hover-bg-success-400:hover {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

  .lg-focus-bg-success-400:focus {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-400 {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

  .xl-hover-bg-success-400:hover {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

  .xl-focus-bg-success-400:focus {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }
}
.bg-success-500 {
  background-color: rgba(54, 179, 126, 0.5) !important;
}

.hover-bg-success-500:hover {
  background-color: rgba(54, 179, 126, 0.5);
}

.focus-bg-success-500:focus {
  background-color: rgba(54, 179, 126, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-500 {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

  .sm-hover-bg-success-500:hover {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

  .sm-focus-bg-success-500:focus {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-500 {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

  .md-hover-bg-success-500:hover {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

  .md-focus-bg-success-500:focus {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-500 {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

  .lg-hover-bg-success-500:hover {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

  .lg-focus-bg-success-500:focus {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-500 {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

  .xl-hover-bg-success-500:hover {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

  .xl-focus-bg-success-500:focus {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }
}
.bg-success-600 {
  background-color: rgba(54, 179, 126, 0.6) !important;
}

.hover-bg-success-600:hover {
  background-color: rgba(54, 179, 126, 0.6);
}

.focus-bg-success-600:focus {
  background-color: rgba(54, 179, 126, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-600 {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

  .sm-hover-bg-success-600:hover {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

  .sm-focus-bg-success-600:focus {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-600 {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

  .md-hover-bg-success-600:hover {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

  .md-focus-bg-success-600:focus {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-600 {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

  .lg-hover-bg-success-600:hover {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

  .lg-focus-bg-success-600:focus {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-600 {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

  .xl-hover-bg-success-600:hover {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

  .xl-focus-bg-success-600:focus {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }
}
.bg-success-700 {
  background-color: rgba(54, 179, 126, 0.7) !important;
}

.hover-bg-success-700:hover {
  background-color: rgba(54, 179, 126, 0.7);
}

.focus-bg-success-700:focus {
  background-color: rgba(54, 179, 126, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-700 {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

  .sm-hover-bg-success-700:hover {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

  .sm-focus-bg-success-700:focus {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-700 {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

  .md-hover-bg-success-700:hover {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

  .md-focus-bg-success-700:focus {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-700 {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

  .lg-hover-bg-success-700:hover {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

  .lg-focus-bg-success-700:focus {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-700 {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

  .xl-hover-bg-success-700:hover {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

  .xl-focus-bg-success-700:focus {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }
}
.bg-success-800 {
  background-color: rgba(54, 179, 126, 0.8) !important;
}

.hover-bg-success-800:hover {
  background-color: rgba(54, 179, 126, 0.8);
}

.focus-bg-success-800:focus {
  background-color: rgba(54, 179, 126, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-800 {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

  .sm-hover-bg-success-800:hover {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

  .sm-focus-bg-success-800:focus {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-800 {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

  .md-hover-bg-success-800:hover {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

  .md-focus-bg-success-800:focus {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-800 {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

  .lg-hover-bg-success-800:hover {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

  .lg-focus-bg-success-800:focus {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-800 {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

  .xl-hover-bg-success-800:hover {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

  .xl-focus-bg-success-800:focus {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }
}
.bg-success-900 {
  background-color: rgba(54, 179, 126, 0.9) !important;
}

.hover-bg-success-900:hover {
  background-color: rgba(54, 179, 126, 0.9);
}

.focus-bg-success-900:focus {
  background-color: rgba(54, 179, 126, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-900 {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

  .sm-hover-bg-success-900:hover {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

  .sm-focus-bg-success-900:focus {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-success-900 {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

  .md-hover-bg-success-900:hover {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

  .md-focus-bg-success-900:focus {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-success-900 {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

  .lg-hover-bg-success-900:hover {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

  .lg-focus-bg-success-900:focus {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-success-900 {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

  .xl-hover-bg-success-900:hover {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

  .xl-focus-bg-success-900:focus {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }
}
.bg-info {
  background-color: #00B8D9 !important;
}

.hover-bg-info:hover {
  background-color: #00B8D9;
}

.focus-bg-info:focus {
  background-color: #00B8D9;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info {
    background-color: #00B8D9 !important;
  }

  .sm-hover-bg-info:hover {
    background-color: #00B8D9 !important;
  }

  .sm-focus-bg-info:focus {
    background-color: #00B8D9 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info {
    background-color: #00B8D9 !important;
  }

  .md-hover-bg-info:hover {
    background-color: #00B8D9 !important;
  }

  .md-focus-bg-info:focus {
    background-color: #00B8D9 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info {
    background-color: #00B8D9 !important;
  }

  .lg-hover-bg-info:hover {
    background-color: #00B8D9 !important;
  }

  .lg-focus-bg-info:focus {
    background-color: #00B8D9 !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info {
    background-color: #00B8D9 !important;
  }

  .xl-hover-bg-info:hover {
    background-color: #00B8D9 !important;
  }

  .xl-focus-bg-info:focus {
    background-color: #00B8D9 !important;
  }
}
.bg-info-100 {
  background-color: rgba(0, 184, 217, 0.1) !important;
}

.hover-bg-info-100:hover {
  background-color: rgba(0, 184, 217, 0.1);
}

.focus-bg-info-100:focus {
  background-color: rgba(0, 184, 217, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .sm-hover-bg-info-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .sm-focus-bg-info-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .md-hover-bg-info-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .md-focus-bg-info-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .lg-hover-bg-info-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .lg-focus-bg-info-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .xl-hover-bg-info-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .xl-focus-bg-info-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
.bg-info-200 {
  background-color: rgba(0, 184, 217, 0.2) !important;
}

.hover-bg-info-200:hover {
  background-color: rgba(0, 184, 217, 0.2);
}

.focus-bg-info-200:focus {
  background-color: rgba(0, 184, 217, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-200 {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

  .sm-hover-bg-info-200:hover {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

  .sm-focus-bg-info-200:focus {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-200 {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

  .md-hover-bg-info-200:hover {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

  .md-focus-bg-info-200:focus {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-200 {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

  .lg-hover-bg-info-200:hover {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

  .lg-focus-bg-info-200:focus {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-200 {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

  .xl-hover-bg-info-200:hover {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

  .xl-focus-bg-info-200:focus {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }
}
.bg-info-300 {
  background-color: rgba(0, 184, 217, 0.3) !important;
}

.hover-bg-info-300:hover {
  background-color: rgba(0, 184, 217, 0.3);
}

.focus-bg-info-300:focus {
  background-color: rgba(0, 184, 217, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-300 {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

  .sm-hover-bg-info-300:hover {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

  .sm-focus-bg-info-300:focus {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-300 {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

  .md-hover-bg-info-300:hover {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

  .md-focus-bg-info-300:focus {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-300 {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

  .lg-hover-bg-info-300:hover {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

  .lg-focus-bg-info-300:focus {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-300 {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

  .xl-hover-bg-info-300:hover {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

  .xl-focus-bg-info-300:focus {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }
}
.bg-info-400 {
  background-color: rgba(0, 184, 217, 0.4) !important;
}

.hover-bg-info-400:hover {
  background-color: rgba(0, 184, 217, 0.4);
}

.focus-bg-info-400:focus {
  background-color: rgba(0, 184, 217, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-400 {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

  .sm-hover-bg-info-400:hover {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

  .sm-focus-bg-info-400:focus {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-400 {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

  .md-hover-bg-info-400:hover {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

  .md-focus-bg-info-400:focus {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-400 {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

  .lg-hover-bg-info-400:hover {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

  .lg-focus-bg-info-400:focus {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-400 {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

  .xl-hover-bg-info-400:hover {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

  .xl-focus-bg-info-400:focus {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }
}
.bg-info-500 {
  background-color: rgba(0, 184, 217, 0.5) !important;
}

.hover-bg-info-500:hover {
  background-color: rgba(0, 184, 217, 0.5);
}

.focus-bg-info-500:focus {
  background-color: rgba(0, 184, 217, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-500 {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

  .sm-hover-bg-info-500:hover {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

  .sm-focus-bg-info-500:focus {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-500 {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

  .md-hover-bg-info-500:hover {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

  .md-focus-bg-info-500:focus {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-500 {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

  .lg-hover-bg-info-500:hover {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

  .lg-focus-bg-info-500:focus {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-500 {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

  .xl-hover-bg-info-500:hover {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

  .xl-focus-bg-info-500:focus {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }
}
.bg-info-600 {
  background-color: rgba(0, 184, 217, 0.6) !important;
}

.hover-bg-info-600:hover {
  background-color: rgba(0, 184, 217, 0.6);
}

.focus-bg-info-600:focus {
  background-color: rgba(0, 184, 217, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-600 {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

  .sm-hover-bg-info-600:hover {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

  .sm-focus-bg-info-600:focus {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-600 {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

  .md-hover-bg-info-600:hover {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

  .md-focus-bg-info-600:focus {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-600 {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

  .lg-hover-bg-info-600:hover {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

  .lg-focus-bg-info-600:focus {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-600 {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

  .xl-hover-bg-info-600:hover {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

  .xl-focus-bg-info-600:focus {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }
}
.bg-info-700 {
  background-color: rgba(0, 184, 217, 0.7) !important;
}

.hover-bg-info-700:hover {
  background-color: rgba(0, 184, 217, 0.7);
}

.focus-bg-info-700:focus {
  background-color: rgba(0, 184, 217, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-700 {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

  .sm-hover-bg-info-700:hover {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

  .sm-focus-bg-info-700:focus {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-700 {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

  .md-hover-bg-info-700:hover {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

  .md-focus-bg-info-700:focus {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-700 {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

  .lg-hover-bg-info-700:hover {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

  .lg-focus-bg-info-700:focus {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-700 {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

  .xl-hover-bg-info-700:hover {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

  .xl-focus-bg-info-700:focus {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }
}
.bg-info-800 {
  background-color: rgba(0, 184, 217, 0.8) !important;
}

.hover-bg-info-800:hover {
  background-color: rgba(0, 184, 217, 0.8);
}

.focus-bg-info-800:focus {
  background-color: rgba(0, 184, 217, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-800 {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

  .sm-hover-bg-info-800:hover {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

  .sm-focus-bg-info-800:focus {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-800 {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

  .md-hover-bg-info-800:hover {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

  .md-focus-bg-info-800:focus {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-800 {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

  .lg-hover-bg-info-800:hover {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

  .lg-focus-bg-info-800:focus {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-800 {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

  .xl-hover-bg-info-800:hover {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

  .xl-focus-bg-info-800:focus {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }
}
.bg-info-900 {
  background-color: rgba(0, 184, 217, 0.9) !important;
}

.hover-bg-info-900:hover {
  background-color: rgba(0, 184, 217, 0.9);
}

.focus-bg-info-900:focus {
  background-color: rgba(0, 184, 217, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-info-900 {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

  .sm-hover-bg-info-900:hover {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

  .sm-focus-bg-info-900:focus {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-info-900 {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

  .md-hover-bg-info-900:hover {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

  .md-focus-bg-info-900:focus {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-info-900 {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

  .lg-hover-bg-info-900:hover {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

  .lg-focus-bg-info-900:focus {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-info-900 {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

  .xl-hover-bg-info-900:hover {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

  .xl-focus-bg-info-900:focus {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }
}
.bg-warning {
  background-color: #FAAD13 !important;
}

.hover-bg-warning:hover {
  background-color: #FAAD13;
}

.focus-bg-warning:focus {
  background-color: #FAAD13;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning {
    background-color: #FAAD13 !important;
  }

  .sm-hover-bg-warning:hover {
    background-color: #FAAD13 !important;
  }

  .sm-focus-bg-warning:focus {
    background-color: #FAAD13 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning {
    background-color: #FAAD13 !important;
  }

  .md-hover-bg-warning:hover {
    background-color: #FAAD13 !important;
  }

  .md-focus-bg-warning:focus {
    background-color: #FAAD13 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning {
    background-color: #FAAD13 !important;
  }

  .lg-hover-bg-warning:hover {
    background-color: #FAAD13 !important;
  }

  .lg-focus-bg-warning:focus {
    background-color: #FAAD13 !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning {
    background-color: #FAAD13 !important;
  }

  .xl-hover-bg-warning:hover {
    background-color: #FAAD13 !important;
  }

  .xl-focus-bg-warning:focus {
    background-color: #FAAD13 !important;
  }
}
.bg-warning-100 {
  background-color: rgba(250, 173, 19, 0.1) !important;
}

.hover-bg-warning-100:hover {
  background-color: rgba(250, 173, 19, 0.1);
}

.focus-bg-warning-100:focus {
  background-color: rgba(250, 173, 19, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-100 {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

  .sm-hover-bg-warning-100:hover {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

  .sm-focus-bg-warning-100:focus {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-100 {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

  .md-hover-bg-warning-100:hover {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

  .md-focus-bg-warning-100:focus {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-100 {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

  .lg-hover-bg-warning-100:hover {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

  .lg-focus-bg-warning-100:focus {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-100 {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

  .xl-hover-bg-warning-100:hover {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

  .xl-focus-bg-warning-100:focus {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }
}
.bg-warning-200 {
  background-color: rgba(250, 173, 19, 0.2) !important;
}

.hover-bg-warning-200:hover {
  background-color: rgba(250, 173, 19, 0.2);
}

.focus-bg-warning-200:focus {
  background-color: rgba(250, 173, 19, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-200 {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .sm-hover-bg-warning-200:hover {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .sm-focus-bg-warning-200:focus {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-200 {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .md-hover-bg-warning-200:hover {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .md-focus-bg-warning-200:focus {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-200 {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .lg-hover-bg-warning-200:hover {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .lg-focus-bg-warning-200:focus {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-200 {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .xl-hover-bg-warning-200:hover {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .xl-focus-bg-warning-200:focus {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }
}
.bg-warning-300 {
  background-color: rgba(250, 173, 19, 0.3) !important;
}

.hover-bg-warning-300:hover {
  background-color: rgba(250, 173, 19, 0.3);
}

.focus-bg-warning-300:focus {
  background-color: rgba(250, 173, 19, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-300 {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .sm-hover-bg-warning-300:hover {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .sm-focus-bg-warning-300:focus {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-300 {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .md-hover-bg-warning-300:hover {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .md-focus-bg-warning-300:focus {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-300 {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .lg-hover-bg-warning-300:hover {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .lg-focus-bg-warning-300:focus {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-300 {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .xl-hover-bg-warning-300:hover {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .xl-focus-bg-warning-300:focus {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }
}
.bg-warning-400 {
  background-color: rgba(250, 173, 19, 0.4) !important;
}

.hover-bg-warning-400:hover {
  background-color: rgba(250, 173, 19, 0.4);
}

.focus-bg-warning-400:focus {
  background-color: rgba(250, 173, 19, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-400 {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .sm-hover-bg-warning-400:hover {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .sm-focus-bg-warning-400:focus {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-400 {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .md-hover-bg-warning-400:hover {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .md-focus-bg-warning-400:focus {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-400 {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .lg-hover-bg-warning-400:hover {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .lg-focus-bg-warning-400:focus {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-400 {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .xl-hover-bg-warning-400:hover {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .xl-focus-bg-warning-400:focus {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }
}
.bg-warning-500 {
  background-color: rgba(250, 173, 19, 0.5) !important;
}

.hover-bg-warning-500:hover {
  background-color: rgba(250, 173, 19, 0.5);
}

.focus-bg-warning-500:focus {
  background-color: rgba(250, 173, 19, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-500 {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .sm-hover-bg-warning-500:hover {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .sm-focus-bg-warning-500:focus {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-500 {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .md-hover-bg-warning-500:hover {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .md-focus-bg-warning-500:focus {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-500 {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .lg-hover-bg-warning-500:hover {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .lg-focus-bg-warning-500:focus {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-500 {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .xl-hover-bg-warning-500:hover {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .xl-focus-bg-warning-500:focus {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }
}
.bg-warning-600 {
  background-color: rgba(250, 173, 19, 0.6) !important;
}

.hover-bg-warning-600:hover {
  background-color: rgba(250, 173, 19, 0.6);
}

.focus-bg-warning-600:focus {
  background-color: rgba(250, 173, 19, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-600 {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .sm-hover-bg-warning-600:hover {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .sm-focus-bg-warning-600:focus {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-600 {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .md-hover-bg-warning-600:hover {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .md-focus-bg-warning-600:focus {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-600 {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .lg-hover-bg-warning-600:hover {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .lg-focus-bg-warning-600:focus {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-600 {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .xl-hover-bg-warning-600:hover {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .xl-focus-bg-warning-600:focus {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }
}
.bg-warning-700 {
  background-color: rgba(250, 173, 19, 0.7) !important;
}

.hover-bg-warning-700:hover {
  background-color: rgba(250, 173, 19, 0.7);
}

.focus-bg-warning-700:focus {
  background-color: rgba(250, 173, 19, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-700 {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .sm-hover-bg-warning-700:hover {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .sm-focus-bg-warning-700:focus {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-700 {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .md-hover-bg-warning-700:hover {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .md-focus-bg-warning-700:focus {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-700 {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .lg-hover-bg-warning-700:hover {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .lg-focus-bg-warning-700:focus {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-700 {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .xl-hover-bg-warning-700:hover {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .xl-focus-bg-warning-700:focus {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }
}
.bg-warning-800 {
  background-color: rgba(250, 173, 19, 0.8) !important;
}

.hover-bg-warning-800:hover {
  background-color: rgba(250, 173, 19, 0.8);
}

.focus-bg-warning-800:focus {
  background-color: rgba(250, 173, 19, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-800 {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .sm-hover-bg-warning-800:hover {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .sm-focus-bg-warning-800:focus {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-800 {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .md-hover-bg-warning-800:hover {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .md-focus-bg-warning-800:focus {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-800 {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .lg-hover-bg-warning-800:hover {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .lg-focus-bg-warning-800:focus {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-800 {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .xl-hover-bg-warning-800:hover {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .xl-focus-bg-warning-800:focus {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }
}
.bg-warning-900 {
  background-color: rgba(250, 173, 19, 0.9) !important;
}

.hover-bg-warning-900:hover {
  background-color: rgba(250, 173, 19, 0.9);
}

.focus-bg-warning-900:focus {
  background-color: rgba(250, 173, 19, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-warning-900 {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .sm-hover-bg-warning-900:hover {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .sm-focus-bg-warning-900:focus {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-warning-900 {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .md-hover-bg-warning-900:hover {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .md-focus-bg-warning-900:focus {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-warning-900 {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .lg-hover-bg-warning-900:hover {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .lg-focus-bg-warning-900:focus {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-warning-900 {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .xl-hover-bg-warning-900:hover {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .xl-focus-bg-warning-900:focus {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }
}
.bg-danger {
  background-color: #F2607B !important;
}

.hover-bg-danger:hover {
  background-color: #F2607B;
}

.focus-bg-danger:focus {
  background-color: #F2607B;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger {
    background-color: #F2607B !important;
  }

  .sm-hover-bg-danger:hover {
    background-color: #F2607B !important;
  }

  .sm-focus-bg-danger:focus {
    background-color: #F2607B !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger {
    background-color: #F2607B !important;
  }

  .md-hover-bg-danger:hover {
    background-color: #F2607B !important;
  }

  .md-focus-bg-danger:focus {
    background-color: #F2607B !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger {
    background-color: #F2607B !important;
  }

  .lg-hover-bg-danger:hover {
    background-color: #F2607B !important;
  }

  .lg-focus-bg-danger:focus {
    background-color: #F2607B !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger {
    background-color: #F2607B !important;
  }

  .xl-hover-bg-danger:hover {
    background-color: #F2607B !important;
  }

  .xl-focus-bg-danger:focus {
    background-color: #F2607B !important;
  }
}
.bg-danger-100 {
  background-color: rgba(242, 96, 123, 0.1) !important;
}

.hover-bg-danger-100:hover {
  background-color: rgba(242, 96, 123, 0.1);
}

.focus-bg-danger-100:focus {
  background-color: rgba(242, 96, 123, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-100 {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .sm-hover-bg-danger-100:hover {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .sm-focus-bg-danger-100:focus {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-100 {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .md-hover-bg-danger-100:hover {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .md-focus-bg-danger-100:focus {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-100 {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .lg-hover-bg-danger-100:hover {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .lg-focus-bg-danger-100:focus {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-100 {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .xl-hover-bg-danger-100:hover {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .xl-focus-bg-danger-100:focus {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }
}
.bg-danger-200 {
  background-color: rgba(242, 96, 123, 0.2) !important;
}

.hover-bg-danger-200:hover {
  background-color: rgba(242, 96, 123, 0.2);
}

.focus-bg-danger-200:focus {
  background-color: rgba(242, 96, 123, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-200 {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .sm-hover-bg-danger-200:hover {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .sm-focus-bg-danger-200:focus {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-200 {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .md-hover-bg-danger-200:hover {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .md-focus-bg-danger-200:focus {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-200 {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .lg-hover-bg-danger-200:hover {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .lg-focus-bg-danger-200:focus {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-200 {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .xl-hover-bg-danger-200:hover {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .xl-focus-bg-danger-200:focus {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }
}
.bg-danger-300 {
  background-color: rgba(242, 96, 123, 0.3) !important;
}

.hover-bg-danger-300:hover {
  background-color: rgba(242, 96, 123, 0.3);
}

.focus-bg-danger-300:focus {
  background-color: rgba(242, 96, 123, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-300 {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .sm-hover-bg-danger-300:hover {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .sm-focus-bg-danger-300:focus {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-300 {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .md-hover-bg-danger-300:hover {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .md-focus-bg-danger-300:focus {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-300 {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .lg-hover-bg-danger-300:hover {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .lg-focus-bg-danger-300:focus {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-300 {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .xl-hover-bg-danger-300:hover {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .xl-focus-bg-danger-300:focus {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }
}
.bg-danger-400 {
  background-color: rgba(242, 96, 123, 0.4) !important;
}

.hover-bg-danger-400:hover {
  background-color: rgba(242, 96, 123, 0.4);
}

.focus-bg-danger-400:focus {
  background-color: rgba(242, 96, 123, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-400 {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .sm-hover-bg-danger-400:hover {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .sm-focus-bg-danger-400:focus {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-400 {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .md-hover-bg-danger-400:hover {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .md-focus-bg-danger-400:focus {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-400 {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .lg-hover-bg-danger-400:hover {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .lg-focus-bg-danger-400:focus {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-400 {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .xl-hover-bg-danger-400:hover {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .xl-focus-bg-danger-400:focus {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }
}
.bg-danger-500 {
  background-color: rgba(242, 96, 123, 0.5) !important;
}

.hover-bg-danger-500:hover {
  background-color: rgba(242, 96, 123, 0.5);
}

.focus-bg-danger-500:focus {
  background-color: rgba(242, 96, 123, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-500 {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .sm-hover-bg-danger-500:hover {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .sm-focus-bg-danger-500:focus {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-500 {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .md-hover-bg-danger-500:hover {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .md-focus-bg-danger-500:focus {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-500 {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .lg-hover-bg-danger-500:hover {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .lg-focus-bg-danger-500:focus {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-500 {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .xl-hover-bg-danger-500:hover {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .xl-focus-bg-danger-500:focus {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }
}
.bg-danger-600 {
  background-color: rgba(242, 96, 123, 0.6) !important;
}

.hover-bg-danger-600:hover {
  background-color: rgba(242, 96, 123, 0.6);
}

.focus-bg-danger-600:focus {
  background-color: rgba(242, 96, 123, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-600 {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .sm-hover-bg-danger-600:hover {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .sm-focus-bg-danger-600:focus {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-600 {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .md-hover-bg-danger-600:hover {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .md-focus-bg-danger-600:focus {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-600 {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .lg-hover-bg-danger-600:hover {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .lg-focus-bg-danger-600:focus {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-600 {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .xl-hover-bg-danger-600:hover {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .xl-focus-bg-danger-600:focus {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }
}
.bg-danger-700 {
  background-color: rgba(242, 96, 123, 0.7) !important;
}

.hover-bg-danger-700:hover {
  background-color: rgba(242, 96, 123, 0.7);
}

.focus-bg-danger-700:focus {
  background-color: rgba(242, 96, 123, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-700 {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .sm-hover-bg-danger-700:hover {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .sm-focus-bg-danger-700:focus {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-700 {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .md-hover-bg-danger-700:hover {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .md-focus-bg-danger-700:focus {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-700 {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .lg-hover-bg-danger-700:hover {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .lg-focus-bg-danger-700:focus {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-700 {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .xl-hover-bg-danger-700:hover {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .xl-focus-bg-danger-700:focus {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }
}
.bg-danger-800 {
  background-color: rgba(242, 96, 123, 0.8) !important;
}

.hover-bg-danger-800:hover {
  background-color: rgba(242, 96, 123, 0.8);
}

.focus-bg-danger-800:focus {
  background-color: rgba(242, 96, 123, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-800 {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .sm-hover-bg-danger-800:hover {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .sm-focus-bg-danger-800:focus {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-800 {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .md-hover-bg-danger-800:hover {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .md-focus-bg-danger-800:focus {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-800 {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .lg-hover-bg-danger-800:hover {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .lg-focus-bg-danger-800:focus {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-800 {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .xl-hover-bg-danger-800:hover {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .xl-focus-bg-danger-800:focus {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }
}
.bg-danger-900 {
  background-color: rgba(242, 96, 123, 0.9) !important;
}

.hover-bg-danger-900:hover {
  background-color: rgba(242, 96, 123, 0.9);
}

.focus-bg-danger-900:focus {
  background-color: rgba(242, 96, 123, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-danger-900 {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .sm-hover-bg-danger-900:hover {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .sm-focus-bg-danger-900:focus {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-danger-900 {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .md-hover-bg-danger-900:hover {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .md-focus-bg-danger-900:focus {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-danger-900 {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .lg-hover-bg-danger-900:hover {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .lg-focus-bg-danger-900:focus {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-danger-900 {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .xl-hover-bg-danger-900:hover {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .xl-focus-bg-danger-900:focus {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }
}
.bg-black {
  background-color: black !important;
}

.hover-bg-black:hover {
  background-color: black;
}

.focus-bg-black:focus {
  background-color: black;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black {
    background-color: black !important;
  }

  .sm-hover-bg-black:hover {
    background-color: black !important;
  }

  .sm-focus-bg-black:focus {
    background-color: black !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black {
    background-color: black !important;
  }

  .md-hover-bg-black:hover {
    background-color: black !important;
  }

  .md-focus-bg-black:focus {
    background-color: black !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black {
    background-color: black !important;
  }

  .lg-hover-bg-black:hover {
    background-color: black !important;
  }

  .lg-focus-bg-black:focus {
    background-color: black !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black {
    background-color: black !important;
  }

  .xl-hover-bg-black:hover {
    background-color: black !important;
  }

  .xl-focus-bg-black:focus {
    background-color: black !important;
  }
}
.bg-black-100 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.hover-bg-black-100:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.focus-bg-black-100:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-100 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .sm-hover-bg-black-100:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .sm-focus-bg-black-100:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-100 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .md-hover-bg-black-100:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .md-focus-bg-black-100:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-100 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .lg-hover-bg-black-100:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .lg-focus-bg-black-100:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-100 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .xl-hover-bg-black-100:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .xl-focus-bg-black-100:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
.bg-black-200 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.hover-bg-black-200:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.focus-bg-black-200:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-200 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .sm-hover-bg-black-200:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .sm-focus-bg-black-200:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-200 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .md-hover-bg-black-200:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .md-focus-bg-black-200:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-200 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .lg-hover-bg-black-200:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .lg-focus-bg-black-200:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-200 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .xl-hover-bg-black-200:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .xl-focus-bg-black-200:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
.bg-black-300 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.hover-bg-black-300:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.focus-bg-black-300:focus {
  background-color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-300 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .sm-hover-bg-black-300:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .sm-focus-bg-black-300:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-300 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .md-hover-bg-black-300:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .md-focus-bg-black-300:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-300 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .lg-hover-bg-black-300:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .lg-focus-bg-black-300:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-300 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .xl-hover-bg-black-300:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .xl-focus-bg-black-300:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}
.bg-black-400 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.hover-bg-black-400:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.focus-bg-black-400:focus {
  background-color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-400 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .sm-hover-bg-black-400:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .sm-focus-bg-black-400:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-400 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .md-hover-bg-black-400:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .md-focus-bg-black-400:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-400 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .lg-hover-bg-black-400:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .lg-focus-bg-black-400:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-400 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .xl-hover-bg-black-400:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .xl-focus-bg-black-400:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
.bg-black-500 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.hover-bg-black-500:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.focus-bg-black-500:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-500 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .sm-hover-bg-black-500:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .sm-focus-bg-black-500:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-500 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .md-hover-bg-black-500:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .md-focus-bg-black-500:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-500 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .lg-hover-bg-black-500:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .lg-focus-bg-black-500:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-500 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .xl-hover-bg-black-500:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .xl-focus-bg-black-500:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}
.bg-black-600 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.hover-bg-black-600:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.focus-bg-black-600:focus {
  background-color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-600 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .sm-hover-bg-black-600:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .sm-focus-bg-black-600:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-600 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .md-hover-bg-black-600:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .md-focus-bg-black-600:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-600 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .lg-hover-bg-black-600:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .lg-focus-bg-black-600:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-600 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .xl-hover-bg-black-600:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .xl-focus-bg-black-600:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}
.bg-black-700 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.hover-bg-black-700:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.focus-bg-black-700:focus {
  background-color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-700 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .sm-hover-bg-black-700:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .sm-focus-bg-black-700:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-700 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .md-hover-bg-black-700:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .md-focus-bg-black-700:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-700 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .lg-hover-bg-black-700:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .lg-focus-bg-black-700:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-700 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .xl-hover-bg-black-700:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .xl-focus-bg-black-700:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}
.bg-black-800 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.hover-bg-black-800:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.focus-bg-black-800:focus {
  background-color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-800 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .sm-hover-bg-black-800:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .sm-focus-bg-black-800:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-800 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .md-hover-bg-black-800:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .md-focus-bg-black-800:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-800 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .lg-hover-bg-black-800:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .lg-focus-bg-black-800:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-800 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .xl-hover-bg-black-800:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .xl-focus-bg-black-800:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
.bg-black-900 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.hover-bg-black-900:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.focus-bg-black-900:focus {
  background-color: rgba(0, 0, 0, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-900 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .sm-hover-bg-black-900:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .sm-focus-bg-black-900:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-900 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .md-hover-bg-black-900:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .md-focus-bg-black-900:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-black-900 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .lg-hover-bg-black-900:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .lg-focus-bg-black-900:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-black-900 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .xl-hover-bg-black-900:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .xl-focus-bg-black-900:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
.bg-gray {
  background-color: black !important;
}

.hover-bg-gray:hover {
  background-color: black;
}

.focus-bg-gray:focus {
  background-color: black;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray {
    background-color: black !important;
  }

  .sm-hover-bg-gray:hover {
    background-color: black !important;
  }

  .sm-focus-bg-gray:focus {
    background-color: black !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray {
    background-color: black !important;
  }

  .md-hover-bg-gray:hover {
    background-color: black !important;
  }

  .md-focus-bg-gray:focus {
    background-color: black !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray {
    background-color: black !important;
  }

  .lg-hover-bg-gray:hover {
    background-color: black !important;
  }

  .lg-focus-bg-gray:focus {
    background-color: black !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray {
    background-color: black !important;
  }

  .xl-hover-bg-gray:hover {
    background-color: black !important;
  }

  .xl-focus-bg-gray:focus {
    background-color: black !important;
  }
}
.bg-gray-100 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.hover-bg-gray-100:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.focus-bg-gray-100:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-100 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .sm-hover-bg-gray-100:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .sm-focus-bg-gray-100:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-100 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .md-hover-bg-gray-100:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .md-focus-bg-gray-100:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-100 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .lg-hover-bg-gray-100:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .lg-focus-bg-gray-100:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-100 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .xl-hover-bg-gray-100:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  .xl-focus-bg-gray-100:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
.bg-gray-200 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.hover-bg-gray-200:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.focus-bg-gray-200:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-200 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .sm-hover-bg-gray-200:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .sm-focus-bg-gray-200:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-200 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .md-hover-bg-gray-200:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .md-focus-bg-gray-200:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-200 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .lg-hover-bg-gray-200:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .lg-focus-bg-gray-200:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-200 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .xl-hover-bg-gray-200:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }

  .xl-focus-bg-gray-200:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
.bg-gray-300 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.hover-bg-gray-300:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.focus-bg-gray-300:focus {
  background-color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-300 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .sm-hover-bg-gray-300:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .sm-focus-bg-gray-300:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-300 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .md-hover-bg-gray-300:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .md-focus-bg-gray-300:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-300 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .lg-hover-bg-gray-300:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .lg-focus-bg-gray-300:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-300 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .xl-hover-bg-gray-300:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .xl-focus-bg-gray-300:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}
.bg-gray-400 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.hover-bg-gray-400:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.focus-bg-gray-400:focus {
  background-color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-400 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .sm-hover-bg-gray-400:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .sm-focus-bg-gray-400:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-400 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .md-hover-bg-gray-400:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .md-focus-bg-gray-400:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-400 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .lg-hover-bg-gray-400:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .lg-focus-bg-gray-400:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-400 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .xl-hover-bg-gray-400:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  .xl-focus-bg-gray-400:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
.bg-gray-500 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.hover-bg-gray-500:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.focus-bg-gray-500:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-500 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .sm-hover-bg-gray-500:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .sm-focus-bg-gray-500:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-500 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .md-hover-bg-gray-500:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .md-focus-bg-gray-500:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-500 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .lg-hover-bg-gray-500:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .lg-focus-bg-gray-500:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-500 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .xl-hover-bg-gray-500:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  .xl-focus-bg-gray-500:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}
.bg-gray-600 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.hover-bg-gray-600:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.focus-bg-gray-600:focus {
  background-color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-600 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .sm-hover-bg-gray-600:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .sm-focus-bg-gray-600:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-600 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .md-hover-bg-gray-600:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .md-focus-bg-gray-600:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-600 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .lg-hover-bg-gray-600:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .lg-focus-bg-gray-600:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-600 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .xl-hover-bg-gray-600:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  .xl-focus-bg-gray-600:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}
.bg-gray-700 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.hover-bg-gray-700:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.focus-bg-gray-700:focus {
  background-color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-700 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .sm-hover-bg-gray-700:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .sm-focus-bg-gray-700:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-700 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .md-hover-bg-gray-700:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .md-focus-bg-gray-700:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-700 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .lg-hover-bg-gray-700:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .lg-focus-bg-gray-700:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-700 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .xl-hover-bg-gray-700:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  .xl-focus-bg-gray-700:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}
.bg-gray-800 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.hover-bg-gray-800:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.focus-bg-gray-800:focus {
  background-color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-800 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .sm-hover-bg-gray-800:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .sm-focus-bg-gray-800:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-800 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .md-hover-bg-gray-800:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .md-focus-bg-gray-800:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-800 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .lg-hover-bg-gray-800:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .lg-focus-bg-gray-800:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-800 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .xl-hover-bg-gray-800:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }

  .xl-focus-bg-gray-800:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
.bg-gray-900 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.hover-bg-gray-900:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.focus-bg-gray-900:focus {
  background-color: rgba(0, 0, 0, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-900 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .sm-hover-bg-gray-900:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .sm-focus-bg-gray-900:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-900 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .md-hover-bg-gray-900:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .md-focus-bg-gray-900:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-900 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .lg-hover-bg-gray-900:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .lg-focus-bg-gray-900:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-900 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .xl-hover-bg-gray-900:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .xl-focus-bg-gray-900:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
.bg-gray-light {
  background-color: #F2F2F2 !important;
}

.hover-bg-gray-light:hover {
  background-color: #F2F2F2;
}

.focus-bg-gray-light:focus {
  background-color: #F2F2F2;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light {
    background-color: #F2F2F2 !important;
  }

  .sm-hover-bg-gray-light:hover {
    background-color: #F2F2F2 !important;
  }

  .sm-focus-bg-gray-light:focus {
    background-color: #F2F2F2 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light {
    background-color: #F2F2F2 !important;
  }

  .md-hover-bg-gray-light:hover {
    background-color: #F2F2F2 !important;
  }

  .md-focus-bg-gray-light:focus {
    background-color: #F2F2F2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light {
    background-color: #F2F2F2 !important;
  }

  .lg-hover-bg-gray-light:hover {
    background-color: #F2F2F2 !important;
  }

  .lg-focus-bg-gray-light:focus {
    background-color: #F2F2F2 !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light {
    background-color: #F2F2F2 !important;
  }

  .xl-hover-bg-gray-light:hover {
    background-color: #F2F2F2 !important;
  }

  .xl-focus-bg-gray-light:focus {
    background-color: #F2F2F2 !important;
  }
}
.bg-gray-light-100 {
  background-color: rgba(242, 242, 242, 0.1) !important;
}

.hover-bg-gray-light-100:hover {
  background-color: rgba(242, 242, 242, 0.1);
}

.focus-bg-gray-light-100:focus {
  background-color: rgba(242, 242, 242, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-100 {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }

  .sm-hover-bg-gray-light-100:hover {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }

  .sm-focus-bg-gray-light-100:focus {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-100 {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }

  .md-hover-bg-gray-light-100:hover {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }

  .md-focus-bg-gray-light-100:focus {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-100 {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }

  .lg-hover-bg-gray-light-100:hover {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }

  .lg-focus-bg-gray-light-100:focus {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-100 {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }

  .xl-hover-bg-gray-light-100:hover {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }

  .xl-focus-bg-gray-light-100:focus {
    background-color: rgba(242, 242, 242, 0.1) !important;
  }
}
.bg-gray-light-200 {
  background-color: rgba(242, 242, 242, 0.2) !important;
}

.hover-bg-gray-light-200:hover {
  background-color: rgba(242, 242, 242, 0.2);
}

.focus-bg-gray-light-200:focus {
  background-color: rgba(242, 242, 242, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-200 {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }

  .sm-hover-bg-gray-light-200:hover {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }

  .sm-focus-bg-gray-light-200:focus {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-200 {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }

  .md-hover-bg-gray-light-200:hover {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }

  .md-focus-bg-gray-light-200:focus {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-200 {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }

  .lg-hover-bg-gray-light-200:hover {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }

  .lg-focus-bg-gray-light-200:focus {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-200 {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }

  .xl-hover-bg-gray-light-200:hover {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }

  .xl-focus-bg-gray-light-200:focus {
    background-color: rgba(242, 242, 242, 0.2) !important;
  }
}
.bg-gray-light-300 {
  background-color: rgba(242, 242, 242, 0.3) !important;
}

.hover-bg-gray-light-300:hover {
  background-color: rgba(242, 242, 242, 0.3);
}

.focus-bg-gray-light-300:focus {
  background-color: rgba(242, 242, 242, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-300 {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }

  .sm-hover-bg-gray-light-300:hover {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }

  .sm-focus-bg-gray-light-300:focus {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-300 {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }

  .md-hover-bg-gray-light-300:hover {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }

  .md-focus-bg-gray-light-300:focus {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-300 {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }

  .lg-hover-bg-gray-light-300:hover {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }

  .lg-focus-bg-gray-light-300:focus {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-300 {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }

  .xl-hover-bg-gray-light-300:hover {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }

  .xl-focus-bg-gray-light-300:focus {
    background-color: rgba(242, 242, 242, 0.3) !important;
  }
}
.bg-gray-light-400 {
  background-color: rgba(242, 242, 242, 0.4) !important;
}

.hover-bg-gray-light-400:hover {
  background-color: rgba(242, 242, 242, 0.4);
}

.focus-bg-gray-light-400:focus {
  background-color: rgba(242, 242, 242, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-400 {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }

  .sm-hover-bg-gray-light-400:hover {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }

  .sm-focus-bg-gray-light-400:focus {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-400 {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }

  .md-hover-bg-gray-light-400:hover {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }

  .md-focus-bg-gray-light-400:focus {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-400 {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }

  .lg-hover-bg-gray-light-400:hover {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }

  .lg-focus-bg-gray-light-400:focus {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-400 {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }

  .xl-hover-bg-gray-light-400:hover {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }

  .xl-focus-bg-gray-light-400:focus {
    background-color: rgba(242, 242, 242, 0.4) !important;
  }
}
.bg-gray-light-500 {
  background-color: rgba(242, 242, 242, 0.5) !important;
}

.hover-bg-gray-light-500:hover {
  background-color: rgba(242, 242, 242, 0.5);
}

.focus-bg-gray-light-500:focus {
  background-color: rgba(242, 242, 242, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-500 {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .sm-hover-bg-gray-light-500:hover {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .sm-focus-bg-gray-light-500:focus {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-500 {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .md-hover-bg-gray-light-500:hover {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .md-focus-bg-gray-light-500:focus {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-500 {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .lg-hover-bg-gray-light-500:hover {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .lg-focus-bg-gray-light-500:focus {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-500 {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .xl-hover-bg-gray-light-500:hover {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }

  .xl-focus-bg-gray-light-500:focus {
    background-color: rgba(242, 242, 242, 0.5) !important;
  }
}
.bg-gray-light-600 {
  background-color: rgba(242, 242, 242, 0.6) !important;
}

.hover-bg-gray-light-600:hover {
  background-color: rgba(242, 242, 242, 0.6);
}

.focus-bg-gray-light-600:focus {
  background-color: rgba(242, 242, 242, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-600 {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }

  .sm-hover-bg-gray-light-600:hover {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }

  .sm-focus-bg-gray-light-600:focus {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-600 {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }

  .md-hover-bg-gray-light-600:hover {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }

  .md-focus-bg-gray-light-600:focus {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-600 {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }

  .lg-hover-bg-gray-light-600:hover {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }

  .lg-focus-bg-gray-light-600:focus {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-600 {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }

  .xl-hover-bg-gray-light-600:hover {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }

  .xl-focus-bg-gray-light-600:focus {
    background-color: rgba(242, 242, 242, 0.6) !important;
  }
}
.bg-gray-light-700 {
  background-color: rgba(242, 242, 242, 0.7) !important;
}

.hover-bg-gray-light-700:hover {
  background-color: rgba(242, 242, 242, 0.7);
}

.focus-bg-gray-light-700:focus {
  background-color: rgba(242, 242, 242, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-700 {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }

  .sm-hover-bg-gray-light-700:hover {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }

  .sm-focus-bg-gray-light-700:focus {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-700 {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }

  .md-hover-bg-gray-light-700:hover {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }

  .md-focus-bg-gray-light-700:focus {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-700 {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }

  .lg-hover-bg-gray-light-700:hover {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }

  .lg-focus-bg-gray-light-700:focus {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-700 {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }

  .xl-hover-bg-gray-light-700:hover {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }

  .xl-focus-bg-gray-light-700:focus {
    background-color: rgba(242, 242, 242, 0.7) !important;
  }
}
.bg-gray-light-800 {
  background-color: rgba(242, 242, 242, 0.8) !important;
}

.hover-bg-gray-light-800:hover {
  background-color: rgba(242, 242, 242, 0.8);
}

.focus-bg-gray-light-800:focus {
  background-color: rgba(242, 242, 242, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-800 {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }

  .sm-hover-bg-gray-light-800:hover {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }

  .sm-focus-bg-gray-light-800:focus {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-800 {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }

  .md-hover-bg-gray-light-800:hover {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }

  .md-focus-bg-gray-light-800:focus {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-800 {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }

  .lg-hover-bg-gray-light-800:hover {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }

  .lg-focus-bg-gray-light-800:focus {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-800 {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }

  .xl-hover-bg-gray-light-800:hover {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }

  .xl-focus-bg-gray-light-800:focus {
    background-color: rgba(242, 242, 242, 0.8) !important;
  }
}
.bg-gray-light-900 {
  background-color: rgba(242, 242, 242, 0.9) !important;
}

.hover-bg-gray-light-900:hover {
  background-color: rgba(242, 242, 242, 0.9);
}

.focus-bg-gray-light-900:focus {
  background-color: rgba(242, 242, 242, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-900 {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }

  .sm-hover-bg-gray-light-900:hover {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }

  .sm-focus-bg-gray-light-900:focus {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-900 {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }

  .md-hover-bg-gray-light-900:hover {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }

  .md-focus-bg-gray-light-900:focus {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-gray-light-900 {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }

  .lg-hover-bg-gray-light-900:hover {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }

  .lg-focus-bg-gray-light-900:focus {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-gray-light-900 {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }

  .xl-hover-bg-gray-light-900:hover {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }

  .xl-focus-bg-gray-light-900:focus {
    background-color: rgba(242, 242, 242, 0.9) !important;
  }
}
.bg-white {
  background-color: white !important;
}

.hover-bg-white:hover {
  background-color: white;
}

.focus-bg-white:focus {
  background-color: white;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white {
    background-color: white !important;
  }

  .sm-hover-bg-white:hover {
    background-color: white !important;
  }

  .sm-focus-bg-white:focus {
    background-color: white !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white {
    background-color: white !important;
  }

  .md-hover-bg-white:hover {
    background-color: white !important;
  }

  .md-focus-bg-white:focus {
    background-color: white !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white {
    background-color: white !important;
  }

  .lg-hover-bg-white:hover {
    background-color: white !important;
  }

  .lg-focus-bg-white:focus {
    background-color: white !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white {
    background-color: white !important;
  }

  .xl-hover-bg-white:hover {
    background-color: white !important;
  }

  .xl-focus-bg-white:focus {
    background-color: white !important;
  }
}
.bg-white-100 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.hover-bg-white-100:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.focus-bg-white-100:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-100 {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .sm-hover-bg-white-100:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .sm-focus-bg-white-100:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-100 {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .md-hover-bg-white-100:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .md-focus-bg-white-100:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-100 {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .lg-hover-bg-white-100:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .lg-focus-bg-white-100:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-100 {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .xl-hover-bg-white-100:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .xl-focus-bg-white-100:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}
.bg-white-200 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.hover-bg-white-200:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.focus-bg-white-200:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-200 {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .sm-hover-bg-white-200:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .sm-focus-bg-white-200:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-200 {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .md-hover-bg-white-200:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .md-focus-bg-white-200:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-200 {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .lg-hover-bg-white-200:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .lg-focus-bg-white-200:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-200 {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .xl-hover-bg-white-200:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .xl-focus-bg-white-200:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
}
.bg-white-300 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.hover-bg-white-300:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.focus-bg-white-300:focus {
  background-color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-300 {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .sm-hover-bg-white-300:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .sm-focus-bg-white-300:focus {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-300 {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .md-hover-bg-white-300:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .md-focus-bg-white-300:focus {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-300 {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .lg-hover-bg-white-300:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .lg-focus-bg-white-300:focus {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-300 {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .xl-hover-bg-white-300:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .xl-focus-bg-white-300:focus {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
}
.bg-white-400 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.hover-bg-white-400:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.focus-bg-white-400:focus {
  background-color: rgba(255, 255, 255, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-400 {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .sm-hover-bg-white-400:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .sm-focus-bg-white-400:focus {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-400 {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .md-hover-bg-white-400:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .md-focus-bg-white-400:focus {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-400 {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .lg-hover-bg-white-400:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .lg-focus-bg-white-400:focus {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-400 {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .xl-hover-bg-white-400:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .xl-focus-bg-white-400:focus {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
}
.bg-white-500 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.hover-bg-white-500:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.focus-bg-white-500:focus {
  background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-500 {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .sm-hover-bg-white-500:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .sm-focus-bg-white-500:focus {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-500 {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .md-hover-bg-white-500:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .md-focus-bg-white-500:focus {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-500 {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .lg-hover-bg-white-500:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .lg-focus-bg-white-500:focus {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-500 {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .xl-hover-bg-white-500:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .xl-focus-bg-white-500:focus {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}
.bg-white-600 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.hover-bg-white-600:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

.focus-bg-white-600:focus {
  background-color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-600 {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .sm-hover-bg-white-600:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .sm-focus-bg-white-600:focus {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-600 {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .md-hover-bg-white-600:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .md-focus-bg-white-600:focus {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-600 {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .lg-hover-bg-white-600:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .lg-focus-bg-white-600:focus {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-600 {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .xl-hover-bg-white-600:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .xl-focus-bg-white-600:focus {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
}
.bg-white-700 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.hover-bg-white-700:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

.focus-bg-white-700:focus {
  background-color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-700 {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .sm-hover-bg-white-700:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .sm-focus-bg-white-700:focus {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-700 {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .md-hover-bg-white-700:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .md-focus-bg-white-700:focus {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-700 {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .lg-hover-bg-white-700:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .lg-focus-bg-white-700:focus {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-700 {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .xl-hover-bg-white-700:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .xl-focus-bg-white-700:focus {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
}
.bg-white-800 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.hover-bg-white-800:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.focus-bg-white-800:focus {
  background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-800 {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .sm-hover-bg-white-800:hover {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .sm-focus-bg-white-800:focus {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-800 {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .md-hover-bg-white-800:hover {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .md-focus-bg-white-800:focus {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-800 {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .lg-hover-bg-white-800:hover {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .lg-focus-bg-white-800:focus {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-800 {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .xl-hover-bg-white-800:hover {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .xl-focus-bg-white-800:focus {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
}
.bg-white-900 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.hover-bg-white-900:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.focus-bg-white-900:focus {
  background-color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-white-900 {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .sm-hover-bg-white-900:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .sm-focus-bg-white-900:focus {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-white-900 {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .md-hover-bg-white-900:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .md-focus-bg-white-900:focus {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-white-900 {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .lg-hover-bg-white-900:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .lg-focus-bg-white-900:focus {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
}
@media (min-width: 1024px) {
  .xl-bg-white-900 {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .xl-hover-bg-white-900:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .xl-focus-bg-white-900:focus {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
}
/*
  Background Position
 */
.bg-bottom {
  background-position: bottom;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-bottom {
    background-position: bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-bottom {
    background-position: bottom;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-bottom {
    background-position: bottom;
  }
}
@media (min-width: 1024px) {
  .xl-bg-bottom {
    background-position: bottom;
  }
}
.bg-center {
  background-position: center;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-center {
    background-position: center;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-center {
    background-position: center;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-center {
    background-position: center;
  }
}
@media (min-width: 1024px) {
  .xl-bg-center {
    background-position: center;
  }
}
.bg-left {
  background-position: left;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-left {
    background-position: left;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-left {
    background-position: left;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-left {
    background-position: left;
  }
}
@media (min-width: 1024px) {
  .xl-bg-left {
    background-position: left;
  }
}
.bg-left-bottom {
  background-position: left bottom;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-left-bottom {
    background-position: left bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-left-bottom {
    background-position: left bottom;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-left-bottom {
    background-position: left bottom;
  }
}
@media (min-width: 1024px) {
  .xl-bg-left-bottom {
    background-position: left bottom;
  }
}
.bg-left-top {
  background-position: left top;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-left-top {
    background-position: left top;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-left-top {
    background-position: left top;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-left-top {
    background-position: left top;
  }
}
@media (min-width: 1024px) {
  .xl-bg-left-top {
    background-position: left top;
  }
}
.bg-right {
  background-position: right;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-right {
    background-position: right;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-right {
    background-position: right;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-right {
    background-position: right;
  }
}
@media (min-width: 1024px) {
  .xl-bg-right {
    background-position: right;
  }
}
.bg-right-bottom {
  background-position: right bottom;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-right-bottom {
    background-position: right bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-right-bottom {
    background-position: right bottom;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-right-bottom {
    background-position: right bottom;
  }
}
@media (min-width: 1024px) {
  .xl-bg-right-bottom {
    background-position: right bottom;
  }
}
.bg-right-top {
  background-position: right top;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-right-top {
    background-position: right top;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-right-top {
    background-position: right top;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-right-top {
    background-position: right top;
  }
}
@media (min-width: 1024px) {
  .xl-bg-right-top {
    background-position: right top;
  }
}
.bg-top {
  background-position: top;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-top {
    background-position: top;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-top {
    background-position: top;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-top {
    background-position: top;
  }
}
@media (min-width: 1024px) {
  .xl-bg-top {
    background-position: top;
  }
}
/*
  Background Repeat
 */
.bg-repeat {
  background-repeat: repeat;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-repeat {
    background-repeat: repeat;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-repeat {
    background-repeat: repeat;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-repeat {
    background-repeat: repeat;
  }
}
@media (min-width: 1024px) {
  .xl-bg-repeat {
    background-repeat: repeat;
  }
}
.bg-no-repeat {
  background-repeat: no-repeat;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-no-repeat {
    background-repeat: no-repeat;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-no-repeat {
    background-repeat: no-repeat;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-no-repeat {
    background-repeat: no-repeat;
  }
}
@media (min-width: 1024px) {
  .xl-bg-no-repeat {
    background-repeat: no-repeat;
  }
}
.bg-repeat-x {
  background-repeat: repeat-x;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-repeat-x {
    background-repeat: repeat-x;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-repeat-x {
    background-repeat: repeat-x;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-repeat-x {
    background-repeat: repeat-x;
  }
}
@media (min-width: 1024px) {
  .xl-bg-repeat-x {
    background-repeat: repeat-x;
  }
}
.bg-repeat-y {
  background-repeat: repeat-y;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-repeat-y {
    background-repeat: repeat-y;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-repeat-y {
    background-repeat: repeat-y;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-repeat-y {
    background-repeat: repeat-y;
  }
}
@media (min-width: 1024px) {
  .xl-bg-repeat-y {
    background-repeat: repeat-y;
  }
}
.bg-repeat-round {
  background-repeat: round;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-repeat-round {
    background-repeat: round;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-repeat-round {
    background-repeat: round;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-repeat-round {
    background-repeat: round;
  }
}
@media (min-width: 1024px) {
  .xl-bg-repeat-round {
    background-repeat: round;
  }
}
.bg-repeat-space {
  background-repeat: space;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-repeat-space {
    background-repeat: space;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-repeat-space {
    background-repeat: space;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-repeat-space {
    background-repeat: space;
  }
}
@media (min-width: 1024px) {
  .xl-bg-repeat-space {
    background-repeat: space;
  }
}
/*
  Background Size
 */
.bg-auto {
  background-size: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-auto {
    background-size: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-auto {
    background-size: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-auto {
    background-size: auto;
  }
}
@media (min-width: 1024px) {
  .xl-bg-auto {
    background-size: auto;
  }
}
.bg-cover {
  background-size: cover;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-cover {
    background-size: cover;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-cover {
    background-size: cover;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-cover {
    background-size: cover;
  }
}
@media (min-width: 1024px) {
  .xl-bg-cover {
    background-size: cover;
  }
}
.bg-contain {
  background-size: contain;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-contain {
    background-size: contain;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-contain {
    background-size: contain;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-bg-contain {
    background-size: contain;
  }
}
@media (min-width: 1024px) {
  .xl-bg-contain {
    background-size: contain;
  }
}
/*
  Border Color
 */
.border-transparent {
  border-color: rgba(0, 0, 0, 0) !important;
}

.hover-border-transparent:hover {
  border-color: rgba(0, 0, 0, 0) !important;
}

.focus-border-transparent:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-transparent {
    border-color: rgba(0, 0, 0, 0);
  }

  .sm-hover-border-transparent:hover {
    border-color: rgba(0, 0, 0, 0);
  }

  .sm-focus-border-transparent:focus {
    border-color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-transparent {
    border-color: rgba(0, 0, 0, 0);
  }

  .md-hover-border-transparent:hover {
    border-color: rgba(0, 0, 0, 0);
  }

  .md-focus-border-transparent:focus {
    border-color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-transparent {
    border-color: rgba(0, 0, 0, 0);
  }

  .lg-hover-border-transparent:hover {
    border-color: rgba(0, 0, 0, 0);
  }

  .lg-focus-border-transparent:focus {
    border-color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 1024px) {
  .xl-border-transparent {
    border-color: rgba(0, 0, 0, 0);
  }

  .xl-hover-border-transparent:hover {
    border-color: rgba(0, 0, 0, 0);
  }

  .xl-focus-border-transparent:focus {
    border-color: rgba(0, 0, 0, 0);
  }
}
.border-default {
  border-color: #E5EAF4 !important;
}

.hover-border-default:hover {
  border-color: #E5EAF4 !important;
}

.focus-border-default:focus {
  border-color: #E5EAF4 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-default {
    border-color: #E5EAF4;
  }

  .sm-hover-border-default:hover {
    border-color: #E5EAF4;
  }

  .sm-focus-border-default:focus {
    border-color: #E5EAF4;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-default {
    border-color: #E5EAF4;
  }

  .md-hover-border-default:hover {
    border-color: #E5EAF4;
  }

  .md-focus-border-default:focus {
    border-color: #E5EAF4;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-default {
    border-color: #E5EAF4;
  }

  .lg-hover-border-default:hover {
    border-color: #E5EAF4;
  }

  .lg-focus-border-default:focus {
    border-color: #E5EAF4;
  }
}
@media (min-width: 1024px) {
  .xl-border-default {
    border-color: #E5EAF4;
  }

  .xl-hover-border-default:hover {
    border-color: #E5EAF4;
  }

  .xl-focus-border-default:focus {
    border-color: #E5EAF4;
  }
}
.border-primary {
  border-color: #CF2A10 !important;
}

.hover-border-primary:hover {
  border-color: #CF2A10 !important;
}

.focus-border-primary:focus {
  border-color: #CF2A10 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary {
    border-color: #CF2A10;
  }

  .sm-hover-border-primary:hover {
    border-color: #CF2A10;
  }

  .sm-focus-border-primary:focus {
    border-color: #CF2A10;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary {
    border-color: #CF2A10;
  }

  .md-hover-border-primary:hover {
    border-color: #CF2A10;
  }

  .md-focus-border-primary:focus {
    border-color: #CF2A10;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary {
    border-color: #CF2A10;
  }

  .lg-hover-border-primary:hover {
    border-color: #CF2A10;
  }

  .lg-focus-border-primary:focus {
    border-color: #CF2A10;
  }
}
@media (min-width: 1024px) {
  .xl-border-primary {
    border-color: #CF2A10;
  }

  .xl-hover-border-primary:hover {
    border-color: #CF2A10;
  }

  .xl-focus-border-primary:focus {
    border-color: #CF2A10;
  }
}
.border-primary-100 {
  border-color: rgba(207, 42, 16, 0.1) !important;
}

.hover-border-primary-100:hover {
  border-color: rgba(207, 42, 16, 0.1) !important;
}

.focus-border-primary-100:focus {
  border-color: rgba(207, 42, 16, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-100 {
    border-color: rgba(207, 42, 16, 0.1);
  }

  .sm-hover-border-primary-100:hover {
    border-color: rgba(207, 42, 16, 0.1);
  }

  .sm-focus-border-primary-100:focus {
    border-color: rgba(207, 42, 16, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-100 {
    border-color: rgba(207, 42, 16, 0.1);
  }

  .md-hover-border-primary-100:hover {
    border-color: rgba(207, 42, 16, 0.1);
  }

  .md-focus-border-primary-100:focus {
    border-color: rgba(207, 42, 16, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-100 {
    border-color: rgba(207, 42, 16, 0.1);
  }

  .lg-hover-border-primary-100:hover {
    border-color: rgba(207, 42, 16, 0.1);
  }

  .lg-focus-border-primary-100:focus {
    border-color: rgba(207, 42, 16, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-100 {
    border-color: rgba(207, 42, 16, 0.1);
  }

  .xl-hover-border-primary-100:hover {
    border-color: rgba(207, 42, 16, 0.1);
  }

  .xl-focus-border-primary-100:focus {
    border-color: rgba(207, 42, 16, 0.1);
  }
}
.border-primary-200 {
  border-color: rgba(207, 42, 16, 0.2) !important;
}

.hover-border-primary-200:hover {
  border-color: rgba(207, 42, 16, 0.2) !important;
}

.focus-border-primary-200:focus {
  border-color: rgba(207, 42, 16, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-200 {
    border-color: rgba(207, 42, 16, 0.2);
  }

  .sm-hover-border-primary-200:hover {
    border-color: rgba(207, 42, 16, 0.2);
  }

  .sm-focus-border-primary-200:focus {
    border-color: rgba(207, 42, 16, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-200 {
    border-color: rgba(207, 42, 16, 0.2);
  }

  .md-hover-border-primary-200:hover {
    border-color: rgba(207, 42, 16, 0.2);
  }

  .md-focus-border-primary-200:focus {
    border-color: rgba(207, 42, 16, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-200 {
    border-color: rgba(207, 42, 16, 0.2);
  }

  .lg-hover-border-primary-200:hover {
    border-color: rgba(207, 42, 16, 0.2);
  }

  .lg-focus-border-primary-200:focus {
    border-color: rgba(207, 42, 16, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-200 {
    border-color: rgba(207, 42, 16, 0.2);
  }

  .xl-hover-border-primary-200:hover {
    border-color: rgba(207, 42, 16, 0.2);
  }

  .xl-focus-border-primary-200:focus {
    border-color: rgba(207, 42, 16, 0.2);
  }
}
.border-primary-300 {
  border-color: rgba(207, 42, 16, 0.3) !important;
}

.hover-border-primary-300:hover {
  border-color: rgba(207, 42, 16, 0.3) !important;
}

.focus-border-primary-300:focus {
  border-color: rgba(207, 42, 16, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-300 {
    border-color: rgba(207, 42, 16, 0.3);
  }

  .sm-hover-border-primary-300:hover {
    border-color: rgba(207, 42, 16, 0.3);
  }

  .sm-focus-border-primary-300:focus {
    border-color: rgba(207, 42, 16, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-300 {
    border-color: rgba(207, 42, 16, 0.3);
  }

  .md-hover-border-primary-300:hover {
    border-color: rgba(207, 42, 16, 0.3);
  }

  .md-focus-border-primary-300:focus {
    border-color: rgba(207, 42, 16, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-300 {
    border-color: rgba(207, 42, 16, 0.3);
  }

  .lg-hover-border-primary-300:hover {
    border-color: rgba(207, 42, 16, 0.3);
  }

  .lg-focus-border-primary-300:focus {
    border-color: rgba(207, 42, 16, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-300 {
    border-color: rgba(207, 42, 16, 0.3);
  }

  .xl-hover-border-primary-300:hover {
    border-color: rgba(207, 42, 16, 0.3);
  }

  .xl-focus-border-primary-300:focus {
    border-color: rgba(207, 42, 16, 0.3);
  }
}
.border-primary-400 {
  border-color: rgba(207, 42, 16, 0.4) !important;
}

.hover-border-primary-400:hover {
  border-color: rgba(207, 42, 16, 0.4) !important;
}

.focus-border-primary-400:focus {
  border-color: rgba(207, 42, 16, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-400 {
    border-color: rgba(207, 42, 16, 0.4);
  }

  .sm-hover-border-primary-400:hover {
    border-color: rgba(207, 42, 16, 0.4);
  }

  .sm-focus-border-primary-400:focus {
    border-color: rgba(207, 42, 16, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-400 {
    border-color: rgba(207, 42, 16, 0.4);
  }

  .md-hover-border-primary-400:hover {
    border-color: rgba(207, 42, 16, 0.4);
  }

  .md-focus-border-primary-400:focus {
    border-color: rgba(207, 42, 16, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-400 {
    border-color: rgba(207, 42, 16, 0.4);
  }

  .lg-hover-border-primary-400:hover {
    border-color: rgba(207, 42, 16, 0.4);
  }

  .lg-focus-border-primary-400:focus {
    border-color: rgba(207, 42, 16, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-400 {
    border-color: rgba(207, 42, 16, 0.4);
  }

  .xl-hover-border-primary-400:hover {
    border-color: rgba(207, 42, 16, 0.4);
  }

  .xl-focus-border-primary-400:focus {
    border-color: rgba(207, 42, 16, 0.4);
  }
}
.border-primary-500 {
  border-color: rgba(207, 42, 16, 0.5) !important;
}

.hover-border-primary-500:hover {
  border-color: rgba(207, 42, 16, 0.5) !important;
}

.focus-border-primary-500:focus {
  border-color: rgba(207, 42, 16, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-500 {
    border-color: rgba(207, 42, 16, 0.5);
  }

  .sm-hover-border-primary-500:hover {
    border-color: rgba(207, 42, 16, 0.5);
  }

  .sm-focus-border-primary-500:focus {
    border-color: rgba(207, 42, 16, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-500 {
    border-color: rgba(207, 42, 16, 0.5);
  }

  .md-hover-border-primary-500:hover {
    border-color: rgba(207, 42, 16, 0.5);
  }

  .md-focus-border-primary-500:focus {
    border-color: rgba(207, 42, 16, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-500 {
    border-color: rgba(207, 42, 16, 0.5);
  }

  .lg-hover-border-primary-500:hover {
    border-color: rgba(207, 42, 16, 0.5);
  }

  .lg-focus-border-primary-500:focus {
    border-color: rgba(207, 42, 16, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-500 {
    border-color: rgba(207, 42, 16, 0.5);
  }

  .xl-hover-border-primary-500:hover {
    border-color: rgba(207, 42, 16, 0.5);
  }

  .xl-focus-border-primary-500:focus {
    border-color: rgba(207, 42, 16, 0.5);
  }
}
.border-primary-600 {
  border-color: rgba(207, 42, 16, 0.6) !important;
}

.hover-border-primary-600:hover {
  border-color: rgba(207, 42, 16, 0.6) !important;
}

.focus-border-primary-600:focus {
  border-color: rgba(207, 42, 16, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-600 {
    border-color: rgba(207, 42, 16, 0.6);
  }

  .sm-hover-border-primary-600:hover {
    border-color: rgba(207, 42, 16, 0.6);
  }

  .sm-focus-border-primary-600:focus {
    border-color: rgba(207, 42, 16, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-600 {
    border-color: rgba(207, 42, 16, 0.6);
  }

  .md-hover-border-primary-600:hover {
    border-color: rgba(207, 42, 16, 0.6);
  }

  .md-focus-border-primary-600:focus {
    border-color: rgba(207, 42, 16, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-600 {
    border-color: rgba(207, 42, 16, 0.6);
  }

  .lg-hover-border-primary-600:hover {
    border-color: rgba(207, 42, 16, 0.6);
  }

  .lg-focus-border-primary-600:focus {
    border-color: rgba(207, 42, 16, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-600 {
    border-color: rgba(207, 42, 16, 0.6);
  }

  .xl-hover-border-primary-600:hover {
    border-color: rgba(207, 42, 16, 0.6);
  }

  .xl-focus-border-primary-600:focus {
    border-color: rgba(207, 42, 16, 0.6);
  }
}
.border-primary-700 {
  border-color: rgba(207, 42, 16, 0.7) !important;
}

.hover-border-primary-700:hover {
  border-color: rgba(207, 42, 16, 0.7) !important;
}

.focus-border-primary-700:focus {
  border-color: rgba(207, 42, 16, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-700 {
    border-color: rgba(207, 42, 16, 0.7);
  }

  .sm-hover-border-primary-700:hover {
    border-color: rgba(207, 42, 16, 0.7);
  }

  .sm-focus-border-primary-700:focus {
    border-color: rgba(207, 42, 16, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-700 {
    border-color: rgba(207, 42, 16, 0.7);
  }

  .md-hover-border-primary-700:hover {
    border-color: rgba(207, 42, 16, 0.7);
  }

  .md-focus-border-primary-700:focus {
    border-color: rgba(207, 42, 16, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-700 {
    border-color: rgba(207, 42, 16, 0.7);
  }

  .lg-hover-border-primary-700:hover {
    border-color: rgba(207, 42, 16, 0.7);
  }

  .lg-focus-border-primary-700:focus {
    border-color: rgba(207, 42, 16, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-700 {
    border-color: rgba(207, 42, 16, 0.7);
  }

  .xl-hover-border-primary-700:hover {
    border-color: rgba(207, 42, 16, 0.7);
  }

  .xl-focus-border-primary-700:focus {
    border-color: rgba(207, 42, 16, 0.7);
  }
}
.border-primary-800 {
  border-color: rgba(207, 42, 16, 0.8) !important;
}

.hover-border-primary-800:hover {
  border-color: rgba(207, 42, 16, 0.8) !important;
}

.focus-border-primary-800:focus {
  border-color: rgba(207, 42, 16, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-800 {
    border-color: rgba(207, 42, 16, 0.8);
  }

  .sm-hover-border-primary-800:hover {
    border-color: rgba(207, 42, 16, 0.8);
  }

  .sm-focus-border-primary-800:focus {
    border-color: rgba(207, 42, 16, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-800 {
    border-color: rgba(207, 42, 16, 0.8);
  }

  .md-hover-border-primary-800:hover {
    border-color: rgba(207, 42, 16, 0.8);
  }

  .md-focus-border-primary-800:focus {
    border-color: rgba(207, 42, 16, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-800 {
    border-color: rgba(207, 42, 16, 0.8);
  }

  .lg-hover-border-primary-800:hover {
    border-color: rgba(207, 42, 16, 0.8);
  }

  .lg-focus-border-primary-800:focus {
    border-color: rgba(207, 42, 16, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-800 {
    border-color: rgba(207, 42, 16, 0.8);
  }

  .xl-hover-border-primary-800:hover {
    border-color: rgba(207, 42, 16, 0.8);
  }

  .xl-focus-border-primary-800:focus {
    border-color: rgba(207, 42, 16, 0.8);
  }
}
.border-primary-900 {
  border-color: rgba(207, 42, 16, 0.9) !important;
}

.hover-border-primary-900:hover {
  border-color: rgba(207, 42, 16, 0.9) !important;
}

.focus-border-primary-900:focus {
  border-color: rgba(207, 42, 16, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-900 {
    border-color: rgba(207, 42, 16, 0.9);
  }

  .sm-hover-border-primary-900:hover {
    border-color: rgba(207, 42, 16, 0.9);
  }

  .sm-focus-border-primary-900:focus {
    border-color: rgba(207, 42, 16, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-900 {
    border-color: rgba(207, 42, 16, 0.9);
  }

  .md-hover-border-primary-900:hover {
    border-color: rgba(207, 42, 16, 0.9);
  }

  .md-focus-border-primary-900:focus {
    border-color: rgba(207, 42, 16, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-primary-900 {
    border-color: rgba(207, 42, 16, 0.9);
  }

  .lg-hover-border-primary-900:hover {
    border-color: rgba(207, 42, 16, 0.9);
  }

  .lg-focus-border-primary-900:focus {
    border-color: rgba(207, 42, 16, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-primary-900 {
    border-color: rgba(207, 42, 16, 0.9);
  }

  .xl-hover-border-primary-900:hover {
    border-color: rgba(207, 42, 16, 0.9);
  }

  .xl-focus-border-primary-900:focus {
    border-color: rgba(207, 42, 16, 0.9);
  }
}
.border-secondary {
  border-color: #FFE5CD !important;
}

.hover-border-secondary:hover {
  border-color: #FFE5CD !important;
}

.focus-border-secondary:focus {
  border-color: #FFE5CD !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary {
    border-color: #FFE5CD;
  }

  .sm-hover-border-secondary:hover {
    border-color: #FFE5CD;
  }

  .sm-focus-border-secondary:focus {
    border-color: #FFE5CD;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary {
    border-color: #FFE5CD;
  }

  .md-hover-border-secondary:hover {
    border-color: #FFE5CD;
  }

  .md-focus-border-secondary:focus {
    border-color: #FFE5CD;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary {
    border-color: #FFE5CD;
  }

  .lg-hover-border-secondary:hover {
    border-color: #FFE5CD;
  }

  .lg-focus-border-secondary:focus {
    border-color: #FFE5CD;
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary {
    border-color: #FFE5CD;
  }

  .xl-hover-border-secondary:hover {
    border-color: #FFE5CD;
  }

  .xl-focus-border-secondary:focus {
    border-color: #FFE5CD;
  }
}
.border-secondary-100 {
  border-color: rgba(255, 229, 205, 0.1) !important;
}

.hover-border-secondary-100:hover {
  border-color: rgba(255, 229, 205, 0.1) !important;
}

.focus-border-secondary-100:focus {
  border-color: rgba(255, 229, 205, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-100 {
    border-color: rgba(255, 229, 205, 0.1);
  }

  .sm-hover-border-secondary-100:hover {
    border-color: rgba(255, 229, 205, 0.1);
  }

  .sm-focus-border-secondary-100:focus {
    border-color: rgba(255, 229, 205, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-100 {
    border-color: rgba(255, 229, 205, 0.1);
  }

  .md-hover-border-secondary-100:hover {
    border-color: rgba(255, 229, 205, 0.1);
  }

  .md-focus-border-secondary-100:focus {
    border-color: rgba(255, 229, 205, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-100 {
    border-color: rgba(255, 229, 205, 0.1);
  }

  .lg-hover-border-secondary-100:hover {
    border-color: rgba(255, 229, 205, 0.1);
  }

  .lg-focus-border-secondary-100:focus {
    border-color: rgba(255, 229, 205, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-100 {
    border-color: rgba(255, 229, 205, 0.1);
  }

  .xl-hover-border-secondary-100:hover {
    border-color: rgba(255, 229, 205, 0.1);
  }

  .xl-focus-border-secondary-100:focus {
    border-color: rgba(255, 229, 205, 0.1);
  }
}
.border-secondary-200 {
  border-color: rgba(255, 229, 205, 0.2) !important;
}

.hover-border-secondary-200:hover {
  border-color: rgba(255, 229, 205, 0.2) !important;
}

.focus-border-secondary-200:focus {
  border-color: rgba(255, 229, 205, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-200 {
    border-color: rgba(255, 229, 205, 0.2);
  }

  .sm-hover-border-secondary-200:hover {
    border-color: rgba(255, 229, 205, 0.2);
  }

  .sm-focus-border-secondary-200:focus {
    border-color: rgba(255, 229, 205, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-200 {
    border-color: rgba(255, 229, 205, 0.2);
  }

  .md-hover-border-secondary-200:hover {
    border-color: rgba(255, 229, 205, 0.2);
  }

  .md-focus-border-secondary-200:focus {
    border-color: rgba(255, 229, 205, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-200 {
    border-color: rgba(255, 229, 205, 0.2);
  }

  .lg-hover-border-secondary-200:hover {
    border-color: rgba(255, 229, 205, 0.2);
  }

  .lg-focus-border-secondary-200:focus {
    border-color: rgba(255, 229, 205, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-200 {
    border-color: rgba(255, 229, 205, 0.2);
  }

  .xl-hover-border-secondary-200:hover {
    border-color: rgba(255, 229, 205, 0.2);
  }

  .xl-focus-border-secondary-200:focus {
    border-color: rgba(255, 229, 205, 0.2);
  }
}
.border-secondary-300 {
  border-color: rgba(255, 229, 205, 0.3) !important;
}

.hover-border-secondary-300:hover {
  border-color: rgba(255, 229, 205, 0.3) !important;
}

.focus-border-secondary-300:focus {
  border-color: rgba(255, 229, 205, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-300 {
    border-color: rgba(255, 229, 205, 0.3);
  }

  .sm-hover-border-secondary-300:hover {
    border-color: rgba(255, 229, 205, 0.3);
  }

  .sm-focus-border-secondary-300:focus {
    border-color: rgba(255, 229, 205, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-300 {
    border-color: rgba(255, 229, 205, 0.3);
  }

  .md-hover-border-secondary-300:hover {
    border-color: rgba(255, 229, 205, 0.3);
  }

  .md-focus-border-secondary-300:focus {
    border-color: rgba(255, 229, 205, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-300 {
    border-color: rgba(255, 229, 205, 0.3);
  }

  .lg-hover-border-secondary-300:hover {
    border-color: rgba(255, 229, 205, 0.3);
  }

  .lg-focus-border-secondary-300:focus {
    border-color: rgba(255, 229, 205, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-300 {
    border-color: rgba(255, 229, 205, 0.3);
  }

  .xl-hover-border-secondary-300:hover {
    border-color: rgba(255, 229, 205, 0.3);
  }

  .xl-focus-border-secondary-300:focus {
    border-color: rgba(255, 229, 205, 0.3);
  }
}
.border-secondary-400 {
  border-color: rgba(255, 229, 205, 0.4) !important;
}

.hover-border-secondary-400:hover {
  border-color: rgba(255, 229, 205, 0.4) !important;
}

.focus-border-secondary-400:focus {
  border-color: rgba(255, 229, 205, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-400 {
    border-color: rgba(255, 229, 205, 0.4);
  }

  .sm-hover-border-secondary-400:hover {
    border-color: rgba(255, 229, 205, 0.4);
  }

  .sm-focus-border-secondary-400:focus {
    border-color: rgba(255, 229, 205, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-400 {
    border-color: rgba(255, 229, 205, 0.4);
  }

  .md-hover-border-secondary-400:hover {
    border-color: rgba(255, 229, 205, 0.4);
  }

  .md-focus-border-secondary-400:focus {
    border-color: rgba(255, 229, 205, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-400 {
    border-color: rgba(255, 229, 205, 0.4);
  }

  .lg-hover-border-secondary-400:hover {
    border-color: rgba(255, 229, 205, 0.4);
  }

  .lg-focus-border-secondary-400:focus {
    border-color: rgba(255, 229, 205, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-400 {
    border-color: rgba(255, 229, 205, 0.4);
  }

  .xl-hover-border-secondary-400:hover {
    border-color: rgba(255, 229, 205, 0.4);
  }

  .xl-focus-border-secondary-400:focus {
    border-color: rgba(255, 229, 205, 0.4);
  }
}
.border-secondary-500 {
  border-color: rgba(255, 229, 205, 0.5) !important;
}

.hover-border-secondary-500:hover {
  border-color: rgba(255, 229, 205, 0.5) !important;
}

.focus-border-secondary-500:focus {
  border-color: rgba(255, 229, 205, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-500 {
    border-color: rgba(255, 229, 205, 0.5);
  }

  .sm-hover-border-secondary-500:hover {
    border-color: rgba(255, 229, 205, 0.5);
  }

  .sm-focus-border-secondary-500:focus {
    border-color: rgba(255, 229, 205, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-500 {
    border-color: rgba(255, 229, 205, 0.5);
  }

  .md-hover-border-secondary-500:hover {
    border-color: rgba(255, 229, 205, 0.5);
  }

  .md-focus-border-secondary-500:focus {
    border-color: rgba(255, 229, 205, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-500 {
    border-color: rgba(255, 229, 205, 0.5);
  }

  .lg-hover-border-secondary-500:hover {
    border-color: rgba(255, 229, 205, 0.5);
  }

  .lg-focus-border-secondary-500:focus {
    border-color: rgba(255, 229, 205, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-500 {
    border-color: rgba(255, 229, 205, 0.5);
  }

  .xl-hover-border-secondary-500:hover {
    border-color: rgba(255, 229, 205, 0.5);
  }

  .xl-focus-border-secondary-500:focus {
    border-color: rgba(255, 229, 205, 0.5);
  }
}
.border-secondary-600 {
  border-color: rgba(255, 229, 205, 0.6) !important;
}

.hover-border-secondary-600:hover {
  border-color: rgba(255, 229, 205, 0.6) !important;
}

.focus-border-secondary-600:focus {
  border-color: rgba(255, 229, 205, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-600 {
    border-color: rgba(255, 229, 205, 0.6);
  }

  .sm-hover-border-secondary-600:hover {
    border-color: rgba(255, 229, 205, 0.6);
  }

  .sm-focus-border-secondary-600:focus {
    border-color: rgba(255, 229, 205, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-600 {
    border-color: rgba(255, 229, 205, 0.6);
  }

  .md-hover-border-secondary-600:hover {
    border-color: rgba(255, 229, 205, 0.6);
  }

  .md-focus-border-secondary-600:focus {
    border-color: rgba(255, 229, 205, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-600 {
    border-color: rgba(255, 229, 205, 0.6);
  }

  .lg-hover-border-secondary-600:hover {
    border-color: rgba(255, 229, 205, 0.6);
  }

  .lg-focus-border-secondary-600:focus {
    border-color: rgba(255, 229, 205, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-600 {
    border-color: rgba(255, 229, 205, 0.6);
  }

  .xl-hover-border-secondary-600:hover {
    border-color: rgba(255, 229, 205, 0.6);
  }

  .xl-focus-border-secondary-600:focus {
    border-color: rgba(255, 229, 205, 0.6);
  }
}
.border-secondary-700 {
  border-color: rgba(255, 229, 205, 0.7) !important;
}

.hover-border-secondary-700:hover {
  border-color: rgba(255, 229, 205, 0.7) !important;
}

.focus-border-secondary-700:focus {
  border-color: rgba(255, 229, 205, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-700 {
    border-color: rgba(255, 229, 205, 0.7);
  }

  .sm-hover-border-secondary-700:hover {
    border-color: rgba(255, 229, 205, 0.7);
  }

  .sm-focus-border-secondary-700:focus {
    border-color: rgba(255, 229, 205, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-700 {
    border-color: rgba(255, 229, 205, 0.7);
  }

  .md-hover-border-secondary-700:hover {
    border-color: rgba(255, 229, 205, 0.7);
  }

  .md-focus-border-secondary-700:focus {
    border-color: rgba(255, 229, 205, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-700 {
    border-color: rgba(255, 229, 205, 0.7);
  }

  .lg-hover-border-secondary-700:hover {
    border-color: rgba(255, 229, 205, 0.7);
  }

  .lg-focus-border-secondary-700:focus {
    border-color: rgba(255, 229, 205, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-700 {
    border-color: rgba(255, 229, 205, 0.7);
  }

  .xl-hover-border-secondary-700:hover {
    border-color: rgba(255, 229, 205, 0.7);
  }

  .xl-focus-border-secondary-700:focus {
    border-color: rgba(255, 229, 205, 0.7);
  }
}
.border-secondary-800 {
  border-color: rgba(255, 229, 205, 0.8) !important;
}

.hover-border-secondary-800:hover {
  border-color: rgba(255, 229, 205, 0.8) !important;
}

.focus-border-secondary-800:focus {
  border-color: rgba(255, 229, 205, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-800 {
    border-color: rgba(255, 229, 205, 0.8);
  }

  .sm-hover-border-secondary-800:hover {
    border-color: rgba(255, 229, 205, 0.8);
  }

  .sm-focus-border-secondary-800:focus {
    border-color: rgba(255, 229, 205, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-800 {
    border-color: rgba(255, 229, 205, 0.8);
  }

  .md-hover-border-secondary-800:hover {
    border-color: rgba(255, 229, 205, 0.8);
  }

  .md-focus-border-secondary-800:focus {
    border-color: rgba(255, 229, 205, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-800 {
    border-color: rgba(255, 229, 205, 0.8);
  }

  .lg-hover-border-secondary-800:hover {
    border-color: rgba(255, 229, 205, 0.8);
  }

  .lg-focus-border-secondary-800:focus {
    border-color: rgba(255, 229, 205, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-800 {
    border-color: rgba(255, 229, 205, 0.8);
  }

  .xl-hover-border-secondary-800:hover {
    border-color: rgba(255, 229, 205, 0.8);
  }

  .xl-focus-border-secondary-800:focus {
    border-color: rgba(255, 229, 205, 0.8);
  }
}
.border-secondary-900 {
  border-color: rgba(255, 229, 205, 0.9) !important;
}

.hover-border-secondary-900:hover {
  border-color: rgba(255, 229, 205, 0.9) !important;
}

.focus-border-secondary-900:focus {
  border-color: rgba(255, 229, 205, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-900 {
    border-color: rgba(255, 229, 205, 0.9);
  }

  .sm-hover-border-secondary-900:hover {
    border-color: rgba(255, 229, 205, 0.9);
  }

  .sm-focus-border-secondary-900:focus {
    border-color: rgba(255, 229, 205, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-900 {
    border-color: rgba(255, 229, 205, 0.9);
  }

  .md-hover-border-secondary-900:hover {
    border-color: rgba(255, 229, 205, 0.9);
  }

  .md-focus-border-secondary-900:focus {
    border-color: rgba(255, 229, 205, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-secondary-900 {
    border-color: rgba(255, 229, 205, 0.9);
  }

  .lg-hover-border-secondary-900:hover {
    border-color: rgba(255, 229, 205, 0.9);
  }

  .lg-focus-border-secondary-900:focus {
    border-color: rgba(255, 229, 205, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-secondary-900 {
    border-color: rgba(255, 229, 205, 0.9);
  }

  .xl-hover-border-secondary-900:hover {
    border-color: rgba(255, 229, 205, 0.9);
  }

  .xl-focus-border-secondary-900:focus {
    border-color: rgba(255, 229, 205, 0.9);
  }
}
.border-success {
  border-color: #36B37E !important;
}

.hover-border-success:hover {
  border-color: #36B37E !important;
}

.focus-border-success:focus {
  border-color: #36B37E !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success {
    border-color: #36B37E;
  }

  .sm-hover-border-success:hover {
    border-color: #36B37E;
  }

  .sm-focus-border-success:focus {
    border-color: #36B37E;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success {
    border-color: #36B37E;
  }

  .md-hover-border-success:hover {
    border-color: #36B37E;
  }

  .md-focus-border-success:focus {
    border-color: #36B37E;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success {
    border-color: #36B37E;
  }

  .lg-hover-border-success:hover {
    border-color: #36B37E;
  }

  .lg-focus-border-success:focus {
    border-color: #36B37E;
  }
}
@media (min-width: 1024px) {
  .xl-border-success {
    border-color: #36B37E;
  }

  .xl-hover-border-success:hover {
    border-color: #36B37E;
  }

  .xl-focus-border-success:focus {
    border-color: #36B37E;
  }
}
.border-success-100 {
  border-color: rgba(54, 179, 126, 0.1) !important;
}

.hover-border-success-100:hover {
  border-color: rgba(54, 179, 126, 0.1) !important;
}

.focus-border-success-100:focus {
  border-color: rgba(54, 179, 126, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-100 {
    border-color: rgba(54, 179, 126, 0.1);
  }

  .sm-hover-border-success-100:hover {
    border-color: rgba(54, 179, 126, 0.1);
  }

  .sm-focus-border-success-100:focus {
    border-color: rgba(54, 179, 126, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-100 {
    border-color: rgba(54, 179, 126, 0.1);
  }

  .md-hover-border-success-100:hover {
    border-color: rgba(54, 179, 126, 0.1);
  }

  .md-focus-border-success-100:focus {
    border-color: rgba(54, 179, 126, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-100 {
    border-color: rgba(54, 179, 126, 0.1);
  }

  .lg-hover-border-success-100:hover {
    border-color: rgba(54, 179, 126, 0.1);
  }

  .lg-focus-border-success-100:focus {
    border-color: rgba(54, 179, 126, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-100 {
    border-color: rgba(54, 179, 126, 0.1);
  }

  .xl-hover-border-success-100:hover {
    border-color: rgba(54, 179, 126, 0.1);
  }

  .xl-focus-border-success-100:focus {
    border-color: rgba(54, 179, 126, 0.1);
  }
}
.border-success-200 {
  border-color: rgba(54, 179, 126, 0.2) !important;
}

.hover-border-success-200:hover {
  border-color: rgba(54, 179, 126, 0.2) !important;
}

.focus-border-success-200:focus {
  border-color: rgba(54, 179, 126, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-200 {
    border-color: rgba(54, 179, 126, 0.2);
  }

  .sm-hover-border-success-200:hover {
    border-color: rgba(54, 179, 126, 0.2);
  }

  .sm-focus-border-success-200:focus {
    border-color: rgba(54, 179, 126, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-200 {
    border-color: rgba(54, 179, 126, 0.2);
  }

  .md-hover-border-success-200:hover {
    border-color: rgba(54, 179, 126, 0.2);
  }

  .md-focus-border-success-200:focus {
    border-color: rgba(54, 179, 126, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-200 {
    border-color: rgba(54, 179, 126, 0.2);
  }

  .lg-hover-border-success-200:hover {
    border-color: rgba(54, 179, 126, 0.2);
  }

  .lg-focus-border-success-200:focus {
    border-color: rgba(54, 179, 126, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-200 {
    border-color: rgba(54, 179, 126, 0.2);
  }

  .xl-hover-border-success-200:hover {
    border-color: rgba(54, 179, 126, 0.2);
  }

  .xl-focus-border-success-200:focus {
    border-color: rgba(54, 179, 126, 0.2);
  }
}
.border-success-300 {
  border-color: rgba(54, 179, 126, 0.3) !important;
}

.hover-border-success-300:hover {
  border-color: rgba(54, 179, 126, 0.3) !important;
}

.focus-border-success-300:focus {
  border-color: rgba(54, 179, 126, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-300 {
    border-color: rgba(54, 179, 126, 0.3);
  }

  .sm-hover-border-success-300:hover {
    border-color: rgba(54, 179, 126, 0.3);
  }

  .sm-focus-border-success-300:focus {
    border-color: rgba(54, 179, 126, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-300 {
    border-color: rgba(54, 179, 126, 0.3);
  }

  .md-hover-border-success-300:hover {
    border-color: rgba(54, 179, 126, 0.3);
  }

  .md-focus-border-success-300:focus {
    border-color: rgba(54, 179, 126, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-300 {
    border-color: rgba(54, 179, 126, 0.3);
  }

  .lg-hover-border-success-300:hover {
    border-color: rgba(54, 179, 126, 0.3);
  }

  .lg-focus-border-success-300:focus {
    border-color: rgba(54, 179, 126, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-300 {
    border-color: rgba(54, 179, 126, 0.3);
  }

  .xl-hover-border-success-300:hover {
    border-color: rgba(54, 179, 126, 0.3);
  }

  .xl-focus-border-success-300:focus {
    border-color: rgba(54, 179, 126, 0.3);
  }
}
.border-success-400 {
  border-color: rgba(54, 179, 126, 0.4) !important;
}

.hover-border-success-400:hover {
  border-color: rgba(54, 179, 126, 0.4) !important;
}

.focus-border-success-400:focus {
  border-color: rgba(54, 179, 126, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-400 {
    border-color: rgba(54, 179, 126, 0.4);
  }

  .sm-hover-border-success-400:hover {
    border-color: rgba(54, 179, 126, 0.4);
  }

  .sm-focus-border-success-400:focus {
    border-color: rgba(54, 179, 126, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-400 {
    border-color: rgba(54, 179, 126, 0.4);
  }

  .md-hover-border-success-400:hover {
    border-color: rgba(54, 179, 126, 0.4);
  }

  .md-focus-border-success-400:focus {
    border-color: rgba(54, 179, 126, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-400 {
    border-color: rgba(54, 179, 126, 0.4);
  }

  .lg-hover-border-success-400:hover {
    border-color: rgba(54, 179, 126, 0.4);
  }

  .lg-focus-border-success-400:focus {
    border-color: rgba(54, 179, 126, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-400 {
    border-color: rgba(54, 179, 126, 0.4);
  }

  .xl-hover-border-success-400:hover {
    border-color: rgba(54, 179, 126, 0.4);
  }

  .xl-focus-border-success-400:focus {
    border-color: rgba(54, 179, 126, 0.4);
  }
}
.border-success-500 {
  border-color: rgba(54, 179, 126, 0.5) !important;
}

.hover-border-success-500:hover {
  border-color: rgba(54, 179, 126, 0.5) !important;
}

.focus-border-success-500:focus {
  border-color: rgba(54, 179, 126, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-500 {
    border-color: rgba(54, 179, 126, 0.5);
  }

  .sm-hover-border-success-500:hover {
    border-color: rgba(54, 179, 126, 0.5);
  }

  .sm-focus-border-success-500:focus {
    border-color: rgba(54, 179, 126, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-500 {
    border-color: rgba(54, 179, 126, 0.5);
  }

  .md-hover-border-success-500:hover {
    border-color: rgba(54, 179, 126, 0.5);
  }

  .md-focus-border-success-500:focus {
    border-color: rgba(54, 179, 126, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-500 {
    border-color: rgba(54, 179, 126, 0.5);
  }

  .lg-hover-border-success-500:hover {
    border-color: rgba(54, 179, 126, 0.5);
  }

  .lg-focus-border-success-500:focus {
    border-color: rgba(54, 179, 126, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-500 {
    border-color: rgba(54, 179, 126, 0.5);
  }

  .xl-hover-border-success-500:hover {
    border-color: rgba(54, 179, 126, 0.5);
  }

  .xl-focus-border-success-500:focus {
    border-color: rgba(54, 179, 126, 0.5);
  }
}
.border-success-600 {
  border-color: rgba(54, 179, 126, 0.6) !important;
}

.hover-border-success-600:hover {
  border-color: rgba(54, 179, 126, 0.6) !important;
}

.focus-border-success-600:focus {
  border-color: rgba(54, 179, 126, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-600 {
    border-color: rgba(54, 179, 126, 0.6);
  }

  .sm-hover-border-success-600:hover {
    border-color: rgba(54, 179, 126, 0.6);
  }

  .sm-focus-border-success-600:focus {
    border-color: rgba(54, 179, 126, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-600 {
    border-color: rgba(54, 179, 126, 0.6);
  }

  .md-hover-border-success-600:hover {
    border-color: rgba(54, 179, 126, 0.6);
  }

  .md-focus-border-success-600:focus {
    border-color: rgba(54, 179, 126, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-600 {
    border-color: rgba(54, 179, 126, 0.6);
  }

  .lg-hover-border-success-600:hover {
    border-color: rgba(54, 179, 126, 0.6);
  }

  .lg-focus-border-success-600:focus {
    border-color: rgba(54, 179, 126, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-600 {
    border-color: rgba(54, 179, 126, 0.6);
  }

  .xl-hover-border-success-600:hover {
    border-color: rgba(54, 179, 126, 0.6);
  }

  .xl-focus-border-success-600:focus {
    border-color: rgba(54, 179, 126, 0.6);
  }
}
.border-success-700 {
  border-color: rgba(54, 179, 126, 0.7) !important;
}

.hover-border-success-700:hover {
  border-color: rgba(54, 179, 126, 0.7) !important;
}

.focus-border-success-700:focus {
  border-color: rgba(54, 179, 126, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-700 {
    border-color: rgba(54, 179, 126, 0.7);
  }

  .sm-hover-border-success-700:hover {
    border-color: rgba(54, 179, 126, 0.7);
  }

  .sm-focus-border-success-700:focus {
    border-color: rgba(54, 179, 126, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-700 {
    border-color: rgba(54, 179, 126, 0.7);
  }

  .md-hover-border-success-700:hover {
    border-color: rgba(54, 179, 126, 0.7);
  }

  .md-focus-border-success-700:focus {
    border-color: rgba(54, 179, 126, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-700 {
    border-color: rgba(54, 179, 126, 0.7);
  }

  .lg-hover-border-success-700:hover {
    border-color: rgba(54, 179, 126, 0.7);
  }

  .lg-focus-border-success-700:focus {
    border-color: rgba(54, 179, 126, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-700 {
    border-color: rgba(54, 179, 126, 0.7);
  }

  .xl-hover-border-success-700:hover {
    border-color: rgba(54, 179, 126, 0.7);
  }

  .xl-focus-border-success-700:focus {
    border-color: rgba(54, 179, 126, 0.7);
  }
}
.border-success-800 {
  border-color: rgba(54, 179, 126, 0.8) !important;
}

.hover-border-success-800:hover {
  border-color: rgba(54, 179, 126, 0.8) !important;
}

.focus-border-success-800:focus {
  border-color: rgba(54, 179, 126, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-800 {
    border-color: rgba(54, 179, 126, 0.8);
  }

  .sm-hover-border-success-800:hover {
    border-color: rgba(54, 179, 126, 0.8);
  }

  .sm-focus-border-success-800:focus {
    border-color: rgba(54, 179, 126, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-800 {
    border-color: rgba(54, 179, 126, 0.8);
  }

  .md-hover-border-success-800:hover {
    border-color: rgba(54, 179, 126, 0.8);
  }

  .md-focus-border-success-800:focus {
    border-color: rgba(54, 179, 126, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-800 {
    border-color: rgba(54, 179, 126, 0.8);
  }

  .lg-hover-border-success-800:hover {
    border-color: rgba(54, 179, 126, 0.8);
  }

  .lg-focus-border-success-800:focus {
    border-color: rgba(54, 179, 126, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-800 {
    border-color: rgba(54, 179, 126, 0.8);
  }

  .xl-hover-border-success-800:hover {
    border-color: rgba(54, 179, 126, 0.8);
  }

  .xl-focus-border-success-800:focus {
    border-color: rgba(54, 179, 126, 0.8);
  }
}
.border-success-900 {
  border-color: rgba(54, 179, 126, 0.9) !important;
}

.hover-border-success-900:hover {
  border-color: rgba(54, 179, 126, 0.9) !important;
}

.focus-border-success-900:focus {
  border-color: rgba(54, 179, 126, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-success-900 {
    border-color: rgba(54, 179, 126, 0.9);
  }

  .sm-hover-border-success-900:hover {
    border-color: rgba(54, 179, 126, 0.9);
  }

  .sm-focus-border-success-900:focus {
    border-color: rgba(54, 179, 126, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-success-900 {
    border-color: rgba(54, 179, 126, 0.9);
  }

  .md-hover-border-success-900:hover {
    border-color: rgba(54, 179, 126, 0.9);
  }

  .md-focus-border-success-900:focus {
    border-color: rgba(54, 179, 126, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-success-900 {
    border-color: rgba(54, 179, 126, 0.9);
  }

  .lg-hover-border-success-900:hover {
    border-color: rgba(54, 179, 126, 0.9);
  }

  .lg-focus-border-success-900:focus {
    border-color: rgba(54, 179, 126, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-success-900 {
    border-color: rgba(54, 179, 126, 0.9);
  }

  .xl-hover-border-success-900:hover {
    border-color: rgba(54, 179, 126, 0.9);
  }

  .xl-focus-border-success-900:focus {
    border-color: rgba(54, 179, 126, 0.9);
  }
}
.border-info {
  border-color: #00B8D9 !important;
}

.hover-border-info:hover {
  border-color: #00B8D9 !important;
}

.focus-border-info:focus {
  border-color: #00B8D9 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info {
    border-color: #00B8D9;
  }

  .sm-hover-border-info:hover {
    border-color: #00B8D9;
  }

  .sm-focus-border-info:focus {
    border-color: #00B8D9;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info {
    border-color: #00B8D9;
  }

  .md-hover-border-info:hover {
    border-color: #00B8D9;
  }

  .md-focus-border-info:focus {
    border-color: #00B8D9;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info {
    border-color: #00B8D9;
  }

  .lg-hover-border-info:hover {
    border-color: #00B8D9;
  }

  .lg-focus-border-info:focus {
    border-color: #00B8D9;
  }
}
@media (min-width: 1024px) {
  .xl-border-info {
    border-color: #00B8D9;
  }

  .xl-hover-border-info:hover {
    border-color: #00B8D9;
  }

  .xl-focus-border-info:focus {
    border-color: #00B8D9;
  }
}
.border-info-100 {
  border-color: rgba(0, 184, 217, 0.1) !important;
}

.hover-border-info-100:hover {
  border-color: rgba(0, 184, 217, 0.1) !important;
}

.focus-border-info-100:focus {
  border-color: rgba(0, 184, 217, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-100 {
    border-color: rgba(0, 184, 217, 0.1);
  }

  .sm-hover-border-info-100:hover {
    border-color: rgba(0, 184, 217, 0.1);
  }

  .sm-focus-border-info-100:focus {
    border-color: rgba(0, 184, 217, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-100 {
    border-color: rgba(0, 184, 217, 0.1);
  }

  .md-hover-border-info-100:hover {
    border-color: rgba(0, 184, 217, 0.1);
  }

  .md-focus-border-info-100:focus {
    border-color: rgba(0, 184, 217, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-100 {
    border-color: rgba(0, 184, 217, 0.1);
  }

  .lg-hover-border-info-100:hover {
    border-color: rgba(0, 184, 217, 0.1);
  }

  .lg-focus-border-info-100:focus {
    border-color: rgba(0, 184, 217, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-100 {
    border-color: rgba(0, 184, 217, 0.1);
  }

  .xl-hover-border-info-100:hover {
    border-color: rgba(0, 184, 217, 0.1);
  }

  .xl-focus-border-info-100:focus {
    border-color: rgba(0, 184, 217, 0.1);
  }
}
.border-info-200 {
  border-color: rgba(0, 184, 217, 0.2) !important;
}

.hover-border-info-200:hover {
  border-color: rgba(0, 184, 217, 0.2) !important;
}

.focus-border-info-200:focus {
  border-color: rgba(0, 184, 217, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-200 {
    border-color: rgba(0, 184, 217, 0.2);
  }

  .sm-hover-border-info-200:hover {
    border-color: rgba(0, 184, 217, 0.2);
  }

  .sm-focus-border-info-200:focus {
    border-color: rgba(0, 184, 217, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-200 {
    border-color: rgba(0, 184, 217, 0.2);
  }

  .md-hover-border-info-200:hover {
    border-color: rgba(0, 184, 217, 0.2);
  }

  .md-focus-border-info-200:focus {
    border-color: rgba(0, 184, 217, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-200 {
    border-color: rgba(0, 184, 217, 0.2);
  }

  .lg-hover-border-info-200:hover {
    border-color: rgba(0, 184, 217, 0.2);
  }

  .lg-focus-border-info-200:focus {
    border-color: rgba(0, 184, 217, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-200 {
    border-color: rgba(0, 184, 217, 0.2);
  }

  .xl-hover-border-info-200:hover {
    border-color: rgba(0, 184, 217, 0.2);
  }

  .xl-focus-border-info-200:focus {
    border-color: rgba(0, 184, 217, 0.2);
  }
}
.border-info-300 {
  border-color: rgba(0, 184, 217, 0.3) !important;
}

.hover-border-info-300:hover {
  border-color: rgba(0, 184, 217, 0.3) !important;
}

.focus-border-info-300:focus {
  border-color: rgba(0, 184, 217, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-300 {
    border-color: rgba(0, 184, 217, 0.3);
  }

  .sm-hover-border-info-300:hover {
    border-color: rgba(0, 184, 217, 0.3);
  }

  .sm-focus-border-info-300:focus {
    border-color: rgba(0, 184, 217, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-300 {
    border-color: rgba(0, 184, 217, 0.3);
  }

  .md-hover-border-info-300:hover {
    border-color: rgba(0, 184, 217, 0.3);
  }

  .md-focus-border-info-300:focus {
    border-color: rgba(0, 184, 217, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-300 {
    border-color: rgba(0, 184, 217, 0.3);
  }

  .lg-hover-border-info-300:hover {
    border-color: rgba(0, 184, 217, 0.3);
  }

  .lg-focus-border-info-300:focus {
    border-color: rgba(0, 184, 217, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-300 {
    border-color: rgba(0, 184, 217, 0.3);
  }

  .xl-hover-border-info-300:hover {
    border-color: rgba(0, 184, 217, 0.3);
  }

  .xl-focus-border-info-300:focus {
    border-color: rgba(0, 184, 217, 0.3);
  }
}
.border-info-400 {
  border-color: rgba(0, 184, 217, 0.4) !important;
}

.hover-border-info-400:hover {
  border-color: rgba(0, 184, 217, 0.4) !important;
}

.focus-border-info-400:focus {
  border-color: rgba(0, 184, 217, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-400 {
    border-color: rgba(0, 184, 217, 0.4);
  }

  .sm-hover-border-info-400:hover {
    border-color: rgba(0, 184, 217, 0.4);
  }

  .sm-focus-border-info-400:focus {
    border-color: rgba(0, 184, 217, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-400 {
    border-color: rgba(0, 184, 217, 0.4);
  }

  .md-hover-border-info-400:hover {
    border-color: rgba(0, 184, 217, 0.4);
  }

  .md-focus-border-info-400:focus {
    border-color: rgba(0, 184, 217, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-400 {
    border-color: rgba(0, 184, 217, 0.4);
  }

  .lg-hover-border-info-400:hover {
    border-color: rgba(0, 184, 217, 0.4);
  }

  .lg-focus-border-info-400:focus {
    border-color: rgba(0, 184, 217, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-400 {
    border-color: rgba(0, 184, 217, 0.4);
  }

  .xl-hover-border-info-400:hover {
    border-color: rgba(0, 184, 217, 0.4);
  }

  .xl-focus-border-info-400:focus {
    border-color: rgba(0, 184, 217, 0.4);
  }
}
.border-info-500 {
  border-color: rgba(0, 184, 217, 0.5) !important;
}

.hover-border-info-500:hover {
  border-color: rgba(0, 184, 217, 0.5) !important;
}

.focus-border-info-500:focus {
  border-color: rgba(0, 184, 217, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-500 {
    border-color: rgba(0, 184, 217, 0.5);
  }

  .sm-hover-border-info-500:hover {
    border-color: rgba(0, 184, 217, 0.5);
  }

  .sm-focus-border-info-500:focus {
    border-color: rgba(0, 184, 217, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-500 {
    border-color: rgba(0, 184, 217, 0.5);
  }

  .md-hover-border-info-500:hover {
    border-color: rgba(0, 184, 217, 0.5);
  }

  .md-focus-border-info-500:focus {
    border-color: rgba(0, 184, 217, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-500 {
    border-color: rgba(0, 184, 217, 0.5);
  }

  .lg-hover-border-info-500:hover {
    border-color: rgba(0, 184, 217, 0.5);
  }

  .lg-focus-border-info-500:focus {
    border-color: rgba(0, 184, 217, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-500 {
    border-color: rgba(0, 184, 217, 0.5);
  }

  .xl-hover-border-info-500:hover {
    border-color: rgba(0, 184, 217, 0.5);
  }

  .xl-focus-border-info-500:focus {
    border-color: rgba(0, 184, 217, 0.5);
  }
}
.border-info-600 {
  border-color: rgba(0, 184, 217, 0.6) !important;
}

.hover-border-info-600:hover {
  border-color: rgba(0, 184, 217, 0.6) !important;
}

.focus-border-info-600:focus {
  border-color: rgba(0, 184, 217, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-600 {
    border-color: rgba(0, 184, 217, 0.6);
  }

  .sm-hover-border-info-600:hover {
    border-color: rgba(0, 184, 217, 0.6);
  }

  .sm-focus-border-info-600:focus {
    border-color: rgba(0, 184, 217, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-600 {
    border-color: rgba(0, 184, 217, 0.6);
  }

  .md-hover-border-info-600:hover {
    border-color: rgba(0, 184, 217, 0.6);
  }

  .md-focus-border-info-600:focus {
    border-color: rgba(0, 184, 217, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-600 {
    border-color: rgba(0, 184, 217, 0.6);
  }

  .lg-hover-border-info-600:hover {
    border-color: rgba(0, 184, 217, 0.6);
  }

  .lg-focus-border-info-600:focus {
    border-color: rgba(0, 184, 217, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-600 {
    border-color: rgba(0, 184, 217, 0.6);
  }

  .xl-hover-border-info-600:hover {
    border-color: rgba(0, 184, 217, 0.6);
  }

  .xl-focus-border-info-600:focus {
    border-color: rgba(0, 184, 217, 0.6);
  }
}
.border-info-700 {
  border-color: rgba(0, 184, 217, 0.7) !important;
}

.hover-border-info-700:hover {
  border-color: rgba(0, 184, 217, 0.7) !important;
}

.focus-border-info-700:focus {
  border-color: rgba(0, 184, 217, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-700 {
    border-color: rgba(0, 184, 217, 0.7);
  }

  .sm-hover-border-info-700:hover {
    border-color: rgba(0, 184, 217, 0.7);
  }

  .sm-focus-border-info-700:focus {
    border-color: rgba(0, 184, 217, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-700 {
    border-color: rgba(0, 184, 217, 0.7);
  }

  .md-hover-border-info-700:hover {
    border-color: rgba(0, 184, 217, 0.7);
  }

  .md-focus-border-info-700:focus {
    border-color: rgba(0, 184, 217, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-700 {
    border-color: rgba(0, 184, 217, 0.7);
  }

  .lg-hover-border-info-700:hover {
    border-color: rgba(0, 184, 217, 0.7);
  }

  .lg-focus-border-info-700:focus {
    border-color: rgba(0, 184, 217, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-700 {
    border-color: rgba(0, 184, 217, 0.7);
  }

  .xl-hover-border-info-700:hover {
    border-color: rgba(0, 184, 217, 0.7);
  }

  .xl-focus-border-info-700:focus {
    border-color: rgba(0, 184, 217, 0.7);
  }
}
.border-info-800 {
  border-color: rgba(0, 184, 217, 0.8) !important;
}

.hover-border-info-800:hover {
  border-color: rgba(0, 184, 217, 0.8) !important;
}

.focus-border-info-800:focus {
  border-color: rgba(0, 184, 217, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-800 {
    border-color: rgba(0, 184, 217, 0.8);
  }

  .sm-hover-border-info-800:hover {
    border-color: rgba(0, 184, 217, 0.8);
  }

  .sm-focus-border-info-800:focus {
    border-color: rgba(0, 184, 217, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-800 {
    border-color: rgba(0, 184, 217, 0.8);
  }

  .md-hover-border-info-800:hover {
    border-color: rgba(0, 184, 217, 0.8);
  }

  .md-focus-border-info-800:focus {
    border-color: rgba(0, 184, 217, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-800 {
    border-color: rgba(0, 184, 217, 0.8);
  }

  .lg-hover-border-info-800:hover {
    border-color: rgba(0, 184, 217, 0.8);
  }

  .lg-focus-border-info-800:focus {
    border-color: rgba(0, 184, 217, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-800 {
    border-color: rgba(0, 184, 217, 0.8);
  }

  .xl-hover-border-info-800:hover {
    border-color: rgba(0, 184, 217, 0.8);
  }

  .xl-focus-border-info-800:focus {
    border-color: rgba(0, 184, 217, 0.8);
  }
}
.border-info-900 {
  border-color: rgba(0, 184, 217, 0.9) !important;
}

.hover-border-info-900:hover {
  border-color: rgba(0, 184, 217, 0.9) !important;
}

.focus-border-info-900:focus {
  border-color: rgba(0, 184, 217, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-info-900 {
    border-color: rgba(0, 184, 217, 0.9);
  }

  .sm-hover-border-info-900:hover {
    border-color: rgba(0, 184, 217, 0.9);
  }

  .sm-focus-border-info-900:focus {
    border-color: rgba(0, 184, 217, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-info-900 {
    border-color: rgba(0, 184, 217, 0.9);
  }

  .md-hover-border-info-900:hover {
    border-color: rgba(0, 184, 217, 0.9);
  }

  .md-focus-border-info-900:focus {
    border-color: rgba(0, 184, 217, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-info-900 {
    border-color: rgba(0, 184, 217, 0.9);
  }

  .lg-hover-border-info-900:hover {
    border-color: rgba(0, 184, 217, 0.9);
  }

  .lg-focus-border-info-900:focus {
    border-color: rgba(0, 184, 217, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-info-900 {
    border-color: rgba(0, 184, 217, 0.9);
  }

  .xl-hover-border-info-900:hover {
    border-color: rgba(0, 184, 217, 0.9);
  }

  .xl-focus-border-info-900:focus {
    border-color: rgba(0, 184, 217, 0.9);
  }
}
.border-warning {
  border-color: #FAAD13 !important;
}

.hover-border-warning:hover {
  border-color: #FAAD13 !important;
}

.focus-border-warning:focus {
  border-color: #FAAD13 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning {
    border-color: #FAAD13;
  }

  .sm-hover-border-warning:hover {
    border-color: #FAAD13;
  }

  .sm-focus-border-warning:focus {
    border-color: #FAAD13;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning {
    border-color: #FAAD13;
  }

  .md-hover-border-warning:hover {
    border-color: #FAAD13;
  }

  .md-focus-border-warning:focus {
    border-color: #FAAD13;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning {
    border-color: #FAAD13;
  }

  .lg-hover-border-warning:hover {
    border-color: #FAAD13;
  }

  .lg-focus-border-warning:focus {
    border-color: #FAAD13;
  }
}
@media (min-width: 1024px) {
  .xl-border-warning {
    border-color: #FAAD13;
  }

  .xl-hover-border-warning:hover {
    border-color: #FAAD13;
  }

  .xl-focus-border-warning:focus {
    border-color: #FAAD13;
  }
}
.border-warning-100 {
  border-color: rgba(250, 173, 19, 0.1) !important;
}

.hover-border-warning-100:hover {
  border-color: rgba(250, 173, 19, 0.1) !important;
}

.focus-border-warning-100:focus {
  border-color: rgba(250, 173, 19, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-100 {
    border-color: rgba(250, 173, 19, 0.1);
  }

  .sm-hover-border-warning-100:hover {
    border-color: rgba(250, 173, 19, 0.1);
  }

  .sm-focus-border-warning-100:focus {
    border-color: rgba(250, 173, 19, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-100 {
    border-color: rgba(250, 173, 19, 0.1);
  }

  .md-hover-border-warning-100:hover {
    border-color: rgba(250, 173, 19, 0.1);
  }

  .md-focus-border-warning-100:focus {
    border-color: rgba(250, 173, 19, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-100 {
    border-color: rgba(250, 173, 19, 0.1);
  }

  .lg-hover-border-warning-100:hover {
    border-color: rgba(250, 173, 19, 0.1);
  }

  .lg-focus-border-warning-100:focus {
    border-color: rgba(250, 173, 19, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-100 {
    border-color: rgba(250, 173, 19, 0.1);
  }

  .xl-hover-border-warning-100:hover {
    border-color: rgba(250, 173, 19, 0.1);
  }

  .xl-focus-border-warning-100:focus {
    border-color: rgba(250, 173, 19, 0.1);
  }
}
.border-warning-200 {
  border-color: rgba(250, 173, 19, 0.2) !important;
}

.hover-border-warning-200:hover {
  border-color: rgba(250, 173, 19, 0.2) !important;
}

.focus-border-warning-200:focus {
  border-color: rgba(250, 173, 19, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-200 {
    border-color: rgba(250, 173, 19, 0.2);
  }

  .sm-hover-border-warning-200:hover {
    border-color: rgba(250, 173, 19, 0.2);
  }

  .sm-focus-border-warning-200:focus {
    border-color: rgba(250, 173, 19, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-200 {
    border-color: rgba(250, 173, 19, 0.2);
  }

  .md-hover-border-warning-200:hover {
    border-color: rgba(250, 173, 19, 0.2);
  }

  .md-focus-border-warning-200:focus {
    border-color: rgba(250, 173, 19, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-200 {
    border-color: rgba(250, 173, 19, 0.2);
  }

  .lg-hover-border-warning-200:hover {
    border-color: rgba(250, 173, 19, 0.2);
  }

  .lg-focus-border-warning-200:focus {
    border-color: rgba(250, 173, 19, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-200 {
    border-color: rgba(250, 173, 19, 0.2);
  }

  .xl-hover-border-warning-200:hover {
    border-color: rgba(250, 173, 19, 0.2);
  }

  .xl-focus-border-warning-200:focus {
    border-color: rgba(250, 173, 19, 0.2);
  }
}
.border-warning-300 {
  border-color: rgba(250, 173, 19, 0.3) !important;
}

.hover-border-warning-300:hover {
  border-color: rgba(250, 173, 19, 0.3) !important;
}

.focus-border-warning-300:focus {
  border-color: rgba(250, 173, 19, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-300 {
    border-color: rgba(250, 173, 19, 0.3);
  }

  .sm-hover-border-warning-300:hover {
    border-color: rgba(250, 173, 19, 0.3);
  }

  .sm-focus-border-warning-300:focus {
    border-color: rgba(250, 173, 19, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-300 {
    border-color: rgba(250, 173, 19, 0.3);
  }

  .md-hover-border-warning-300:hover {
    border-color: rgba(250, 173, 19, 0.3);
  }

  .md-focus-border-warning-300:focus {
    border-color: rgba(250, 173, 19, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-300 {
    border-color: rgba(250, 173, 19, 0.3);
  }

  .lg-hover-border-warning-300:hover {
    border-color: rgba(250, 173, 19, 0.3);
  }

  .lg-focus-border-warning-300:focus {
    border-color: rgba(250, 173, 19, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-300 {
    border-color: rgba(250, 173, 19, 0.3);
  }

  .xl-hover-border-warning-300:hover {
    border-color: rgba(250, 173, 19, 0.3);
  }

  .xl-focus-border-warning-300:focus {
    border-color: rgba(250, 173, 19, 0.3);
  }
}
.border-warning-400 {
  border-color: rgba(250, 173, 19, 0.4) !important;
}

.hover-border-warning-400:hover {
  border-color: rgba(250, 173, 19, 0.4) !important;
}

.focus-border-warning-400:focus {
  border-color: rgba(250, 173, 19, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-400 {
    border-color: rgba(250, 173, 19, 0.4);
  }

  .sm-hover-border-warning-400:hover {
    border-color: rgba(250, 173, 19, 0.4);
  }

  .sm-focus-border-warning-400:focus {
    border-color: rgba(250, 173, 19, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-400 {
    border-color: rgba(250, 173, 19, 0.4);
  }

  .md-hover-border-warning-400:hover {
    border-color: rgba(250, 173, 19, 0.4);
  }

  .md-focus-border-warning-400:focus {
    border-color: rgba(250, 173, 19, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-400 {
    border-color: rgba(250, 173, 19, 0.4);
  }

  .lg-hover-border-warning-400:hover {
    border-color: rgba(250, 173, 19, 0.4);
  }

  .lg-focus-border-warning-400:focus {
    border-color: rgba(250, 173, 19, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-400 {
    border-color: rgba(250, 173, 19, 0.4);
  }

  .xl-hover-border-warning-400:hover {
    border-color: rgba(250, 173, 19, 0.4);
  }

  .xl-focus-border-warning-400:focus {
    border-color: rgba(250, 173, 19, 0.4);
  }
}
.border-warning-500 {
  border-color: rgba(250, 173, 19, 0.5) !important;
}

.hover-border-warning-500:hover {
  border-color: rgba(250, 173, 19, 0.5) !important;
}

.focus-border-warning-500:focus {
  border-color: rgba(250, 173, 19, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-500 {
    border-color: rgba(250, 173, 19, 0.5);
  }

  .sm-hover-border-warning-500:hover {
    border-color: rgba(250, 173, 19, 0.5);
  }

  .sm-focus-border-warning-500:focus {
    border-color: rgba(250, 173, 19, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-500 {
    border-color: rgba(250, 173, 19, 0.5);
  }

  .md-hover-border-warning-500:hover {
    border-color: rgba(250, 173, 19, 0.5);
  }

  .md-focus-border-warning-500:focus {
    border-color: rgba(250, 173, 19, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-500 {
    border-color: rgba(250, 173, 19, 0.5);
  }

  .lg-hover-border-warning-500:hover {
    border-color: rgba(250, 173, 19, 0.5);
  }

  .lg-focus-border-warning-500:focus {
    border-color: rgba(250, 173, 19, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-500 {
    border-color: rgba(250, 173, 19, 0.5);
  }

  .xl-hover-border-warning-500:hover {
    border-color: rgba(250, 173, 19, 0.5);
  }

  .xl-focus-border-warning-500:focus {
    border-color: rgba(250, 173, 19, 0.5);
  }
}
.border-warning-600 {
  border-color: rgba(250, 173, 19, 0.6) !important;
}

.hover-border-warning-600:hover {
  border-color: rgba(250, 173, 19, 0.6) !important;
}

.focus-border-warning-600:focus {
  border-color: rgba(250, 173, 19, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-600 {
    border-color: rgba(250, 173, 19, 0.6);
  }

  .sm-hover-border-warning-600:hover {
    border-color: rgba(250, 173, 19, 0.6);
  }

  .sm-focus-border-warning-600:focus {
    border-color: rgba(250, 173, 19, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-600 {
    border-color: rgba(250, 173, 19, 0.6);
  }

  .md-hover-border-warning-600:hover {
    border-color: rgba(250, 173, 19, 0.6);
  }

  .md-focus-border-warning-600:focus {
    border-color: rgba(250, 173, 19, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-600 {
    border-color: rgba(250, 173, 19, 0.6);
  }

  .lg-hover-border-warning-600:hover {
    border-color: rgba(250, 173, 19, 0.6);
  }

  .lg-focus-border-warning-600:focus {
    border-color: rgba(250, 173, 19, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-600 {
    border-color: rgba(250, 173, 19, 0.6);
  }

  .xl-hover-border-warning-600:hover {
    border-color: rgba(250, 173, 19, 0.6);
  }

  .xl-focus-border-warning-600:focus {
    border-color: rgba(250, 173, 19, 0.6);
  }
}
.border-warning-700 {
  border-color: rgba(250, 173, 19, 0.7) !important;
}

.hover-border-warning-700:hover {
  border-color: rgba(250, 173, 19, 0.7) !important;
}

.focus-border-warning-700:focus {
  border-color: rgba(250, 173, 19, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-700 {
    border-color: rgba(250, 173, 19, 0.7);
  }

  .sm-hover-border-warning-700:hover {
    border-color: rgba(250, 173, 19, 0.7);
  }

  .sm-focus-border-warning-700:focus {
    border-color: rgba(250, 173, 19, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-700 {
    border-color: rgba(250, 173, 19, 0.7);
  }

  .md-hover-border-warning-700:hover {
    border-color: rgba(250, 173, 19, 0.7);
  }

  .md-focus-border-warning-700:focus {
    border-color: rgba(250, 173, 19, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-700 {
    border-color: rgba(250, 173, 19, 0.7);
  }

  .lg-hover-border-warning-700:hover {
    border-color: rgba(250, 173, 19, 0.7);
  }

  .lg-focus-border-warning-700:focus {
    border-color: rgba(250, 173, 19, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-700 {
    border-color: rgba(250, 173, 19, 0.7);
  }

  .xl-hover-border-warning-700:hover {
    border-color: rgba(250, 173, 19, 0.7);
  }

  .xl-focus-border-warning-700:focus {
    border-color: rgba(250, 173, 19, 0.7);
  }
}
.border-warning-800 {
  border-color: rgba(250, 173, 19, 0.8) !important;
}

.hover-border-warning-800:hover {
  border-color: rgba(250, 173, 19, 0.8) !important;
}

.focus-border-warning-800:focus {
  border-color: rgba(250, 173, 19, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-800 {
    border-color: rgba(250, 173, 19, 0.8);
  }

  .sm-hover-border-warning-800:hover {
    border-color: rgba(250, 173, 19, 0.8);
  }

  .sm-focus-border-warning-800:focus {
    border-color: rgba(250, 173, 19, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-800 {
    border-color: rgba(250, 173, 19, 0.8);
  }

  .md-hover-border-warning-800:hover {
    border-color: rgba(250, 173, 19, 0.8);
  }

  .md-focus-border-warning-800:focus {
    border-color: rgba(250, 173, 19, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-800 {
    border-color: rgba(250, 173, 19, 0.8);
  }

  .lg-hover-border-warning-800:hover {
    border-color: rgba(250, 173, 19, 0.8);
  }

  .lg-focus-border-warning-800:focus {
    border-color: rgba(250, 173, 19, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-800 {
    border-color: rgba(250, 173, 19, 0.8);
  }

  .xl-hover-border-warning-800:hover {
    border-color: rgba(250, 173, 19, 0.8);
  }

  .xl-focus-border-warning-800:focus {
    border-color: rgba(250, 173, 19, 0.8);
  }
}
.border-warning-900 {
  border-color: rgba(250, 173, 19, 0.9) !important;
}

.hover-border-warning-900:hover {
  border-color: rgba(250, 173, 19, 0.9) !important;
}

.focus-border-warning-900:focus {
  border-color: rgba(250, 173, 19, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-warning-900 {
    border-color: rgba(250, 173, 19, 0.9);
  }

  .sm-hover-border-warning-900:hover {
    border-color: rgba(250, 173, 19, 0.9);
  }

  .sm-focus-border-warning-900:focus {
    border-color: rgba(250, 173, 19, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-warning-900 {
    border-color: rgba(250, 173, 19, 0.9);
  }

  .md-hover-border-warning-900:hover {
    border-color: rgba(250, 173, 19, 0.9);
  }

  .md-focus-border-warning-900:focus {
    border-color: rgba(250, 173, 19, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-warning-900 {
    border-color: rgba(250, 173, 19, 0.9);
  }

  .lg-hover-border-warning-900:hover {
    border-color: rgba(250, 173, 19, 0.9);
  }

  .lg-focus-border-warning-900:focus {
    border-color: rgba(250, 173, 19, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-warning-900 {
    border-color: rgba(250, 173, 19, 0.9);
  }

  .xl-hover-border-warning-900:hover {
    border-color: rgba(250, 173, 19, 0.9);
  }

  .xl-focus-border-warning-900:focus {
    border-color: rgba(250, 173, 19, 0.9);
  }
}
.border-danger {
  border-color: #F2607B !important;
}

.hover-border-danger:hover {
  border-color: #F2607B !important;
}

.focus-border-danger:focus {
  border-color: #F2607B !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger {
    border-color: #F2607B;
  }

  .sm-hover-border-danger:hover {
    border-color: #F2607B;
  }

  .sm-focus-border-danger:focus {
    border-color: #F2607B;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger {
    border-color: #F2607B;
  }

  .md-hover-border-danger:hover {
    border-color: #F2607B;
  }

  .md-focus-border-danger:focus {
    border-color: #F2607B;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger {
    border-color: #F2607B;
  }

  .lg-hover-border-danger:hover {
    border-color: #F2607B;
  }

  .lg-focus-border-danger:focus {
    border-color: #F2607B;
  }
}
@media (min-width: 1024px) {
  .xl-border-danger {
    border-color: #F2607B;
  }

  .xl-hover-border-danger:hover {
    border-color: #F2607B;
  }

  .xl-focus-border-danger:focus {
    border-color: #F2607B;
  }
}
.border-danger-100 {
  border-color: rgba(242, 96, 123, 0.1) !important;
}

.hover-border-danger-100:hover {
  border-color: rgba(242, 96, 123, 0.1) !important;
}

.focus-border-danger-100:focus {
  border-color: rgba(242, 96, 123, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-100 {
    border-color: rgba(242, 96, 123, 0.1);
  }

  .sm-hover-border-danger-100:hover {
    border-color: rgba(242, 96, 123, 0.1);
  }

  .sm-focus-border-danger-100:focus {
    border-color: rgba(242, 96, 123, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-100 {
    border-color: rgba(242, 96, 123, 0.1);
  }

  .md-hover-border-danger-100:hover {
    border-color: rgba(242, 96, 123, 0.1);
  }

  .md-focus-border-danger-100:focus {
    border-color: rgba(242, 96, 123, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-100 {
    border-color: rgba(242, 96, 123, 0.1);
  }

  .lg-hover-border-danger-100:hover {
    border-color: rgba(242, 96, 123, 0.1);
  }

  .lg-focus-border-danger-100:focus {
    border-color: rgba(242, 96, 123, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-100 {
    border-color: rgba(242, 96, 123, 0.1);
  }

  .xl-hover-border-danger-100:hover {
    border-color: rgba(242, 96, 123, 0.1);
  }

  .xl-focus-border-danger-100:focus {
    border-color: rgba(242, 96, 123, 0.1);
  }
}
.border-danger-200 {
  border-color: rgba(242, 96, 123, 0.2) !important;
}

.hover-border-danger-200:hover {
  border-color: rgba(242, 96, 123, 0.2) !important;
}

.focus-border-danger-200:focus {
  border-color: rgba(242, 96, 123, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-200 {
    border-color: rgba(242, 96, 123, 0.2);
  }

  .sm-hover-border-danger-200:hover {
    border-color: rgba(242, 96, 123, 0.2);
  }

  .sm-focus-border-danger-200:focus {
    border-color: rgba(242, 96, 123, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-200 {
    border-color: rgba(242, 96, 123, 0.2);
  }

  .md-hover-border-danger-200:hover {
    border-color: rgba(242, 96, 123, 0.2);
  }

  .md-focus-border-danger-200:focus {
    border-color: rgba(242, 96, 123, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-200 {
    border-color: rgba(242, 96, 123, 0.2);
  }

  .lg-hover-border-danger-200:hover {
    border-color: rgba(242, 96, 123, 0.2);
  }

  .lg-focus-border-danger-200:focus {
    border-color: rgba(242, 96, 123, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-200 {
    border-color: rgba(242, 96, 123, 0.2);
  }

  .xl-hover-border-danger-200:hover {
    border-color: rgba(242, 96, 123, 0.2);
  }

  .xl-focus-border-danger-200:focus {
    border-color: rgba(242, 96, 123, 0.2);
  }
}
.border-danger-300 {
  border-color: rgba(242, 96, 123, 0.3) !important;
}

.hover-border-danger-300:hover {
  border-color: rgba(242, 96, 123, 0.3) !important;
}

.focus-border-danger-300:focus {
  border-color: rgba(242, 96, 123, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-300 {
    border-color: rgba(242, 96, 123, 0.3);
  }

  .sm-hover-border-danger-300:hover {
    border-color: rgba(242, 96, 123, 0.3);
  }

  .sm-focus-border-danger-300:focus {
    border-color: rgba(242, 96, 123, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-300 {
    border-color: rgba(242, 96, 123, 0.3);
  }

  .md-hover-border-danger-300:hover {
    border-color: rgba(242, 96, 123, 0.3);
  }

  .md-focus-border-danger-300:focus {
    border-color: rgba(242, 96, 123, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-300 {
    border-color: rgba(242, 96, 123, 0.3);
  }

  .lg-hover-border-danger-300:hover {
    border-color: rgba(242, 96, 123, 0.3);
  }

  .lg-focus-border-danger-300:focus {
    border-color: rgba(242, 96, 123, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-300 {
    border-color: rgba(242, 96, 123, 0.3);
  }

  .xl-hover-border-danger-300:hover {
    border-color: rgba(242, 96, 123, 0.3);
  }

  .xl-focus-border-danger-300:focus {
    border-color: rgba(242, 96, 123, 0.3);
  }
}
.border-danger-400 {
  border-color: rgba(242, 96, 123, 0.4) !important;
}

.hover-border-danger-400:hover {
  border-color: rgba(242, 96, 123, 0.4) !important;
}

.focus-border-danger-400:focus {
  border-color: rgba(242, 96, 123, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-400 {
    border-color: rgba(242, 96, 123, 0.4);
  }

  .sm-hover-border-danger-400:hover {
    border-color: rgba(242, 96, 123, 0.4);
  }

  .sm-focus-border-danger-400:focus {
    border-color: rgba(242, 96, 123, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-400 {
    border-color: rgba(242, 96, 123, 0.4);
  }

  .md-hover-border-danger-400:hover {
    border-color: rgba(242, 96, 123, 0.4);
  }

  .md-focus-border-danger-400:focus {
    border-color: rgba(242, 96, 123, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-400 {
    border-color: rgba(242, 96, 123, 0.4);
  }

  .lg-hover-border-danger-400:hover {
    border-color: rgba(242, 96, 123, 0.4);
  }

  .lg-focus-border-danger-400:focus {
    border-color: rgba(242, 96, 123, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-400 {
    border-color: rgba(242, 96, 123, 0.4);
  }

  .xl-hover-border-danger-400:hover {
    border-color: rgba(242, 96, 123, 0.4);
  }

  .xl-focus-border-danger-400:focus {
    border-color: rgba(242, 96, 123, 0.4);
  }
}
.border-danger-500 {
  border-color: rgba(242, 96, 123, 0.5) !important;
}

.hover-border-danger-500:hover {
  border-color: rgba(242, 96, 123, 0.5) !important;
}

.focus-border-danger-500:focus {
  border-color: rgba(242, 96, 123, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-500 {
    border-color: rgba(242, 96, 123, 0.5);
  }

  .sm-hover-border-danger-500:hover {
    border-color: rgba(242, 96, 123, 0.5);
  }

  .sm-focus-border-danger-500:focus {
    border-color: rgba(242, 96, 123, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-500 {
    border-color: rgba(242, 96, 123, 0.5);
  }

  .md-hover-border-danger-500:hover {
    border-color: rgba(242, 96, 123, 0.5);
  }

  .md-focus-border-danger-500:focus {
    border-color: rgba(242, 96, 123, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-500 {
    border-color: rgba(242, 96, 123, 0.5);
  }

  .lg-hover-border-danger-500:hover {
    border-color: rgba(242, 96, 123, 0.5);
  }

  .lg-focus-border-danger-500:focus {
    border-color: rgba(242, 96, 123, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-500 {
    border-color: rgba(242, 96, 123, 0.5);
  }

  .xl-hover-border-danger-500:hover {
    border-color: rgba(242, 96, 123, 0.5);
  }

  .xl-focus-border-danger-500:focus {
    border-color: rgba(242, 96, 123, 0.5);
  }
}
.border-danger-600 {
  border-color: rgba(242, 96, 123, 0.6) !important;
}

.hover-border-danger-600:hover {
  border-color: rgba(242, 96, 123, 0.6) !important;
}

.focus-border-danger-600:focus {
  border-color: rgba(242, 96, 123, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-600 {
    border-color: rgba(242, 96, 123, 0.6);
  }

  .sm-hover-border-danger-600:hover {
    border-color: rgba(242, 96, 123, 0.6);
  }

  .sm-focus-border-danger-600:focus {
    border-color: rgba(242, 96, 123, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-600 {
    border-color: rgba(242, 96, 123, 0.6);
  }

  .md-hover-border-danger-600:hover {
    border-color: rgba(242, 96, 123, 0.6);
  }

  .md-focus-border-danger-600:focus {
    border-color: rgba(242, 96, 123, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-600 {
    border-color: rgba(242, 96, 123, 0.6);
  }

  .lg-hover-border-danger-600:hover {
    border-color: rgba(242, 96, 123, 0.6);
  }

  .lg-focus-border-danger-600:focus {
    border-color: rgba(242, 96, 123, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-600 {
    border-color: rgba(242, 96, 123, 0.6);
  }

  .xl-hover-border-danger-600:hover {
    border-color: rgba(242, 96, 123, 0.6);
  }

  .xl-focus-border-danger-600:focus {
    border-color: rgba(242, 96, 123, 0.6);
  }
}
.border-danger-700 {
  border-color: rgba(242, 96, 123, 0.7) !important;
}

.hover-border-danger-700:hover {
  border-color: rgba(242, 96, 123, 0.7) !important;
}

.focus-border-danger-700:focus {
  border-color: rgba(242, 96, 123, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-700 {
    border-color: rgba(242, 96, 123, 0.7);
  }

  .sm-hover-border-danger-700:hover {
    border-color: rgba(242, 96, 123, 0.7);
  }

  .sm-focus-border-danger-700:focus {
    border-color: rgba(242, 96, 123, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-700 {
    border-color: rgba(242, 96, 123, 0.7);
  }

  .md-hover-border-danger-700:hover {
    border-color: rgba(242, 96, 123, 0.7);
  }

  .md-focus-border-danger-700:focus {
    border-color: rgba(242, 96, 123, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-700 {
    border-color: rgba(242, 96, 123, 0.7);
  }

  .lg-hover-border-danger-700:hover {
    border-color: rgba(242, 96, 123, 0.7);
  }

  .lg-focus-border-danger-700:focus {
    border-color: rgba(242, 96, 123, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-700 {
    border-color: rgba(242, 96, 123, 0.7);
  }

  .xl-hover-border-danger-700:hover {
    border-color: rgba(242, 96, 123, 0.7);
  }

  .xl-focus-border-danger-700:focus {
    border-color: rgba(242, 96, 123, 0.7);
  }
}
.border-danger-800 {
  border-color: rgba(242, 96, 123, 0.8) !important;
}

.hover-border-danger-800:hover {
  border-color: rgba(242, 96, 123, 0.8) !important;
}

.focus-border-danger-800:focus {
  border-color: rgba(242, 96, 123, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-800 {
    border-color: rgba(242, 96, 123, 0.8);
  }

  .sm-hover-border-danger-800:hover {
    border-color: rgba(242, 96, 123, 0.8);
  }

  .sm-focus-border-danger-800:focus {
    border-color: rgba(242, 96, 123, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-800 {
    border-color: rgba(242, 96, 123, 0.8);
  }

  .md-hover-border-danger-800:hover {
    border-color: rgba(242, 96, 123, 0.8);
  }

  .md-focus-border-danger-800:focus {
    border-color: rgba(242, 96, 123, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-800 {
    border-color: rgba(242, 96, 123, 0.8);
  }

  .lg-hover-border-danger-800:hover {
    border-color: rgba(242, 96, 123, 0.8);
  }

  .lg-focus-border-danger-800:focus {
    border-color: rgba(242, 96, 123, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-800 {
    border-color: rgba(242, 96, 123, 0.8);
  }

  .xl-hover-border-danger-800:hover {
    border-color: rgba(242, 96, 123, 0.8);
  }

  .xl-focus-border-danger-800:focus {
    border-color: rgba(242, 96, 123, 0.8);
  }
}
.border-danger-900 {
  border-color: rgba(242, 96, 123, 0.9) !important;
}

.hover-border-danger-900:hover {
  border-color: rgba(242, 96, 123, 0.9) !important;
}

.focus-border-danger-900:focus {
  border-color: rgba(242, 96, 123, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-danger-900 {
    border-color: rgba(242, 96, 123, 0.9);
  }

  .sm-hover-border-danger-900:hover {
    border-color: rgba(242, 96, 123, 0.9);
  }

  .sm-focus-border-danger-900:focus {
    border-color: rgba(242, 96, 123, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-danger-900 {
    border-color: rgba(242, 96, 123, 0.9);
  }

  .md-hover-border-danger-900:hover {
    border-color: rgba(242, 96, 123, 0.9);
  }

  .md-focus-border-danger-900:focus {
    border-color: rgba(242, 96, 123, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-danger-900 {
    border-color: rgba(242, 96, 123, 0.9);
  }

  .lg-hover-border-danger-900:hover {
    border-color: rgba(242, 96, 123, 0.9);
  }

  .lg-focus-border-danger-900:focus {
    border-color: rgba(242, 96, 123, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-danger-900 {
    border-color: rgba(242, 96, 123, 0.9);
  }

  .xl-hover-border-danger-900:hover {
    border-color: rgba(242, 96, 123, 0.9);
  }

  .xl-focus-border-danger-900:focus {
    border-color: rgba(242, 96, 123, 0.9);
  }
}
.border-black {
  border-color: black !important;
}

.hover-border-black:hover {
  border-color: black !important;
}

.focus-border-black:focus {
  border-color: black !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black {
    border-color: black;
  }

  .sm-hover-border-black:hover {
    border-color: black;
  }

  .sm-focus-border-black:focus {
    border-color: black;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black {
    border-color: black;
  }

  .md-hover-border-black:hover {
    border-color: black;
  }

  .md-focus-border-black:focus {
    border-color: black;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black {
    border-color: black;
  }

  .lg-hover-border-black:hover {
    border-color: black;
  }

  .lg-focus-border-black:focus {
    border-color: black;
  }
}
@media (min-width: 1024px) {
  .xl-border-black {
    border-color: black;
  }

  .xl-hover-border-black:hover {
    border-color: black;
  }

  .xl-focus-border-black:focus {
    border-color: black;
  }
}
.border-black-100 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.hover-border-black-100:hover {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.focus-border-black-100:focus {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-100 {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .sm-hover-border-black-100:hover {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .sm-focus-border-black-100:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-100 {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .md-hover-border-black-100:hover {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .md-focus-border-black-100:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-100 {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .lg-hover-border-black-100:hover {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .lg-focus-border-black-100:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-100 {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .xl-hover-border-black-100:hover {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .xl-focus-border-black-100:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
}
.border-black-200 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.hover-border-black-200:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.focus-border-black-200:focus {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-200 {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .sm-hover-border-black-200:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .sm-focus-border-black-200:focus {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-200 {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .md-hover-border-black-200:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .md-focus-border-black-200:focus {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-200 {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .lg-hover-border-black-200:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .lg-focus-border-black-200:focus {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-200 {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .xl-hover-border-black-200:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .xl-focus-border-black-200:focus {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
.border-black-300 {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.hover-border-black-300:hover {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.focus-border-black-300:focus {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-300 {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .sm-hover-border-black-300:hover {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .sm-focus-border-black-300:focus {
    border-color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-300 {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .md-hover-border-black-300:hover {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .md-focus-border-black-300:focus {
    border-color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-300 {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .lg-hover-border-black-300:hover {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .lg-focus-border-black-300:focus {
    border-color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-300 {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .xl-hover-border-black-300:hover {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .xl-focus-border-black-300:focus {
    border-color: rgba(0, 0, 0, 0.3);
  }
}
.border-black-400 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.hover-border-black-400:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.focus-border-black-400:focus {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-400 {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .sm-hover-border-black-400:hover {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .sm-focus-border-black-400:focus {
    border-color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-400 {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .md-hover-border-black-400:hover {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .md-focus-border-black-400:focus {
    border-color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-400 {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .lg-hover-border-black-400:hover {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .lg-focus-border-black-400:focus {
    border-color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-400 {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .xl-hover-border-black-400:hover {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .xl-focus-border-black-400:focus {
    border-color: rgba(0, 0, 0, 0.4);
  }
}
.border-black-500 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.hover-border-black-500:hover {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.focus-border-black-500:focus {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-500 {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .sm-hover-border-black-500:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .sm-focus-border-black-500:focus {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-500 {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .md-hover-border-black-500:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .md-focus-border-black-500:focus {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-500 {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .lg-hover-border-black-500:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .lg-focus-border-black-500:focus {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-500 {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .xl-hover-border-black-500:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .xl-focus-border-black-500:focus {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
.border-black-600 {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.hover-border-black-600:hover {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.focus-border-black-600:focus {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-600 {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .sm-hover-border-black-600:hover {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .sm-focus-border-black-600:focus {
    border-color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-600 {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .md-hover-border-black-600:hover {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .md-focus-border-black-600:focus {
    border-color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-600 {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .lg-hover-border-black-600:hover {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .lg-focus-border-black-600:focus {
    border-color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-600 {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .xl-hover-border-black-600:hover {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .xl-focus-border-black-600:focus {
    border-color: rgba(0, 0, 0, 0.6);
  }
}
.border-black-700 {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.hover-border-black-700:hover {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.focus-border-black-700:focus {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-700 {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .sm-hover-border-black-700:hover {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .sm-focus-border-black-700:focus {
    border-color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-700 {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .md-hover-border-black-700:hover {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .md-focus-border-black-700:focus {
    border-color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-700 {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .lg-hover-border-black-700:hover {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .lg-focus-border-black-700:focus {
    border-color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-700 {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .xl-hover-border-black-700:hover {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .xl-focus-border-black-700:focus {
    border-color: rgba(0, 0, 0, 0.7);
  }
}
.border-black-800 {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.hover-border-black-800:hover {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.focus-border-black-800:focus {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-800 {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .sm-hover-border-black-800:hover {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .sm-focus-border-black-800:focus {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-800 {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .md-hover-border-black-800:hover {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .md-focus-border-black-800:focus {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-800 {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .lg-hover-border-black-800:hover {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .lg-focus-border-black-800:focus {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-800 {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .xl-hover-border-black-800:hover {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .xl-focus-border-black-800:focus {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
.border-black-900 {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.hover-border-black-900:hover {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.focus-border-black-900:focus {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-900 {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .sm-hover-border-black-900:hover {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .sm-focus-border-black-900:focus {
    border-color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-900 {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .md-hover-border-black-900:hover {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .md-focus-border-black-900:focus {
    border-color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-black-900 {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .lg-hover-border-black-900:hover {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .lg-focus-border-black-900:focus {
    border-color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-black-900 {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .xl-hover-border-black-900:hover {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .xl-focus-border-black-900:focus {
    border-color: rgba(0, 0, 0, 0.9);
  }
}
.border-gray {
  border-color: black !important;
}

.hover-border-gray:hover {
  border-color: black !important;
}

.focus-border-gray:focus {
  border-color: black !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray {
    border-color: black;
  }

  .sm-hover-border-gray:hover {
    border-color: black;
  }

  .sm-focus-border-gray:focus {
    border-color: black;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray {
    border-color: black;
  }

  .md-hover-border-gray:hover {
    border-color: black;
  }

  .md-focus-border-gray:focus {
    border-color: black;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray {
    border-color: black;
  }

  .lg-hover-border-gray:hover {
    border-color: black;
  }

  .lg-focus-border-gray:focus {
    border-color: black;
  }
}
@media (min-width: 1024px) {
  .xl-border-gray {
    border-color: black;
  }

  .xl-hover-border-gray:hover {
    border-color: black;
  }

  .xl-focus-border-gray:focus {
    border-color: black;
  }
}
.border-gray-100 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.hover-border-gray-100:hover {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.focus-border-gray-100:focus {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-100 {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .sm-hover-border-gray-100:hover {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .sm-focus-border-gray-100:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-100 {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .md-hover-border-gray-100:hover {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .md-focus-border-gray-100:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-100 {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .lg-hover-border-gray-100:hover {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .lg-focus-border-gray-100:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-100 {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .xl-hover-border-gray-100:hover {
    border-color: rgba(0, 0, 0, 0.1);
  }

  .xl-focus-border-gray-100:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
}
.border-gray-200 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.hover-border-gray-200:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.focus-border-gray-200:focus {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-200 {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .sm-hover-border-gray-200:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .sm-focus-border-gray-200:focus {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-200 {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .md-hover-border-gray-200:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .md-focus-border-gray-200:focus {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-200 {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .lg-hover-border-gray-200:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .lg-focus-border-gray-200:focus {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-200 {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .xl-hover-border-gray-200:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }

  .xl-focus-border-gray-200:focus {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
.border-gray-300 {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.hover-border-gray-300:hover {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.focus-border-gray-300:focus {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-300 {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .sm-hover-border-gray-300:hover {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .sm-focus-border-gray-300:focus {
    border-color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-300 {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .md-hover-border-gray-300:hover {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .md-focus-border-gray-300:focus {
    border-color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-300 {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .lg-hover-border-gray-300:hover {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .lg-focus-border-gray-300:focus {
    border-color: rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-300 {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .xl-hover-border-gray-300:hover {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .xl-focus-border-gray-300:focus {
    border-color: rgba(0, 0, 0, 0.3);
  }
}
.border-gray-400 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.hover-border-gray-400:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.focus-border-gray-400:focus {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-400 {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .sm-hover-border-gray-400:hover {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .sm-focus-border-gray-400:focus {
    border-color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-400 {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .md-hover-border-gray-400:hover {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .md-focus-border-gray-400:focus {
    border-color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-400 {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .lg-hover-border-gray-400:hover {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .lg-focus-border-gray-400:focus {
    border-color: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-400 {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .xl-hover-border-gray-400:hover {
    border-color: rgba(0, 0, 0, 0.4);
  }

  .xl-focus-border-gray-400:focus {
    border-color: rgba(0, 0, 0, 0.4);
  }
}
.border-gray-500 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.hover-border-gray-500:hover {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.focus-border-gray-500:focus {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-500 {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .sm-hover-border-gray-500:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .sm-focus-border-gray-500:focus {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-500 {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .md-hover-border-gray-500:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .md-focus-border-gray-500:focus {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-500 {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .lg-hover-border-gray-500:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .lg-focus-border-gray-500:focus {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-500 {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .xl-hover-border-gray-500:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }

  .xl-focus-border-gray-500:focus {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
.border-gray-600 {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.hover-border-gray-600:hover {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.focus-border-gray-600:focus {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-600 {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .sm-hover-border-gray-600:hover {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .sm-focus-border-gray-600:focus {
    border-color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-600 {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .md-hover-border-gray-600:hover {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .md-focus-border-gray-600:focus {
    border-color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-600 {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .lg-hover-border-gray-600:hover {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .lg-focus-border-gray-600:focus {
    border-color: rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-600 {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .xl-hover-border-gray-600:hover {
    border-color: rgba(0, 0, 0, 0.6);
  }

  .xl-focus-border-gray-600:focus {
    border-color: rgba(0, 0, 0, 0.6);
  }
}
.border-gray-700 {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.hover-border-gray-700:hover {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.focus-border-gray-700:focus {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-700 {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .sm-hover-border-gray-700:hover {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .sm-focus-border-gray-700:focus {
    border-color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-700 {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .md-hover-border-gray-700:hover {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .md-focus-border-gray-700:focus {
    border-color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-700 {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .lg-hover-border-gray-700:hover {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .lg-focus-border-gray-700:focus {
    border-color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-700 {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .xl-hover-border-gray-700:hover {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .xl-focus-border-gray-700:focus {
    border-color: rgba(0, 0, 0, 0.7);
  }
}
.border-gray-800 {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.hover-border-gray-800:hover {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.focus-border-gray-800:focus {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-800 {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .sm-hover-border-gray-800:hover {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .sm-focus-border-gray-800:focus {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-800 {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .md-hover-border-gray-800:hover {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .md-focus-border-gray-800:focus {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-800 {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .lg-hover-border-gray-800:hover {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .lg-focus-border-gray-800:focus {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-800 {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .xl-hover-border-gray-800:hover {
    border-color: rgba(0, 0, 0, 0.8);
  }

  .xl-focus-border-gray-800:focus {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
.border-gray-900 {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.hover-border-gray-900:hover {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.focus-border-gray-900:focus {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-900 {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .sm-hover-border-gray-900:hover {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .sm-focus-border-gray-900:focus {
    border-color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-900 {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .md-hover-border-gray-900:hover {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .md-focus-border-gray-900:focus {
    border-color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-900 {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .lg-hover-border-gray-900:hover {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .lg-focus-border-gray-900:focus {
    border-color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-900 {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .xl-hover-border-gray-900:hover {
    border-color: rgba(0, 0, 0, 0.9);
  }

  .xl-focus-border-gray-900:focus {
    border-color: rgba(0, 0, 0, 0.9);
  }
}
.border-gray-light {
  border-color: #F2F2F2 !important;
}

.hover-border-gray-light:hover {
  border-color: #F2F2F2 !important;
}

.focus-border-gray-light:focus {
  border-color: #F2F2F2 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light {
    border-color: #F2F2F2;
  }

  .sm-hover-border-gray-light:hover {
    border-color: #F2F2F2;
  }

  .sm-focus-border-gray-light:focus {
    border-color: #F2F2F2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light {
    border-color: #F2F2F2;
  }

  .md-hover-border-gray-light:hover {
    border-color: #F2F2F2;
  }

  .md-focus-border-gray-light:focus {
    border-color: #F2F2F2;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light {
    border-color: #F2F2F2;
  }

  .lg-hover-border-gray-light:hover {
    border-color: #F2F2F2;
  }

  .lg-focus-border-gray-light:focus {
    border-color: #F2F2F2;
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light {
    border-color: #F2F2F2;
  }

  .xl-hover-border-gray-light:hover {
    border-color: #F2F2F2;
  }

  .xl-focus-border-gray-light:focus {
    border-color: #F2F2F2;
  }
}
.border-gray-light-100 {
  border-color: rgba(242, 242, 242, 0.1) !important;
}

.hover-border-gray-light-100:hover {
  border-color: rgba(242, 242, 242, 0.1) !important;
}

.focus-border-gray-light-100:focus {
  border-color: rgba(242, 242, 242, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-100 {
    border-color: rgba(242, 242, 242, 0.1);
  }

  .sm-hover-border-gray-light-100:hover {
    border-color: rgba(242, 242, 242, 0.1);
  }

  .sm-focus-border-gray-light-100:focus {
    border-color: rgba(242, 242, 242, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-100 {
    border-color: rgba(242, 242, 242, 0.1);
  }

  .md-hover-border-gray-light-100:hover {
    border-color: rgba(242, 242, 242, 0.1);
  }

  .md-focus-border-gray-light-100:focus {
    border-color: rgba(242, 242, 242, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-100 {
    border-color: rgba(242, 242, 242, 0.1);
  }

  .lg-hover-border-gray-light-100:hover {
    border-color: rgba(242, 242, 242, 0.1);
  }

  .lg-focus-border-gray-light-100:focus {
    border-color: rgba(242, 242, 242, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-100 {
    border-color: rgba(242, 242, 242, 0.1);
  }

  .xl-hover-border-gray-light-100:hover {
    border-color: rgba(242, 242, 242, 0.1);
  }

  .xl-focus-border-gray-light-100:focus {
    border-color: rgba(242, 242, 242, 0.1);
  }
}
.border-gray-light-200 {
  border-color: rgba(242, 242, 242, 0.2) !important;
}

.hover-border-gray-light-200:hover {
  border-color: rgba(242, 242, 242, 0.2) !important;
}

.focus-border-gray-light-200:focus {
  border-color: rgba(242, 242, 242, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-200 {
    border-color: rgba(242, 242, 242, 0.2);
  }

  .sm-hover-border-gray-light-200:hover {
    border-color: rgba(242, 242, 242, 0.2);
  }

  .sm-focus-border-gray-light-200:focus {
    border-color: rgba(242, 242, 242, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-200 {
    border-color: rgba(242, 242, 242, 0.2);
  }

  .md-hover-border-gray-light-200:hover {
    border-color: rgba(242, 242, 242, 0.2);
  }

  .md-focus-border-gray-light-200:focus {
    border-color: rgba(242, 242, 242, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-200 {
    border-color: rgba(242, 242, 242, 0.2);
  }

  .lg-hover-border-gray-light-200:hover {
    border-color: rgba(242, 242, 242, 0.2);
  }

  .lg-focus-border-gray-light-200:focus {
    border-color: rgba(242, 242, 242, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-200 {
    border-color: rgba(242, 242, 242, 0.2);
  }

  .xl-hover-border-gray-light-200:hover {
    border-color: rgba(242, 242, 242, 0.2);
  }

  .xl-focus-border-gray-light-200:focus {
    border-color: rgba(242, 242, 242, 0.2);
  }
}
.border-gray-light-300 {
  border-color: rgba(242, 242, 242, 0.3) !important;
}

.hover-border-gray-light-300:hover {
  border-color: rgba(242, 242, 242, 0.3) !important;
}

.focus-border-gray-light-300:focus {
  border-color: rgba(242, 242, 242, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-300 {
    border-color: rgba(242, 242, 242, 0.3);
  }

  .sm-hover-border-gray-light-300:hover {
    border-color: rgba(242, 242, 242, 0.3);
  }

  .sm-focus-border-gray-light-300:focus {
    border-color: rgba(242, 242, 242, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-300 {
    border-color: rgba(242, 242, 242, 0.3);
  }

  .md-hover-border-gray-light-300:hover {
    border-color: rgba(242, 242, 242, 0.3);
  }

  .md-focus-border-gray-light-300:focus {
    border-color: rgba(242, 242, 242, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-300 {
    border-color: rgba(242, 242, 242, 0.3);
  }

  .lg-hover-border-gray-light-300:hover {
    border-color: rgba(242, 242, 242, 0.3);
  }

  .lg-focus-border-gray-light-300:focus {
    border-color: rgba(242, 242, 242, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-300 {
    border-color: rgba(242, 242, 242, 0.3);
  }

  .xl-hover-border-gray-light-300:hover {
    border-color: rgba(242, 242, 242, 0.3);
  }

  .xl-focus-border-gray-light-300:focus {
    border-color: rgba(242, 242, 242, 0.3);
  }
}
.border-gray-light-400 {
  border-color: rgba(242, 242, 242, 0.4) !important;
}

.hover-border-gray-light-400:hover {
  border-color: rgba(242, 242, 242, 0.4) !important;
}

.focus-border-gray-light-400:focus {
  border-color: rgba(242, 242, 242, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-400 {
    border-color: rgba(242, 242, 242, 0.4);
  }

  .sm-hover-border-gray-light-400:hover {
    border-color: rgba(242, 242, 242, 0.4);
  }

  .sm-focus-border-gray-light-400:focus {
    border-color: rgba(242, 242, 242, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-400 {
    border-color: rgba(242, 242, 242, 0.4);
  }

  .md-hover-border-gray-light-400:hover {
    border-color: rgba(242, 242, 242, 0.4);
  }

  .md-focus-border-gray-light-400:focus {
    border-color: rgba(242, 242, 242, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-400 {
    border-color: rgba(242, 242, 242, 0.4);
  }

  .lg-hover-border-gray-light-400:hover {
    border-color: rgba(242, 242, 242, 0.4);
  }

  .lg-focus-border-gray-light-400:focus {
    border-color: rgba(242, 242, 242, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-400 {
    border-color: rgba(242, 242, 242, 0.4);
  }

  .xl-hover-border-gray-light-400:hover {
    border-color: rgba(242, 242, 242, 0.4);
  }

  .xl-focus-border-gray-light-400:focus {
    border-color: rgba(242, 242, 242, 0.4);
  }
}
.border-gray-light-500 {
  border-color: rgba(242, 242, 242, 0.5) !important;
}

.hover-border-gray-light-500:hover {
  border-color: rgba(242, 242, 242, 0.5) !important;
}

.focus-border-gray-light-500:focus {
  border-color: rgba(242, 242, 242, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-500 {
    border-color: rgba(242, 242, 242, 0.5);
  }

  .sm-hover-border-gray-light-500:hover {
    border-color: rgba(242, 242, 242, 0.5);
  }

  .sm-focus-border-gray-light-500:focus {
    border-color: rgba(242, 242, 242, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-500 {
    border-color: rgba(242, 242, 242, 0.5);
  }

  .md-hover-border-gray-light-500:hover {
    border-color: rgba(242, 242, 242, 0.5);
  }

  .md-focus-border-gray-light-500:focus {
    border-color: rgba(242, 242, 242, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-500 {
    border-color: rgba(242, 242, 242, 0.5);
  }

  .lg-hover-border-gray-light-500:hover {
    border-color: rgba(242, 242, 242, 0.5);
  }

  .lg-focus-border-gray-light-500:focus {
    border-color: rgba(242, 242, 242, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-500 {
    border-color: rgba(242, 242, 242, 0.5);
  }

  .xl-hover-border-gray-light-500:hover {
    border-color: rgba(242, 242, 242, 0.5);
  }

  .xl-focus-border-gray-light-500:focus {
    border-color: rgba(242, 242, 242, 0.5);
  }
}
.border-gray-light-600 {
  border-color: rgba(242, 242, 242, 0.6) !important;
}

.hover-border-gray-light-600:hover {
  border-color: rgba(242, 242, 242, 0.6) !important;
}

.focus-border-gray-light-600:focus {
  border-color: rgba(242, 242, 242, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-600 {
    border-color: rgba(242, 242, 242, 0.6);
  }

  .sm-hover-border-gray-light-600:hover {
    border-color: rgba(242, 242, 242, 0.6);
  }

  .sm-focus-border-gray-light-600:focus {
    border-color: rgba(242, 242, 242, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-600 {
    border-color: rgba(242, 242, 242, 0.6);
  }

  .md-hover-border-gray-light-600:hover {
    border-color: rgba(242, 242, 242, 0.6);
  }

  .md-focus-border-gray-light-600:focus {
    border-color: rgba(242, 242, 242, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-600 {
    border-color: rgba(242, 242, 242, 0.6);
  }

  .lg-hover-border-gray-light-600:hover {
    border-color: rgba(242, 242, 242, 0.6);
  }

  .lg-focus-border-gray-light-600:focus {
    border-color: rgba(242, 242, 242, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-600 {
    border-color: rgba(242, 242, 242, 0.6);
  }

  .xl-hover-border-gray-light-600:hover {
    border-color: rgba(242, 242, 242, 0.6);
  }

  .xl-focus-border-gray-light-600:focus {
    border-color: rgba(242, 242, 242, 0.6);
  }
}
.border-gray-light-700 {
  border-color: rgba(242, 242, 242, 0.7) !important;
}

.hover-border-gray-light-700:hover {
  border-color: rgba(242, 242, 242, 0.7) !important;
}

.focus-border-gray-light-700:focus {
  border-color: rgba(242, 242, 242, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-700 {
    border-color: rgba(242, 242, 242, 0.7);
  }

  .sm-hover-border-gray-light-700:hover {
    border-color: rgba(242, 242, 242, 0.7);
  }

  .sm-focus-border-gray-light-700:focus {
    border-color: rgba(242, 242, 242, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-700 {
    border-color: rgba(242, 242, 242, 0.7);
  }

  .md-hover-border-gray-light-700:hover {
    border-color: rgba(242, 242, 242, 0.7);
  }

  .md-focus-border-gray-light-700:focus {
    border-color: rgba(242, 242, 242, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-700 {
    border-color: rgba(242, 242, 242, 0.7);
  }

  .lg-hover-border-gray-light-700:hover {
    border-color: rgba(242, 242, 242, 0.7);
  }

  .lg-focus-border-gray-light-700:focus {
    border-color: rgba(242, 242, 242, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-700 {
    border-color: rgba(242, 242, 242, 0.7);
  }

  .xl-hover-border-gray-light-700:hover {
    border-color: rgba(242, 242, 242, 0.7);
  }

  .xl-focus-border-gray-light-700:focus {
    border-color: rgba(242, 242, 242, 0.7);
  }
}
.border-gray-light-800 {
  border-color: rgba(242, 242, 242, 0.8) !important;
}

.hover-border-gray-light-800:hover {
  border-color: rgba(242, 242, 242, 0.8) !important;
}

.focus-border-gray-light-800:focus {
  border-color: rgba(242, 242, 242, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-800 {
    border-color: rgba(242, 242, 242, 0.8);
  }

  .sm-hover-border-gray-light-800:hover {
    border-color: rgba(242, 242, 242, 0.8);
  }

  .sm-focus-border-gray-light-800:focus {
    border-color: rgba(242, 242, 242, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-800 {
    border-color: rgba(242, 242, 242, 0.8);
  }

  .md-hover-border-gray-light-800:hover {
    border-color: rgba(242, 242, 242, 0.8);
  }

  .md-focus-border-gray-light-800:focus {
    border-color: rgba(242, 242, 242, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-800 {
    border-color: rgba(242, 242, 242, 0.8);
  }

  .lg-hover-border-gray-light-800:hover {
    border-color: rgba(242, 242, 242, 0.8);
  }

  .lg-focus-border-gray-light-800:focus {
    border-color: rgba(242, 242, 242, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-800 {
    border-color: rgba(242, 242, 242, 0.8);
  }

  .xl-hover-border-gray-light-800:hover {
    border-color: rgba(242, 242, 242, 0.8);
  }

  .xl-focus-border-gray-light-800:focus {
    border-color: rgba(242, 242, 242, 0.8);
  }
}
.border-gray-light-900 {
  border-color: rgba(242, 242, 242, 0.9) !important;
}

.hover-border-gray-light-900:hover {
  border-color: rgba(242, 242, 242, 0.9) !important;
}

.focus-border-gray-light-900:focus {
  border-color: rgba(242, 242, 242, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-900 {
    border-color: rgba(242, 242, 242, 0.9);
  }

  .sm-hover-border-gray-light-900:hover {
    border-color: rgba(242, 242, 242, 0.9);
  }

  .sm-focus-border-gray-light-900:focus {
    border-color: rgba(242, 242, 242, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-900 {
    border-color: rgba(242, 242, 242, 0.9);
  }

  .md-hover-border-gray-light-900:hover {
    border-color: rgba(242, 242, 242, 0.9);
  }

  .md-focus-border-gray-light-900:focus {
    border-color: rgba(242, 242, 242, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-gray-light-900 {
    border-color: rgba(242, 242, 242, 0.9);
  }

  .lg-hover-border-gray-light-900:hover {
    border-color: rgba(242, 242, 242, 0.9);
  }

  .lg-focus-border-gray-light-900:focus {
    border-color: rgba(242, 242, 242, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-gray-light-900 {
    border-color: rgba(242, 242, 242, 0.9);
  }

  .xl-hover-border-gray-light-900:hover {
    border-color: rgba(242, 242, 242, 0.9);
  }

  .xl-focus-border-gray-light-900:focus {
    border-color: rgba(242, 242, 242, 0.9);
  }
}
.border-white {
  border-color: white !important;
}

.hover-border-white:hover {
  border-color: white !important;
}

.focus-border-white:focus {
  border-color: white !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white {
    border-color: white;
  }

  .sm-hover-border-white:hover {
    border-color: white;
  }

  .sm-focus-border-white:focus {
    border-color: white;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white {
    border-color: white;
  }

  .md-hover-border-white:hover {
    border-color: white;
  }

  .md-focus-border-white:focus {
    border-color: white;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white {
    border-color: white;
  }

  .lg-hover-border-white:hover {
    border-color: white;
  }

  .lg-focus-border-white:focus {
    border-color: white;
  }
}
@media (min-width: 1024px) {
  .xl-border-white {
    border-color: white;
  }

  .xl-hover-border-white:hover {
    border-color: white;
  }

  .xl-focus-border-white:focus {
    border-color: white;
  }
}
.border-white-100 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.hover-border-white-100:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.focus-border-white-100:focus {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-100 {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .sm-hover-border-white-100:hover {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .sm-focus-border-white-100:focus {
    border-color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-100 {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .md-hover-border-white-100:hover {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .md-focus-border-white-100:focus {
    border-color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-100 {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .lg-hover-border-white-100:hover {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .lg-focus-border-white-100:focus {
    border-color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-100 {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .xl-hover-border-white-100:hover {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .xl-focus-border-white-100:focus {
    border-color: rgba(255, 255, 255, 0.1);
  }
}
.border-white-200 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.hover-border-white-200:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.focus-border-white-200:focus {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-200 {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .sm-hover-border-white-200:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .sm-focus-border-white-200:focus {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-200 {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .md-hover-border-white-200:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .md-focus-border-white-200:focus {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-200 {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .lg-hover-border-white-200:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .lg-focus-border-white-200:focus {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-200 {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .xl-hover-border-white-200:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .xl-focus-border-white-200:focus {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
.border-white-300 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.hover-border-white-300:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.focus-border-white-300:focus {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-300 {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .sm-hover-border-white-300:hover {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .sm-focus-border-white-300:focus {
    border-color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-300 {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .md-hover-border-white-300:hover {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .md-focus-border-white-300:focus {
    border-color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-300 {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .lg-hover-border-white-300:hover {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .lg-focus-border-white-300:focus {
    border-color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-300 {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .xl-hover-border-white-300:hover {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .xl-focus-border-white-300:focus {
    border-color: rgba(255, 255, 255, 0.3);
  }
}
.border-white-400 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.hover-border-white-400:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.focus-border-white-400:focus {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-400 {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .sm-hover-border-white-400:hover {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .sm-focus-border-white-400:focus {
    border-color: rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-400 {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .md-hover-border-white-400:hover {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .md-focus-border-white-400:focus {
    border-color: rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-400 {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .lg-hover-border-white-400:hover {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .lg-focus-border-white-400:focus {
    border-color: rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-400 {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .xl-hover-border-white-400:hover {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .xl-focus-border-white-400:focus {
    border-color: rgba(255, 255, 255, 0.4);
  }
}
.border-white-500 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.hover-border-white-500:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.focus-border-white-500:focus {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-500 {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .sm-hover-border-white-500:hover {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .sm-focus-border-white-500:focus {
    border-color: rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-500 {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .md-hover-border-white-500:hover {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .md-focus-border-white-500:focus {
    border-color: rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-500 {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .lg-hover-border-white-500:hover {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .lg-focus-border-white-500:focus {
    border-color: rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-500 {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .xl-hover-border-white-500:hover {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .xl-focus-border-white-500:focus {
    border-color: rgba(255, 255, 255, 0.5);
  }
}
.border-white-600 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.hover-border-white-600:hover {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.focus-border-white-600:focus {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-600 {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .sm-hover-border-white-600:hover {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .sm-focus-border-white-600:focus {
    border-color: rgba(255, 255, 255, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-600 {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .md-hover-border-white-600:hover {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .md-focus-border-white-600:focus {
    border-color: rgba(255, 255, 255, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-600 {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .lg-hover-border-white-600:hover {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .lg-focus-border-white-600:focus {
    border-color: rgba(255, 255, 255, 0.6);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-600 {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .xl-hover-border-white-600:hover {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .xl-focus-border-white-600:focus {
    border-color: rgba(255, 255, 255, 0.6);
  }
}
.border-white-700 {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.hover-border-white-700:hover {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.focus-border-white-700:focus {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-700 {
    border-color: rgba(255, 255, 255, 0.7);
  }

  .sm-hover-border-white-700:hover {
    border-color: rgba(255, 255, 255, 0.7);
  }

  .sm-focus-border-white-700:focus {
    border-color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-700 {
    border-color: rgba(255, 255, 255, 0.7);
  }

  .md-hover-border-white-700:hover {
    border-color: rgba(255, 255, 255, 0.7);
  }

  .md-focus-border-white-700:focus {
    border-color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-700 {
    border-color: rgba(255, 255, 255, 0.7);
  }

  .lg-hover-border-white-700:hover {
    border-color: rgba(255, 255, 255, 0.7);
  }

  .lg-focus-border-white-700:focus {
    border-color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-700 {
    border-color: rgba(255, 255, 255, 0.7);
  }

  .xl-hover-border-white-700:hover {
    border-color: rgba(255, 255, 255, 0.7);
  }

  .xl-focus-border-white-700:focus {
    border-color: rgba(255, 255, 255, 0.7);
  }
}
.border-white-800 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.hover-border-white-800:hover {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.focus-border-white-800:focus {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-800 {
    border-color: rgba(255, 255, 255, 0.8);
  }

  .sm-hover-border-white-800:hover {
    border-color: rgba(255, 255, 255, 0.8);
  }

  .sm-focus-border-white-800:focus {
    border-color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-800 {
    border-color: rgba(255, 255, 255, 0.8);
  }

  .md-hover-border-white-800:hover {
    border-color: rgba(255, 255, 255, 0.8);
  }

  .md-focus-border-white-800:focus {
    border-color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-800 {
    border-color: rgba(255, 255, 255, 0.8);
  }

  .lg-hover-border-white-800:hover {
    border-color: rgba(255, 255, 255, 0.8);
  }

  .lg-focus-border-white-800:focus {
    border-color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-800 {
    border-color: rgba(255, 255, 255, 0.8);
  }

  .xl-hover-border-white-800:hover {
    border-color: rgba(255, 255, 255, 0.8);
  }

  .xl-focus-border-white-800:focus {
    border-color: rgba(255, 255, 255, 0.8);
  }
}
.border-white-900 {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.hover-border-white-900:hover {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.focus-border-white-900:focus {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-white-900 {
    border-color: rgba(255, 255, 255, 0.9);
  }

  .sm-hover-border-white-900:hover {
    border-color: rgba(255, 255, 255, 0.9);
  }

  .sm-focus-border-white-900:focus {
    border-color: rgba(255, 255, 255, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-white-900 {
    border-color: rgba(255, 255, 255, 0.9);
  }

  .md-hover-border-white-900:hover {
    border-color: rgba(255, 255, 255, 0.9);
  }

  .md-focus-border-white-900:focus {
    border-color: rgba(255, 255, 255, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-white-900 {
    border-color: rgba(255, 255, 255, 0.9);
  }

  .lg-hover-border-white-900:hover {
    border-color: rgba(255, 255, 255, 0.9);
  }

  .lg-focus-border-white-900:focus {
    border-color: rgba(255, 255, 255, 0.9);
  }
}
@media (min-width: 1024px) {
  .xl-border-white-900 {
    border-color: rgba(255, 255, 255, 0.9);
  }

  .xl-hover-border-white-900:hover {
    border-color: rgba(255, 255, 255, 0.9);
  }

  .xl-focus-border-white-900:focus {
    border-color: rgba(255, 255, 255, 0.9);
  }
}
/*
  Border Style
 */
.border-solid {
  border-style: solid;
}

.hover-border-solid:hover {
  border-style: solid;
}

.focus-border-solid:focus {
  border-style: solid;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-solid {
    border-style: solid;
  }

  .sm-hover-border-solid:hover {
    border-style: solid;
  }

  .sm-focus-border-solid:focus {
    border-style: solid;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-solid {
    border-style: solid;
  }

  .md-hover-border-solid:hover {
    border-style: solid;
  }

  .md-focus-border-solid:focus {
    border-style: solid;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-solid {
    border-style: solid;
  }

  .lg-hover-border-solid:hover {
    border-style: solid;
  }

  .lg-focus-border-solid:focus {
    border-style: solid;
  }
}
@media (min-width: 1024px) {
  .xl-border-solid {
    border-style: solid;
  }

  .xl-hover-border-solid {
    border-style: solid;
  }

  .xl-focus-border-solid {
    border-style: solid;
  }
}
.border-dashed {
  border-style: dashed;
}

.hover-border-dashed:hover {
  border-style: dashed;
}

.focus-border-dashed:focus {
  border-style: dashed;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-dashed {
    border-style: dashed;
  }

  .sm-hover-border-dashed:hover {
    border-style: dashed;
  }

  .sm-focus-border-dashed:focus {
    border-style: dashed;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-dashed {
    border-style: dashed;
  }

  .md-hover-border-dashed:hover {
    border-style: dashed;
  }

  .md-focus-border-dashed:focus {
    border-style: dashed;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-dashed {
    border-style: dashed;
  }

  .lg-hover-border-dashed:hover {
    border-style: dashed;
  }

  .lg-focus-border-dashed:focus {
    border-style: dashed;
  }
}
@media (min-width: 1024px) {
  .xl-border-dashed {
    border-style: dashed;
  }

  .xl-hover-border-dashed {
    border-style: dashed;
  }

  .xl-focus-border-dashed {
    border-style: dashed;
  }
}
.border-dotted {
  border-style: dotted;
}

.hover-border-dotted:hover {
  border-style: dotted;
}

.focus-border-dotted:focus {
  border-style: dotted;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-dotted {
    border-style: dotted;
  }

  .sm-hover-border-dotted:hover {
    border-style: dotted;
  }

  .sm-focus-border-dotted:focus {
    border-style: dotted;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-dotted {
    border-style: dotted;
  }

  .md-hover-border-dotted:hover {
    border-style: dotted;
  }

  .md-focus-border-dotted:focus {
    border-style: dotted;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-dotted {
    border-style: dotted;
  }

  .lg-hover-border-dotted:hover {
    border-style: dotted;
  }

  .lg-focus-border-dotted:focus {
    border-style: dotted;
  }
}
@media (min-width: 1024px) {
  .xl-border-dotted {
    border-style: dotted;
  }

  .xl-hover-border-dotted {
    border-style: dotted;
  }

  .xl-focus-border-dotted {
    border-style: dotted;
  }
}
.border-none {
  border-style: none;
}

.hover-border-none:hover {
  border-style: none;
}

.focus-border-none:focus {
  border-style: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-none {
    border-style: none;
  }

  .sm-hover-border-none:hover {
    border-style: none;
  }

  .sm-focus-border-none:focus {
    border-style: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-none {
    border-style: none;
  }

  .md-hover-border-none:hover {
    border-style: none;
  }

  .md-focus-border-none:focus {
    border-style: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-none {
    border-style: none;
  }

  .lg-hover-border-none:hover {
    border-style: none;
  }

  .lg-focus-border-none:focus {
    border-style: none;
  }
}
@media (min-width: 1024px) {
  .xl-border-none {
    border-style: none;
  }

  .xl-hover-border-none {
    border-style: none;
  }

  .xl-focus-border-none {
    border-style: none;
  }
}
/*
  Border Width
 */
.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px !important;
}

.hover-border:hover {
  border-width: 1px;
}

.focus-border:focus {
  border-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.hover-border-t:hover {
  border-top-width: 1px;
}

.focus-border-t:focus {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.hover-border-r:hover {
  border-right-width: 1px;
}

.focus-border-r:focus {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.hover-border-b:hover {
  border-bottom-width: 1px;
}

.focus-border-b:focus {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.hover-border-l:hover {
  border-left-width: 1px;
}

.focus-border-l:focus {
  border-left-width: 1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border {
    border-width: 1px;
  }

  .sm-hover-border:hover {
    border-width: 1px;
  }

  .sm-focus-border:focus {
    border-width: 1px;
  }

  .sm-border-t {
    border-top-width: 1px;
  }

  .sm-hover-border-t:hover {
    border-top-width: 1px;
  }

  .sm-focus-border-t:focus {
    border-top-width: 1px;
  }

  .sm-border-r {
    border-right-width: 1px;
  }

  .sm-hover-border-r:hover {
    border-right-width: 1px;
  }

  .sm-focus-border-r:focus {
    border-right-width: 1px;
  }

  .sm-border-b {
    border-bottom-width: 1px;
  }

  .sm-hover-border-b:hover {
    border-bottom-width: 1px;
  }

  .sm-focus-border-b:focus {
    border-bottom-width: 1px;
  }

  .sm-border-l {
    border-left-width: 1px;
  }

  .sm-hover-border-l:hover {
    border-left-width: 1px;
  }

  .sm-focus-border-l:focus {
    border-left-width: 1px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border {
    border-width: 1px;
  }

  .md-hover-border:hover {
    border-width: 1px;
  }

  .md-focus-border:focus {
    border-width: 1px;
  }

  .md-border-t {
    border-top-width: 1px;
  }

  .md-hover-border-t:hover {
    border-top-width: 1px;
  }

  .md-focus-border-t:focus {
    border-top-width: 1px;
  }

  .md-border-r {
    border-right-width: 1px;
  }

  .md-hover-border-r:hover {
    border-right-width: 1px;
  }

  .md-focus-border-r:focus {
    border-right-width: 1px;
  }

  .md-border-b {
    border-bottom-width: 1px;
  }

  .md-hover-border-b:hover {
    border-bottom-width: 1px;
  }

  .md-focus-border-b:focus {
    border-bottom-width: 1px;
  }

  .md-border-l {
    border-left-width: 1px;
  }

  .md-hover-border-l:hover {
    border-left-width: 1px;
  }

  .md-focus-border-l:focus {
    border-left-width: 1px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border {
    border-width: 1px;
  }

  .lg-hover-border:hover {
    border-width: 1px;
  }

  .lg-focus-border:focus {
    border-width: 1px;
  }

  .lg-border-t {
    border-top-width: 1px;
  }

  .lg-hover-border-t:hover {
    border-top-width: 1px;
  }

  .lg-focus-border-t:focus {
    border-top-width: 1px;
  }

  .lg-border-r {
    border-right-width: 1px;
  }

  .lg-hover-border-r:hover {
    border-right-width: 1px;
  }

  .lg-focus-border-r:focus {
    border-right-width: 1px;
  }

  .lg-border-b {
    border-bottom-width: 1px;
  }

  .lg-hover-border-b:hover {
    border-bottom-width: 1px;
  }

  .lg-focus-border-b:focus {
    border-bottom-width: 1px;
  }

  .lg-border-l {
    border-left-width: 1px;
  }

  .lg-hover-border-l:hover {
    border-left-width: 1px;
  }

  .lg-focus-border-l:focus {
    border-left-width: 1px;
  }
}
@media (min-width: 1024px) {
  .xl-border {
    border-width: 1px;
  }

  .xl-hover-border:hover {
    border-width: 1px;
  }

  .xl-focus-border:focus {
    border-width: 1px;
  }

  .xl-border-t {
    border-top-width: 1px;
  }

  .xl-hover-border-t:hover {
    border-top-width: 1px;
  }

  .xl-focus-border-t:focus {
    border-top-width: 1px;
  }

  .xl-border-r {
    border-right-width: 1px;
  }

  .xl-hover-border-r:hover {
    border-right-width: 1px;
  }

  .xl-focus-border-r:focus {
    border-right-width: 1px;
  }

  .xl-border-b {
    border-bottom-width: 1px;
  }

  .xl-hover-border-b:hover {
    border-bottom-width: 1px;
  }

  .xl-focus-border-b:focus {
    border-bottom-width: 1px;
  }

  .xl-border-l {
    border-left-width: 1px;
  }

  .xl-hover-border-l:hover {
    border-left-width: 1px;
  }

  .xl-focus-border-l:focus {
    border-left-width: 1px;
  }
}
.border-1 {
  border-width: 1px;
}

.border-t-1 {
  border-top-width: 1px;
}

.border-r-1 {
  border-right-width: 1px;
}

.border-b-1 {
  border-bottom-width: 1px;
}

.border-l-1 {
  border-left-width: 1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-1 {
    border-width: 1px;
  }

  .sm-border-t-1 {
    border-top-width: 1px;
  }

  .sm-border-r-1 {
    border-right-width: 1px;
  }

  .sm-border-b-1 {
    border-bottom-width: 1px;
  }

  .sm-border-l-1 {
    border-left-width: 1px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-1 {
    border-width: 1px;
  }

  .md-border-t-1 {
    border-top-width: 1px;
  }

  .md-border-r-1 {
    border-right-width: 1px;
  }

  .md-border-b-1 {
    border-bottom-width: 1px;
  }

  .md-border-l-1 {
    border-left-width: 1px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-1 {
    border-width: 1px;
  }

  .lg-border-t-1 {
    border-top-width: 1px;
  }

  .lg-border-r-1 {
    border-right-width: 1px;
  }

  .lg-border-b-1 {
    border-bottom-width: 1px;
  }

  .lg-border-l-1 {
    border-left-width: 1px;
  }
}
@media (min-width: 1024px) {
  .xl-border-1 {
    border-width: 1px;
  }

  .xl-border-t-1 {
    border-top-width: 1px;
  }

  .xl-border-r-1 {
    border-right-width: 1px;
  }

  .xl-border-b-1 {
    border-bottom-width: 1px;
  }

  .xl-border-l-1 {
    border-left-width: 1px;
  }
}
.border-2 {
  border-width: 2px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l-2 {
  border-left-width: 2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-2 {
    border-width: 2px;
  }

  .sm-border-t-2 {
    border-top-width: 2px;
  }

  .sm-border-r-2 {
    border-right-width: 2px;
  }

  .sm-border-b-2 {
    border-bottom-width: 2px;
  }

  .sm-border-l-2 {
    border-left-width: 2px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-2 {
    border-width: 2px;
  }

  .md-border-t-2 {
    border-top-width: 2px;
  }

  .md-border-r-2 {
    border-right-width: 2px;
  }

  .md-border-b-2 {
    border-bottom-width: 2px;
  }

  .md-border-l-2 {
    border-left-width: 2px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-2 {
    border-width: 2px;
  }

  .lg-border-t-2 {
    border-top-width: 2px;
  }

  .lg-border-r-2 {
    border-right-width: 2px;
  }

  .lg-border-b-2 {
    border-bottom-width: 2px;
  }

  .lg-border-l-2 {
    border-left-width: 2px;
  }
}
@media (min-width: 1024px) {
  .xl-border-2 {
    border-width: 2px;
  }

  .xl-border-t-2 {
    border-top-width: 2px;
  }

  .xl-border-r-2 {
    border-right-width: 2px;
  }

  .xl-border-b-2 {
    border-bottom-width: 2px;
  }

  .xl-border-l-2 {
    border-left-width: 2px;
  }
}
.border-3 {
  border-width: 3px;
}

.border-t-3 {
  border-top-width: 3px;
}

.border-r-3 {
  border-right-width: 3px;
}

.border-b-3 {
  border-bottom-width: 3px;
}

.border-l-3 {
  border-left-width: 3px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-3 {
    border-width: 3px;
  }

  .sm-border-t-3 {
    border-top-width: 3px;
  }

  .sm-border-r-3 {
    border-right-width: 3px;
  }

  .sm-border-b-3 {
    border-bottom-width: 3px;
  }

  .sm-border-l-3 {
    border-left-width: 3px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-3 {
    border-width: 3px;
  }

  .md-border-t-3 {
    border-top-width: 3px;
  }

  .md-border-r-3 {
    border-right-width: 3px;
  }

  .md-border-b-3 {
    border-bottom-width: 3px;
  }

  .md-border-l-3 {
    border-left-width: 3px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-3 {
    border-width: 3px;
  }

  .lg-border-t-3 {
    border-top-width: 3px;
  }

  .lg-border-r-3 {
    border-right-width: 3px;
  }

  .lg-border-b-3 {
    border-bottom-width: 3px;
  }

  .lg-border-l-3 {
    border-left-width: 3px;
  }
}
@media (min-width: 1024px) {
  .xl-border-3 {
    border-width: 3px;
  }

  .xl-border-t-3 {
    border-top-width: 3px;
  }

  .xl-border-r-3 {
    border-right-width: 3px;
  }

  .xl-border-b-3 {
    border-bottom-width: 3px;
  }

  .xl-border-l-3 {
    border-left-width: 3px;
  }
}
.border-4 {
  border-width: 4px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-l-4 {
  border-left-width: 4px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-4 {
    border-width: 4px;
  }

  .sm-border-t-4 {
    border-top-width: 4px;
  }

  .sm-border-r-4 {
    border-right-width: 4px;
  }

  .sm-border-b-4 {
    border-bottom-width: 4px;
  }

  .sm-border-l-4 {
    border-left-width: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-4 {
    border-width: 4px;
  }

  .md-border-t-4 {
    border-top-width: 4px;
  }

  .md-border-r-4 {
    border-right-width: 4px;
  }

  .md-border-b-4 {
    border-bottom-width: 4px;
  }

  .md-border-l-4 {
    border-left-width: 4px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-4 {
    border-width: 4px;
  }

  .lg-border-t-4 {
    border-top-width: 4px;
  }

  .lg-border-r-4 {
    border-right-width: 4px;
  }

  .lg-border-b-4 {
    border-bottom-width: 4px;
  }

  .lg-border-l-4 {
    border-left-width: 4px;
  }
}
@media (min-width: 1024px) {
  .xl-border-4 {
    border-width: 4px;
  }

  .xl-border-t-4 {
    border-top-width: 4px;
  }

  .xl-border-r-4 {
    border-right-width: 4px;
  }

  .xl-border-b-4 {
    border-bottom-width: 4px;
  }

  .xl-border-l-4 {
    border-left-width: 4px;
  }
}
.border-5 {
  border-width: 5px;
}

.border-t-5 {
  border-top-width: 5px;
}

.border-r-5 {
  border-right-width: 5px;
}

.border-b-5 {
  border-bottom-width: 5px;
}

.border-l-5 {
  border-left-width: 5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-5 {
    border-width: 5px;
  }

  .sm-border-t-5 {
    border-top-width: 5px;
  }

  .sm-border-r-5 {
    border-right-width: 5px;
  }

  .sm-border-b-5 {
    border-bottom-width: 5px;
  }

  .sm-border-l-5 {
    border-left-width: 5px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-5 {
    border-width: 5px;
  }

  .md-border-t-5 {
    border-top-width: 5px;
  }

  .md-border-r-5 {
    border-right-width: 5px;
  }

  .md-border-b-5 {
    border-bottom-width: 5px;
  }

  .md-border-l-5 {
    border-left-width: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-5 {
    border-width: 5px;
  }

  .lg-border-t-5 {
    border-top-width: 5px;
  }

  .lg-border-r-5 {
    border-right-width: 5px;
  }

  .lg-border-b-5 {
    border-bottom-width: 5px;
  }

  .lg-border-l-5 {
    border-left-width: 5px;
  }
}
@media (min-width: 1024px) {
  .xl-border-5 {
    border-width: 5px;
  }

  .xl-border-t-5 {
    border-top-width: 5px;
  }

  .xl-border-r-5 {
    border-right-width: 5px;
  }

  .xl-border-b-5 {
    border-bottom-width: 5px;
  }

  .xl-border-l-5 {
    border-left-width: 5px;
  }
}
.border-6 {
  border-width: 6px;
}

.border-t-6 {
  border-top-width: 6px;
}

.border-r-6 {
  border-right-width: 6px;
}

.border-b-6 {
  border-bottom-width: 6px;
}

.border-l-6 {
  border-left-width: 6px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-6 {
    border-width: 6px;
  }

  .sm-border-t-6 {
    border-top-width: 6px;
  }

  .sm-border-r-6 {
    border-right-width: 6px;
  }

  .sm-border-b-6 {
    border-bottom-width: 6px;
  }

  .sm-border-l-6 {
    border-left-width: 6px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-6 {
    border-width: 6px;
  }

  .md-border-t-6 {
    border-top-width: 6px;
  }

  .md-border-r-6 {
    border-right-width: 6px;
  }

  .md-border-b-6 {
    border-bottom-width: 6px;
  }

  .md-border-l-6 {
    border-left-width: 6px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-6 {
    border-width: 6px;
  }

  .lg-border-t-6 {
    border-top-width: 6px;
  }

  .lg-border-r-6 {
    border-right-width: 6px;
  }

  .lg-border-b-6 {
    border-bottom-width: 6px;
  }

  .lg-border-l-6 {
    border-left-width: 6px;
  }
}
@media (min-width: 1024px) {
  .xl-border-6 {
    border-width: 6px;
  }

  .xl-border-t-6 {
    border-top-width: 6px;
  }

  .xl-border-r-6 {
    border-right-width: 6px;
  }

  .xl-border-b-6 {
    border-bottom-width: 6px;
  }

  .xl-border-l-6 {
    border-left-width: 6px;
  }
}
.border-7 {
  border-width: 7px;
}

.border-t-7 {
  border-top-width: 7px;
}

.border-r-7 {
  border-right-width: 7px;
}

.border-b-7 {
  border-bottom-width: 7px;
}

.border-l-7 {
  border-left-width: 7px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-7 {
    border-width: 7px;
  }

  .sm-border-t-7 {
    border-top-width: 7px;
  }

  .sm-border-r-7 {
    border-right-width: 7px;
  }

  .sm-border-b-7 {
    border-bottom-width: 7px;
  }

  .sm-border-l-7 {
    border-left-width: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-7 {
    border-width: 7px;
  }

  .md-border-t-7 {
    border-top-width: 7px;
  }

  .md-border-r-7 {
    border-right-width: 7px;
  }

  .md-border-b-7 {
    border-bottom-width: 7px;
  }

  .md-border-l-7 {
    border-left-width: 7px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-7 {
    border-width: 7px;
  }

  .lg-border-t-7 {
    border-top-width: 7px;
  }

  .lg-border-r-7 {
    border-right-width: 7px;
  }

  .lg-border-b-7 {
    border-bottom-width: 7px;
  }

  .lg-border-l-7 {
    border-left-width: 7px;
  }
}
@media (min-width: 1024px) {
  .xl-border-7 {
    border-width: 7px;
  }

  .xl-border-t-7 {
    border-top-width: 7px;
  }

  .xl-border-r-7 {
    border-right-width: 7px;
  }

  .xl-border-b-7 {
    border-bottom-width: 7px;
  }

  .xl-border-l-7 {
    border-left-width: 7px;
  }
}
.border-8 {
  border-width: 8px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-r-8 {
  border-right-width: 8px;
}

.border-b-8 {
  border-bottom-width: 8px;
}

.border-l-8 {
  border-left-width: 8px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-8 {
    border-width: 8px;
  }

  .sm-border-t-8 {
    border-top-width: 8px;
  }

  .sm-border-r-8 {
    border-right-width: 8px;
  }

  .sm-border-b-8 {
    border-bottom-width: 8px;
  }

  .sm-border-l-8 {
    border-left-width: 8px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-8 {
    border-width: 8px;
  }

  .md-border-t-8 {
    border-top-width: 8px;
  }

  .md-border-r-8 {
    border-right-width: 8px;
  }

  .md-border-b-8 {
    border-bottom-width: 8px;
  }

  .md-border-l-8 {
    border-left-width: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-8 {
    border-width: 8px;
  }

  .lg-border-t-8 {
    border-top-width: 8px;
  }

  .lg-border-r-8 {
    border-right-width: 8px;
  }

  .lg-border-b-8 {
    border-bottom-width: 8px;
  }

  .lg-border-l-8 {
    border-left-width: 8px;
  }
}
@media (min-width: 1024px) {
  .xl-border-8 {
    border-width: 8px;
  }

  .xl-border-t-8 {
    border-top-width: 8px;
  }

  .xl-border-r-8 {
    border-right-width: 8px;
  }

  .xl-border-b-8 {
    border-bottom-width: 8px;
  }

  .xl-border-l-8 {
    border-left-width: 8px;
  }
}
.border-9 {
  border-width: 9px;
}

.border-t-9 {
  border-top-width: 9px;
}

.border-r-9 {
  border-right-width: 9px;
}

.border-b-9 {
  border-bottom-width: 9px;
}

.border-l-9 {
  border-left-width: 9px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-9 {
    border-width: 9px;
  }

  .sm-border-t-9 {
    border-top-width: 9px;
  }

  .sm-border-r-9 {
    border-right-width: 9px;
  }

  .sm-border-b-9 {
    border-bottom-width: 9px;
  }

  .sm-border-l-9 {
    border-left-width: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-9 {
    border-width: 9px;
  }

  .md-border-t-9 {
    border-top-width: 9px;
  }

  .md-border-r-9 {
    border-right-width: 9px;
  }

  .md-border-b-9 {
    border-bottom-width: 9px;
  }

  .md-border-l-9 {
    border-left-width: 9px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-9 {
    border-width: 9px;
  }

  .lg-border-t-9 {
    border-top-width: 9px;
  }

  .lg-border-r-9 {
    border-right-width: 9px;
  }

  .lg-border-b-9 {
    border-bottom-width: 9px;
  }

  .lg-border-l-9 {
    border-left-width: 9px;
  }
}
@media (min-width: 1024px) {
  .xl-border-9 {
    border-width: 9px;
  }

  .xl-border-t-9 {
    border-top-width: 9px;
  }

  .xl-border-r-9 {
    border-right-width: 9px;
  }

  .xl-border-b-9 {
    border-bottom-width: 9px;
  }

  .xl-border-l-9 {
    border-left-width: 9px;
  }
}
.border-10 {
  border-width: 10px;
}

.border-t-10 {
  border-top-width: 10px;
}

.border-r-10 {
  border-right-width: 10px;
}

.border-b-10 {
  border-bottom-width: 10px;
}

.border-l-10 {
  border-left-width: 10px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-10 {
    border-width: 10px;
  }

  .sm-border-t-10 {
    border-top-width: 10px;
  }

  .sm-border-r-10 {
    border-right-width: 10px;
  }

  .sm-border-b-10 {
    border-bottom-width: 10px;
  }

  .sm-border-l-10 {
    border-left-width: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-10 {
    border-width: 10px;
  }

  .md-border-t-10 {
    border-top-width: 10px;
  }

  .md-border-r-10 {
    border-right-width: 10px;
  }

  .md-border-b-10 {
    border-bottom-width: 10px;
  }

  .md-border-l-10 {
    border-left-width: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-10 {
    border-width: 10px;
  }

  .lg-border-t-10 {
    border-top-width: 10px;
  }

  .lg-border-r-10 {
    border-right-width: 10px;
  }

  .lg-border-b-10 {
    border-bottom-width: 10px;
  }

  .lg-border-l-10 {
    border-left-width: 10px;
  }
}
@media (min-width: 1024px) {
  .xl-border-10 {
    border-width: 10px;
  }

  .xl-border-t-10 {
    border-top-width: 10px;
  }

  .xl-border-r-10 {
    border-right-width: 10px;
  }

  .xl-border-b-10 {
    border-bottom-width: 10px;
  }

  .xl-border-l-10 {
    border-left-width: 10px;
  }
}
/*
  Border Radius
 */
.rounded-4 {
  border-radius: 0.25rem;
}

.rounded-8 {
  border-radius: 0.5rem;
}

.rounded-12 {
  border-radius: 0.75rem;
}

.rounded-16 {
  border-radius: 1rem;
}

.rounded-t-8 {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}

.rounded-t-12 {
  border-top-right-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
}

.rounded-t-16 {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}

.rounded-b-4 {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-b-8 {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-b-12 {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-b-16 {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-l-4 {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l-8 {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-12 {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l-16 {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-r-4 {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-r-8 {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-r-12 {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-r-16 {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr-none {
  border-top-right-radius: 0;
}

.rounded-br-none {
  border-bottom-right-radius: 0;
}

.rounded-bl-none {
  border-bottom-left-radius: 0;
}

.rounded-tl-4 {
  border-top-left-radius: 0.25rem;
}

.rounded-tl-8 {
  border-top-left-radius: 0.5rem;
}

.rounded-tl-12 {
  border-top-left-radius: 0.75rem;
}

.rounded-tl-16 {
  border-top-left-radius: 1rem;
}

.rounded-tr-4 {
  border-top-right-radius: 0.25rem;
}

.rounded-tr-8 {
  border-top-right-radius: 0.5rem;
}

.rounded-tr-12 {
  border-top-right-radius: 0.75rem;
}

.rounded-tr-16 {
  border-top-right-radius: 1rem;
}

.rounded-bl-4 {
  border-bottom-left-radius: 0.25rem;
}

.rounded-bl-8 {
  border-bottom-left-radius: 0.5rem;
}

.rounded-bl-12 {
  border-bottom-left-radius: 0.75rem;
}

.rounded-bl-16 {
  border-bottom-left-radius: 1rem;
}

.rounded-br-4 {
  border-bottom-right-radius: 0.25rem;
}

.rounded-br-8 {
  border-bottom-right-radius: 0.5rem;
}

.rounded-br-12 {
  border-bottom-right-radius: 0.75rem;
}

.rounded-br-16 {
  border-bottom-right-radius: 1rem;
}

.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}

.rounded-tl {
  border-top-left-radius: 0.25rem;
}

.rounded-tr {
  border-top-right-radius: 0.25rem;
}

.rounded-br {
  border-bottom-right-radius: 0.25rem;
}

.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-rounded-4 {
    border-radius: 0.25rem;
  }

  .sm-rounded-8 {
    border-radius: 0.5rem;
  }

  .sm-rounded-12 {
    border-radius: 0.75rem;
  }

  .sm-rounded-16 {
    border-radius: 1rem;
  }

  .sm-rounded-t-8 {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
  }

  .sm-rounded-t-12 {
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
  }

  .sm-rounded-t-16 {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
  }

  .sm-rounded-b-8 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm-rounded-b-12 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm-rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm-rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm-rounded-l-12 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm-rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm-rounded-r-8 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .sm-rounded-r-12 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .sm-rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .sm-rounded-none {
    border-radius: 0;
  }

  .sm-rounded-sm {
    border-radius: 0.125rem;
  }

  .sm-rounded {
    border-radius: 0.25rem;
  }

  .sm-rounded-lg {
    border-radius: 0.5rem;
  }

  .sm-rounded-full {
    border-radius: 9999px;
  }

  .sm-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .sm-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .sm-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm-rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .sm-rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .sm-rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm-rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm-rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .sm-rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .sm-rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm-rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .sm-rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .sm-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .sm-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .sm-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm-rounded-tl-8 {
    border-top-left-radius: 0.5rem;
  }

  .sm-rounded-tl-12 {
    border-top-left-radius: 0.75rem;
  }

  .sm-rounded-tl-16 {
    border-top-left-radius: 1rem;
  }

  .sm-rounded-tr-8 {
    border-top-right-radius: 0.5rem;
  }

  .sm-rounded-tr-12 {
    border-top-right-radius: 0.75rem;
  }

  .sm-rounded-tr-16 {
    border-top-right-radius: 1rem;
  }

  .sm-rounded-bl-8 {
    border-bottom-left-radius: 0.5rem;
  }

  .sm-rounded-bl-12 {
    border-bottom-left-radius: 0.75rem;
  }

  .sm-rounded-bl-16 {
    border-bottom-left-radius: 1rem;
  }

  .sm-rounded-br-8 {
    border-bottom-right-radius: 0.5rem;
  }

  .sm-rounded-br-12 {
    border-bottom-right-radius: 0.75rem;
  }

  .sm-rounded-br-16 {
    border-bottom-right-radius: 1rem;
  }

  .sm-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .sm-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .sm-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .sm-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .sm-rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .sm-rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .sm-rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .sm-rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .sm-rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .sm-rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .sm-rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .sm-rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .sm-rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .sm-rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .sm-rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .sm-rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .sm-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .sm-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .sm-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .sm-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-rounded-8 {
    border-radius: 0.5rem;
  }

  .md-rounded-12 {
    border-radius: 0.75rem;
  }

  .md-rounded-16 {
    border-radius: 1rem;
  }

  .md-rounded-t-8 {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
  }

  .md-rounded-t-12 {
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
  }

  .md-rounded-t-16 {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
  }

  .md-rounded-b-8 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md-rounded-b-12 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md-rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md-rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md-rounded-l-12 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md-rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md-rounded-r-8 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .md-rounded-r-12 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .md-rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .md-rounded-none {
    border-radius: 0;
  }

  .md-rounded-sm {
    border-radius: 0.125rem;
  }

  .md-rounded {
    border-radius: 0.25rem;
  }

  .md-rounded-lg {
    border-radius: 0.5rem;
  }

  .md-rounded-full {
    border-radius: 9999px;
  }

  .md-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .md-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .md-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md-rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .md-rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .md-rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md-rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md-rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .md-rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .md-rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md-rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .md-rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .md-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .md-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .md-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md-rounded-tl-8 {
    border-top-left-radius: 0.5rem;
  }

  .md-rounded-tl-12 {
    border-top-left-radius: 0.75rem;
  }

  .md-rounded-tl-16 {
    border-top-left-radius: 1rem;
  }

  .md-rounded-tr-8 {
    border-top-right-radius: 0.5rem;
  }

  .md-rounded-tr-12 {
    border-top-right-radius: 0.75rem;
  }

  .md-rounded-tr-16 {
    border-top-right-radius: 1rem;
  }

  .md-rounded-bl-8 {
    border-bottom-left-radius: 0.5rem;
  }

  .md-rounded-bl-12 {
    border-bottom-left-radius: 0.75rem;
  }

  .md-rounded-bl-16 {
    border-bottom-left-radius: 1rem;
  }

  .md-rounded-br-8 {
    border-bottom-right-radius: 0.5rem;
  }

  .md-rounded-br-12 {
    border-bottom-right-radius: 0.75rem;
  }

  .md-rounded-br-16 {
    border-bottom-right-radius: 1rem;
  }

  .md-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .md-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .md-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .md-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .md-rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .md-rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .md-rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .md-rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .md-rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .md-rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .md-rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .md-rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .md-rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .md-rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .md-rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .md-rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .md-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .md-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .md-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .md-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-rounded-8 {
    border-radius: 0.5rem;
  }

  .lg-rounded-12 {
    border-radius: 0.75rem;
  }

  .lg-rounded-16 {
    border-radius: 1rem;
  }

  .lg-rounded-t-8 {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
  }

  .lg-rounded-t-12 {
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
  }

  .lg-rounded-t-16 {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
  }

  .lg-rounded-b-8 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg-rounded-b-12 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg-rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg-rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg-rounded-l-12 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg-rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg-rounded-r-8 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .lg-rounded-r-12 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .lg-rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .lg-rounded-none {
    border-radius: 0;
  }

  .lg-rounded-sm {
    border-radius: 0.125rem;
  }

  .lg-rounded {
    border-radius: 0.25rem;
  }

  .lg-rounded-lg {
    border-radius: 0.5rem;
  }

  .lg-rounded-full {
    border-radius: 9999px;
  }

  .lg-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .lg-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .lg-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg-rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .lg-rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .lg-rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg-rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg-rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .lg-rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .lg-rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg-rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .lg-rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .lg-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .lg-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .lg-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg-rounded-tl-8 {
    border-top-left-radius: 0.5rem;
  }

  .lg-rounded-tl-12 {
    border-top-left-radius: 0.75rem;
  }

  .lg-rounded-tl-16 {
    border-top-left-radius: 1rem;
  }

  .lg-rounded-tr-8 {
    border-top-right-radius: 0.5rem;
  }

  .lg-rounded-tr-12 {
    border-top-right-radius: 0.75rem;
  }

  .lg-rounded-tr-16 {
    border-top-right-radius: 1rem;
  }

  .lg-rounded-bl-8 {
    border-bottom-left-radius: 0.5rem;
  }

  .lg-rounded-bl-12 {
    border-bottom-left-radius: 0.75rem;
  }

  .lg-rounded-bl-16 {
    border-bottom-left-radius: 1rem;
  }

  .lg-rounded-br-8 {
    border-bottom-right-radius: 0.5rem;
  }

  .lg-rounded-br-12 {
    border-bottom-right-radius: 0.75rem;
  }

  .lg-rounded-br-16 {
    border-bottom-right-radius: 1rem;
  }

  .lg-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .lg-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .lg-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .lg-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .lg-rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .lg-rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .lg-rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .lg-rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .lg-rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .lg-rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .lg-rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .lg-rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .lg-rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .lg-rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .lg-rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .lg-rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .lg-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .lg-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .lg-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .lg-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }
}
@media (min-width: 1024px) {
  .xl-rounded-8 {
    border-radius: 0.5rem;
  }

  .xl-rounded-12 {
    border-radius: 0.75rem;
  }

  .xl-rounded-16 {
    border-radius: 1rem;
  }

  .xl-rounded-t-8 {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
  }

  .xl-rounded-t-12 {
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
  }

  .xl-rounded-t-16 {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
  }

  .xl-rounded-b-8 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl-rounded-b-12 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl-rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl-rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl-rounded-l-12 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl-rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl-rounded-r-8 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xl-rounded-r-12 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .xl-rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .xl-rounded-none {
    border-radius: 0;
  }

  .xl-rounded-sm {
    border-radius: 0.125rem;
  }

  .xl-rounded {
    border-radius: 0.25rem;
  }

  .xl-rounded-lg {
    border-radius: 0.5rem;
  }

  .xl-rounded-full {
    border-radius: 9999px;
  }

  .xl-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xl-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xl-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl-rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .xl-rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .xl-rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl-rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl-rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .xl-rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .xl-rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl-rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .xl-rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xl-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xl-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xl-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl-rounded-tl-8 {
    border-top-left-radius: 0.5rem;
  }

  .xl-rounded-tl-12 {
    border-top-left-radius: 0.75rem;
  }

  .xl-rounded-tl-16 {
    border-top-left-radius: 1rem;
  }

  .xl-rounded-tr-8 {
    border-top-right-radius: 0.5rem;
  }

  .xl-rounded-tr-12 {
    border-top-right-radius: 0.75rem;
  }

  .xl-rounded-tr-16 {
    border-top-right-radius: 1rem;
  }

  .xl-rounded-bl-8 {
    border-bottom-left-radius: 0.5rem;
  }

  .xl-rounded-bl-12 {
    border-bottom-left-radius: 0.75rem;
  }

  .xl-rounded-bl-16 {
    border-bottom-left-radius: 1rem;
  }

  .xl-rounded-br-8 {
    border-bottom-right-radius: 0.5rem;
  }

  .xl-rounded-br-12 {
    border-bottom-right-radius: 0.75rem;
  }

  .xl-rounded-br-16 {
    border-bottom-right-radius: 1rem;
  }

  .xl-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .xl-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .xl-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .xl-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .xl-rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .xl-rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .xl-rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .xl-rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .xl-rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .xl-rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .xl-rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .xl-rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .xl-rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .xl-rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .xl-rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .xl-rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .xl-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xl-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xl-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xl-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }
}
/*
  Flex Direction
 */
.flex-row {
  flex-direction: row;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-row {
    flex-direction: row !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-row {
    flex-direction: row !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-row {
    flex-direction: row !important;
  }
}
@media (min-width: 1024px) {
  .xl-flex-row {
    flex-direction: row !important;
  }
}
.flex-row-reverse {
  flex-direction: row-reverse;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 1024px) {
  .xl-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
.flex-col {
  flex-direction: column;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-col {
    flex-direction: column !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-col {
    flex-direction: column !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-col {
    flex-direction: column !important;
  }
}
@media (min-width: 1024px) {
  .xl-flex-col {
    flex-direction: column !important;
  }
}
.flex-col-reverse {
  flex-direction: column-reverse;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1024px) {
  .xl-flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
/*
  Flex Wrap
 */
.flex-wrap {
  flex-wrap: wrap;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .xl-flex-wrap {
    flex-wrap: wrap;
  }
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1024px) {
  .xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
.flex-no-wrap {
  flex-wrap: nowrap;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1024px) {
  .xl-flex-no-wrap {
    flex-wrap: nowrap;
  }
}
/*
  Align Items
 */
.items-start {
  align-items: flex-start;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-items-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-items-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-items-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 1024px) {
  .xl-items-start {
    align-items: flex-start !important;
  }
}
.items-end {
  align-items: flex-end;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-items-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-items-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-items-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1024px) {
  .xl-items-end {
    align-items: flex-end !important;
  }
}
.items-center {
  align-items: center;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-items-center {
    align-items: center !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-items-center {
    align-items: center !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-items-center {
    align-items: center !important;
  }
}
@media (min-width: 1024px) {
  .xl-items-center {
    align-items: center !important;
  }
}
.items-baseline {
  align-items: baseline;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-items-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-items-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-items-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1024px) {
  .xl-items-baseline {
    align-items: baseline !important;
  }
}
.items-stretch {
  align-items: stretch;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-items-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-items-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-items-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 1024px) {
  .xl-items-stretch {
    align-items: stretch !important;
  }
}
/*
  Align Content
 */
.content-center {
  align-content: center !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-content-center {
    align-content: center !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-content-center {
    align-content: center !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-content-center {
    align-content: center !important;
  }
}
@media (min-width: 1024px) {
  .xl-content-center {
    align-content: center !important;
  }
}
.content-start {
  align-content: flex-start !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-content-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-content-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-content-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 1024px) {
  .xl-content-start {
    align-content: flex-start !important;
  }
}
.content-end {
  align-content: flex-end !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-content-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-content-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-content-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 1024px) {
  .xl-content-end {
    align-content: flex-end !important;
  }
}
.content-between {
  align-content: space-between !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-content-between {
    align-content: space-between !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-content-between {
    align-content: space-between !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-content-between {
    align-content: space-between !important;
  }
}
@media (min-width: 1024px) {
  .xl-content-between {
    align-content: space-between !important;
  }
}
.content-around {
  align-content: space-around !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-content-around {
    align-content: space-around !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-content-around {
    align-content: space-around !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-content-around {
    align-content: space-around !important;
  }
}
@media (min-width: 1024px) {
  .xl-content-around {
    align-content: space-around !important;
  }
}
/*
  Align Self
 */
.self-auto {
  align-self: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-self-auto {
    align-self: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-self-auto {
    align-self: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-self-auto {
    align-self: auto;
  }
}
@media (min-width: 1024px) {
  .xl-self-auto {
    align-self: auto;
  }
}
.self-start {
  align-self: flex-start;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1024px) {
  .xl-self-start {
    align-self: flex-start;
  }
}
.self-end {
  align-self: flex-end;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1024px) {
  .xl-self-end {
    align-self: flex-end;
  }
}
.self-center {
  align-self: center;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-self-center {
    align-self: center;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-self-center {
    align-self: center;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-self-center {
    align-self: center;
  }
}
@media (min-width: 1024px) {
  .xl-self-center {
    align-self: center;
  }
}
.self-stretch {
  align-self: stretch;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .xl-self-stretch {
    align-self: stretch;
  }
}
/*
  Justify Content
 */
.justify-start {
  justify-content: flex-start;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-justify-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-justify-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-justify-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 1024px) {
  .xl-justify-start {
    justify-content: flex-start !important;
  }
}
.justify-end {
  justify-content: flex-end;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-justify-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-justify-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-justify-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 1024px) {
  .xl-justify-end {
    justify-content: flex-end !important;
  }
}
.justify-center {
  justify-content: center;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-justify-center {
    justify-content: center !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-justify-center {
    justify-content: center !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-justify-center {
    justify-content: center !important;
  }
}
@media (min-width: 1024px) {
  .xl-justify-center {
    justify-content: center !important;
  }
}
.justify-between {
  justify-content: space-between;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-justify-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-justify-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-justify-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 1024px) {
  .xl-justify-between {
    justify-content: space-between !important;
  }
}
.justify-around {
  justify-content: space-around;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-justify-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-justify-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-justify-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 1024px) {
  .xl-justify-around {
    justify-content: space-around !important;
  }
}
/*
  Flex
 */
.flex-initial {
  flex: 0 1 auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-initial {
    flex: 0 1 auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-initial {
    flex: 0 1 auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-initial {
    flex: 0 1 auto;
  }
}
@media (min-width: 1024px) {
  .xl-flex-initial {
    flex: 0 1 auto;
  }
}
.flex-auto {
  flex: 1 1 auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-auto {
    flex: 1 1 auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-auto {
    flex: 1 1 auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-auto {
    flex: 1 1 auto;
  }
}
@media (min-width: 1024px) {
  .xl-flex-auto {
    flex: 1 1 auto;
  }
}
.flex-1 {
  flex: 1 1 0%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-1 {
    flex: 1 1 0%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-1 {
    flex: 1 1 0%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-1 {
    flex: 1 1 0%;
  }
}
@media (min-width: 1024px) {
  .xl-flex-1 {
    flex: 1 1 0%;
  }
}
.flex-none {
  flex: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-none {
    flex: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-none {
    flex: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-none {
    flex: none;
  }
}
@media (min-width: 1024px) {
  .xl-flex-none {
    flex: none;
  }
}
/*
  Flex Grow
 */
.flex-grow {
  flex-grow: 1;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  .xl-flex-grow {
    flex-grow: 1;
  }
}
.flex-grow-0 {
  flex-grow: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-grow-0 {
    flex-grow: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-grow-0 {
    flex-grow: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-grow-0 {
    flex-grow: 0;
  }
}
@media (min-width: 1024px) {
  .xl-flex-grow-0 {
    flex-grow: 0;
  }
}
/*
  Flex Shrink
 */
.flex-shrink {
  flex-shrink: 1;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 1024px) {
  .xl-flex-shrink {
    flex-shrink: 1;
  }
}
.flex-shrink-0 {
  flex-shrink: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-flex-shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-flex-shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-flex-shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) {
  .xl-flex-shrink-0 {
    flex-shrink: 0;
  }
}
/*
  Order
 */
.order-first {
  order: -9999;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-first {
    order: -9999;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-first {
    order: -9999;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-first {
    order: -9999;
  }
}
@media (min-width: 1024px) {
  .xl-order-first {
    order: -9999;
  }
}
.order-last {
  order: 9999;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-last {
    order: 9999;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-last {
    order: 9999;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-last {
    order: 9999;
  }
}
@media (min-width: 1024px) {
  .xl-order-last {
    order: 9999;
  }
}
.order-none {
  order: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-none {
    order: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-none {
    order: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-none {
    order: 0;
  }
}
@media (min-width: 1024px) {
  .xl-order-none {
    order: 0;
  }
}
.order-1 {
  order: 1;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-1 {
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-1 {
    order: 1;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-1 {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .xl-order-1 {
    order: 1;
  }
}
.order-2 {
  order: 2;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-2 {
    order: 2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-2 {
    order: 2;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-2 {
    order: 2;
  }
}
@media (min-width: 1024px) {
  .xl-order-2 {
    order: 2;
  }
}
.order-3 {
  order: 3;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-3 {
    order: 3;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-3 {
    order: 3;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-3 {
    order: 3;
  }
}
@media (min-width: 1024px) {
  .xl-order-3 {
    order: 3;
  }
}
.order-4 {
  order: 4;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-4 {
    order: 4;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-4 {
    order: 4;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-4 {
    order: 4;
  }
}
@media (min-width: 1024px) {
  .xl-order-4 {
    order: 4;
  }
}
.order-5 {
  order: 5;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-5 {
    order: 5;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-5 {
    order: 5;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-5 {
    order: 5;
  }
}
@media (min-width: 1024px) {
  .xl-order-5 {
    order: 5;
  }
}
.order-6 {
  order: 6;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-6 {
    order: 6;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-6 {
    order: 6;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-6 {
    order: 6;
  }
}
@media (min-width: 1024px) {
  .xl-order-6 {
    order: 6;
  }
}
.order-7 {
  order: 7;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-7 {
    order: 7;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-7 {
    order: 7;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-7 {
    order: 7;
  }
}
@media (min-width: 1024px) {
  .xl-order-7 {
    order: 7;
  }
}
.order-8 {
  order: 8;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-8 {
    order: 8;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-8 {
    order: 8;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-8 {
    order: 8;
  }
}
@media (min-width: 1024px) {
  .xl-order-8 {
    order: 8;
  }
}
.order-9 {
  order: 9;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-9 {
    order: 9;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-9 {
    order: 9;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-9 {
    order: 9;
  }
}
@media (min-width: 1024px) {
  .xl-order-9 {
    order: 9;
  }
}
.order-10 {
  order: 10;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-10 {
    order: 10;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-10 {
    order: 10;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-10 {
    order: 10;
  }
}
@media (min-width: 1024px) {
  .xl-order-10 {
    order: 10;
  }
}
.order-11 {
  order: 11;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-11 {
    order: 11;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-11 {
    order: 11;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-11 {
    order: 11;
  }
}
@media (min-width: 1024px) {
  .xl-order-11 {
    order: 11;
  }
}
.order-12 {
  order: 12;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-order-12 {
    order: 12;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-order-12 {
    order: 12;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-order-12 {
    order: 12;
  }
}
@media (min-width: 1024px) {
  .xl-order-12 {
    order: 12;
  }
}
/*
  Padding
 */
.p-0 {
  padding: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-0 {
  padding-right: 0;
  padding-left: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-0 {
    padding: 0 !important;
  }

  .sm-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .sm-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .sm-pt-0 {
    padding-top: 0 !important;
  }

  .sm-pr-0 {
    padding-right: 0 !important;
  }

  .sm-pb-0 {
    padding-bottom: 0 !important;
  }

  .sm-pl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-0 {
    padding: 0 !important;
  }

  .md-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .md-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .md-pt-0 {
    padding-top: 0 !important;
  }

  .md-pr-0 {
    padding-right: 0 !important;
  }

  .md-pb-0 {
    padding-bottom: 0 !important;
  }

  .md-pl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-0 {
    padding: 0 !important;
  }

  .lg-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .lg-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .lg-pt-0 {
    padding-top: 0 !important;
  }

  .lg-pr-0 {
    padding-right: 0 !important;
  }

  .lg-pb-0 {
    padding-bottom: 0 !important;
  }

  .lg-pl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-0 {
    padding: 0 !important;
  }

  .xl-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xl-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .xl-pt-0 {
    padding-top: 0 !important;
  }

  .xl-pr-0 {
    padding-right: 0 !important;
  }

  .xl-pb-0 {
    padding-bottom: 0 !important;
  }

  .xl-pl-0 {
    padding-left: 0 !important;
  }
}
.p-px {
  padding: 1px;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-px {
  padding-right: 1px;
  padding-left: 1px;
}

.pt-px {
  padding-top: 1px;
}

.pr-px {
  padding-right: 1px;
}

.pb-px {
  padding-bottom: 1px;
}

.pl-px {
  padding-left: 1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-px {
    padding: 1px !important;
  }

  .sm-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .sm-px-px {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }

  .sm-pt-px {
    padding-top: 1px !important;
  }

  .sm-pr-px {
    padding-right: 1px !important;
  }

  .sm-pb-px {
    padding-bottom: 1px !important;
  }

  .sm-pl-px {
    padding-left: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-px {
    padding: 1px !important;
  }

  .md-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .md-px-px {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }

  .md-pt-px {
    padding-top: 1px !important;
  }

  .md-pr-px {
    padding-right: 1px !important;
  }

  .md-pb-px {
    padding-bottom: 1px !important;
  }

  .md-pl-px {
    padding-left: 1px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-px {
    padding: 1px !important;
  }

  .lg-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .lg-px-px {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }

  .lg-pt-px {
    padding-top: 1px !important;
  }

  .lg-pr-px {
    padding-right: 1px !important;
  }

  .lg-pb-px {
    padding-bottom: 1px !important;
  }

  .lg-pl-px {
    padding-left: 1px !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-px {
    padding: 1px !important;
  }

  .xl-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .xl-px-px {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }

  .xl-pt-px {
    padding-top: 1px !important;
  }

  .xl-pr-px {
    padding-right: 1px !important;
  }

  .xl-pb-px {
    padding-bottom: 1px !important;
  }

  .xl-pl-px {
    padding-left: 1px !important;
  }
}
.p-2px {
  padding: 2px;
}

.py-2px {
  padding-top: 2px;
  padding-bottom: 2px;
}

.px-2px {
  padding-right: 2px;
  padding-left: 2px;
}

.pt-2px {
  padding-top: 2px;
}

.pr-2px {
  padding-right: 2px;
}

.pb-2px {
  padding-bottom: 2px;
}

.pl-2px {
  padding-left: 2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-2px {
    padding: 2px !important;
  }

  .sm-py-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .sm-px-2px {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  .sm-pt-2px {
    padding-top: 2px !important;
  }

  .sm-pr-2px {
    padding-right: 2px !important;
  }

  .sm-pb-2px {
    padding-bottom: 2px !important;
  }

  .sm-pl-2px {
    padding-left: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-2px {
    padding: 2px !important;
  }

  .md-py-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .md-px-2px {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  .md-pt-2px {
    padding-top: 2px !important;
  }

  .md-pr-2px {
    padding-right: 2px !important;
  }

  .md-pb-2px {
    padding-bottom: 2px !important;
  }

  .md-pl-2px {
    padding-left: 2px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-2px {
    padding: 2px !important;
  }

  .lg-py-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .lg-px-2px {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  .lg-pt-2px {
    padding-top: 2px !important;
  }

  .lg-pr-2px {
    padding-right: 2px !important;
  }

  .lg-pb-2px {
    padding-bottom: 2px !important;
  }

  .lg-pl-2px {
    padding-left: 2px !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-2px {
    padding: 2px !important;
  }

  .xl-py-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .xl-px-2px {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  .xl-pt-2px {
    padding-top: 2px !important;
  }

  .xl-pr-2px {
    padding-right: 2px !important;
  }

  .xl-pb-2px {
    padding-bottom: 2px !important;
  }

  .xl-pl-2px {
    padding-left: 2px !important;
  }
}
.p-3px {
  padding: 3px;
}

.py-3px {
  padding-top: 3px;
  padding-bottom: 3px;
}

.px-3px {
  padding-right: 3px;
  padding-left: 3px;
}

.pt-3px {
  padding-top: 3px;
}

.pr-3px {
  padding-right: 3px;
}

.pb-3px {
  padding-bottom: 3px;
}

.pl-3px {
  padding-left: 3px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-3px {
    padding: 3px !important;
  }

  .sm-py-3px {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .sm-px-3px {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  .sm-pt-3px {
    padding-top: 3px !important;
  }

  .sm-pr-3px {
    padding-right: 3px !important;
  }

  .sm-pb-3px {
    padding-bottom: 3px !important;
  }

  .sm-pl-3px {
    padding-left: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-3px {
    padding: 3px !important;
  }

  .md-py-3px {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .md-px-3px {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  .md-pt-3px {
    padding-top: 3px !important;
  }

  .md-pr-3px {
    padding-right: 3px !important;
  }

  .md-pb-3px {
    padding-bottom: 3px !important;
  }

  .md-pl-3px {
    padding-left: 3px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-3px {
    padding: 3px !important;
  }

  .lg-py-3px {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .lg-px-3px {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  .lg-pt-3px {
    padding-top: 3px !important;
  }

  .lg-pr-3px {
    padding-right: 3px !important;
  }

  .lg-pb-3px {
    padding-bottom: 3px !important;
  }

  .lg-pl-3px {
    padding-left: 3px !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-3px {
    padding: 3px !important;
  }

  .xl-py-3px {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .xl-px-3px {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  .xl-pt-3px {
    padding-top: 3px !important;
  }

  .xl-pr-3px {
    padding-right: 3px !important;
  }

  .xl-pb-3px {
    padding-bottom: 3px !important;
  }

  .xl-pl-3px {
    padding-left: 3px !important;
  }
}
.p-4px {
  padding: 4px;
}

.py-4px {
  padding-top: 4px;
  padding-bottom: 4px;
}

.px-4px {
  padding-right: 4px;
  padding-left: 4px;
}

.pt-4px {
  padding-top: 4px;
}

.pr-4px {
  padding-right: 4px;
}

.pb-4px {
  padding-bottom: 4px;
}

.pl-4px {
  padding-left: 4px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-4px {
    padding: 4px !important;
  }

  .sm-py-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .sm-px-4px {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .sm-pt-4px {
    padding-top: 4px !important;
  }

  .sm-pr-4px {
    padding-right: 4px !important;
  }

  .sm-pb-4px {
    padding-bottom: 4px !important;
  }

  .sm-pl-4px {
    padding-left: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-4px {
    padding: 4px !important;
  }

  .md-py-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .md-px-4px {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .md-pt-4px {
    padding-top: 4px !important;
  }

  .md-pr-4px {
    padding-right: 4px !important;
  }

  .md-pb-4px {
    padding-bottom: 4px !important;
  }

  .md-pl-4px {
    padding-left: 4px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-4px {
    padding: 4px !important;
  }

  .lg-py-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .lg-px-4px {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .lg-pt-4px {
    padding-top: 4px !important;
  }

  .lg-pr-4px {
    padding-right: 4px !important;
  }

  .lg-pb-4px {
    padding-bottom: 4px !important;
  }

  .lg-pl-4px {
    padding-left: 4px !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-4px {
    padding: 4px !important;
  }

  .xl-py-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .xl-px-4px {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .xl-pt-4px {
    padding-top: 4px !important;
  }

  .xl-pr-4px {
    padding-right: 4px !important;
  }

  .xl-pb-4px {
    padding-bottom: 4px !important;
  }

  .xl-pl-4px {
    padding-left: 4px !important;
  }
}
.p-5px {
  padding: 5px;
}

.py-5px {
  padding-top: 5px;
  padding-bottom: 5px;
}

.px-5px {
  padding-right: 5px;
  padding-left: 5px;
}

.pt-5px {
  padding-top: 5px;
}

.pr-5px {
  padding-right: 5px;
}

.pb-5px {
  padding-bottom: 5px;
}

.pl-5px {
  padding-left: 5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-5px {
    padding: 5px !important;
  }

  .sm-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .sm-px-5px {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .sm-pt-5px {
    padding-top: 5px !important;
  }

  .sm-pr-5px {
    padding-right: 5px !important;
  }

  .sm-pb-5px {
    padding-bottom: 5px !important;
  }

  .sm-pl-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-5px {
    padding: 5px !important;
  }

  .md-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .md-px-5px {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .md-pt-5px {
    padding-top: 5px !important;
  }

  .md-pr-5px {
    padding-right: 5px !important;
  }

  .md-pb-5px {
    padding-bottom: 5px !important;
  }

  .md-pl-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-5px {
    padding: 5px !important;
  }

  .lg-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .lg-px-5px {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .lg-pt-5px {
    padding-top: 5px !important;
  }

  .lg-pr-5px {
    padding-right: 5px !important;
  }

  .lg-pb-5px {
    padding-bottom: 5px !important;
  }

  .lg-pl-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-5px {
    padding: 5px !important;
  }

  .xl-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .xl-px-5px {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .xl-pt-5px {
    padding-top: 5px !important;
  }

  .xl-pr-5px {
    padding-right: 5px !important;
  }

  .xl-pb-5px {
    padding-bottom: 5px !important;
  }

  .xl-pl-5px {
    padding-left: 5px !important;
  }
}
.p-6px {
  padding: 6px;
}

.py-6px {
  padding-top: 6px;
  padding-bottom: 6px;
}

.px-6px {
  padding-right: 6px;
  padding-left: 6px;
}

.pt-6px {
  padding-top: 6px;
}

.pr-6px {
  padding-right: 6px;
}

.pb-6px {
  padding-bottom: 6px;
}

.pl-6px {
  padding-left: 6px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-6px {
    padding: 6px !important;
  }

  .sm-py-6px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .sm-px-6px {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .sm-pt-6px {
    padding-top: 6px !important;
  }

  .sm-pr-6px {
    padding-right: 6px !important;
  }

  .sm-pb-6px {
    padding-bottom: 6px !important;
  }

  .sm-pl-6px {
    padding-left: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-6px {
    padding: 6px !important;
  }

  .md-py-6px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .md-px-6px {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .md-pt-6px {
    padding-top: 6px !important;
  }

  .md-pr-6px {
    padding-right: 6px !important;
  }

  .md-pb-6px {
    padding-bottom: 6px !important;
  }

  .md-pl-6px {
    padding-left: 6px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-6px {
    padding: 6px !important;
  }

  .lg-py-6px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .lg-px-6px {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .lg-pt-6px {
    padding-top: 6px !important;
  }

  .lg-pr-6px {
    padding-right: 6px !important;
  }

  .lg-pb-6px {
    padding-bottom: 6px !important;
  }

  .lg-pl-6px {
    padding-left: 6px !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-6px {
    padding: 6px !important;
  }

  .xl-py-6px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .xl-px-6px {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .xl-pt-6px {
    padding-top: 6px !important;
  }

  .xl-pr-6px {
    padding-right: 6px !important;
  }

  .xl-pb-6px {
    padding-bottom: 6px !important;
  }

  .xl-pl-6px {
    padding-left: 6px !important;
  }
}
.p-7px {
  padding: 7px;
}

.py-7px {
  padding-top: 7px;
  padding-bottom: 7px;
}

.px-7px {
  padding-right: 7px;
  padding-left: 7px;
}

.pt-7px {
  padding-top: 7px;
}

.pr-7px {
  padding-right: 7px;
}

.pb-7px {
  padding-bottom: 7px;
}

.pl-7px {
  padding-left: 7px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-7px {
    padding: 7px !important;
  }

  .sm-py-7px {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .sm-px-7px {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .sm-pt-7px {
    padding-top: 7px !important;
  }

  .sm-pr-7px {
    padding-right: 7px !important;
  }

  .sm-pb-7px {
    padding-bottom: 7px !important;
  }

  .sm-pl-7px {
    padding-left: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-7px {
    padding: 7px !important;
  }

  .md-py-7px {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .md-px-7px {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .md-pt-7px {
    padding-top: 7px !important;
  }

  .md-pr-7px {
    padding-right: 7px !important;
  }

  .md-pb-7px {
    padding-bottom: 7px !important;
  }

  .md-pl-7px {
    padding-left: 7px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-7px {
    padding: 7px !important;
  }

  .lg-py-7px {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .lg-px-7px {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .lg-pt-7px {
    padding-top: 7px !important;
  }

  .lg-pr-7px {
    padding-right: 7px !important;
  }

  .lg-pb-7px {
    padding-bottom: 7px !important;
  }

  .lg-pl-7px {
    padding-left: 7px !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-7px {
    padding: 7px !important;
  }

  .xl-py-7px {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .xl-px-7px {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .xl-pt-7px {
    padding-top: 7px !important;
  }

  .xl-pr-7px {
    padding-right: 7px !important;
  }

  .xl-pb-7px {
    padding-bottom: 7px !important;
  }

  .xl-pl-7px {
    padding-left: 7px !important;
  }
}
.p-4 {
  padding: 0.25rem;
}

.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-4 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.pt-4 {
  padding-top: 0.25rem;
}

.pr-4 {
  padding-right: 0.25rem;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.pl-4 {
  padding-left: 0.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-4 {
    padding: 0.25rem !important;
  }

  .sm-py-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .sm-px-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .sm-pt-4 {
    padding-top: 0.25rem !important;
  }

  .sm-pr-4 {
    padding-right: 0.25rem !important;
  }

  .sm-pb-4 {
    padding-bottom: 0.25rem !important;
  }

  .sm-pl-4 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-4 {
    padding: 0.25rem !important;
  }

  .md-py-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .md-px-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .md-pt-4 {
    padding-top: 0.25rem !important;
  }

  .md-pr-4 {
    padding-right: 0.25rem !important;
  }

  .md-pb-4 {
    padding-bottom: 0.25rem !important;
  }

  .md-pl-4 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-4 {
    padding: 0.25rem !important;
  }

  .lg-py-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .lg-px-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .lg-pt-4 {
    padding-top: 0.25rem !important;
  }

  .lg-pr-4 {
    padding-right: 0.25rem !important;
  }

  .lg-pb-4 {
    padding-bottom: 0.25rem !important;
  }

  .lg-pl-4 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-4 {
    padding: 0.25rem !important;
  }

  .xl-py-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .xl-px-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .xl-pt-4 {
    padding-top: 0.25rem !important;
  }

  .xl-pr-4 {
    padding-right: 0.25rem !important;
  }

  .xl-pb-4 {
    padding-bottom: 0.25rem !important;
  }

  .xl-pl-4 {
    padding-left: 0.25rem !important;
  }
}
.p-8 {
  padding: 0.5rem;
}

.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-8 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pr-8 {
  padding-right: 0.5rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.pl-8 {
  padding-left: 0.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-8 {
    padding: 0.5rem !important;
  }

  .sm-py-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .sm-px-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .sm-pt-8 {
    padding-top: 0.5rem !important;
  }

  .sm-pr-8 {
    padding-right: 0.5rem !important;
  }

  .sm-pb-8 {
    padding-bottom: 0.5rem !important;
  }

  .sm-pl-8 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-8 {
    padding: 0.5rem !important;
  }

  .md-py-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .md-px-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .md-pt-8 {
    padding-top: 0.5rem !important;
  }

  .md-pr-8 {
    padding-right: 0.5rem !important;
  }

  .md-pb-8 {
    padding-bottom: 0.5rem !important;
  }

  .md-pl-8 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-8 {
    padding: 0.5rem !important;
  }

  .lg-py-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .lg-px-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .lg-pt-8 {
    padding-top: 0.5rem !important;
  }

  .lg-pr-8 {
    padding-right: 0.5rem !important;
  }

  .lg-pb-8 {
    padding-bottom: 0.5rem !important;
  }

  .lg-pl-8 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-8 {
    padding: 0.5rem !important;
  }

  .xl-py-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .xl-px-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .xl-pt-8 {
    padding-top: 0.5rem !important;
  }

  .xl-pr-8 {
    padding-right: 0.5rem !important;
  }

  .xl-pb-8 {
    padding-bottom: 0.5rem !important;
  }

  .xl-pl-8 {
    padding-left: 0.5rem !important;
  }
}
.p-12 {
  padding: 0.75rem;
}

.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-12 {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pr-12 {
  padding-right: 0.75rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.pl-12 {
  padding-left: 0.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-12 {
    padding: 0.75rem !important;
  }

  .sm-py-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .sm-px-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }

  .sm-pt-12 {
    padding-top: 0.75rem !important;
  }

  .sm-pr-12 {
    padding-right: 0.75rem !important;
  }

  .sm-pb-12 {
    padding-bottom: 0.75rem !important;
  }

  .sm-pl-12 {
    padding-left: 0.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-12 {
    padding: 0.75rem !important;
  }

  .md-py-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .md-px-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }

  .md-pt-12 {
    padding-top: 0.75rem !important;
  }

  .md-pr-12 {
    padding-right: 0.75rem !important;
  }

  .md-pb-12 {
    padding-bottom: 0.75rem !important;
  }

  .md-pl-12 {
    padding-left: 0.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-12 {
    padding: 0.75rem !important;
  }

  .lg-py-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .lg-px-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }

  .lg-pt-12 {
    padding-top: 0.75rem !important;
  }

  .lg-pr-12 {
    padding-right: 0.75rem !important;
  }

  .lg-pb-12 {
    padding-bottom: 0.75rem !important;
  }

  .lg-pl-12 {
    padding-left: 0.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-12 {
    padding: 0.75rem !important;
  }

  .xl-py-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .xl-px-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }

  .xl-pt-12 {
    padding-top: 0.75rem !important;
  }

  .xl-pr-12 {
    padding-right: 0.75rem !important;
  }

  .xl-pb-12 {
    padding-bottom: 0.75rem !important;
  }

  .xl-pl-12 {
    padding-left: 0.75rem !important;
  }
}
.p-16 {
  padding: 1rem;
}

.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-16 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.pt-16 {
  padding-top: 1rem;
}

.pr-16 {
  padding-right: 1rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pl-16 {
  padding-left: 1rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-16 {
    padding: 1rem !important;
  }

  .sm-py-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .sm-px-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .sm-pt-16 {
    padding-top: 1rem !important;
  }

  .sm-pr-16 {
    padding-right: 1rem !important;
  }

  .sm-pb-16 {
    padding-bottom: 1rem !important;
  }

  .sm-pl-16 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-16 {
    padding: 1rem !important;
  }

  .md-py-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .md-px-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .md-pt-16 {
    padding-top: 1rem !important;
  }

  .md-pr-16 {
    padding-right: 1rem !important;
  }

  .md-pb-16 {
    padding-bottom: 1rem !important;
  }

  .md-pl-16 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-16 {
    padding: 1rem !important;
  }

  .lg-py-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .lg-px-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .lg-pt-16 {
    padding-top: 1rem !important;
  }

  .lg-pr-16 {
    padding-right: 1rem !important;
  }

  .lg-pb-16 {
    padding-bottom: 1rem !important;
  }

  .lg-pl-16 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-16 {
    padding: 1rem !important;
  }

  .xl-py-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xl-px-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .xl-pt-16 {
    padding-top: 1rem !important;
  }

  .xl-pr-16 {
    padding-right: 1rem !important;
  }

  .xl-pb-16 {
    padding-bottom: 1rem !important;
  }

  .xl-pl-16 {
    padding-left: 1rem !important;
  }
}
.p-20 {
  padding: 1.25rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-20 {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-20 {
    padding: 1.25rem !important;
  }

  .sm-py-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .sm-px-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }

  .sm-pt-20 {
    padding-top: 1.25rem !important;
  }

  .sm-pr-20 {
    padding-right: 1.25rem !important;
  }

  .sm-pb-20 {
    padding-bottom: 1.25rem !important;
  }

  .sm-pl-20 {
    padding-left: 1.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-20 {
    padding: 1.25rem !important;
  }

  .md-py-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .md-px-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }

  .md-pt-20 {
    padding-top: 1.25rem !important;
  }

  .md-pr-20 {
    padding-right: 1.25rem !important;
  }

  .md-pb-20 {
    padding-bottom: 1.25rem !important;
  }

  .md-pl-20 {
    padding-left: 1.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-20 {
    padding: 1.25rem !important;
  }

  .lg-py-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .lg-px-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }

  .lg-pt-20 {
    padding-top: 1.25rem !important;
  }

  .lg-pr-20 {
    padding-right: 1.25rem !important;
  }

  .lg-pb-20 {
    padding-bottom: 1.25rem !important;
  }

  .lg-pl-20 {
    padding-left: 1.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-20 {
    padding: 1.25rem !important;
  }

  .xl-py-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .xl-px-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }

  .xl-pt-20 {
    padding-top: 1.25rem !important;
  }

  .xl-pr-20 {
    padding-right: 1.25rem !important;
  }

  .xl-pb-20 {
    padding-bottom: 1.25rem !important;
  }

  .xl-pl-20 {
    padding-left: 1.25rem !important;
  }
}
.p-24 {
  padding: 1.5rem;
}

.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-24 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.pt-24 {
  padding-top: 1.5rem;
}

.pr-24 {
  padding-right: 1.5rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.pl-24 {
  padding-left: 1.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-24 {
    padding: 1.5rem !important;
  }

  .sm-py-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .sm-px-24 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .sm-pt-24 {
    padding-top: 1.5rem !important;
  }

  .sm-pr-24 {
    padding-right: 1.5rem !important;
  }

  .sm-pb-24 {
    padding-bottom: 1.5rem !important;
  }

  .sm-pl-24 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-24 {
    padding: 1.5rem !important;
  }

  .md-py-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .md-px-24 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .md-pt-24 {
    padding-top: 1.5rem !important;
  }

  .md-pr-24 {
    padding-right: 1.5rem !important;
  }

  .md-pb-24 {
    padding-bottom: 1.5rem !important;
  }

  .md-pl-24 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-24 {
    padding: 1.5rem !important;
  }

  .lg-py-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .lg-px-24 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .lg-pt-24 {
    padding-top: 1.5rem !important;
  }

  .lg-pr-24 {
    padding-right: 1.5rem !important;
  }

  .lg-pb-24 {
    padding-bottom: 1.5rem !important;
  }

  .lg-pl-24 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-24 {
    padding: 1.5rem !important;
  }

  .xl-py-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .xl-px-24 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .xl-pt-24 {
    padding-top: 1.5rem !important;
  }

  .xl-pr-24 {
    padding-right: 1.5rem !important;
  }

  .xl-pb-24 {
    padding-bottom: 1.5rem !important;
  }

  .xl-pl-24 {
    padding-left: 1.5rem !important;
  }
}
.p-28 {
  padding: 1.75rem;
}

.py-28 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.px-28 {
  padding-right: 1.75rem;
  padding-left: 1.75rem;
}

.pt-28 {
  padding-top: 1.75rem;
}

.pr-28 {
  padding-right: 1.75rem;
}

.pb-28 {
  padding-bottom: 1.75rem;
}

.pl-28 {
  padding-left: 1.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-28 {
    padding: 1.75rem !important;
  }

  .sm-py-28 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .sm-px-28 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .sm-pt-28 {
    padding-top: 1.75rem !important;
  }

  .sm-pr-28 {
    padding-right: 1.75rem !important;
  }

  .sm-pb-28 {
    padding-bottom: 1.75rem !important;
  }

  .sm-pl-28 {
    padding-left: 1.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-28 {
    padding: 1.75rem !important;
  }

  .md-py-28 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .md-px-28 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .md-pt-28 {
    padding-top: 1.75rem !important;
  }

  .md-pr-28 {
    padding-right: 1.75rem !important;
  }

  .md-pb-28 {
    padding-bottom: 1.75rem !important;
  }

  .md-pl-28 {
    padding-left: 1.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-28 {
    padding: 1.75rem !important;
  }

  .lg-py-28 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .lg-px-28 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .lg-pt-28 {
    padding-top: 1.75rem !important;
  }

  .lg-pr-28 {
    padding-right: 1.75rem !important;
  }

  .lg-pb-28 {
    padding-bottom: 1.75rem !important;
  }

  .lg-pl-28 {
    padding-left: 1.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-28 {
    padding: 1.75rem !important;
  }

  .xl-py-28 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .xl-px-28 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .xl-pt-28 {
    padding-top: 1.75rem !important;
  }

  .xl-pr-28 {
    padding-right: 1.75rem !important;
  }

  .xl-pb-28 {
    padding-bottom: 1.75rem !important;
  }

  .xl-pl-28 {
    padding-left: 1.75rem !important;
  }
}
.p-32 {
  padding: 2rem;
}

.py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-32 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.pt-32 {
  padding-top: 2rem;
}

.pr-32 {
  padding-right: 2rem;
}

.pb-32 {
  padding-bottom: 2rem;
}

.pl-32 {
  padding-left: 2rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-32 {
    padding: 2rem !important;
  }

  .sm-py-32 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .sm-px-32 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .sm-pt-32 {
    padding-top: 2rem !important;
  }

  .sm-pr-32 {
    padding-right: 2rem !important;
  }

  .sm-pb-32 {
    padding-bottom: 2rem !important;
  }

  .sm-pl-32 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-32 {
    padding: 2rem !important;
  }

  .md-py-32 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .md-px-32 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .md-pt-32 {
    padding-top: 2rem !important;
  }

  .md-pr-32 {
    padding-right: 2rem !important;
  }

  .md-pb-32 {
    padding-bottom: 2rem !important;
  }

  .md-pl-32 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-32 {
    padding: 2rem !important;
  }

  .lg-py-32 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .lg-px-32 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .lg-pt-32 {
    padding-top: 2rem !important;
  }

  .lg-pr-32 {
    padding-right: 2rem !important;
  }

  .lg-pb-32 {
    padding-bottom: 2rem !important;
  }

  .lg-pl-32 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-32 {
    padding: 2rem !important;
  }

  .xl-py-32 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xl-px-32 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .xl-pt-32 {
    padding-top: 2rem !important;
  }

  .xl-pr-32 {
    padding-right: 2rem !important;
  }

  .xl-pb-32 {
    padding-bottom: 2rem !important;
  }

  .xl-pl-32 {
    padding-left: 2rem !important;
  }
}
.p-36 {
  padding: 2.25rem;
}

.py-36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.px-36 {
  padding-right: 2.25rem;
  padding-left: 2.25rem;
}

.pt-36 {
  padding-top: 2.25rem;
}

.pr-36 {
  padding-right: 2.25rem;
}

.pb-36 {
  padding-bottom: 2.25rem;
}

.pl-36 {
  padding-left: 2.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-36 {
    padding: 2.25rem !important;
  }

  .sm-py-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .sm-px-36 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }

  .sm-pt-36 {
    padding-top: 2.25rem !important;
  }

  .sm-pr-36 {
    padding-right: 2.25rem !important;
  }

  .sm-pb-36 {
    padding-bottom: 2.25rem !important;
  }

  .sm-pl-36 {
    padding-left: 2.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-36 {
    padding: 2.25rem !important;
  }

  .md-py-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .md-px-36 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }

  .md-pt-36 {
    padding-top: 2.25rem !important;
  }

  .md-pr-36 {
    padding-right: 2.25rem !important;
  }

  .md-pb-36 {
    padding-bottom: 2.25rem !important;
  }

  .md-pl-36 {
    padding-left: 2.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-36 {
    padding: 2.25rem !important;
  }

  .lg-py-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .lg-px-36 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }

  .lg-pt-36 {
    padding-top: 2.25rem !important;
  }

  .lg-pr-36 {
    padding-right: 2.25rem !important;
  }

  .lg-pb-36 {
    padding-bottom: 2.25rem !important;
  }

  .lg-pl-36 {
    padding-left: 2.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-36 {
    padding: 2.25rem !important;
  }

  .xl-py-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .xl-px-36 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }

  .xl-pt-36 {
    padding-top: 2.25rem !important;
  }

  .xl-pr-36 {
    padding-right: 2.25rem !important;
  }

  .xl-pb-36 {
    padding-bottom: 2.25rem !important;
  }

  .xl-pl-36 {
    padding-left: 2.25rem !important;
  }
}
.p-40 {
  padding: 2.5rem;
}

.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-40 {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pr-40 {
  padding-right: 2.5rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-40 {
    padding: 2.5rem !important;
  }

  .sm-py-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .sm-px-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }

  .sm-pt-40 {
    padding-top: 2.5rem !important;
  }

  .sm-pr-40 {
    padding-right: 2.5rem !important;
  }

  .sm-pb-40 {
    padding-bottom: 2.5rem !important;
  }

  .sm-pl-40 {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-40 {
    padding: 2.5rem !important;
  }

  .md-py-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .md-px-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }

  .md-pt-40 {
    padding-top: 2.5rem !important;
  }

  .md-pr-40 {
    padding-right: 2.5rem !important;
  }

  .md-pb-40 {
    padding-bottom: 2.5rem !important;
  }

  .md-pl-40 {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-40 {
    padding: 2.5rem !important;
  }

  .lg-py-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .lg-px-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }

  .lg-pt-40 {
    padding-top: 2.5rem !important;
  }

  .lg-pr-40 {
    padding-right: 2.5rem !important;
  }

  .lg-pb-40 {
    padding-bottom: 2.5rem !important;
  }

  .lg-pl-40 {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-40 {
    padding: 2.5rem !important;
  }

  .xl-py-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .xl-px-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }

  .xl-pt-40 {
    padding-top: 2.5rem !important;
  }

  .xl-pr-40 {
    padding-right: 2.5rem !important;
  }

  .xl-pb-40 {
    padding-bottom: 2.5rem !important;
  }

  .xl-pl-40 {
    padding-left: 2.5rem !important;
  }
}
.p-44 {
  padding: 2.75rem;
}

.py-44 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.px-44 {
  padding-right: 2.75rem;
  padding-left: 2.75rem;
}

.pt-44 {
  padding-top: 2.75rem;
}

.pr-44 {
  padding-right: 2.75rem;
}

.pb-44 {
  padding-bottom: 2.75rem;
}

.pl-44 {
  padding-left: 2.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-44 {
    padding: 2.75rem !important;
  }

  .sm-py-44 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .sm-px-44 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
  }

  .sm-pt-44 {
    padding-top: 2.75rem !important;
  }

  .sm-pr-44 {
    padding-right: 2.75rem !important;
  }

  .sm-pb-44 {
    padding-bottom: 2.75rem !important;
  }

  .sm-pl-44 {
    padding-left: 2.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-44 {
    padding: 2.75rem !important;
  }

  .md-py-44 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .md-px-44 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
  }

  .md-pt-44 {
    padding-top: 2.75rem !important;
  }

  .md-pr-44 {
    padding-right: 2.75rem !important;
  }

  .md-pb-44 {
    padding-bottom: 2.75rem !important;
  }

  .md-pl-44 {
    padding-left: 2.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-44 {
    padding: 2.75rem !important;
  }

  .lg-py-44 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .lg-px-44 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
  }

  .lg-pt-44 {
    padding-top: 2.75rem !important;
  }

  .lg-pr-44 {
    padding-right: 2.75rem !important;
  }

  .lg-pb-44 {
    padding-bottom: 2.75rem !important;
  }

  .lg-pl-44 {
    padding-left: 2.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-44 {
    padding: 2.75rem !important;
  }

  .xl-py-44 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .xl-px-44 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
  }

  .xl-pt-44 {
    padding-top: 2.75rem !important;
  }

  .xl-pr-44 {
    padding-right: 2.75rem !important;
  }

  .xl-pb-44 {
    padding-bottom: 2.75rem !important;
  }

  .xl-pl-44 {
    padding-left: 2.75rem !important;
  }
}
.p-48 {
  padding: 3rem;
}

.py-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-48 {
  padding-right: 3rem;
  padding-left: 3rem;
}

.pt-48 {
  padding-top: 3rem;
}

.pr-48 {
  padding-right: 3rem;
}

.pb-48 {
  padding-bottom: 3rem;
}

.pl-48 {
  padding-left: 3rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-48 {
    padding: 3rem !important;
  }

  .sm-py-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .sm-px-48 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .sm-pt-48 {
    padding-top: 3rem !important;
  }

  .sm-pr-48 {
    padding-right: 3rem !important;
  }

  .sm-pb-48 {
    padding-bottom: 3rem !important;
  }

  .sm-pl-48 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-48 {
    padding: 3rem !important;
  }

  .md-py-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .md-px-48 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .md-pt-48 {
    padding-top: 3rem !important;
  }

  .md-pr-48 {
    padding-right: 3rem !important;
  }

  .md-pb-48 {
    padding-bottom: 3rem !important;
  }

  .md-pl-48 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-48 {
    padding: 3rem !important;
  }

  .lg-py-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .lg-px-48 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .lg-pt-48 {
    padding-top: 3rem !important;
  }

  .lg-pr-48 {
    padding-right: 3rem !important;
  }

  .lg-pb-48 {
    padding-bottom: 3rem !important;
  }

  .lg-pl-48 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-48 {
    padding: 3rem !important;
  }

  .xl-py-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xl-px-48 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .xl-pt-48 {
    padding-top: 3rem !important;
  }

  .xl-pr-48 {
    padding-right: 3rem !important;
  }

  .xl-pb-48 {
    padding-bottom: 3rem !important;
  }

  .xl-pl-48 {
    padding-left: 3rem !important;
  }
}
.p-52 {
  padding: 3.25rem;
}

.py-52 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.px-52 {
  padding-right: 3.25rem;
  padding-left: 3.25rem;
}

.pt-52 {
  padding-top: 3.25rem;
}

.pr-52 {
  padding-right: 3.25rem;
}

.pb-52 {
  padding-bottom: 3.25rem;
}

.pl-52 {
  padding-left: 3.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-52 {
    padding: 3.25rem !important;
  }

  .sm-py-52 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .sm-px-52 {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
  }

  .sm-pt-52 {
    padding-top: 3.25rem !important;
  }

  .sm-pr-52 {
    padding-right: 3.25rem !important;
  }

  .sm-pb-52 {
    padding-bottom: 3.25rem !important;
  }

  .sm-pl-52 {
    padding-left: 3.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-52 {
    padding: 3.25rem !important;
  }

  .md-py-52 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .md-px-52 {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
  }

  .md-pt-52 {
    padding-top: 3.25rem !important;
  }

  .md-pr-52 {
    padding-right: 3.25rem !important;
  }

  .md-pb-52 {
    padding-bottom: 3.25rem !important;
  }

  .md-pl-52 {
    padding-left: 3.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-52 {
    padding: 3.25rem !important;
  }

  .lg-py-52 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .lg-px-52 {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
  }

  .lg-pt-52 {
    padding-top: 3.25rem !important;
  }

  .lg-pr-52 {
    padding-right: 3.25rem !important;
  }

  .lg-pb-52 {
    padding-bottom: 3.25rem !important;
  }

  .lg-pl-52 {
    padding-left: 3.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-52 {
    padding: 3.25rem !important;
  }

  .xl-py-52 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .xl-px-52 {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
  }

  .xl-pt-52 {
    padding-top: 3.25rem !important;
  }

  .xl-pr-52 {
    padding-right: 3.25rem !important;
  }

  .xl-pb-52 {
    padding-bottom: 3.25rem !important;
  }

  .xl-pl-52 {
    padding-left: 3.25rem !important;
  }
}
.p-56 {
  padding: 3.5rem;
}

.py-56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.px-56 {
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}

.pt-56 {
  padding-top: 3.5rem;
}

.pr-56 {
  padding-right: 3.5rem;
}

.pb-56 {
  padding-bottom: 3.5rem;
}

.pl-56 {
  padding-left: 3.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-56 {
    padding: 3.5rem !important;
  }

  .sm-py-56 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .sm-px-56 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }

  .sm-pt-56 {
    padding-top: 3.5rem !important;
  }

  .sm-pr-56 {
    padding-right: 3.5rem !important;
  }

  .sm-pb-56 {
    padding-bottom: 3.5rem !important;
  }

  .sm-pl-56 {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-56 {
    padding: 3.5rem !important;
  }

  .md-py-56 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .md-px-56 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }

  .md-pt-56 {
    padding-top: 3.5rem !important;
  }

  .md-pr-56 {
    padding-right: 3.5rem !important;
  }

  .md-pb-56 {
    padding-bottom: 3.5rem !important;
  }

  .md-pl-56 {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-56 {
    padding: 3.5rem !important;
  }

  .lg-py-56 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .lg-px-56 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }

  .lg-pt-56 {
    padding-top: 3.5rem !important;
  }

  .lg-pr-56 {
    padding-right: 3.5rem !important;
  }

  .lg-pb-56 {
    padding-bottom: 3.5rem !important;
  }

  .lg-pl-56 {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-56 {
    padding: 3.5rem !important;
  }

  .xl-py-56 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .xl-px-56 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }

  .xl-pt-56 {
    padding-top: 3.5rem !important;
  }

  .xl-pr-56 {
    padding-right: 3.5rem !important;
  }

  .xl-pb-56 {
    padding-bottom: 3.5rem !important;
  }

  .xl-pl-56 {
    padding-left: 3.5rem !important;
  }
}
.p-60 {
  padding: 3.75rem;
}

.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.px-60 {
  padding-right: 3.75rem;
  padding-left: 3.75rem;
}

.pt-60 {
  padding-top: 3.75rem;
}

.pr-60 {
  padding-right: 3.75rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.pl-60 {
  padding-left: 3.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-60 {
    padding: 3.75rem !important;
  }

  .sm-py-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  .sm-px-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }

  .sm-pt-60 {
    padding-top: 3.75rem !important;
  }

  .sm-pr-60 {
    padding-right: 3.75rem !important;
  }

  .sm-pb-60 {
    padding-bottom: 3.75rem !important;
  }

  .sm-pl-60 {
    padding-left: 3.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-60 {
    padding: 3.75rem !important;
  }

  .md-py-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  .md-px-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }

  .md-pt-60 {
    padding-top: 3.75rem !important;
  }

  .md-pr-60 {
    padding-right: 3.75rem !important;
  }

  .md-pb-60 {
    padding-bottom: 3.75rem !important;
  }

  .md-pl-60 {
    padding-left: 3.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-60 {
    padding: 3.75rem !important;
  }

  .lg-py-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  .lg-px-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }

  .lg-pt-60 {
    padding-top: 3.75rem !important;
  }

  .lg-pr-60 {
    padding-right: 3.75rem !important;
  }

  .lg-pb-60 {
    padding-bottom: 3.75rem !important;
  }

  .lg-pl-60 {
    padding-left: 3.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-60 {
    padding: 3.75rem !important;
  }

  .xl-py-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  .xl-px-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }

  .xl-pt-60 {
    padding-top: 3.75rem !important;
  }

  .xl-pr-60 {
    padding-right: 3.75rem !important;
  }

  .xl-pb-60 {
    padding-bottom: 3.75rem !important;
  }

  .xl-pl-60 {
    padding-left: 3.75rem !important;
  }
}
.p-64 {
  padding: 4rem;
}

.py-64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-64 {
  padding-right: 4rem;
  padding-left: 4rem;
}

.pt-64 {
  padding-top: 4rem;
}

.pr-64 {
  padding-right: 4rem;
}

.pb-64 {
  padding-bottom: 4rem;
}

.pl-64 {
  padding-left: 4rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-64 {
    padding: 4rem !important;
  }

  .sm-py-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .sm-px-64 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

  .sm-pt-64 {
    padding-top: 4rem !important;
  }

  .sm-pr-64 {
    padding-right: 4rem !important;
  }

  .sm-pb-64 {
    padding-bottom: 4rem !important;
  }

  .sm-pl-64 {
    padding-left: 4rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-64 {
    padding: 4rem !important;
  }

  .md-py-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .md-px-64 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

  .md-pt-64 {
    padding-top: 4rem !important;
  }

  .md-pr-64 {
    padding-right: 4rem !important;
  }

  .md-pb-64 {
    padding-bottom: 4rem !important;
  }

  .md-pl-64 {
    padding-left: 4rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-64 {
    padding: 4rem !important;
  }

  .lg-py-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .lg-px-64 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

  .lg-pt-64 {
    padding-top: 4rem !important;
  }

  .lg-pr-64 {
    padding-right: 4rem !important;
  }

  .lg-pb-64 {
    padding-bottom: 4rem !important;
  }

  .lg-pl-64 {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-64 {
    padding: 4rem !important;
  }

  .xl-py-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xl-px-64 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

  .xl-pt-64 {
    padding-top: 4rem !important;
  }

  .xl-pr-64 {
    padding-right: 4rem !important;
  }

  .xl-pb-64 {
    padding-bottom: 4rem !important;
  }

  .xl-pl-64 {
    padding-left: 4rem !important;
  }
}
.p-68 {
  padding: 4.25rem;
}

.py-68 {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}

.px-68 {
  padding-right: 4.25rem;
  padding-left: 4.25rem;
}

.pt-68 {
  padding-top: 4.25rem;
}

.pr-68 {
  padding-right: 4.25rem;
}

.pb-68 {
  padding-bottom: 4.25rem;
}

.pl-68 {
  padding-left: 4.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-68 {
    padding: 4.25rem !important;
  }

  .sm-py-68 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }

  .sm-px-68 {
    padding-right: 4.25rem !important;
    padding-left: 4.25rem !important;
  }

  .sm-pt-68 {
    padding-top: 4.25rem !important;
  }

  .sm-pr-68 {
    padding-right: 4.25rem !important;
  }

  .sm-pb-68 {
    padding-bottom: 4.25rem !important;
  }

  .sm-pl-68 {
    padding-left: 4.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-68 {
    padding: 4.25rem !important;
  }

  .md-py-68 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }

  .md-px-68 {
    padding-right: 4.25rem !important;
    padding-left: 4.25rem !important;
  }

  .md-pt-68 {
    padding-top: 4.25rem !important;
  }

  .md-pr-68 {
    padding-right: 4.25rem !important;
  }

  .md-pb-68 {
    padding-bottom: 4.25rem !important;
  }

  .md-pl-68 {
    padding-left: 4.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-68 {
    padding: 4.25rem !important;
  }

  .lg-py-68 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }

  .lg-px-68 {
    padding-right: 4.25rem !important;
    padding-left: 4.25rem !important;
  }

  .lg-pt-68 {
    padding-top: 4.25rem !important;
  }

  .lg-pr-68 {
    padding-right: 4.25rem !important;
  }

  .lg-pb-68 {
    padding-bottom: 4.25rem !important;
  }

  .lg-pl-68 {
    padding-left: 4.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-68 {
    padding: 4.25rem !important;
  }

  .xl-py-68 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }

  .xl-px-68 {
    padding-right: 4.25rem !important;
    padding-left: 4.25rem !important;
  }

  .xl-pt-68 {
    padding-top: 4.25rem !important;
  }

  .xl-pr-68 {
    padding-right: 4.25rem !important;
  }

  .xl-pb-68 {
    padding-bottom: 4.25rem !important;
  }

  .xl-pl-68 {
    padding-left: 4.25rem !important;
  }
}
.p-72 {
  padding: 4.5rem;
}

.py-72 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.px-72 {
  padding-right: 4.5rem;
  padding-left: 4.5rem;
}

.pt-72 {
  padding-top: 4.5rem;
}

.pr-72 {
  padding-right: 4.5rem;
}

.pb-72 {
  padding-bottom: 4.5rem;
}

.pl-72 {
  padding-left: 4.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-72 {
    padding: 4.5rem !important;
  }

  .sm-py-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .sm-px-72 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }

  .sm-pt-72 {
    padding-top: 4.5rem !important;
  }

  .sm-pr-72 {
    padding-right: 4.5rem !important;
  }

  .sm-pb-72 {
    padding-bottom: 4.5rem !important;
  }

  .sm-pl-72 {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-72 {
    padding: 4.5rem !important;
  }

  .md-py-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .md-px-72 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }

  .md-pt-72 {
    padding-top: 4.5rem !important;
  }

  .md-pr-72 {
    padding-right: 4.5rem !important;
  }

  .md-pb-72 {
    padding-bottom: 4.5rem !important;
  }

  .md-pl-72 {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-72 {
    padding: 4.5rem !important;
  }

  .lg-py-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .lg-px-72 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }

  .lg-pt-72 {
    padding-top: 4.5rem !important;
  }

  .lg-pr-72 {
    padding-right: 4.5rem !important;
  }

  .lg-pb-72 {
    padding-bottom: 4.5rem !important;
  }

  .lg-pl-72 {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-72 {
    padding: 4.5rem !important;
  }

  .xl-py-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .xl-px-72 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }

  .xl-pt-72 {
    padding-top: 4.5rem !important;
  }

  .xl-pr-72 {
    padding-right: 4.5rem !important;
  }

  .xl-pb-72 {
    padding-bottom: 4.5rem !important;
  }

  .xl-pl-72 {
    padding-left: 4.5rem !important;
  }
}
.p-76 {
  padding: 4.75rem;
}

.py-76 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
}

.px-76 {
  padding-right: 4.75rem;
  padding-left: 4.75rem;
}

.pt-76 {
  padding-top: 4.75rem;
}

.pr-76 {
  padding-right: 4.75rem;
}

.pb-76 {
  padding-bottom: 4.75rem;
}

.pl-76 {
  padding-left: 4.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-76 {
    padding: 4.75rem !important;
  }

  .sm-py-76 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }

  .sm-px-76 {
    padding-right: 4.75rem !important;
    padding-left: 4.75rem !important;
  }

  .sm-pt-76 {
    padding-top: 4.75rem !important;
  }

  .sm-pr-76 {
    padding-right: 4.75rem !important;
  }

  .sm-pb-76 {
    padding-bottom: 4.75rem !important;
  }

  .sm-pl-76 {
    padding-left: 4.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-76 {
    padding: 4.75rem !important;
  }

  .md-py-76 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }

  .md-px-76 {
    padding-right: 4.75rem !important;
    padding-left: 4.75rem !important;
  }

  .md-pt-76 {
    padding-top: 4.75rem !important;
  }

  .md-pr-76 {
    padding-right: 4.75rem !important;
  }

  .md-pb-76 {
    padding-bottom: 4.75rem !important;
  }

  .md-pl-76 {
    padding-left: 4.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-76 {
    padding: 4.75rem !important;
  }

  .lg-py-76 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }

  .lg-px-76 {
    padding-right: 4.75rem !important;
    padding-left: 4.75rem !important;
  }

  .lg-pt-76 {
    padding-top: 4.75rem !important;
  }

  .lg-pr-76 {
    padding-right: 4.75rem !important;
  }

  .lg-pb-76 {
    padding-bottom: 4.75rem !important;
  }

  .lg-pl-76 {
    padding-left: 4.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-76 {
    padding: 4.75rem !important;
  }

  .xl-py-76 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }

  .xl-px-76 {
    padding-right: 4.75rem !important;
    padding-left: 4.75rem !important;
  }

  .xl-pt-76 {
    padding-top: 4.75rem !important;
  }

  .xl-pr-76 {
    padding-right: 4.75rem !important;
  }

  .xl-pb-76 {
    padding-bottom: 4.75rem !important;
  }

  .xl-pl-76 {
    padding-left: 4.75rem !important;
  }
}
.p-80 {
  padding: 5rem;
}

.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.px-80 {
  padding-right: 5rem;
  padding-left: 5rem;
}

.pt-80 {
  padding-top: 5rem;
}

.pr-80 {
  padding-right: 5rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

.pl-80 {
  padding-left: 5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-80 {
    padding: 5rem !important;
  }

  .sm-py-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .sm-px-80 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }

  .sm-pt-80 {
    padding-top: 5rem !important;
  }

  .sm-pr-80 {
    padding-right: 5rem !important;
  }

  .sm-pb-80 {
    padding-bottom: 5rem !important;
  }

  .sm-pl-80 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-80 {
    padding: 5rem !important;
  }

  .md-py-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .md-px-80 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }

  .md-pt-80 {
    padding-top: 5rem !important;
  }

  .md-pr-80 {
    padding-right: 5rem !important;
  }

  .md-pb-80 {
    padding-bottom: 5rem !important;
  }

  .md-pl-80 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-80 {
    padding: 5rem !important;
  }

  .lg-py-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .lg-px-80 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }

  .lg-pt-80 {
    padding-top: 5rem !important;
  }

  .lg-pr-80 {
    padding-right: 5rem !important;
  }

  .lg-pb-80 {
    padding-bottom: 5rem !important;
  }

  .lg-pl-80 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-80 {
    padding: 5rem !important;
  }

  .xl-py-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xl-px-80 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }

  .xl-pt-80 {
    padding-top: 5rem !important;
  }

  .xl-pr-80 {
    padding-right: 5rem !important;
  }

  .xl-pb-80 {
    padding-bottom: 5rem !important;
  }

  .xl-pl-80 {
    padding-left: 5rem !important;
  }
}
.p-84 {
  padding: 5.25rem;
}

.py-84 {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}

.px-84 {
  padding-right: 5.25rem;
  padding-left: 5.25rem;
}

.pt-84 {
  padding-top: 5.25rem;
}

.pr-84 {
  padding-right: 5.25rem;
}

.pb-84 {
  padding-bottom: 5.25rem;
}

.pl-84 {
  padding-left: 5.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-84 {
    padding: 5.25rem !important;
  }

  .sm-py-84 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }

  .sm-px-84 {
    padding-right: 5.25rem !important;
    padding-left: 5.25rem !important;
  }

  .sm-pt-84 {
    padding-top: 5.25rem !important;
  }

  .sm-pr-84 {
    padding-right: 5.25rem !important;
  }

  .sm-pb-84 {
    padding-bottom: 5.25rem !important;
  }

  .sm-pl-84 {
    padding-left: 5.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-84 {
    padding: 5.25rem !important;
  }

  .md-py-84 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }

  .md-px-84 {
    padding-right: 5.25rem !important;
    padding-left: 5.25rem !important;
  }

  .md-pt-84 {
    padding-top: 5.25rem !important;
  }

  .md-pr-84 {
    padding-right: 5.25rem !important;
  }

  .md-pb-84 {
    padding-bottom: 5.25rem !important;
  }

  .md-pl-84 {
    padding-left: 5.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-84 {
    padding: 5.25rem !important;
  }

  .lg-py-84 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }

  .lg-px-84 {
    padding-right: 5.25rem !important;
    padding-left: 5.25rem !important;
  }

  .lg-pt-84 {
    padding-top: 5.25rem !important;
  }

  .lg-pr-84 {
    padding-right: 5.25rem !important;
  }

  .lg-pb-84 {
    padding-bottom: 5.25rem !important;
  }

  .lg-pl-84 {
    padding-left: 5.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-84 {
    padding: 5.25rem !important;
  }

  .xl-py-84 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }

  .xl-px-84 {
    padding-right: 5.25rem !important;
    padding-left: 5.25rem !important;
  }

  .xl-pt-84 {
    padding-top: 5.25rem !important;
  }

  .xl-pr-84 {
    padding-right: 5.25rem !important;
  }

  .xl-pb-84 {
    padding-bottom: 5.25rem !important;
  }

  .xl-pl-84 {
    padding-left: 5.25rem !important;
  }
}
.p-88 {
  padding: 5.5rem;
}

.py-88 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.px-88 {
  padding-right: 5.5rem;
  padding-left: 5.5rem;
}

.pt-88 {
  padding-top: 5.5rem;
}

.pr-88 {
  padding-right: 5.5rem;
}

.pb-88 {
  padding-bottom: 5.5rem;
}

.pl-88 {
  padding-left: 5.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-88 {
    padding: 5.5rem !important;
  }

  .sm-py-88 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }

  .sm-px-88 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }

  .sm-pt-88 {
    padding-top: 5.5rem !important;
  }

  .sm-pr-88 {
    padding-right: 5.5rem !important;
  }

  .sm-pb-88 {
    padding-bottom: 5.5rem !important;
  }

  .sm-pl-88 {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-88 {
    padding: 5.5rem !important;
  }

  .md-py-88 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }

  .md-px-88 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }

  .md-pt-88 {
    padding-top: 5.5rem !important;
  }

  .md-pr-88 {
    padding-right: 5.5rem !important;
  }

  .md-pb-88 {
    padding-bottom: 5.5rem !important;
  }

  .md-pl-88 {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-88 {
    padding: 5.5rem !important;
  }

  .lg-py-88 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }

  .lg-px-88 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }

  .lg-pt-88 {
    padding-top: 5.5rem !important;
  }

  .lg-pr-88 {
    padding-right: 5.5rem !important;
  }

  .lg-pb-88 {
    padding-bottom: 5.5rem !important;
  }

  .lg-pl-88 {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-88 {
    padding: 5.5rem !important;
  }

  .xl-py-88 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }

  .xl-px-88 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }

  .xl-pt-88 {
    padding-top: 5.5rem !important;
  }

  .xl-pr-88 {
    padding-right: 5.5rem !important;
  }

  .xl-pb-88 {
    padding-bottom: 5.5rem !important;
  }

  .xl-pl-88 {
    padding-left: 5.5rem !important;
  }
}
.p-92 {
  padding: 5.75rem;
}

.py-92 {
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
}

.px-92 {
  padding-right: 5.75rem;
  padding-left: 5.75rem;
}

.pt-92 {
  padding-top: 5.75rem;
}

.pr-92 {
  padding-right: 5.75rem;
}

.pb-92 {
  padding-bottom: 5.75rem;
}

.pl-92 {
  padding-left: 5.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-92 {
    padding: 5.75rem !important;
  }

  .sm-py-92 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }

  .sm-px-92 {
    padding-right: 5.75rem !important;
    padding-left: 5.75rem !important;
  }

  .sm-pt-92 {
    padding-top: 5.75rem !important;
  }

  .sm-pr-92 {
    padding-right: 5.75rem !important;
  }

  .sm-pb-92 {
    padding-bottom: 5.75rem !important;
  }

  .sm-pl-92 {
    padding-left: 5.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-92 {
    padding: 5.75rem !important;
  }

  .md-py-92 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }

  .md-px-92 {
    padding-right: 5.75rem !important;
    padding-left: 5.75rem !important;
  }

  .md-pt-92 {
    padding-top: 5.75rem !important;
  }

  .md-pr-92 {
    padding-right: 5.75rem !important;
  }

  .md-pb-92 {
    padding-bottom: 5.75rem !important;
  }

  .md-pl-92 {
    padding-left: 5.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-92 {
    padding: 5.75rem !important;
  }

  .lg-py-92 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }

  .lg-px-92 {
    padding-right: 5.75rem !important;
    padding-left: 5.75rem !important;
  }

  .lg-pt-92 {
    padding-top: 5.75rem !important;
  }

  .lg-pr-92 {
    padding-right: 5.75rem !important;
  }

  .lg-pb-92 {
    padding-bottom: 5.75rem !important;
  }

  .lg-pl-92 {
    padding-left: 5.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-92 {
    padding: 5.75rem !important;
  }

  .xl-py-92 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }

  .xl-px-92 {
    padding-right: 5.75rem !important;
    padding-left: 5.75rem !important;
  }

  .xl-pt-92 {
    padding-top: 5.75rem !important;
  }

  .xl-pr-92 {
    padding-right: 5.75rem !important;
  }

  .xl-pb-92 {
    padding-bottom: 5.75rem !important;
  }

  .xl-pl-92 {
    padding-left: 5.75rem !important;
  }
}
.p-96 {
  padding: 6rem;
}

.py-96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.px-96 {
  padding-right: 6rem;
  padding-left: 6rem;
}

.pt-96 {
  padding-top: 6rem;
}

.pr-96 {
  padding-right: 6rem;
}

.pb-96 {
  padding-bottom: 6rem;
}

.pl-96 {
  padding-left: 6rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-96 {
    padding: 6rem !important;
  }

  .sm-py-96 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .sm-px-96 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }

  .sm-pt-96 {
    padding-top: 6rem !important;
  }

  .sm-pr-96 {
    padding-right: 6rem !important;
  }

  .sm-pb-96 {
    padding-bottom: 6rem !important;
  }

  .sm-pl-96 {
    padding-left: 6rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-96 {
    padding: 6rem !important;
  }

  .md-py-96 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .md-px-96 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }

  .md-pt-96 {
    padding-top: 6rem !important;
  }

  .md-pr-96 {
    padding-right: 6rem !important;
  }

  .md-pb-96 {
    padding-bottom: 6rem !important;
  }

  .md-pl-96 {
    padding-left: 6rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-96 {
    padding: 6rem !important;
  }

  .lg-py-96 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .lg-px-96 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }

  .lg-pt-96 {
    padding-top: 6rem !important;
  }

  .lg-pr-96 {
    padding-right: 6rem !important;
  }

  .lg-pb-96 {
    padding-bottom: 6rem !important;
  }

  .lg-pl-96 {
    padding-left: 6rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-96 {
    padding: 6rem !important;
  }

  .xl-py-96 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xl-px-96 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }

  .xl-pt-96 {
    padding-top: 6rem !important;
  }

  .xl-pr-96 {
    padding-right: 6rem !important;
  }

  .xl-pb-96 {
    padding-bottom: 6rem !important;
  }

  .xl-pl-96 {
    padding-left: 6rem !important;
  }
}
.p-100 {
  padding: 6.25rem;
}

.py-100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.px-100 {
  padding-right: 6.25rem;
  padding-left: 6.25rem;
}

.pt-100 {
  padding-top: 6.25rem;
}

.pr-100 {
  padding-right: 6.25rem;
}

.pb-100 {
  padding-bottom: 6.25rem;
}

.pl-100 {
  padding-left: 6.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-100 {
    padding: 6.25rem !important;
  }

  .sm-py-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }

  .sm-px-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }

  .sm-pt-100 {
    padding-top: 6.25rem !important;
  }

  .sm-pr-100 {
    padding-right: 6.25rem !important;
  }

  .sm-pb-100 {
    padding-bottom: 6.25rem !important;
  }

  .sm-pl-100 {
    padding-left: 6.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-100 {
    padding: 6.25rem !important;
  }

  .md-py-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }

  .md-px-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }

  .md-pt-100 {
    padding-top: 6.25rem !important;
  }

  .md-pr-100 {
    padding-right: 6.25rem !important;
  }

  .md-pb-100 {
    padding-bottom: 6.25rem !important;
  }

  .md-pl-100 {
    padding-left: 6.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-100 {
    padding: 6.25rem !important;
  }

  .lg-py-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }

  .lg-px-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }

  .lg-pt-100 {
    padding-top: 6.25rem !important;
  }

  .lg-pr-100 {
    padding-right: 6.25rem !important;
  }

  .lg-pb-100 {
    padding-bottom: 6.25rem !important;
  }

  .lg-pl-100 {
    padding-left: 6.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-100 {
    padding: 6.25rem !important;
  }

  .xl-py-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }

  .xl-px-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }

  .xl-pt-100 {
    padding-top: 6.25rem !important;
  }

  .xl-pr-100 {
    padding-right: 6.25rem !important;
  }

  .xl-pb-100 {
    padding-bottom: 6.25rem !important;
  }

  .xl-pl-100 {
    padding-left: 6.25rem !important;
  }
}
.p-104 {
  padding: 6.5rem;
}

.py-104 {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.px-104 {
  padding-right: 6.5rem;
  padding-left: 6.5rem;
}

.pt-104 {
  padding-top: 6.5rem;
}

.pr-104 {
  padding-right: 6.5rem;
}

.pb-104 {
  padding-bottom: 6.5rem;
}

.pl-104 {
  padding-left: 6.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-104 {
    padding: 6.5rem !important;
  }

  .sm-py-104 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }

  .sm-px-104 {
    padding-right: 6.5rem !important;
    padding-left: 6.5rem !important;
  }

  .sm-pt-104 {
    padding-top: 6.5rem !important;
  }

  .sm-pr-104 {
    padding-right: 6.5rem !important;
  }

  .sm-pb-104 {
    padding-bottom: 6.5rem !important;
  }

  .sm-pl-104 {
    padding-left: 6.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-104 {
    padding: 6.5rem !important;
  }

  .md-py-104 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }

  .md-px-104 {
    padding-right: 6.5rem !important;
    padding-left: 6.5rem !important;
  }

  .md-pt-104 {
    padding-top: 6.5rem !important;
  }

  .md-pr-104 {
    padding-right: 6.5rem !important;
  }

  .md-pb-104 {
    padding-bottom: 6.5rem !important;
  }

  .md-pl-104 {
    padding-left: 6.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-104 {
    padding: 6.5rem !important;
  }

  .lg-py-104 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }

  .lg-px-104 {
    padding-right: 6.5rem !important;
    padding-left: 6.5rem !important;
  }

  .lg-pt-104 {
    padding-top: 6.5rem !important;
  }

  .lg-pr-104 {
    padding-right: 6.5rem !important;
  }

  .lg-pb-104 {
    padding-bottom: 6.5rem !important;
  }

  .lg-pl-104 {
    padding-left: 6.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-104 {
    padding: 6.5rem !important;
  }

  .xl-py-104 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }

  .xl-px-104 {
    padding-right: 6.5rem !important;
    padding-left: 6.5rem !important;
  }

  .xl-pt-104 {
    padding-top: 6.5rem !important;
  }

  .xl-pr-104 {
    padding-right: 6.5rem !important;
  }

  .xl-pb-104 {
    padding-bottom: 6.5rem !important;
  }

  .xl-pl-104 {
    padding-left: 6.5rem !important;
  }
}
.p-108 {
  padding: 6.75rem;
}

.py-108 {
  padding-top: 6.75rem;
  padding-bottom: 6.75rem;
}

.px-108 {
  padding-right: 6.75rem;
  padding-left: 6.75rem;
}

.pt-108 {
  padding-top: 6.75rem;
}

.pr-108 {
  padding-right: 6.75rem;
}

.pb-108 {
  padding-bottom: 6.75rem;
}

.pl-108 {
  padding-left: 6.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-108 {
    padding: 6.75rem !important;
  }

  .sm-py-108 {
    padding-top: 6.75rem !important;
    padding-bottom: 6.75rem !important;
  }

  .sm-px-108 {
    padding-right: 6.75rem !important;
    padding-left: 6.75rem !important;
  }

  .sm-pt-108 {
    padding-top: 6.75rem !important;
  }

  .sm-pr-108 {
    padding-right: 6.75rem !important;
  }

  .sm-pb-108 {
    padding-bottom: 6.75rem !important;
  }

  .sm-pl-108 {
    padding-left: 6.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-108 {
    padding: 6.75rem !important;
  }

  .md-py-108 {
    padding-top: 6.75rem !important;
    padding-bottom: 6.75rem !important;
  }

  .md-px-108 {
    padding-right: 6.75rem !important;
    padding-left: 6.75rem !important;
  }

  .md-pt-108 {
    padding-top: 6.75rem !important;
  }

  .md-pr-108 {
    padding-right: 6.75rem !important;
  }

  .md-pb-108 {
    padding-bottom: 6.75rem !important;
  }

  .md-pl-108 {
    padding-left: 6.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-108 {
    padding: 6.75rem !important;
  }

  .lg-py-108 {
    padding-top: 6.75rem !important;
    padding-bottom: 6.75rem !important;
  }

  .lg-px-108 {
    padding-right: 6.75rem !important;
    padding-left: 6.75rem !important;
  }

  .lg-pt-108 {
    padding-top: 6.75rem !important;
  }

  .lg-pr-108 {
    padding-right: 6.75rem !important;
  }

  .lg-pb-108 {
    padding-bottom: 6.75rem !important;
  }

  .lg-pl-108 {
    padding-left: 6.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-108 {
    padding: 6.75rem !important;
  }

  .xl-py-108 {
    padding-top: 6.75rem !important;
    padding-bottom: 6.75rem !important;
  }

  .xl-px-108 {
    padding-right: 6.75rem !important;
    padding-left: 6.75rem !important;
  }

  .xl-pt-108 {
    padding-top: 6.75rem !important;
  }

  .xl-pr-108 {
    padding-right: 6.75rem !important;
  }

  .xl-pb-108 {
    padding-bottom: 6.75rem !important;
  }

  .xl-pl-108 {
    padding-left: 6.75rem !important;
  }
}
.p-112 {
  padding: 7rem;
}

.py-112 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.px-112 {
  padding-right: 7rem;
  padding-left: 7rem;
}

.pt-112 {
  padding-top: 7rem;
}

.pr-112 {
  padding-right: 7rem;
}

.pb-112 {
  padding-bottom: 7rem;
}

.pl-112 {
  padding-left: 7rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-112 {
    padding: 7rem !important;
  }

  .sm-py-112 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .sm-px-112 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }

  .sm-pt-112 {
    padding-top: 7rem !important;
  }

  .sm-pr-112 {
    padding-right: 7rem !important;
  }

  .sm-pb-112 {
    padding-bottom: 7rem !important;
  }

  .sm-pl-112 {
    padding-left: 7rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-112 {
    padding: 7rem !important;
  }

  .md-py-112 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .md-px-112 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }

  .md-pt-112 {
    padding-top: 7rem !important;
  }

  .md-pr-112 {
    padding-right: 7rem !important;
  }

  .md-pb-112 {
    padding-bottom: 7rem !important;
  }

  .md-pl-112 {
    padding-left: 7rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-112 {
    padding: 7rem !important;
  }

  .lg-py-112 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .lg-px-112 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }

  .lg-pt-112 {
    padding-top: 7rem !important;
  }

  .lg-pr-112 {
    padding-right: 7rem !important;
  }

  .lg-pb-112 {
    padding-bottom: 7rem !important;
  }

  .lg-pl-112 {
    padding-left: 7rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-112 {
    padding: 7rem !important;
  }

  .xl-py-112 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .xl-px-112 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }

  .xl-pt-112 {
    padding-top: 7rem !important;
  }

  .xl-pr-112 {
    padding-right: 7rem !important;
  }

  .xl-pb-112 {
    padding-bottom: 7rem !important;
  }

  .xl-pl-112 {
    padding-left: 7rem !important;
  }
}
.p-116 {
  padding: 7.25rem;
}

.py-116 {
  padding-top: 7.25rem;
  padding-bottom: 7.25rem;
}

.px-116 {
  padding-right: 7.25rem;
  padding-left: 7.25rem;
}

.pt-116 {
  padding-top: 7.25rem;
}

.pr-116 {
  padding-right: 7.25rem;
}

.pb-116 {
  padding-bottom: 7.25rem;
}

.pl-116 {
  padding-left: 7.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-116 {
    padding: 7.25rem !important;
  }

  .sm-py-116 {
    padding-top: 7.25rem !important;
    padding-bottom: 7.25rem !important;
  }

  .sm-px-116 {
    padding-right: 7.25rem !important;
    padding-left: 7.25rem !important;
  }

  .sm-pt-116 {
    padding-top: 7.25rem !important;
  }

  .sm-pr-116 {
    padding-right: 7.25rem !important;
  }

  .sm-pb-116 {
    padding-bottom: 7.25rem !important;
  }

  .sm-pl-116 {
    padding-left: 7.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-116 {
    padding: 7.25rem !important;
  }

  .md-py-116 {
    padding-top: 7.25rem !important;
    padding-bottom: 7.25rem !important;
  }

  .md-px-116 {
    padding-right: 7.25rem !important;
    padding-left: 7.25rem !important;
  }

  .md-pt-116 {
    padding-top: 7.25rem !important;
  }

  .md-pr-116 {
    padding-right: 7.25rem !important;
  }

  .md-pb-116 {
    padding-bottom: 7.25rem !important;
  }

  .md-pl-116 {
    padding-left: 7.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-116 {
    padding: 7.25rem !important;
  }

  .lg-py-116 {
    padding-top: 7.25rem !important;
    padding-bottom: 7.25rem !important;
  }

  .lg-px-116 {
    padding-right: 7.25rem !important;
    padding-left: 7.25rem !important;
  }

  .lg-pt-116 {
    padding-top: 7.25rem !important;
  }

  .lg-pr-116 {
    padding-right: 7.25rem !important;
  }

  .lg-pb-116 {
    padding-bottom: 7.25rem !important;
  }

  .lg-pl-116 {
    padding-left: 7.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-116 {
    padding: 7.25rem !important;
  }

  .xl-py-116 {
    padding-top: 7.25rem !important;
    padding-bottom: 7.25rem !important;
  }

  .xl-px-116 {
    padding-right: 7.25rem !important;
    padding-left: 7.25rem !important;
  }

  .xl-pt-116 {
    padding-top: 7.25rem !important;
  }

  .xl-pr-116 {
    padding-right: 7.25rem !important;
  }

  .xl-pb-116 {
    padding-bottom: 7.25rem !important;
  }

  .xl-pl-116 {
    padding-left: 7.25rem !important;
  }
}
.p-120 {
  padding: 7.5rem;
}

.py-120 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.px-120 {
  padding-right: 7.5rem;
  padding-left: 7.5rem;
}

.pt-120 {
  padding-top: 7.5rem;
}

.pr-120 {
  padding-right: 7.5rem;
}

.pb-120 {
  padding-bottom: 7.5rem;
}

.pl-120 {
  padding-left: 7.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-120 {
    padding: 7.5rem !important;
  }

  .sm-py-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }

  .sm-px-120 {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important;
  }

  .sm-pt-120 {
    padding-top: 7.5rem !important;
  }

  .sm-pr-120 {
    padding-right: 7.5rem !important;
  }

  .sm-pb-120 {
    padding-bottom: 7.5rem !important;
  }

  .sm-pl-120 {
    padding-left: 7.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-120 {
    padding: 7.5rem !important;
  }

  .md-py-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }

  .md-px-120 {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important;
  }

  .md-pt-120 {
    padding-top: 7.5rem !important;
  }

  .md-pr-120 {
    padding-right: 7.5rem !important;
  }

  .md-pb-120 {
    padding-bottom: 7.5rem !important;
  }

  .md-pl-120 {
    padding-left: 7.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-120 {
    padding: 7.5rem !important;
  }

  .lg-py-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }

  .lg-px-120 {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important;
  }

  .lg-pt-120 {
    padding-top: 7.5rem !important;
  }

  .lg-pr-120 {
    padding-right: 7.5rem !important;
  }

  .lg-pb-120 {
    padding-bottom: 7.5rem !important;
  }

  .lg-pl-120 {
    padding-left: 7.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-120 {
    padding: 7.5rem !important;
  }

  .xl-py-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }

  .xl-px-120 {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important;
  }

  .xl-pt-120 {
    padding-top: 7.5rem !important;
  }

  .xl-pr-120 {
    padding-right: 7.5rem !important;
  }

  .xl-pb-120 {
    padding-bottom: 7.5rem !important;
  }

  .xl-pl-120 {
    padding-left: 7.5rem !important;
  }
}
.p-124 {
  padding: 7.75rem;
}

.py-124 {
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
}

.px-124 {
  padding-right: 7.75rem;
  padding-left: 7.75rem;
}

.pt-124 {
  padding-top: 7.75rem;
}

.pr-124 {
  padding-right: 7.75rem;
}

.pb-124 {
  padding-bottom: 7.75rem;
}

.pl-124 {
  padding-left: 7.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-124 {
    padding: 7.75rem !important;
  }

  .sm-py-124 {
    padding-top: 7.75rem !important;
    padding-bottom: 7.75rem !important;
  }

  .sm-px-124 {
    padding-right: 7.75rem !important;
    padding-left: 7.75rem !important;
  }

  .sm-pt-124 {
    padding-top: 7.75rem !important;
  }

  .sm-pr-124 {
    padding-right: 7.75rem !important;
  }

  .sm-pb-124 {
    padding-bottom: 7.75rem !important;
  }

  .sm-pl-124 {
    padding-left: 7.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-124 {
    padding: 7.75rem !important;
  }

  .md-py-124 {
    padding-top: 7.75rem !important;
    padding-bottom: 7.75rem !important;
  }

  .md-px-124 {
    padding-right: 7.75rem !important;
    padding-left: 7.75rem !important;
  }

  .md-pt-124 {
    padding-top: 7.75rem !important;
  }

  .md-pr-124 {
    padding-right: 7.75rem !important;
  }

  .md-pb-124 {
    padding-bottom: 7.75rem !important;
  }

  .md-pl-124 {
    padding-left: 7.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-124 {
    padding: 7.75rem !important;
  }

  .lg-py-124 {
    padding-top: 7.75rem !important;
    padding-bottom: 7.75rem !important;
  }

  .lg-px-124 {
    padding-right: 7.75rem !important;
    padding-left: 7.75rem !important;
  }

  .lg-pt-124 {
    padding-top: 7.75rem !important;
  }

  .lg-pr-124 {
    padding-right: 7.75rem !important;
  }

  .lg-pb-124 {
    padding-bottom: 7.75rem !important;
  }

  .lg-pl-124 {
    padding-left: 7.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-124 {
    padding: 7.75rem !important;
  }

  .xl-py-124 {
    padding-top: 7.75rem !important;
    padding-bottom: 7.75rem !important;
  }

  .xl-px-124 {
    padding-right: 7.75rem !important;
    padding-left: 7.75rem !important;
  }

  .xl-pt-124 {
    padding-top: 7.75rem !important;
  }

  .xl-pr-124 {
    padding-right: 7.75rem !important;
  }

  .xl-pb-124 {
    padding-bottom: 7.75rem !important;
  }

  .xl-pl-124 {
    padding-left: 7.75rem !important;
  }
}
.p-128 {
  padding: 8rem;
}

.py-128 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.px-128 {
  padding-right: 8rem;
  padding-left: 8rem;
}

.pt-128 {
  padding-top: 8rem;
}

.pr-128 {
  padding-right: 8rem;
}

.pb-128 {
  padding-bottom: 8rem;
}

.pl-128 {
  padding-left: 8rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-128 {
    padding: 8rem !important;
  }

  .sm-py-128 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .sm-px-128 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }

  .sm-pt-128 {
    padding-top: 8rem !important;
  }

  .sm-pr-128 {
    padding-right: 8rem !important;
  }

  .sm-pb-128 {
    padding-bottom: 8rem !important;
  }

  .sm-pl-128 {
    padding-left: 8rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-128 {
    padding: 8rem !important;
  }

  .md-py-128 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .md-px-128 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }

  .md-pt-128 {
    padding-top: 8rem !important;
  }

  .md-pr-128 {
    padding-right: 8rem !important;
  }

  .md-pb-128 {
    padding-bottom: 8rem !important;
  }

  .md-pl-128 {
    padding-left: 8rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-128 {
    padding: 8rem !important;
  }

  .lg-py-128 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .lg-px-128 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }

  .lg-pt-128 {
    padding-top: 8rem !important;
  }

  .lg-pr-128 {
    padding-right: 8rem !important;
  }

  .lg-pb-128 {
    padding-bottom: 8rem !important;
  }

  .lg-pl-128 {
    padding-left: 8rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-128 {
    padding: 8rem !important;
  }

  .xl-py-128 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xl-px-128 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }

  .xl-pt-128 {
    padding-top: 8rem !important;
  }

  .xl-pr-128 {
    padding-right: 8rem !important;
  }

  .xl-pb-128 {
    padding-bottom: 8rem !important;
  }

  .xl-pl-128 {
    padding-left: 8rem !important;
  }
}
.p-132 {
  padding: 8.25rem;
}

.py-132 {
  padding-top: 8.25rem;
  padding-bottom: 8.25rem;
}

.px-132 {
  padding-right: 8.25rem;
  padding-left: 8.25rem;
}

.pt-132 {
  padding-top: 8.25rem;
}

.pr-132 {
  padding-right: 8.25rem;
}

.pb-132 {
  padding-bottom: 8.25rem;
}

.pl-132 {
  padding-left: 8.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-132 {
    padding: 8.25rem !important;
  }

  .sm-py-132 {
    padding-top: 8.25rem !important;
    padding-bottom: 8.25rem !important;
  }

  .sm-px-132 {
    padding-right: 8.25rem !important;
    padding-left: 8.25rem !important;
  }

  .sm-pt-132 {
    padding-top: 8.25rem !important;
  }

  .sm-pr-132 {
    padding-right: 8.25rem !important;
  }

  .sm-pb-132 {
    padding-bottom: 8.25rem !important;
  }

  .sm-pl-132 {
    padding-left: 8.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-132 {
    padding: 8.25rem !important;
  }

  .md-py-132 {
    padding-top: 8.25rem !important;
    padding-bottom: 8.25rem !important;
  }

  .md-px-132 {
    padding-right: 8.25rem !important;
    padding-left: 8.25rem !important;
  }

  .md-pt-132 {
    padding-top: 8.25rem !important;
  }

  .md-pr-132 {
    padding-right: 8.25rem !important;
  }

  .md-pb-132 {
    padding-bottom: 8.25rem !important;
  }

  .md-pl-132 {
    padding-left: 8.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-132 {
    padding: 8.25rem !important;
  }

  .lg-py-132 {
    padding-top: 8.25rem !important;
    padding-bottom: 8.25rem !important;
  }

  .lg-px-132 {
    padding-right: 8.25rem !important;
    padding-left: 8.25rem !important;
  }

  .lg-pt-132 {
    padding-top: 8.25rem !important;
  }

  .lg-pr-132 {
    padding-right: 8.25rem !important;
  }

  .lg-pb-132 {
    padding-bottom: 8.25rem !important;
  }

  .lg-pl-132 {
    padding-left: 8.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-132 {
    padding: 8.25rem !important;
  }

  .xl-py-132 {
    padding-top: 8.25rem !important;
    padding-bottom: 8.25rem !important;
  }

  .xl-px-132 {
    padding-right: 8.25rem !important;
    padding-left: 8.25rem !important;
  }

  .xl-pt-132 {
    padding-top: 8.25rem !important;
  }

  .xl-pr-132 {
    padding-right: 8.25rem !important;
  }

  .xl-pb-132 {
    padding-bottom: 8.25rem !important;
  }

  .xl-pl-132 {
    padding-left: 8.25rem !important;
  }
}
.p-136 {
  padding: 8.5rem;
}

.py-136 {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
}

.px-136 {
  padding-right: 8.5rem;
  padding-left: 8.5rem;
}

.pt-136 {
  padding-top: 8.5rem;
}

.pr-136 {
  padding-right: 8.5rem;
}

.pb-136 {
  padding-bottom: 8.5rem;
}

.pl-136 {
  padding-left: 8.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-136 {
    padding: 8.5rem !important;
  }

  .sm-py-136 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }

  .sm-px-136 {
    padding-right: 8.5rem !important;
    padding-left: 8.5rem !important;
  }

  .sm-pt-136 {
    padding-top: 8.5rem !important;
  }

  .sm-pr-136 {
    padding-right: 8.5rem !important;
  }

  .sm-pb-136 {
    padding-bottom: 8.5rem !important;
  }

  .sm-pl-136 {
    padding-left: 8.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-136 {
    padding: 8.5rem !important;
  }

  .md-py-136 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }

  .md-px-136 {
    padding-right: 8.5rem !important;
    padding-left: 8.5rem !important;
  }

  .md-pt-136 {
    padding-top: 8.5rem !important;
  }

  .md-pr-136 {
    padding-right: 8.5rem !important;
  }

  .md-pb-136 {
    padding-bottom: 8.5rem !important;
  }

  .md-pl-136 {
    padding-left: 8.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-136 {
    padding: 8.5rem !important;
  }

  .lg-py-136 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }

  .lg-px-136 {
    padding-right: 8.5rem !important;
    padding-left: 8.5rem !important;
  }

  .lg-pt-136 {
    padding-top: 8.5rem !important;
  }

  .lg-pr-136 {
    padding-right: 8.5rem !important;
  }

  .lg-pb-136 {
    padding-bottom: 8.5rem !important;
  }

  .lg-pl-136 {
    padding-left: 8.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-136 {
    padding: 8.5rem !important;
  }

  .xl-py-136 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }

  .xl-px-136 {
    padding-right: 8.5rem !important;
    padding-left: 8.5rem !important;
  }

  .xl-pt-136 {
    padding-top: 8.5rem !important;
  }

  .xl-pr-136 {
    padding-right: 8.5rem !important;
  }

  .xl-pb-136 {
    padding-bottom: 8.5rem !important;
  }

  .xl-pl-136 {
    padding-left: 8.5rem !important;
  }
}
.p-140 {
  padding: 8.75rem;
}

.py-140 {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}

.px-140 {
  padding-right: 8.75rem;
  padding-left: 8.75rem;
}

.pt-140 {
  padding-top: 8.75rem;
}

.pr-140 {
  padding-right: 8.75rem;
}

.pb-140 {
  padding-bottom: 8.75rem;
}

.pl-140 {
  padding-left: 8.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-140 {
    padding: 8.75rem !important;
  }

  .sm-py-140 {
    padding-top: 8.75rem !important;
    padding-bottom: 8.75rem !important;
  }

  .sm-px-140 {
    padding-right: 8.75rem !important;
    padding-left: 8.75rem !important;
  }

  .sm-pt-140 {
    padding-top: 8.75rem !important;
  }

  .sm-pr-140 {
    padding-right: 8.75rem !important;
  }

  .sm-pb-140 {
    padding-bottom: 8.75rem !important;
  }

  .sm-pl-140 {
    padding-left: 8.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-140 {
    padding: 8.75rem !important;
  }

  .md-py-140 {
    padding-top: 8.75rem !important;
    padding-bottom: 8.75rem !important;
  }

  .md-px-140 {
    padding-right: 8.75rem !important;
    padding-left: 8.75rem !important;
  }

  .md-pt-140 {
    padding-top: 8.75rem !important;
  }

  .md-pr-140 {
    padding-right: 8.75rem !important;
  }

  .md-pb-140 {
    padding-bottom: 8.75rem !important;
  }

  .md-pl-140 {
    padding-left: 8.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-140 {
    padding: 8.75rem !important;
  }

  .lg-py-140 {
    padding-top: 8.75rem !important;
    padding-bottom: 8.75rem !important;
  }

  .lg-px-140 {
    padding-right: 8.75rem !important;
    padding-left: 8.75rem !important;
  }

  .lg-pt-140 {
    padding-top: 8.75rem !important;
  }

  .lg-pr-140 {
    padding-right: 8.75rem !important;
  }

  .lg-pb-140 {
    padding-bottom: 8.75rem !important;
  }

  .lg-pl-140 {
    padding-left: 8.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-140 {
    padding: 8.75rem !important;
  }

  .xl-py-140 {
    padding-top: 8.75rem !important;
    padding-bottom: 8.75rem !important;
  }

  .xl-px-140 {
    padding-right: 8.75rem !important;
    padding-left: 8.75rem !important;
  }

  .xl-pt-140 {
    padding-top: 8.75rem !important;
  }

  .xl-pr-140 {
    padding-right: 8.75rem !important;
  }

  .xl-pb-140 {
    padding-bottom: 8.75rem !important;
  }

  .xl-pl-140 {
    padding-left: 8.75rem !important;
  }
}
.p-144 {
  padding: 9rem;
}

.py-144 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.px-144 {
  padding-right: 9rem;
  padding-left: 9rem;
}

.pt-144 {
  padding-top: 9rem;
}

.pr-144 {
  padding-right: 9rem;
}

.pb-144 {
  padding-bottom: 9rem;
}

.pl-144 {
  padding-left: 9rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-144 {
    padding: 9rem !important;
  }

  .sm-py-144 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }

  .sm-px-144 {
    padding-right: 9rem !important;
    padding-left: 9rem !important;
  }

  .sm-pt-144 {
    padding-top: 9rem !important;
  }

  .sm-pr-144 {
    padding-right: 9rem !important;
  }

  .sm-pb-144 {
    padding-bottom: 9rem !important;
  }

  .sm-pl-144 {
    padding-left: 9rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-144 {
    padding: 9rem !important;
  }

  .md-py-144 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }

  .md-px-144 {
    padding-right: 9rem !important;
    padding-left: 9rem !important;
  }

  .md-pt-144 {
    padding-top: 9rem !important;
  }

  .md-pr-144 {
    padding-right: 9rem !important;
  }

  .md-pb-144 {
    padding-bottom: 9rem !important;
  }

  .md-pl-144 {
    padding-left: 9rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-144 {
    padding: 9rem !important;
  }

  .lg-py-144 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }

  .lg-px-144 {
    padding-right: 9rem !important;
    padding-left: 9rem !important;
  }

  .lg-pt-144 {
    padding-top: 9rem !important;
  }

  .lg-pr-144 {
    padding-right: 9rem !important;
  }

  .lg-pb-144 {
    padding-bottom: 9rem !important;
  }

  .lg-pl-144 {
    padding-left: 9rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-144 {
    padding: 9rem !important;
  }

  .xl-py-144 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }

  .xl-px-144 {
    padding-right: 9rem !important;
    padding-left: 9rem !important;
  }

  .xl-pt-144 {
    padding-top: 9rem !important;
  }

  .xl-pr-144 {
    padding-right: 9rem !important;
  }

  .xl-pb-144 {
    padding-bottom: 9rem !important;
  }

  .xl-pl-144 {
    padding-left: 9rem !important;
  }
}
.p-148 {
  padding: 9.25rem;
}

.py-148 {
  padding-top: 9.25rem;
  padding-bottom: 9.25rem;
}

.px-148 {
  padding-right: 9.25rem;
  padding-left: 9.25rem;
}

.pt-148 {
  padding-top: 9.25rem;
}

.pr-148 {
  padding-right: 9.25rem;
}

.pb-148 {
  padding-bottom: 9.25rem;
}

.pl-148 {
  padding-left: 9.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-148 {
    padding: 9.25rem !important;
  }

  .sm-py-148 {
    padding-top: 9.25rem !important;
    padding-bottom: 9.25rem !important;
  }

  .sm-px-148 {
    padding-right: 9.25rem !important;
    padding-left: 9.25rem !important;
  }

  .sm-pt-148 {
    padding-top: 9.25rem !important;
  }

  .sm-pr-148 {
    padding-right: 9.25rem !important;
  }

  .sm-pb-148 {
    padding-bottom: 9.25rem !important;
  }

  .sm-pl-148 {
    padding-left: 9.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-148 {
    padding: 9.25rem !important;
  }

  .md-py-148 {
    padding-top: 9.25rem !important;
    padding-bottom: 9.25rem !important;
  }

  .md-px-148 {
    padding-right: 9.25rem !important;
    padding-left: 9.25rem !important;
  }

  .md-pt-148 {
    padding-top: 9.25rem !important;
  }

  .md-pr-148 {
    padding-right: 9.25rem !important;
  }

  .md-pb-148 {
    padding-bottom: 9.25rem !important;
  }

  .md-pl-148 {
    padding-left: 9.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-148 {
    padding: 9.25rem !important;
  }

  .lg-py-148 {
    padding-top: 9.25rem !important;
    padding-bottom: 9.25rem !important;
  }

  .lg-px-148 {
    padding-right: 9.25rem !important;
    padding-left: 9.25rem !important;
  }

  .lg-pt-148 {
    padding-top: 9.25rem !important;
  }

  .lg-pr-148 {
    padding-right: 9.25rem !important;
  }

  .lg-pb-148 {
    padding-bottom: 9.25rem !important;
  }

  .lg-pl-148 {
    padding-left: 9.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-148 {
    padding: 9.25rem !important;
  }

  .xl-py-148 {
    padding-top: 9.25rem !important;
    padding-bottom: 9.25rem !important;
  }

  .xl-px-148 {
    padding-right: 9.25rem !important;
    padding-left: 9.25rem !important;
  }

  .xl-pt-148 {
    padding-top: 9.25rem !important;
  }

  .xl-pr-148 {
    padding-right: 9.25rem !important;
  }

  .xl-pb-148 {
    padding-bottom: 9.25rem !important;
  }

  .xl-pl-148 {
    padding-left: 9.25rem !important;
  }
}
.p-152 {
  padding: 9.5rem;
}

.py-152 {
  padding-top: 9.5rem;
  padding-bottom: 9.5rem;
}

.px-152 {
  padding-right: 9.5rem;
  padding-left: 9.5rem;
}

.pt-152 {
  padding-top: 9.5rem;
}

.pr-152 {
  padding-right: 9.5rem;
}

.pb-152 {
  padding-bottom: 9.5rem;
}

.pl-152 {
  padding-left: 9.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-152 {
    padding: 9.5rem !important;
  }

  .sm-py-152 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }

  .sm-px-152 {
    padding-right: 9.5rem !important;
    padding-left: 9.5rem !important;
  }

  .sm-pt-152 {
    padding-top: 9.5rem !important;
  }

  .sm-pr-152 {
    padding-right: 9.5rem !important;
  }

  .sm-pb-152 {
    padding-bottom: 9.5rem !important;
  }

  .sm-pl-152 {
    padding-left: 9.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-152 {
    padding: 9.5rem !important;
  }

  .md-py-152 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }

  .md-px-152 {
    padding-right: 9.5rem !important;
    padding-left: 9.5rem !important;
  }

  .md-pt-152 {
    padding-top: 9.5rem !important;
  }

  .md-pr-152 {
    padding-right: 9.5rem !important;
  }

  .md-pb-152 {
    padding-bottom: 9.5rem !important;
  }

  .md-pl-152 {
    padding-left: 9.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-152 {
    padding: 9.5rem !important;
  }

  .lg-py-152 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }

  .lg-px-152 {
    padding-right: 9.5rem !important;
    padding-left: 9.5rem !important;
  }

  .lg-pt-152 {
    padding-top: 9.5rem !important;
  }

  .lg-pr-152 {
    padding-right: 9.5rem !important;
  }

  .lg-pb-152 {
    padding-bottom: 9.5rem !important;
  }

  .lg-pl-152 {
    padding-left: 9.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-152 {
    padding: 9.5rem !important;
  }

  .xl-py-152 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }

  .xl-px-152 {
    padding-right: 9.5rem !important;
    padding-left: 9.5rem !important;
  }

  .xl-pt-152 {
    padding-top: 9.5rem !important;
  }

  .xl-pr-152 {
    padding-right: 9.5rem !important;
  }

  .xl-pb-152 {
    padding-bottom: 9.5rem !important;
  }

  .xl-pl-152 {
    padding-left: 9.5rem !important;
  }
}
.p-156 {
  padding: 9.75rem;
}

.py-156 {
  padding-top: 9.75rem;
  padding-bottom: 9.75rem;
}

.px-156 {
  padding-right: 9.75rem;
  padding-left: 9.75rem;
}

.pt-156 {
  padding-top: 9.75rem;
}

.pr-156 {
  padding-right: 9.75rem;
}

.pb-156 {
  padding-bottom: 9.75rem;
}

.pl-156 {
  padding-left: 9.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-156 {
    padding: 9.75rem !important;
  }

  .sm-py-156 {
    padding-top: 9.75rem !important;
    padding-bottom: 9.75rem !important;
  }

  .sm-px-156 {
    padding-right: 9.75rem !important;
    padding-left: 9.75rem !important;
  }

  .sm-pt-156 {
    padding-top: 9.75rem !important;
  }

  .sm-pr-156 {
    padding-right: 9.75rem !important;
  }

  .sm-pb-156 {
    padding-bottom: 9.75rem !important;
  }

  .sm-pl-156 {
    padding-left: 9.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-156 {
    padding: 9.75rem !important;
  }

  .md-py-156 {
    padding-top: 9.75rem !important;
    padding-bottom: 9.75rem !important;
  }

  .md-px-156 {
    padding-right: 9.75rem !important;
    padding-left: 9.75rem !important;
  }

  .md-pt-156 {
    padding-top: 9.75rem !important;
  }

  .md-pr-156 {
    padding-right: 9.75rem !important;
  }

  .md-pb-156 {
    padding-bottom: 9.75rem !important;
  }

  .md-pl-156 {
    padding-left: 9.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-156 {
    padding: 9.75rem !important;
  }

  .lg-py-156 {
    padding-top: 9.75rem !important;
    padding-bottom: 9.75rem !important;
  }

  .lg-px-156 {
    padding-right: 9.75rem !important;
    padding-left: 9.75rem !important;
  }

  .lg-pt-156 {
    padding-top: 9.75rem !important;
  }

  .lg-pr-156 {
    padding-right: 9.75rem !important;
  }

  .lg-pb-156 {
    padding-bottom: 9.75rem !important;
  }

  .lg-pl-156 {
    padding-left: 9.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-156 {
    padding: 9.75rem !important;
  }

  .xl-py-156 {
    padding-top: 9.75rem !important;
    padding-bottom: 9.75rem !important;
  }

  .xl-px-156 {
    padding-right: 9.75rem !important;
    padding-left: 9.75rem !important;
  }

  .xl-pt-156 {
    padding-top: 9.75rem !important;
  }

  .xl-pr-156 {
    padding-right: 9.75rem !important;
  }

  .xl-pb-156 {
    padding-bottom: 9.75rem !important;
  }

  .xl-pl-156 {
    padding-left: 9.75rem !important;
  }
}
.p-160 {
  padding: 10rem;
}

.py-160 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.px-160 {
  padding-right: 10rem;
  padding-left: 10rem;
}

.pt-160 {
  padding-top: 10rem;
}

.pr-160 {
  padding-right: 10rem;
}

.pb-160 {
  padding-bottom: 10rem;
}

.pl-160 {
  padding-left: 10rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-160 {
    padding: 10rem !important;
  }

  .sm-py-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .sm-px-160 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }

  .sm-pt-160 {
    padding-top: 10rem !important;
  }

  .sm-pr-160 {
    padding-right: 10rem !important;
  }

  .sm-pb-160 {
    padding-bottom: 10rem !important;
  }

  .sm-pl-160 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-160 {
    padding: 10rem !important;
  }

  .md-py-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .md-px-160 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }

  .md-pt-160 {
    padding-top: 10rem !important;
  }

  .md-pr-160 {
    padding-right: 10rem !important;
  }

  .md-pb-160 {
    padding-bottom: 10rem !important;
  }

  .md-pl-160 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-160 {
    padding: 10rem !important;
  }

  .lg-py-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .lg-px-160 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }

  .lg-pt-160 {
    padding-top: 10rem !important;
  }

  .lg-pr-160 {
    padding-right: 10rem !important;
  }

  .lg-pb-160 {
    padding-bottom: 10rem !important;
  }

  .lg-pl-160 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-160 {
    padding: 10rem !important;
  }

  .xl-py-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .xl-px-160 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }

  .xl-pt-160 {
    padding-top: 10rem !important;
  }

  .xl-pr-160 {
    padding-right: 10rem !important;
  }

  .xl-pb-160 {
    padding-bottom: 10rem !important;
  }

  .xl-pl-160 {
    padding-left: 10rem !important;
  }
}
.p-164 {
  padding: 10.25rem;
}

.py-164 {
  padding-top: 10.25rem;
  padding-bottom: 10.25rem;
}

.px-164 {
  padding-right: 10.25rem;
  padding-left: 10.25rem;
}

.pt-164 {
  padding-top: 10.25rem;
}

.pr-164 {
  padding-right: 10.25rem;
}

.pb-164 {
  padding-bottom: 10.25rem;
}

.pl-164 {
  padding-left: 10.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-164 {
    padding: 10.25rem !important;
  }

  .sm-py-164 {
    padding-top: 10.25rem !important;
    padding-bottom: 10.25rem !important;
  }

  .sm-px-164 {
    padding-right: 10.25rem !important;
    padding-left: 10.25rem !important;
  }

  .sm-pt-164 {
    padding-top: 10.25rem !important;
  }

  .sm-pr-164 {
    padding-right: 10.25rem !important;
  }

  .sm-pb-164 {
    padding-bottom: 10.25rem !important;
  }

  .sm-pl-164 {
    padding-left: 10.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-164 {
    padding: 10.25rem !important;
  }

  .md-py-164 {
    padding-top: 10.25rem !important;
    padding-bottom: 10.25rem !important;
  }

  .md-px-164 {
    padding-right: 10.25rem !important;
    padding-left: 10.25rem !important;
  }

  .md-pt-164 {
    padding-top: 10.25rem !important;
  }

  .md-pr-164 {
    padding-right: 10.25rem !important;
  }

  .md-pb-164 {
    padding-bottom: 10.25rem !important;
  }

  .md-pl-164 {
    padding-left: 10.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-164 {
    padding: 10.25rem !important;
  }

  .lg-py-164 {
    padding-top: 10.25rem !important;
    padding-bottom: 10.25rem !important;
  }

  .lg-px-164 {
    padding-right: 10.25rem !important;
    padding-left: 10.25rem !important;
  }

  .lg-pt-164 {
    padding-top: 10.25rem !important;
  }

  .lg-pr-164 {
    padding-right: 10.25rem !important;
  }

  .lg-pb-164 {
    padding-bottom: 10.25rem !important;
  }

  .lg-pl-164 {
    padding-left: 10.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-164 {
    padding: 10.25rem !important;
  }

  .xl-py-164 {
    padding-top: 10.25rem !important;
    padding-bottom: 10.25rem !important;
  }

  .xl-px-164 {
    padding-right: 10.25rem !important;
    padding-left: 10.25rem !important;
  }

  .xl-pt-164 {
    padding-top: 10.25rem !important;
  }

  .xl-pr-164 {
    padding-right: 10.25rem !important;
  }

  .xl-pb-164 {
    padding-bottom: 10.25rem !important;
  }

  .xl-pl-164 {
    padding-left: 10.25rem !important;
  }
}
.p-168 {
  padding: 10.5rem;
}

.py-168 {
  padding-top: 10.5rem;
  padding-bottom: 10.5rem;
}

.px-168 {
  padding-right: 10.5rem;
  padding-left: 10.5rem;
}

.pt-168 {
  padding-top: 10.5rem;
}

.pr-168 {
  padding-right: 10.5rem;
}

.pb-168 {
  padding-bottom: 10.5rem;
}

.pl-168 {
  padding-left: 10.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-168 {
    padding: 10.5rem !important;
  }

  .sm-py-168 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }

  .sm-px-168 {
    padding-right: 10.5rem !important;
    padding-left: 10.5rem !important;
  }

  .sm-pt-168 {
    padding-top: 10.5rem !important;
  }

  .sm-pr-168 {
    padding-right: 10.5rem !important;
  }

  .sm-pb-168 {
    padding-bottom: 10.5rem !important;
  }

  .sm-pl-168 {
    padding-left: 10.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-168 {
    padding: 10.5rem !important;
  }

  .md-py-168 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }

  .md-px-168 {
    padding-right: 10.5rem !important;
    padding-left: 10.5rem !important;
  }

  .md-pt-168 {
    padding-top: 10.5rem !important;
  }

  .md-pr-168 {
    padding-right: 10.5rem !important;
  }

  .md-pb-168 {
    padding-bottom: 10.5rem !important;
  }

  .md-pl-168 {
    padding-left: 10.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-168 {
    padding: 10.5rem !important;
  }

  .lg-py-168 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }

  .lg-px-168 {
    padding-right: 10.5rem !important;
    padding-left: 10.5rem !important;
  }

  .lg-pt-168 {
    padding-top: 10.5rem !important;
  }

  .lg-pr-168 {
    padding-right: 10.5rem !important;
  }

  .lg-pb-168 {
    padding-bottom: 10.5rem !important;
  }

  .lg-pl-168 {
    padding-left: 10.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-168 {
    padding: 10.5rem !important;
  }

  .xl-py-168 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }

  .xl-px-168 {
    padding-right: 10.5rem !important;
    padding-left: 10.5rem !important;
  }

  .xl-pt-168 {
    padding-top: 10.5rem !important;
  }

  .xl-pr-168 {
    padding-right: 10.5rem !important;
  }

  .xl-pb-168 {
    padding-bottom: 10.5rem !important;
  }

  .xl-pl-168 {
    padding-left: 10.5rem !important;
  }
}
.p-172 {
  padding: 10.75rem;
}

.py-172 {
  padding-top: 10.75rem;
  padding-bottom: 10.75rem;
}

.px-172 {
  padding-right: 10.75rem;
  padding-left: 10.75rem;
}

.pt-172 {
  padding-top: 10.75rem;
}

.pr-172 {
  padding-right: 10.75rem;
}

.pb-172 {
  padding-bottom: 10.75rem;
}

.pl-172 {
  padding-left: 10.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-172 {
    padding: 10.75rem !important;
  }

  .sm-py-172 {
    padding-top: 10.75rem !important;
    padding-bottom: 10.75rem !important;
  }

  .sm-px-172 {
    padding-right: 10.75rem !important;
    padding-left: 10.75rem !important;
  }

  .sm-pt-172 {
    padding-top: 10.75rem !important;
  }

  .sm-pr-172 {
    padding-right: 10.75rem !important;
  }

  .sm-pb-172 {
    padding-bottom: 10.75rem !important;
  }

  .sm-pl-172 {
    padding-left: 10.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-172 {
    padding: 10.75rem !important;
  }

  .md-py-172 {
    padding-top: 10.75rem !important;
    padding-bottom: 10.75rem !important;
  }

  .md-px-172 {
    padding-right: 10.75rem !important;
    padding-left: 10.75rem !important;
  }

  .md-pt-172 {
    padding-top: 10.75rem !important;
  }

  .md-pr-172 {
    padding-right: 10.75rem !important;
  }

  .md-pb-172 {
    padding-bottom: 10.75rem !important;
  }

  .md-pl-172 {
    padding-left: 10.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-172 {
    padding: 10.75rem !important;
  }

  .lg-py-172 {
    padding-top: 10.75rem !important;
    padding-bottom: 10.75rem !important;
  }

  .lg-px-172 {
    padding-right: 10.75rem !important;
    padding-left: 10.75rem !important;
  }

  .lg-pt-172 {
    padding-top: 10.75rem !important;
  }

  .lg-pr-172 {
    padding-right: 10.75rem !important;
  }

  .lg-pb-172 {
    padding-bottom: 10.75rem !important;
  }

  .lg-pl-172 {
    padding-left: 10.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-172 {
    padding: 10.75rem !important;
  }

  .xl-py-172 {
    padding-top: 10.75rem !important;
    padding-bottom: 10.75rem !important;
  }

  .xl-px-172 {
    padding-right: 10.75rem !important;
    padding-left: 10.75rem !important;
  }

  .xl-pt-172 {
    padding-top: 10.75rem !important;
  }

  .xl-pr-172 {
    padding-right: 10.75rem !important;
  }

  .xl-pb-172 {
    padding-bottom: 10.75rem !important;
  }

  .xl-pl-172 {
    padding-left: 10.75rem !important;
  }
}
.p-176 {
  padding: 11rem;
}

.py-176 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.px-176 {
  padding-right: 11rem;
  padding-left: 11rem;
}

.pt-176 {
  padding-top: 11rem;
}

.pr-176 {
  padding-right: 11rem;
}

.pb-176 {
  padding-bottom: 11rem;
}

.pl-176 {
  padding-left: 11rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-176 {
    padding: 11rem !important;
  }

  .sm-py-176 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }

  .sm-px-176 {
    padding-right: 11rem !important;
    padding-left: 11rem !important;
  }

  .sm-pt-176 {
    padding-top: 11rem !important;
  }

  .sm-pr-176 {
    padding-right: 11rem !important;
  }

  .sm-pb-176 {
    padding-bottom: 11rem !important;
  }

  .sm-pl-176 {
    padding-left: 11rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-176 {
    padding: 11rem !important;
  }

  .md-py-176 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }

  .md-px-176 {
    padding-right: 11rem !important;
    padding-left: 11rem !important;
  }

  .md-pt-176 {
    padding-top: 11rem !important;
  }

  .md-pr-176 {
    padding-right: 11rem !important;
  }

  .md-pb-176 {
    padding-bottom: 11rem !important;
  }

  .md-pl-176 {
    padding-left: 11rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-176 {
    padding: 11rem !important;
  }

  .lg-py-176 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }

  .lg-px-176 {
    padding-right: 11rem !important;
    padding-left: 11rem !important;
  }

  .lg-pt-176 {
    padding-top: 11rem !important;
  }

  .lg-pr-176 {
    padding-right: 11rem !important;
  }

  .lg-pb-176 {
    padding-bottom: 11rem !important;
  }

  .lg-pl-176 {
    padding-left: 11rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-176 {
    padding: 11rem !important;
  }

  .xl-py-176 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }

  .xl-px-176 {
    padding-right: 11rem !important;
    padding-left: 11rem !important;
  }

  .xl-pt-176 {
    padding-top: 11rem !important;
  }

  .xl-pr-176 {
    padding-right: 11rem !important;
  }

  .xl-pb-176 {
    padding-bottom: 11rem !important;
  }

  .xl-pl-176 {
    padding-left: 11rem !important;
  }
}
.p-180 {
  padding: 11.25rem;
}

.py-180 {
  padding-top: 11.25rem;
  padding-bottom: 11.25rem;
}

.px-180 {
  padding-right: 11.25rem;
  padding-left: 11.25rem;
}

.pt-180 {
  padding-top: 11.25rem;
}

.pr-180 {
  padding-right: 11.25rem;
}

.pb-180 {
  padding-bottom: 11.25rem;
}

.pl-180 {
  padding-left: 11.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-180 {
    padding: 11.25rem !important;
  }

  .sm-py-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }

  .sm-px-180 {
    padding-right: 11.25rem !important;
    padding-left: 11.25rem !important;
  }

  .sm-pt-180 {
    padding-top: 11.25rem !important;
  }

  .sm-pr-180 {
    padding-right: 11.25rem !important;
  }

  .sm-pb-180 {
    padding-bottom: 11.25rem !important;
  }

  .sm-pl-180 {
    padding-left: 11.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-180 {
    padding: 11.25rem !important;
  }

  .md-py-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }

  .md-px-180 {
    padding-right: 11.25rem !important;
    padding-left: 11.25rem !important;
  }

  .md-pt-180 {
    padding-top: 11.25rem !important;
  }

  .md-pr-180 {
    padding-right: 11.25rem !important;
  }

  .md-pb-180 {
    padding-bottom: 11.25rem !important;
  }

  .md-pl-180 {
    padding-left: 11.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-180 {
    padding: 11.25rem !important;
  }

  .lg-py-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }

  .lg-px-180 {
    padding-right: 11.25rem !important;
    padding-left: 11.25rem !important;
  }

  .lg-pt-180 {
    padding-top: 11.25rem !important;
  }

  .lg-pr-180 {
    padding-right: 11.25rem !important;
  }

  .lg-pb-180 {
    padding-bottom: 11.25rem !important;
  }

  .lg-pl-180 {
    padding-left: 11.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-180 {
    padding: 11.25rem !important;
  }

  .xl-py-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }

  .xl-px-180 {
    padding-right: 11.25rem !important;
    padding-left: 11.25rem !important;
  }

  .xl-pt-180 {
    padding-top: 11.25rem !important;
  }

  .xl-pr-180 {
    padding-right: 11.25rem !important;
  }

  .xl-pb-180 {
    padding-bottom: 11.25rem !important;
  }

  .xl-pl-180 {
    padding-left: 11.25rem !important;
  }
}
.p-184 {
  padding: 11.5rem;
}

.py-184 {
  padding-top: 11.5rem;
  padding-bottom: 11.5rem;
}

.px-184 {
  padding-right: 11.5rem;
  padding-left: 11.5rem;
}

.pt-184 {
  padding-top: 11.5rem;
}

.pr-184 {
  padding-right: 11.5rem;
}

.pb-184 {
  padding-bottom: 11.5rem;
}

.pl-184 {
  padding-left: 11.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-184 {
    padding: 11.5rem !important;
  }

  .sm-py-184 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }

  .sm-px-184 {
    padding-right: 11.5rem !important;
    padding-left: 11.5rem !important;
  }

  .sm-pt-184 {
    padding-top: 11.5rem !important;
  }

  .sm-pr-184 {
    padding-right: 11.5rem !important;
  }

  .sm-pb-184 {
    padding-bottom: 11.5rem !important;
  }

  .sm-pl-184 {
    padding-left: 11.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-184 {
    padding: 11.5rem !important;
  }

  .md-py-184 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }

  .md-px-184 {
    padding-right: 11.5rem !important;
    padding-left: 11.5rem !important;
  }

  .md-pt-184 {
    padding-top: 11.5rem !important;
  }

  .md-pr-184 {
    padding-right: 11.5rem !important;
  }

  .md-pb-184 {
    padding-bottom: 11.5rem !important;
  }

  .md-pl-184 {
    padding-left: 11.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-184 {
    padding: 11.5rem !important;
  }

  .lg-py-184 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }

  .lg-px-184 {
    padding-right: 11.5rem !important;
    padding-left: 11.5rem !important;
  }

  .lg-pt-184 {
    padding-top: 11.5rem !important;
  }

  .lg-pr-184 {
    padding-right: 11.5rem !important;
  }

  .lg-pb-184 {
    padding-bottom: 11.5rem !important;
  }

  .lg-pl-184 {
    padding-left: 11.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-184 {
    padding: 11.5rem !important;
  }

  .xl-py-184 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }

  .xl-px-184 {
    padding-right: 11.5rem !important;
    padding-left: 11.5rem !important;
  }

  .xl-pt-184 {
    padding-top: 11.5rem !important;
  }

  .xl-pr-184 {
    padding-right: 11.5rem !important;
  }

  .xl-pb-184 {
    padding-bottom: 11.5rem !important;
  }

  .xl-pl-184 {
    padding-left: 11.5rem !important;
  }
}
.p-188 {
  padding: 11.75rem;
}

.py-188 {
  padding-top: 11.75rem;
  padding-bottom: 11.75rem;
}

.px-188 {
  padding-right: 11.75rem;
  padding-left: 11.75rem;
}

.pt-188 {
  padding-top: 11.75rem;
}

.pr-188 {
  padding-right: 11.75rem;
}

.pb-188 {
  padding-bottom: 11.75rem;
}

.pl-188 {
  padding-left: 11.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-188 {
    padding: 11.75rem !important;
  }

  .sm-py-188 {
    padding-top: 11.75rem !important;
    padding-bottom: 11.75rem !important;
  }

  .sm-px-188 {
    padding-right: 11.75rem !important;
    padding-left: 11.75rem !important;
  }

  .sm-pt-188 {
    padding-top: 11.75rem !important;
  }

  .sm-pr-188 {
    padding-right: 11.75rem !important;
  }

  .sm-pb-188 {
    padding-bottom: 11.75rem !important;
  }

  .sm-pl-188 {
    padding-left: 11.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-188 {
    padding: 11.75rem !important;
  }

  .md-py-188 {
    padding-top: 11.75rem !important;
    padding-bottom: 11.75rem !important;
  }

  .md-px-188 {
    padding-right: 11.75rem !important;
    padding-left: 11.75rem !important;
  }

  .md-pt-188 {
    padding-top: 11.75rem !important;
  }

  .md-pr-188 {
    padding-right: 11.75rem !important;
  }

  .md-pb-188 {
    padding-bottom: 11.75rem !important;
  }

  .md-pl-188 {
    padding-left: 11.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-188 {
    padding: 11.75rem !important;
  }

  .lg-py-188 {
    padding-top: 11.75rem !important;
    padding-bottom: 11.75rem !important;
  }

  .lg-px-188 {
    padding-right: 11.75rem !important;
    padding-left: 11.75rem !important;
  }

  .lg-pt-188 {
    padding-top: 11.75rem !important;
  }

  .lg-pr-188 {
    padding-right: 11.75rem !important;
  }

  .lg-pb-188 {
    padding-bottom: 11.75rem !important;
  }

  .lg-pl-188 {
    padding-left: 11.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-188 {
    padding: 11.75rem !important;
  }

  .xl-py-188 {
    padding-top: 11.75rem !important;
    padding-bottom: 11.75rem !important;
  }

  .xl-px-188 {
    padding-right: 11.75rem !important;
    padding-left: 11.75rem !important;
  }

  .xl-pt-188 {
    padding-top: 11.75rem !important;
  }

  .xl-pr-188 {
    padding-right: 11.75rem !important;
  }

  .xl-pb-188 {
    padding-bottom: 11.75rem !important;
  }

  .xl-pl-188 {
    padding-left: 11.75rem !important;
  }
}
.p-192 {
  padding: 12rem;
}

.py-192 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.px-192 {
  padding-right: 12rem;
  padding-left: 12rem;
}

.pt-192 {
  padding-top: 12rem;
}

.pr-192 {
  padding-right: 12rem;
}

.pb-192 {
  padding-bottom: 12rem;
}

.pl-192 {
  padding-left: 12rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-192 {
    padding: 12rem !important;
  }

  .sm-py-192 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .sm-px-192 {
    padding-right: 12rem !important;
    padding-left: 12rem !important;
  }

  .sm-pt-192 {
    padding-top: 12rem !important;
  }

  .sm-pr-192 {
    padding-right: 12rem !important;
  }

  .sm-pb-192 {
    padding-bottom: 12rem !important;
  }

  .sm-pl-192 {
    padding-left: 12rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-192 {
    padding: 12rem !important;
  }

  .md-py-192 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .md-px-192 {
    padding-right: 12rem !important;
    padding-left: 12rem !important;
  }

  .md-pt-192 {
    padding-top: 12rem !important;
  }

  .md-pr-192 {
    padding-right: 12rem !important;
  }

  .md-pb-192 {
    padding-bottom: 12rem !important;
  }

  .md-pl-192 {
    padding-left: 12rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-192 {
    padding: 12rem !important;
  }

  .lg-py-192 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .lg-px-192 {
    padding-right: 12rem !important;
    padding-left: 12rem !important;
  }

  .lg-pt-192 {
    padding-top: 12rem !important;
  }

  .lg-pr-192 {
    padding-right: 12rem !important;
  }

  .lg-pb-192 {
    padding-bottom: 12rem !important;
  }

  .lg-pl-192 {
    padding-left: 12rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-192 {
    padding: 12rem !important;
  }

  .xl-py-192 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .xl-px-192 {
    padding-right: 12rem !important;
    padding-left: 12rem !important;
  }

  .xl-pt-192 {
    padding-top: 12rem !important;
  }

  .xl-pr-192 {
    padding-right: 12rem !important;
  }

  .xl-pb-192 {
    padding-bottom: 12rem !important;
  }

  .xl-pl-192 {
    padding-left: 12rem !important;
  }
}
.p-196 {
  padding: 12.25rem;
}

.py-196 {
  padding-top: 12.25rem;
  padding-bottom: 12.25rem;
}

.px-196 {
  padding-right: 12.25rem;
  padding-left: 12.25rem;
}

.pt-196 {
  padding-top: 12.25rem;
}

.pr-196 {
  padding-right: 12.25rem;
}

.pb-196 {
  padding-bottom: 12.25rem;
}

.pl-196 {
  padding-left: 12.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-196 {
    padding: 12.25rem !important;
  }

  .sm-py-196 {
    padding-top: 12.25rem !important;
    padding-bottom: 12.25rem !important;
  }

  .sm-px-196 {
    padding-right: 12.25rem !important;
    padding-left: 12.25rem !important;
  }

  .sm-pt-196 {
    padding-top: 12.25rem !important;
  }

  .sm-pr-196 {
    padding-right: 12.25rem !important;
  }

  .sm-pb-196 {
    padding-bottom: 12.25rem !important;
  }

  .sm-pl-196 {
    padding-left: 12.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-196 {
    padding: 12.25rem !important;
  }

  .md-py-196 {
    padding-top: 12.25rem !important;
    padding-bottom: 12.25rem !important;
  }

  .md-px-196 {
    padding-right: 12.25rem !important;
    padding-left: 12.25rem !important;
  }

  .md-pt-196 {
    padding-top: 12.25rem !important;
  }

  .md-pr-196 {
    padding-right: 12.25rem !important;
  }

  .md-pb-196 {
    padding-bottom: 12.25rem !important;
  }

  .md-pl-196 {
    padding-left: 12.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-196 {
    padding: 12.25rem !important;
  }

  .lg-py-196 {
    padding-top: 12.25rem !important;
    padding-bottom: 12.25rem !important;
  }

  .lg-px-196 {
    padding-right: 12.25rem !important;
    padding-left: 12.25rem !important;
  }

  .lg-pt-196 {
    padding-top: 12.25rem !important;
  }

  .lg-pr-196 {
    padding-right: 12.25rem !important;
  }

  .lg-pb-196 {
    padding-bottom: 12.25rem !important;
  }

  .lg-pl-196 {
    padding-left: 12.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-196 {
    padding: 12.25rem !important;
  }

  .xl-py-196 {
    padding-top: 12.25rem !important;
    padding-bottom: 12.25rem !important;
  }

  .xl-px-196 {
    padding-right: 12.25rem !important;
    padding-left: 12.25rem !important;
  }

  .xl-pt-196 {
    padding-top: 12.25rem !important;
  }

  .xl-pr-196 {
    padding-right: 12.25rem !important;
  }

  .xl-pb-196 {
    padding-bottom: 12.25rem !important;
  }

  .xl-pl-196 {
    padding-left: 12.25rem !important;
  }
}
.p-200 {
  padding: 12.5rem;
}

.py-200 {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.px-200 {
  padding-right: 12.5rem;
  padding-left: 12.5rem;
}

.pt-200 {
  padding-top: 12.5rem;
}

.pr-200 {
  padding-right: 12.5rem;
}

.pb-200 {
  padding-bottom: 12.5rem;
}

.pl-200 {
  padding-left: 12.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-200 {
    padding: 12.5rem !important;
  }

  .sm-py-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }

  .sm-px-200 {
    padding-right: 12.5rem !important;
    padding-left: 12.5rem !important;
  }

  .sm-pt-200 {
    padding-top: 12.5rem !important;
  }

  .sm-pr-200 {
    padding-right: 12.5rem !important;
  }

  .sm-pb-200 {
    padding-bottom: 12.5rem !important;
  }

  .sm-pl-200 {
    padding-left: 12.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-200 {
    padding: 12.5rem !important;
  }

  .md-py-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }

  .md-px-200 {
    padding-right: 12.5rem !important;
    padding-left: 12.5rem !important;
  }

  .md-pt-200 {
    padding-top: 12.5rem !important;
  }

  .md-pr-200 {
    padding-right: 12.5rem !important;
  }

  .md-pb-200 {
    padding-bottom: 12.5rem !important;
  }

  .md-pl-200 {
    padding-left: 12.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-p-200 {
    padding: 12.5rem !important;
  }

  .lg-py-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }

  .lg-px-200 {
    padding-right: 12.5rem !important;
    padding-left: 12.5rem !important;
  }

  .lg-pt-200 {
    padding-top: 12.5rem !important;
  }

  .lg-pr-200 {
    padding-right: 12.5rem !important;
  }

  .lg-pb-200 {
    padding-bottom: 12.5rem !important;
  }

  .lg-pl-200 {
    padding-left: 12.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-p-200 {
    padding: 12.5rem !important;
  }

  .xl-py-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }

  .xl-px-200 {
    padding-right: 12.5rem !important;
    padding-left: 12.5rem !important;
  }

  .xl-pt-200 {
    padding-top: 12.5rem !important;
  }

  .xl-pr-200 {
    padding-right: 12.5rem !important;
  }

  .xl-pb-200 {
    padding-bottom: 12.5rem !important;
  }

  .xl-pl-200 {
    padding-left: 12.5rem !important;
  }
}
/*
  Margin
 */
.m-0 {
  margin: 0;
}

.-m-0 {
  margin: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.-mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.mt-0 {
  margin-top: 0;
}

.-mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.-mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.-mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.-ml-0 {
  margin-left: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-0 {
    margin: 0 !important;
  }

  .-sm-m-0 {
    margin: 0 !important;
  }

  .sm-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .-sm-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .sm-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .-sm-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .sm-mt-0 {
    margin-top: 0 !important;
  }

  .-sm-mt-0 {
    margin-top: 0 !important;
  }

  .sm-mr-0 {
    margin-right: 0 !important;
  }

  .-sm-mr-0 {
    margin-right: 0 !important;
  }

  .sm-mb-0 {
    margin-bottom: 0 !important;
  }

  .-sm-mb-0 {
    margin-bottom: 0 !important;
  }

  .sm-ml-0 {
    margin-left: 0 !important;
  }

  .-sm-ml-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-0 {
    margin: 0 !important;
  }

  .-md-m-0 {
    margin: 0 !important;
  }

  .md-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .-md-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .md-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .-md-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .md-mt-0 {
    margin-top: 0 !important;
  }

  .-md-mt-0 {
    margin-top: 0 !important;
  }

  .md-mr-0 {
    margin-right: 0 !important;
  }

  .-md-mr-0 {
    margin-right: 0 !important;
  }

  .md-mb-0 {
    margin-bottom: 0 !important;
  }

  .-md-mb-0 {
    margin-bottom: 0 !important;
  }

  .md-ml-0 {
    margin-left: 0 !important;
  }

  .-md-ml-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-0 {
    margin: 0 !important;
  }

  .-lg-m-0 {
    margin: 0 !important;
  }

  .lg-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .-lg-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .lg-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .-lg-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .lg-mt-0 {
    margin-top: 0 !important;
  }

  .-lg-mt-0 {
    margin-top: 0 !important;
  }

  .lg-mr-0 {
    margin-right: 0 !important;
  }

  .-lg-mr-0 {
    margin-right: 0 !important;
  }

  .lg-mb-0 {
    margin-bottom: 0 !important;
  }

  .-lg-mb-0 {
    margin-bottom: 0 !important;
  }

  .lg-ml-0 {
    margin-left: 0 !important;
  }

  .-lg-ml-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-0 {
    margin: 0 !important;
  }

  .-xl-m-0 {
    margin: 0 !important;
  }

  .xl-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .-xl-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xl-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .-xl-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .xl-mt-0 {
    margin-top: 0 !important;
  }

  .-xl-mt-0 {
    margin-top: 0 !important;
  }

  .xl-mr-0 {
    margin-right: 0 !important;
  }

  .-xl-mr-0 {
    margin-right: 0 !important;
  }

  .xl-mb-0 {
    margin-bottom: 0 !important;
  }

  .-xl-mb-0 {
    margin-bottom: 0 !important;
  }

  .xl-ml-0 {
    margin-left: 0 !important;
  }

  .-xl-ml-0 {
    margin-left: 0 !important;
  }
}
.m-px {
  margin: 1px;
}

.-m-px {
  margin: -1px;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

.mx-px {
  margin-right: 1px;
  margin-left: 1px;
}

.-mx-px {
  margin-right: -1px;
  margin-left: -1px;
}

.mt-px {
  margin-top: 1px;
}

.-mt-px {
  margin-top: -1px;
}

.mr-px {
  margin-right: 1px;
}

.-mr-px {
  margin-right: -1px;
}

.mb-px {
  margin-bottom: 1px;
}

.-mb-px {
  margin-bottom: -1px;
}

.ml-px {
  margin-left: 1px;
}

.-ml-px {
  margin-left: -1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-px {
    margin: 1px !important;
  }

  .-sm-m-px {
    margin: -1px !important;
  }

  .sm-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .-sm-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .sm-mx-px {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }

  .-sm-mx-px {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }

  .sm-mt-px {
    margin-top: 1px !important;
  }

  .-sm-mt-px {
    margin-top: -1px !important;
  }

  .sm-mr-px {
    margin-right: 1px !important;
  }

  .-sm-mr-px {
    margin-right: -1px !important;
  }

  .sm-mb-px {
    margin-bottom: 1px !important;
  }

  .-sm-mb-px {
    margin-bottom: -1px !important;
  }

  .sm-ml-px {
    margin-left: 1px !important;
  }

  .-sm-ml-px {
    margin-left: -1px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-px {
    margin: 1px !important;
  }

  .-md-m-px {
    margin: -1px !important;
  }

  .md-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .-md-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .md-mx-px {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }

  .-md-mx-px {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }

  .md-mt-px {
    margin-top: 1px !important;
  }

  .-md-mt-px {
    margin-top: -1px !important;
  }

  .md-mr-px {
    margin-right: 1px !important;
  }

  .-md-mr-px {
    margin-right: -1px !important;
  }

  .md-mb-px {
    margin-bottom: 1px !important;
  }

  .-md-mb-px {
    margin-bottom: -1px !important;
  }

  .md-ml-px {
    margin-left: 1px !important;
  }

  .-md-ml-px {
    margin-left: -1px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-px {
    margin: 1px !important;
  }

  .-lg-m-px {
    margin: -1px !important;
  }

  .lg-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .-lg-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .lg-mx-px {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }

  .-lg-mx-px {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }

  .lg-mt-px {
    margin-top: 1px !important;
  }

  .-lg-mt-px {
    margin-top: -1px !important;
  }

  .lg-mr-px {
    margin-right: 1px !important;
  }

  .-lg-mr-px {
    margin-right: -1px !important;
  }

  .lg-mb-px {
    margin-bottom: 1px !important;
  }

  .-lg-mb-px {
    margin-bottom: -1px !important;
  }

  .lg-ml-px {
    margin-left: 1px !important;
  }

  .-lg-ml-px {
    margin-left: -1px !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-px {
    margin: 1px !important;
  }

  .-xl-m-px {
    margin: -1px !important;
  }

  .xl-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .-xl-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .xl-mx-px {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }

  .-xl-mx-px {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }

  .xl-mt-px {
    margin-top: 1px !important;
  }

  .-xl-mt-px {
    margin-top: -1px !important;
  }

  .xl-mr-px {
    margin-right: 1px !important;
  }

  .-xl-mr-px {
    margin-right: -1px !important;
  }

  .xl-mb-px {
    margin-bottom: 1px !important;
  }

  .-xl-mb-px {
    margin-bottom: -1px !important;
  }

  .xl-ml-px {
    margin-left: 1px !important;
  }

  .-xl-ml-px {
    margin-left: -1px !important;
  }
}
.m-2px {
  margin: 2px;
}

.-m-2px {
  margin: -2px;
}

.my-2px {
  margin-top: 2px;
  margin-bottom: 2px;
}

.-my-2px {
  margin-top: -2px;
  margin-bottom: -2px;
}

.mx-2px {
  margin-right: 2px;
  margin-left: 2px;
}

.-mx-2px {
  margin-right: -2px;
  margin-left: -2px;
}

.mt-2px {
  margin-top: 2px;
}

.-mt-2px {
  margin-top: -2px;
}

.mr-2px {
  margin-right: 2px;
}

.-mr-2px {
  margin-right: -2px;
}

.mb-2px {
  margin-bottom: 2px;
}

.-mb-2px {
  margin-bottom: -2px;
}

.ml-2px {
  margin-left: 2px;
}

.-ml-2px {
  margin-left: -2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-2px {
    margin: 2px !important;
  }

  .-sm-m-2px {
    margin: -2px !important;
  }

  .sm-my-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .-sm-my-2px {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .sm-mx-2px {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }

  .-sm-mx-2px {
    margin-right: -2px !important;
    margin-left: -2px !important;
  }

  .sm-mt-2px {
    margin-top: 2px !important;
  }

  .-sm-mt-2px {
    margin-top: -2px !important;
  }

  .sm-mr-2px {
    margin-right: 2px !important;
  }

  .-sm-mr-2px {
    margin-right: -2px !important;
  }

  .sm-mb-2px {
    margin-bottom: 2px !important;
  }

  .-sm-mb-2px {
    margin-bottom: -2px !important;
  }

  .sm-ml-2px {
    margin-left: 2px !important;
  }

  .-sm-ml-2px {
    margin-left: -2px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-2px {
    margin: 2px !important;
  }

  .-md-m-2px {
    margin: -2px !important;
  }

  .md-my-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .-md-my-2px {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .md-mx-2px {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }

  .-md-mx-2px {
    margin-right: -2px !important;
    margin-left: -2px !important;
  }

  .md-mt-2px {
    margin-top: 2px !important;
  }

  .-md-mt-2px {
    margin-top: -2px !important;
  }

  .md-mr-2px {
    margin-right: 2px !important;
  }

  .-md-mr-2px {
    margin-right: -2px !important;
  }

  .md-mb-2px {
    margin-bottom: 2px !important;
  }

  .-md-mb-2px {
    margin-bottom: -2px !important;
  }

  .md-ml-2px {
    margin-left: 2px !important;
  }

  .-md-ml-2px {
    margin-left: -2px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-2px {
    margin: 2px !important;
  }

  .-lg-m-2px {
    margin: -2px !important;
  }

  .lg-my-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .-lg-my-2px {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .lg-mx-2px {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }

  .-lg-mx-2px {
    margin-right: -2px !important;
    margin-left: -2px !important;
  }

  .lg-mt-2px {
    margin-top: 2px !important;
  }

  .-lg-mt-2px {
    margin-top: -2px !important;
  }

  .lg-mr-2px {
    margin-right: 2px !important;
  }

  .-lg-mr-2px {
    margin-right: -2px !important;
  }

  .lg-mb-2px {
    margin-bottom: 2px !important;
  }

  .-lg-mb-2px {
    margin-bottom: -2px !important;
  }

  .lg-ml-2px {
    margin-left: 2px !important;
  }

  .-lg-ml-2px {
    margin-left: -2px !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-2px {
    margin: 2px !important;
  }

  .-xl-m-2px {
    margin: -2px !important;
  }

  .xl-my-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .-xl-my-2px {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .xl-mx-2px {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }

  .-xl-mx-2px {
    margin-right: -2px !important;
    margin-left: -2px !important;
  }

  .xl-mt-2px {
    margin-top: 2px !important;
  }

  .-xl-mt-2px {
    margin-top: -2px !important;
  }

  .xl-mr-2px {
    margin-right: 2px !important;
  }

  .-xl-mr-2px {
    margin-right: -2px !important;
  }

  .xl-mb-2px {
    margin-bottom: 2px !important;
  }

  .-xl-mb-2px {
    margin-bottom: -2px !important;
  }

  .xl-ml-2px {
    margin-left: 2px !important;
  }

  .-xl-ml-2px {
    margin-left: -2px !important;
  }
}
.m-3px {
  margin: 3px;
}

.-m-3px {
  margin: -3px;
}

.my-3px {
  margin-top: 3px;
  margin-bottom: 3px;
}

.-my-3px {
  margin-top: -3px;
  margin-bottom: -3px;
}

.mx-3px {
  margin-right: 3px;
  margin-left: 3px;
}

.-mx-3px {
  margin-right: -3px;
  margin-left: -3px;
}

.mt-3px {
  margin-top: 3px;
}

.-mt-3px {
  margin-top: -3px;
}

.mr-3px {
  margin-right: 3px;
}

.-mr-3px {
  margin-right: -3px;
}

.mb-3px {
  margin-bottom: 3px;
}

.-mb-3px {
  margin-bottom: -3px;
}

.ml-3px {
  margin-left: 3px;
}

.-ml-3px {
  margin-left: -3px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-3px {
    margin: 3px !important;
  }

  .-sm-m-3px {
    margin: -3px !important;
  }

  .sm-my-3px {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .-sm-my-3px {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .sm-mx-3px {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }

  .-sm-mx-3px {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }

  .sm-mt-3px {
    margin-top: 3px !important;
  }

  .-sm-mt-3px {
    margin-top: -3px !important;
  }

  .sm-mr-3px {
    margin-right: 3px !important;
  }

  .-sm-mr-3px {
    margin-right: -3px !important;
  }

  .sm-mb-3px {
    margin-bottom: 3px !important;
  }

  .-sm-mb-3px {
    margin-bottom: -3px !important;
  }

  .sm-ml-3px {
    margin-left: 3px !important;
  }

  .-sm-ml-3px {
    margin-left: -3px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-3px {
    margin: 3px !important;
  }

  .-md-m-3px {
    margin: -3px !important;
  }

  .md-my-3px {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .-md-my-3px {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .md-mx-3px {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }

  .-md-mx-3px {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }

  .md-mt-3px {
    margin-top: 3px !important;
  }

  .-md-mt-3px {
    margin-top: -3px !important;
  }

  .md-mr-3px {
    margin-right: 3px !important;
  }

  .-md-mr-3px {
    margin-right: -3px !important;
  }

  .md-mb-3px {
    margin-bottom: 3px !important;
  }

  .-md-mb-3px {
    margin-bottom: -3px !important;
  }

  .md-ml-3px {
    margin-left: 3px !important;
  }

  .-md-ml-3px {
    margin-left: -3px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-3px {
    margin: 3px !important;
  }

  .-lg-m-3px {
    margin: -3px !important;
  }

  .lg-my-3px {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .-lg-my-3px {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .lg-mx-3px {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }

  .-lg-mx-3px {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }

  .lg-mt-3px {
    margin-top: 3px !important;
  }

  .-lg-mt-3px {
    margin-top: -3px !important;
  }

  .lg-mr-3px {
    margin-right: 3px !important;
  }

  .-lg-mr-3px {
    margin-right: -3px !important;
  }

  .lg-mb-3px {
    margin-bottom: 3px !important;
  }

  .-lg-mb-3px {
    margin-bottom: -3px !important;
  }

  .lg-ml-3px {
    margin-left: 3px !important;
  }

  .-lg-ml-3px {
    margin-left: -3px !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-3px {
    margin: 3px !important;
  }

  .-xl-m-3px {
    margin: -3px !important;
  }

  .xl-my-3px {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .-xl-my-3px {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .xl-mx-3px {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }

  .-xl-mx-3px {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }

  .xl-mt-3px {
    margin-top: 3px !important;
  }

  .-xl-mt-3px {
    margin-top: -3px !important;
  }

  .xl-mr-3px {
    margin-right: 3px !important;
  }

  .-xl-mr-3px {
    margin-right: -3px !important;
  }

  .xl-mb-3px {
    margin-bottom: 3px !important;
  }

  .-xl-mb-3px {
    margin-bottom: -3px !important;
  }

  .xl-ml-3px {
    margin-left: 3px !important;
  }

  .-xl-ml-3px {
    margin-left: -3px !important;
  }
}
.m-4px {
  margin: 4px;
}

.-m-4px {
  margin: -4px;
}

.my-4px {
  margin-top: 4px;
  margin-bottom: 4px;
}

.-my-4px {
  margin-top: -4px;
  margin-bottom: -4px;
}

.mx-4px {
  margin-right: 4px;
  margin-left: 4px;
}

.-mx-4px {
  margin-right: -4px;
  margin-left: -4px;
}

.mt-4px {
  margin-top: 4px;
}

.-mt-4px {
  margin-top: -4px;
}

.mr-4px {
  margin-right: 4px;
}

.-mr-4px {
  margin-right: -4px;
}

.mb-4px {
  margin-bottom: 4px;
}

.-mb-4px {
  margin-bottom: -4px;
}

.ml-4px {
  margin-left: 4px;
}

.-ml-4px {
  margin-left: -4px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-4px {
    margin: 4px !important;
  }

  .-sm-m-4px {
    margin: -4px !important;
  }

  .sm-my-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .-sm-my-4px {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .sm-mx-4px {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }

  .-sm-mx-4px {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }

  .sm-mt-4px {
    margin-top: 4px !important;
  }

  .-sm-mt-4px {
    margin-top: -4px !important;
  }

  .sm-mr-4px {
    margin-right: 4px !important;
  }

  .-sm-mr-4px {
    margin-right: -4px !important;
  }

  .sm-mb-4px {
    margin-bottom: 4px !important;
  }

  .-sm-mb-4px {
    margin-bottom: -4px !important;
  }

  .sm-ml-4px {
    margin-left: 4px !important;
  }

  .-sm-ml-4px {
    margin-left: -4px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-4px {
    margin: 4px !important;
  }

  .-md-m-4px {
    margin: -4px !important;
  }

  .md-my-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .-md-my-4px {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .md-mx-4px {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }

  .-md-mx-4px {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }

  .md-mt-4px {
    margin-top: 4px !important;
  }

  .-md-mt-4px {
    margin-top: -4px !important;
  }

  .md-mr-4px {
    margin-right: 4px !important;
  }

  .-md-mr-4px {
    margin-right: -4px !important;
  }

  .md-mb-4px {
    margin-bottom: 4px !important;
  }

  .-md-mb-4px {
    margin-bottom: -4px !important;
  }

  .md-ml-4px {
    margin-left: 4px !important;
  }

  .-md-ml-4px {
    margin-left: -4px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-4px {
    margin: 4px !important;
  }

  .-lg-m-4px {
    margin: -4px !important;
  }

  .lg-my-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .-lg-my-4px {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .lg-mx-4px {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }

  .-lg-mx-4px {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }

  .lg-mt-4px {
    margin-top: 4px !important;
  }

  .-lg-mt-4px {
    margin-top: -4px !important;
  }

  .lg-mr-4px {
    margin-right: 4px !important;
  }

  .-lg-mr-4px {
    margin-right: -4px !important;
  }

  .lg-mb-4px {
    margin-bottom: 4px !important;
  }

  .-lg-mb-4px {
    margin-bottom: -4px !important;
  }

  .lg-ml-4px {
    margin-left: 4px !important;
  }

  .-lg-ml-4px {
    margin-left: -4px !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-4px {
    margin: 4px !important;
  }

  .-xl-m-4px {
    margin: -4px !important;
  }

  .xl-my-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .-xl-my-4px {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .xl-mx-4px {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }

  .-xl-mx-4px {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }

  .xl-mt-4px {
    margin-top: 4px !important;
  }

  .-xl-mt-4px {
    margin-top: -4px !important;
  }

  .xl-mr-4px {
    margin-right: 4px !important;
  }

  .-xl-mr-4px {
    margin-right: -4px !important;
  }

  .xl-mb-4px {
    margin-bottom: 4px !important;
  }

  .-xl-mb-4px {
    margin-bottom: -4px !important;
  }

  .xl-ml-4px {
    margin-left: 4px !important;
  }

  .-xl-ml-4px {
    margin-left: -4px !important;
  }
}
.m-5px {
  margin: 5px;
}

.-m-5px {
  margin: -5px;
}

.my-5px {
  margin-top: 5px;
  margin-bottom: 5px;
}

.-my-5px {
  margin-top: -5px;
  margin-bottom: -5px;
}

.mx-5px {
  margin-right: 5px;
  margin-left: 5px;
}

.-mx-5px {
  margin-right: -5px;
  margin-left: -5px;
}

.mt-5px {
  margin-top: 5px;
}

.-mt-5px {
  margin-top: -5px;
}

.mr-5px {
  margin-right: 5px;
}

.-mr-5px {
  margin-right: -5px;
}

.mb-5px {
  margin-bottom: 5px;
}

.-mb-5px {
  margin-bottom: -5px;
}

.ml-5px {
  margin-left: 5px;
}

.-ml-5px {
  margin-left: -5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-5px {
    margin: 5px !important;
  }

  .-sm-m-5px {
    margin: -5px !important;
  }

  .sm-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .-sm-my-5px {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .sm-mx-5px {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .-sm-mx-5px {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .sm-mt-5px {
    margin-top: 5px !important;
  }

  .-sm-mt-5px {
    margin-top: -5px !important;
  }

  .sm-mr-5px {
    margin-right: 5px !important;
  }

  .-sm-mr-5px {
    margin-right: -5px !important;
  }

  .sm-mb-5px {
    margin-bottom: 5px !important;
  }

  .-sm-mb-5px {
    margin-bottom: -5px !important;
  }

  .sm-ml-5px {
    margin-left: 5px !important;
  }

  .-sm-ml-5px {
    margin-left: -5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-5px {
    margin: 5px !important;
  }

  .-md-m-5px {
    margin: -5px !important;
  }

  .md-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .-md-my-5px {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .md-mx-5px {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .-md-mx-5px {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .md-mt-5px {
    margin-top: 5px !important;
  }

  .-md-mt-5px {
    margin-top: -5px !important;
  }

  .md-mr-5px {
    margin-right: 5px !important;
  }

  .-md-mr-5px {
    margin-right: -5px !important;
  }

  .md-mb-5px {
    margin-bottom: 5px !important;
  }

  .-md-mb-5px {
    margin-bottom: -5px !important;
  }

  .md-ml-5px {
    margin-left: 5px !important;
  }

  .-md-ml-5px {
    margin-left: -5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-5px {
    margin: 5px !important;
  }

  .-lg-m-5px {
    margin: -5px !important;
  }

  .lg-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .-lg-my-5px {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .lg-mx-5px {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .-lg-mx-5px {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .lg-mt-5px {
    margin-top: 5px !important;
  }

  .-lg-mt-5px {
    margin-top: -5px !important;
  }

  .lg-mr-5px {
    margin-right: 5px !important;
  }

  .-lg-mr-5px {
    margin-right: -5px !important;
  }

  .lg-mb-5px {
    margin-bottom: 5px !important;
  }

  .-lg-mb-5px {
    margin-bottom: -5px !important;
  }

  .lg-ml-5px {
    margin-left: 5px !important;
  }

  .-lg-ml-5px {
    margin-left: -5px !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-5px {
    margin: 5px !important;
  }

  .-xl-m-5px {
    margin: -5px !important;
  }

  .xl-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .-xl-my-5px {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .xl-mx-5px {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .-xl-mx-5px {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .xl-mt-5px {
    margin-top: 5px !important;
  }

  .-xl-mt-5px {
    margin-top: -5px !important;
  }

  .xl-mr-5px {
    margin-right: 5px !important;
  }

  .-xl-mr-5px {
    margin-right: -5px !important;
  }

  .xl-mb-5px {
    margin-bottom: 5px !important;
  }

  .-xl-mb-5px {
    margin-bottom: -5px !important;
  }

  .xl-ml-5px {
    margin-left: 5px !important;
  }

  .-xl-ml-5px {
    margin-left: -5px !important;
  }
}
.m-6px {
  margin: 6px;
}

.-m-6px {
  margin: -6px;
}

.my-6px {
  margin-top: 6px;
  margin-bottom: 6px;
}

.-my-6px {
  margin-top: -6px;
  margin-bottom: -6px;
}

.mx-6px {
  margin-right: 6px;
  margin-left: 6px;
}

.-mx-6px {
  margin-right: -6px;
  margin-left: -6px;
}

.mt-6px {
  margin-top: 6px;
}

.-mt-6px {
  margin-top: -6px;
}

.mr-6px {
  margin-right: 6px;
}

.-mr-6px {
  margin-right: -6px;
}

.mb-6px {
  margin-bottom: 6px;
}

.-mb-6px {
  margin-bottom: -6px;
}

.ml-6px {
  margin-left: 6px;
}

.-ml-6px {
  margin-left: -6px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-6px {
    margin: 6px !important;
  }

  .-sm-m-6px {
    margin: -6px !important;
  }

  .sm-my-6px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .-sm-my-6px {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
  }

  .sm-mx-6px {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }

  .-sm-mx-6px {
    margin-right: -6px !important;
    margin-left: -6px !important;
  }

  .sm-mt-6px {
    margin-top: 6px !important;
  }

  .-sm-mt-6px {
    margin-top: -6px !important;
  }

  .sm-mr-6px {
    margin-right: 6px !important;
  }

  .-sm-mr-6px {
    margin-right: -6px !important;
  }

  .sm-mb-6px {
    margin-bottom: 6px !important;
  }

  .-sm-mb-6px {
    margin-bottom: -6px !important;
  }

  .sm-ml-6px {
    margin-left: 6px !important;
  }

  .-sm-ml-6px {
    margin-left: -6px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-6px {
    margin: 6px !important;
  }

  .-md-m-6px {
    margin: -6px !important;
  }

  .md-my-6px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .-md-my-6px {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
  }

  .md-mx-6px {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }

  .-md-mx-6px {
    margin-right: -6px !important;
    margin-left: -6px !important;
  }

  .md-mt-6px {
    margin-top: 6px !important;
  }

  .-md-mt-6px {
    margin-top: -6px !important;
  }

  .md-mr-6px {
    margin-right: 6px !important;
  }

  .-md-mr-6px {
    margin-right: -6px !important;
  }

  .md-mb-6px {
    margin-bottom: 6px !important;
  }

  .-md-mb-6px {
    margin-bottom: -6px !important;
  }

  .md-ml-6px {
    margin-left: 6px !important;
  }

  .-md-ml-6px {
    margin-left: -6px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-6px {
    margin: 6px !important;
  }

  .-lg-m-6px {
    margin: -6px !important;
  }

  .lg-my-6px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .-lg-my-6px {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
  }

  .lg-mx-6px {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }

  .-lg-mx-6px {
    margin-right: -6px !important;
    margin-left: -6px !important;
  }

  .lg-mt-6px {
    margin-top: 6px !important;
  }

  .-lg-mt-6px {
    margin-top: -6px !important;
  }

  .lg-mr-6px {
    margin-right: 6px !important;
  }

  .-lg-mr-6px {
    margin-right: -6px !important;
  }

  .lg-mb-6px {
    margin-bottom: 6px !important;
  }

  .-lg-mb-6px {
    margin-bottom: -6px !important;
  }

  .lg-ml-6px {
    margin-left: 6px !important;
  }

  .-lg-ml-6px {
    margin-left: -6px !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-6px {
    margin: 6px !important;
  }

  .-xl-m-6px {
    margin: -6px !important;
  }

  .xl-my-6px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .-xl-my-6px {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
  }

  .xl-mx-6px {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }

  .-xl-mx-6px {
    margin-right: -6px !important;
    margin-left: -6px !important;
  }

  .xl-mt-6px {
    margin-top: 6px !important;
  }

  .-xl-mt-6px {
    margin-top: -6px !important;
  }

  .xl-mr-6px {
    margin-right: 6px !important;
  }

  .-xl-mr-6px {
    margin-right: -6px !important;
  }

  .xl-mb-6px {
    margin-bottom: 6px !important;
  }

  .-xl-mb-6px {
    margin-bottom: -6px !important;
  }

  .xl-ml-6px {
    margin-left: 6px !important;
  }

  .-xl-ml-6px {
    margin-left: -6px !important;
  }
}
.m-7px {
  margin: 7px;
}

.-m-7px {
  margin: -7px;
}

.my-7px {
  margin-top: 7px;
  margin-bottom: 7px;
}

.-my-7px {
  margin-top: -7px;
  margin-bottom: -7px;
}

.mx-7px {
  margin-right: 7px;
  margin-left: 7px;
}

.-mx-7px {
  margin-right: -7px;
  margin-left: -7px;
}

.mt-7px {
  margin-top: 7px;
}

.-mt-7px {
  margin-top: -7px;
}

.mr-7px {
  margin-right: 7px;
}

.-mr-7px {
  margin-right: -7px;
}

.mb-7px {
  margin-bottom: 7px;
}

.-mb-7px {
  margin-bottom: -7px;
}

.ml-7px {
  margin-left: 7px;
}

.-ml-7px {
  margin-left: -7px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-7px {
    margin: 7px !important;
  }

  .-sm-m-7px {
    margin: -7px !important;
  }

  .sm-my-7px {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .-sm-my-7px {
    margin-top: -7px !important;
    margin-bottom: -7px !important;
  }

  .sm-mx-7px {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }

  .-sm-mx-7px {
    margin-right: -7px !important;
    margin-left: -7px !important;
  }

  .sm-mt-7px {
    margin-top: 7px !important;
  }

  .-sm-mt-7px {
    margin-top: -7px !important;
  }

  .sm-mr-7px {
    margin-right: 7px !important;
  }

  .-sm-mr-7px {
    margin-right: -7px !important;
  }

  .sm-mb-7px {
    margin-bottom: 7px !important;
  }

  .-sm-mb-7px {
    margin-bottom: -7px !important;
  }

  .sm-ml-7px {
    margin-left: 7px !important;
  }

  .-sm-ml-7px {
    margin-left: -7px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-7px {
    margin: 7px !important;
  }

  .-md-m-7px {
    margin: -7px !important;
  }

  .md-my-7px {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .-md-my-7px {
    margin-top: -7px !important;
    margin-bottom: -7px !important;
  }

  .md-mx-7px {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }

  .-md-mx-7px {
    margin-right: -7px !important;
    margin-left: -7px !important;
  }

  .md-mt-7px {
    margin-top: 7px !important;
  }

  .-md-mt-7px {
    margin-top: -7px !important;
  }

  .md-mr-7px {
    margin-right: 7px !important;
  }

  .-md-mr-7px {
    margin-right: -7px !important;
  }

  .md-mb-7px {
    margin-bottom: 7px !important;
  }

  .-md-mb-7px {
    margin-bottom: -7px !important;
  }

  .md-ml-7px {
    margin-left: 7px !important;
  }

  .-md-ml-7px {
    margin-left: -7px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-7px {
    margin: 7px !important;
  }

  .-lg-m-7px {
    margin: -7px !important;
  }

  .lg-my-7px {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .-lg-my-7px {
    margin-top: -7px !important;
    margin-bottom: -7px !important;
  }

  .lg-mx-7px {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }

  .-lg-mx-7px {
    margin-right: -7px !important;
    margin-left: -7px !important;
  }

  .lg-mt-7px {
    margin-top: 7px !important;
  }

  .-lg-mt-7px {
    margin-top: -7px !important;
  }

  .lg-mr-7px {
    margin-right: 7px !important;
  }

  .-lg-mr-7px {
    margin-right: -7px !important;
  }

  .lg-mb-7px {
    margin-bottom: 7px !important;
  }

  .-lg-mb-7px {
    margin-bottom: -7px !important;
  }

  .lg-ml-7px {
    margin-left: 7px !important;
  }

  .-lg-ml-7px {
    margin-left: -7px !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-7px {
    margin: 7px !important;
  }

  .-xl-m-7px {
    margin: -7px !important;
  }

  .xl-my-7px {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .-xl-my-7px {
    margin-top: -7px !important;
    margin-bottom: -7px !important;
  }

  .xl-mx-7px {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }

  .-xl-mx-7px {
    margin-right: -7px !important;
    margin-left: -7px !important;
  }

  .xl-mt-7px {
    margin-top: 7px !important;
  }

  .-xl-mt-7px {
    margin-top: -7px !important;
  }

  .xl-mr-7px {
    margin-right: 7px !important;
  }

  .-xl-mr-7px {
    margin-right: -7px !important;
  }

  .xl-mb-7px {
    margin-bottom: 7px !important;
  }

  .-xl-mb-7px {
    margin-bottom: -7px !important;
  }

  .xl-ml-7px {
    margin-left: 7px !important;
  }

  .-xl-ml-7px {
    margin-left: -7px !important;
  }
}
.m-4 {
  margin: 0.25rem;
}

.-m-4 {
  margin: -0.25rem;
}

.my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.-my-4 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.mx-4 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.-mx-4 {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.-mt-4 {
  margin-top: -0.25rem;
}

.mr-4 {
  margin-right: 0.25rem;
}

.-mr-4 {
  margin-right: -0.25rem;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.-mb-4 {
  margin-bottom: -0.25rem;
}

.ml-4 {
  margin-left: 0.25rem;
}

.-ml-4 {
  margin-left: -0.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-4 {
    margin: 0.25rem !important;
  }

  .-sm-m-4 {
    margin: -0.25rem !important;
  }

  .sm-my-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .-sm-my-4 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .sm-mx-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .-sm-mx-4 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .sm-mt-4 {
    margin-top: 0.25rem !important;
  }

  .-sm-mt-4 {
    margin-top: -0.25rem !important;
  }

  .sm-mr-4 {
    margin-right: 0.25rem !important;
  }

  .-sm-mr-4 {
    margin-right: -0.25rem !important;
  }

  .sm-mb-4 {
    margin-bottom: 0.25rem !important;
  }

  .-sm-mb-4 {
    margin-bottom: -0.25rem !important;
  }

  .sm-ml-4 {
    margin-left: 0.25rem !important;
  }

  .-sm-ml-4 {
    margin-left: -0.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-4 {
    margin: 0.25rem !important;
  }

  .-md-m-4 {
    margin: -0.25rem !important;
  }

  .md-my-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .-md-my-4 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .md-mx-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .-md-mx-4 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .md-mt-4 {
    margin-top: 0.25rem !important;
  }

  .-md-mt-4 {
    margin-top: -0.25rem !important;
  }

  .md-mr-4 {
    margin-right: 0.25rem !important;
  }

  .-md-mr-4 {
    margin-right: -0.25rem !important;
  }

  .md-mb-4 {
    margin-bottom: 0.25rem !important;
  }

  .-md-mb-4 {
    margin-bottom: -0.25rem !important;
  }

  .md-ml-4 {
    margin-left: 0.25rem !important;
  }

  .-md-ml-4 {
    margin-left: -0.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-4 {
    margin: 0.25rem !important;
  }

  .-lg-m-4 {
    margin: -0.25rem !important;
  }

  .lg-my-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .-lg-my-4 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .lg-mx-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .-lg-mx-4 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .lg-mt-4 {
    margin-top: 0.25rem !important;
  }

  .-lg-mt-4 {
    margin-top: -0.25rem !important;
  }

  .lg-mr-4 {
    margin-right: 0.25rem !important;
  }

  .-lg-mr-4 {
    margin-right: -0.25rem !important;
  }

  .lg-mb-4 {
    margin-bottom: 0.25rem !important;
  }

  .-lg-mb-4 {
    margin-bottom: -0.25rem !important;
  }

  .lg-ml-4 {
    margin-left: 0.25rem !important;
  }

  .-lg-ml-4 {
    margin-left: -0.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-4 {
    margin: 0.25rem !important;
  }

  .-xl-m-4 {
    margin: -0.25rem !important;
  }

  .xl-my-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .-xl-my-4 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .xl-mx-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .-xl-mx-4 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .xl-mt-4 {
    margin-top: 0.25rem !important;
  }

  .-xl-mt-4 {
    margin-top: -0.25rem !important;
  }

  .xl-mr-4 {
    margin-right: 0.25rem !important;
  }

  .-xl-mr-4 {
    margin-right: -0.25rem !important;
  }

  .xl-mb-4 {
    margin-bottom: 0.25rem !important;
  }

  .-xl-mb-4 {
    margin-bottom: -0.25rem !important;
  }

  .xl-ml-4 {
    margin-left: 0.25rem !important;
  }

  .-xl-ml-4 {
    margin-left: -0.25rem !important;
  }
}
.m-8 {
  margin: 0.5rem;
}

.-m-8 {
  margin: -0.5rem;
}

.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.-my-8 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.mx-8 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.-mx-8 {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.-mt-8 {
  margin-top: -0.5rem;
}

.mr-8 {
  margin-right: 0.5rem;
}

.-mr-8 {
  margin-right: -0.5rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.-mb-8 {
  margin-bottom: -0.5rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.-ml-8 {
  margin-left: -0.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-8 {
    margin: 0.5rem !important;
  }

  .-sm-m-8 {
    margin: -0.5rem !important;
  }

  .sm-my-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .-sm-my-8 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .sm-mx-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .-sm-mx-8 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .sm-mt-8 {
    margin-top: 0.5rem !important;
  }

  .-sm-mt-8 {
    margin-top: -0.5rem !important;
  }

  .sm-mr-8 {
    margin-right: 0.5rem !important;
  }

  .-sm-mr-8 {
    margin-right: -0.5rem !important;
  }

  .sm-mb-8 {
    margin-bottom: 0.5rem !important;
  }

  .-sm-mb-8 {
    margin-bottom: -0.5rem !important;
  }

  .sm-ml-8 {
    margin-left: 0.5rem !important;
  }

  .-sm-ml-8 {
    margin-left: -0.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-8 {
    margin: 0.5rem !important;
  }

  .-md-m-8 {
    margin: -0.5rem !important;
  }

  .md-my-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .-md-my-8 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .md-mx-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .-md-mx-8 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .md-mt-8 {
    margin-top: 0.5rem !important;
  }

  .-md-mt-8 {
    margin-top: -0.5rem !important;
  }

  .md-mr-8 {
    margin-right: 0.5rem !important;
  }

  .-md-mr-8 {
    margin-right: -0.5rem !important;
  }

  .md-mb-8 {
    margin-bottom: 0.5rem !important;
  }

  .-md-mb-8 {
    margin-bottom: -0.5rem !important;
  }

  .md-ml-8 {
    margin-left: 0.5rem !important;
  }

  .-md-ml-8 {
    margin-left: -0.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-8 {
    margin: 0.5rem !important;
  }

  .-lg-m-8 {
    margin: -0.5rem !important;
  }

  .lg-my-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .-lg-my-8 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .lg-mx-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .-lg-mx-8 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .lg-mt-8 {
    margin-top: 0.5rem !important;
  }

  .-lg-mt-8 {
    margin-top: -0.5rem !important;
  }

  .lg-mr-8 {
    margin-right: 0.5rem !important;
  }

  .-lg-mr-8 {
    margin-right: -0.5rem !important;
  }

  .lg-mb-8 {
    margin-bottom: 0.5rem !important;
  }

  .-lg-mb-8 {
    margin-bottom: -0.5rem !important;
  }

  .lg-ml-8 {
    margin-left: 0.5rem !important;
  }

  .-lg-ml-8 {
    margin-left: -0.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-8 {
    margin: 0.5rem !important;
  }

  .-xl-m-8 {
    margin: -0.5rem !important;
  }

  .xl-my-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .-xl-my-8 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .xl-mx-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .-xl-mx-8 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .xl-mt-8 {
    margin-top: 0.5rem !important;
  }

  .-xl-mt-8 {
    margin-top: -0.5rem !important;
  }

  .xl-mr-8 {
    margin-right: 0.5rem !important;
  }

  .-xl-mr-8 {
    margin-right: -0.5rem !important;
  }

  .xl-mb-8 {
    margin-bottom: 0.5rem !important;
  }

  .-xl-mb-8 {
    margin-bottom: -0.5rem !important;
  }

  .xl-ml-8 {
    margin-left: 0.5rem !important;
  }

  .-xl-ml-8 {
    margin-left: -0.5rem !important;
  }
}
.m-12 {
  margin: 0.75rem;
}

.-m-12 {
  margin: -0.75rem;
}

.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.-my-12 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

.mx-12 {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

.-mx-12 {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.-mt-12 {
  margin-top: -0.75rem;
}

.mr-12 {
  margin-right: 0.75rem;
}

.-mr-12 {
  margin-right: -0.75rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.-mb-12 {
  margin-bottom: -0.75rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.-ml-12 {
  margin-left: -0.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-12 {
    margin: 0.75rem !important;
  }

  .-sm-m-12 {
    margin: -0.75rem !important;
  }

  .sm-my-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .-sm-my-12 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .sm-mx-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }

  .-sm-mx-12 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }

  .sm-mt-12 {
    margin-top: 0.75rem !important;
  }

  .-sm-mt-12 {
    margin-top: -0.75rem !important;
  }

  .sm-mr-12 {
    margin-right: 0.75rem !important;
  }

  .-sm-mr-12 {
    margin-right: -0.75rem !important;
  }

  .sm-mb-12 {
    margin-bottom: 0.75rem !important;
  }

  .-sm-mb-12 {
    margin-bottom: -0.75rem !important;
  }

  .sm-ml-12 {
    margin-left: 0.75rem !important;
  }

  .-sm-ml-12 {
    margin-left: -0.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-12 {
    margin: 0.75rem !important;
  }

  .-md-m-12 {
    margin: -0.75rem !important;
  }

  .md-my-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .-md-my-12 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .md-mx-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }

  .-md-mx-12 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }

  .md-mt-12 {
    margin-top: 0.75rem !important;
  }

  .-md-mt-12 {
    margin-top: -0.75rem !important;
  }

  .md-mr-12 {
    margin-right: 0.75rem !important;
  }

  .-md-mr-12 {
    margin-right: -0.75rem !important;
  }

  .md-mb-12 {
    margin-bottom: 0.75rem !important;
  }

  .-md-mb-12 {
    margin-bottom: -0.75rem !important;
  }

  .md-ml-12 {
    margin-left: 0.75rem !important;
  }

  .-md-ml-12 {
    margin-left: -0.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-12 {
    margin: 0.75rem !important;
  }

  .-lg-m-12 {
    margin: -0.75rem !important;
  }

  .lg-my-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .-lg-my-12 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .lg-mx-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }

  .-lg-mx-12 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }

  .lg-mt-12 {
    margin-top: 0.75rem !important;
  }

  .-lg-mt-12 {
    margin-top: -0.75rem !important;
  }

  .lg-mr-12 {
    margin-right: 0.75rem !important;
  }

  .-lg-mr-12 {
    margin-right: -0.75rem !important;
  }

  .lg-mb-12 {
    margin-bottom: 0.75rem !important;
  }

  .-lg-mb-12 {
    margin-bottom: -0.75rem !important;
  }

  .lg-ml-12 {
    margin-left: 0.75rem !important;
  }

  .-lg-ml-12 {
    margin-left: -0.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-12 {
    margin: 0.75rem !important;
  }

  .-xl-m-12 {
    margin: -0.75rem !important;
  }

  .xl-my-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .-xl-my-12 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .xl-mx-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }

  .-xl-mx-12 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }

  .xl-mt-12 {
    margin-top: 0.75rem !important;
  }

  .-xl-mt-12 {
    margin-top: -0.75rem !important;
  }

  .xl-mr-12 {
    margin-right: 0.75rem !important;
  }

  .-xl-mr-12 {
    margin-right: -0.75rem !important;
  }

  .xl-mb-12 {
    margin-bottom: 0.75rem !important;
  }

  .-xl-mb-12 {
    margin-bottom: -0.75rem !important;
  }

  .xl-ml-12 {
    margin-left: 0.75rem !important;
  }

  .-xl-ml-12 {
    margin-left: -0.75rem !important;
  }
}
.m-16 {
  margin: 1rem;
}

.-m-16 {
  margin: -1rem;
}

.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.-my-16 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.mx-16 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.-mx-16 {
  margin-right: -1rem;
  margin-left: -1rem;
}

.mt-16 {
  margin-top: 1rem;
}

.-mt-16 {
  margin-top: -1rem;
}

.mr-16 {
  margin-right: 1rem;
}

.-mr-16 {
  margin-right: -1rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.-mb-16 {
  margin-bottom: -1rem;
}

.ml-16 {
  margin-left: 1rem;
}

.-ml-16 {
  margin-left: -1rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-16 {
    margin: 1rem !important;
  }

  .-sm-m-16 {
    margin: -1rem !important;
  }

  .sm-my-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .-sm-my-16 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .sm-mx-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .-sm-mx-16 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .sm-mt-16 {
    margin-top: 1rem !important;
  }

  .-sm-mt-16 {
    margin-top: -1rem !important;
  }

  .sm-mr-16 {
    margin-right: 1rem !important;
  }

  .-sm-mr-16 {
    margin-right: -1rem !important;
  }

  .sm-mb-16 {
    margin-bottom: 1rem !important;
  }

  .-sm-mb-16 {
    margin-bottom: -1rem !important;
  }

  .sm-ml-16 {
    margin-left: 1rem !important;
  }

  .-sm-ml-16 {
    margin-left: -1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-16 {
    margin: 1rem !important;
  }

  .-md-m-16 {
    margin: -1rem !important;
  }

  .md-my-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .-md-my-16 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .md-mx-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .-md-mx-16 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .md-mt-16 {
    margin-top: 1rem !important;
  }

  .-md-mt-16 {
    margin-top: -1rem !important;
  }

  .md-mr-16 {
    margin-right: 1rem !important;
  }

  .-md-mr-16 {
    margin-right: -1rem !important;
  }

  .md-mb-16 {
    margin-bottom: 1rem !important;
  }

  .-md-mb-16 {
    margin-bottom: -1rem !important;
  }

  .md-ml-16 {
    margin-left: 1rem !important;
  }

  .-md-ml-16 {
    margin-left: -1rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-16 {
    margin: 1rem !important;
  }

  .-lg-m-16 {
    margin: -1rem !important;
  }

  .lg-my-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .-lg-my-16 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .lg-mx-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .-lg-mx-16 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .lg-mt-16 {
    margin-top: 1rem !important;
  }

  .-lg-mt-16 {
    margin-top: -1rem !important;
  }

  .lg-mr-16 {
    margin-right: 1rem !important;
  }

  .-lg-mr-16 {
    margin-right: -1rem !important;
  }

  .lg-mb-16 {
    margin-bottom: 1rem !important;
  }

  .-lg-mb-16 {
    margin-bottom: -1rem !important;
  }

  .lg-ml-16 {
    margin-left: 1rem !important;
  }

  .-lg-ml-16 {
    margin-left: -1rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-16 {
    margin: 1rem !important;
  }

  .-xl-m-16 {
    margin: -1rem !important;
  }

  .xl-my-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .-xl-my-16 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .xl-mx-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .-xl-mx-16 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .xl-mt-16 {
    margin-top: 1rem !important;
  }

  .-xl-mt-16 {
    margin-top: -1rem !important;
  }

  .xl-mr-16 {
    margin-right: 1rem !important;
  }

  .-xl-mr-16 {
    margin-right: -1rem !important;
  }

  .xl-mb-16 {
    margin-bottom: 1rem !important;
  }

  .-xl-mb-16 {
    margin-bottom: -1rem !important;
  }

  .xl-ml-16 {
    margin-left: 1rem !important;
  }

  .-xl-ml-16 {
    margin-left: -1rem !important;
  }
}
.m-20 {
  margin: 1.25rem;
}

.-m-20 {
  margin: -1.25rem;
}

.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.-my-20 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

.mx-20 {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}

.-mx-20 {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.-mt-20 {
  margin-top: -1.25rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.-mr-20 {
  margin-right: -1.25rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.-mb-20 {
  margin-bottom: -1.25rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.-ml-20 {
  margin-left: -1.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-20 {
    margin: 1.25rem !important;
  }

  .-sm-m-20 {
    margin: -1.25rem !important;
  }

  .sm-my-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .-sm-my-20 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .sm-mx-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }

  .-sm-mx-20 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }

  .sm-mt-20 {
    margin-top: 1.25rem !important;
  }

  .-sm-mt-20 {
    margin-top: -1.25rem !important;
  }

  .sm-mr-20 {
    margin-right: 1.25rem !important;
  }

  .-sm-mr-20 {
    margin-right: -1.25rem !important;
  }

  .sm-mb-20 {
    margin-bottom: 1.25rem !important;
  }

  .-sm-mb-20 {
    margin-bottom: -1.25rem !important;
  }

  .sm-ml-20 {
    margin-left: 1.25rem !important;
  }

  .-sm-ml-20 {
    margin-left: -1.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-20 {
    margin: 1.25rem !important;
  }

  .-md-m-20 {
    margin: -1.25rem !important;
  }

  .md-my-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .-md-my-20 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .md-mx-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }

  .-md-mx-20 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }

  .md-mt-20 {
    margin-top: 1.25rem !important;
  }

  .-md-mt-20 {
    margin-top: -1.25rem !important;
  }

  .md-mr-20 {
    margin-right: 1.25rem !important;
  }

  .-md-mr-20 {
    margin-right: -1.25rem !important;
  }

  .md-mb-20 {
    margin-bottom: 1.25rem !important;
  }

  .-md-mb-20 {
    margin-bottom: -1.25rem !important;
  }

  .md-ml-20 {
    margin-left: 1.25rem !important;
  }

  .-md-ml-20 {
    margin-left: -1.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-20 {
    margin: 1.25rem !important;
  }

  .-lg-m-20 {
    margin: -1.25rem !important;
  }

  .lg-my-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .-lg-my-20 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .lg-mx-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }

  .-lg-mx-20 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }

  .lg-mt-20 {
    margin-top: 1.25rem !important;
  }

  .-lg-mt-20 {
    margin-top: -1.25rem !important;
  }

  .lg-mr-20 {
    margin-right: 1.25rem !important;
  }

  .-lg-mr-20 {
    margin-right: -1.25rem !important;
  }

  .lg-mb-20 {
    margin-bottom: 1.25rem !important;
  }

  .-lg-mb-20 {
    margin-bottom: -1.25rem !important;
  }

  .lg-ml-20 {
    margin-left: 1.25rem !important;
  }

  .-lg-ml-20 {
    margin-left: -1.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-20 {
    margin: 1.25rem !important;
  }

  .-xl-m-20 {
    margin: -1.25rem !important;
  }

  .xl-my-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .-xl-my-20 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .xl-mx-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }

  .-xl-mx-20 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }

  .xl-mt-20 {
    margin-top: 1.25rem !important;
  }

  .-xl-mt-20 {
    margin-top: -1.25rem !important;
  }

  .xl-mr-20 {
    margin-right: 1.25rem !important;
  }

  .-xl-mr-20 {
    margin-right: -1.25rem !important;
  }

  .xl-mb-20 {
    margin-bottom: 1.25rem !important;
  }

  .-xl-mb-20 {
    margin-bottom: -1.25rem !important;
  }

  .xl-ml-20 {
    margin-left: 1.25rem !important;
  }

  .-xl-ml-20 {
    margin-left: -1.25rem !important;
  }
}
.m-22 {
  margin: 1.375rem;
}

.-m-22 {
  margin: -1.375rem;
}

.my-22 {
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
}

.-my-22 {
  margin-top: -1.375rem;
  margin-bottom: -1.375rem;
}

.mx-22 {
  margin-right: 1.375rem;
  margin-left: 1.375rem;
}

.-mx-22 {
  margin-right: -1.375rem;
  margin-left: -1.375rem;
}

.mt-22 {
  margin-top: 1.375rem;
}

.-mt-22 {
  margin-top: -1.375rem;
}

.mr-22 {
  margin-right: 1.375rem;
}

.-mr-22 {
  margin-right: -1.375rem;
}

.mb-22 {
  margin-bottom: 1.375rem;
}

.-mb-22 {
  margin-bottom: -1.375rem;
}

.ml-22 {
  margin-left: 1.375rem;
}

.-ml-22 {
  margin-left: -1.375rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-22 {
    margin: 1.375rem !important;
  }

  .-sm-m-22 {
    margin: -1.375rem !important;
  }

  .sm-my-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }

  .-sm-my-22 {
    margin-top: -1.375rem !important;
    margin-bottom: -1.375rem !important;
  }

  .sm-mx-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }

  .-sm-mx-22 {
    margin-right: -1.375rem !important;
    margin-left: -1.375rem !important;
  }

  .sm-mt-22 {
    margin-top: 1.375rem !important;
  }

  .-sm-mt-22 {
    margin-top: -1.375rem !important;
  }

  .sm-mr-22 {
    margin-right: 1.375rem !important;
  }

  .-sm-mr-22 {
    margin-right: -1.375rem !important;
  }

  .sm-mb-22 {
    margin-bottom: 1.375rem !important;
  }

  .-sm-mb-22 {
    margin-bottom: -1.375rem !important;
  }

  .sm-ml-22 {
    margin-left: 1.375rem !important;
  }

  .-sm-ml-22 {
    margin-left: -1.375rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-22 {
    margin: 1.375rem !important;
  }

  .-md-m-22 {
    margin: -1.375rem !important;
  }

  .md-my-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }

  .-md-my-22 {
    margin-top: -1.375rem !important;
    margin-bottom: -1.375rem !important;
  }

  .md-mx-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }

  .-md-mx-22 {
    margin-right: -1.375rem !important;
    margin-left: -1.375rem !important;
  }

  .md-mt-22 {
    margin-top: 1.375rem !important;
  }

  .-md-mt-22 {
    margin-top: -1.375rem !important;
  }

  .md-mr-22 {
    margin-right: 1.375rem !important;
  }

  .-md-mr-22 {
    margin-right: -1.375rem !important;
  }

  .md-mb-22 {
    margin-bottom: 1.375rem !important;
  }

  .-md-mb-22 {
    margin-bottom: -1.375rem !important;
  }

  .md-ml-22 {
    margin-left: 1.375rem !important;
  }

  .-md-ml-22 {
    margin-left: -1.375rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-22 {
    margin: 1.375rem !important;
  }

  .-lg-m-22 {
    margin: -1.375rem !important;
  }

  .lg-my-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }

  .-lg-my-22 {
    margin-top: -1.375rem !important;
    margin-bottom: -1.375rem !important;
  }

  .lg-mx-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }

  .-lg-mx-22 {
    margin-right: -1.375rem !important;
    margin-left: -1.375rem !important;
  }

  .lg-mt-22 {
    margin-top: 1.375rem !important;
  }

  .-lg-mt-22 {
    margin-top: -1.375rem !important;
  }

  .lg-mr-22 {
    margin-right: 1.375rem !important;
  }

  .-lg-mr-22 {
    margin-right: -1.375rem !important;
  }

  .lg-mb-22 {
    margin-bottom: 1.375rem !important;
  }

  .-lg-mb-22 {
    margin-bottom: -1.375rem !important;
  }

  .lg-ml-22 {
    margin-left: 1.375rem !important;
  }

  .-lg-ml-22 {
    margin-left: -1.375rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-22 {
    margin: 1.375rem !important;
  }

  .-xl-m-22 {
    margin: -1.375rem !important;
  }

  .xl-my-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }

  .-xl-my-22 {
    margin-top: -1.375rem !important;
    margin-bottom: -1.375rem !important;
  }

  .xl-mx-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }

  .-xl-mx-22 {
    margin-right: -1.375rem !important;
    margin-left: -1.375rem !important;
  }

  .xl-mt-22 {
    margin-top: 1.375rem !important;
  }

  .-xl-mt-22 {
    margin-top: -1.375rem !important;
  }

  .xl-mr-22 {
    margin-right: 1.375rem !important;
  }

  .-xl-mr-22 {
    margin-right: -1.375rem !important;
  }

  .xl-mb-22 {
    margin-bottom: 1.375rem !important;
  }

  .-xl-mb-22 {
    margin-bottom: -1.375rem !important;
  }

  .xl-ml-22 {
    margin-left: 1.375rem !important;
  }

  .-xl-ml-22 {
    margin-left: -1.375rem !important;
  }
}
.m-24 {
  margin: 1.5rem;
}

.-m-24 {
  margin: -1.5rem;
}

.my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.-my-24 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.mx-24 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.-mx-24 {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.-mt-24 {
  margin-top: -1.5rem;
}

.mr-24 {
  margin-right: 1.5rem;
}

.-mr-24 {
  margin-right: -1.5rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.-mb-24 {
  margin-bottom: -1.5rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.-ml-24 {
  margin-left: -1.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-24 {
    margin: 1.5rem !important;
  }

  .-sm-m-24 {
    margin: -1.5rem !important;
  }

  .sm-my-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .-sm-my-24 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .sm-mx-24 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .-sm-mx-24 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .sm-mt-24 {
    margin-top: 1.5rem !important;
  }

  .-sm-mt-24 {
    margin-top: -1.5rem !important;
  }

  .sm-mr-24 {
    margin-right: 1.5rem !important;
  }

  .-sm-mr-24 {
    margin-right: -1.5rem !important;
  }

  .sm-mb-24 {
    margin-bottom: 1.5rem !important;
  }

  .-sm-mb-24 {
    margin-bottom: -1.5rem !important;
  }

  .sm-ml-24 {
    margin-left: 1.5rem !important;
  }

  .-sm-ml-24 {
    margin-left: -1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-24 {
    margin: 1.5rem !important;
  }

  .-md-m-24 {
    margin: -1.5rem !important;
  }

  .md-my-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .-md-my-24 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .md-mx-24 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .-md-mx-24 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .md-mt-24 {
    margin-top: 1.5rem !important;
  }

  .-md-mt-24 {
    margin-top: -1.5rem !important;
  }

  .md-mr-24 {
    margin-right: 1.5rem !important;
  }

  .-md-mr-24 {
    margin-right: -1.5rem !important;
  }

  .md-mb-24 {
    margin-bottom: 1.5rem !important;
  }

  .-md-mb-24 {
    margin-bottom: -1.5rem !important;
  }

  .md-ml-24 {
    margin-left: 1.5rem !important;
  }

  .-md-ml-24 {
    margin-left: -1.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-24 {
    margin: 1.5rem !important;
  }

  .-lg-m-24 {
    margin: -1.5rem !important;
  }

  .lg-my-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .-lg-my-24 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .lg-mx-24 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .-lg-mx-24 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .lg-mt-24 {
    margin-top: 1.5rem !important;
  }

  .-lg-mt-24 {
    margin-top: -1.5rem !important;
  }

  .lg-mr-24 {
    margin-right: 1.5rem !important;
  }

  .-lg-mr-24 {
    margin-right: -1.5rem !important;
  }

  .lg-mb-24 {
    margin-bottom: 1.5rem !important;
  }

  .-lg-mb-24 {
    margin-bottom: -1.5rem !important;
  }

  .lg-ml-24 {
    margin-left: 1.5rem !important;
  }

  .-lg-ml-24 {
    margin-left: -1.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-24 {
    margin: 1.5rem !important;
  }

  .-xl-m-24 {
    margin: -1.5rem !important;
  }

  .xl-my-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .-xl-my-24 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .xl-mx-24 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .-xl-mx-24 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .xl-mt-24 {
    margin-top: 1.5rem !important;
  }

  .-xl-mt-24 {
    margin-top: -1.5rem !important;
  }

  .xl-mr-24 {
    margin-right: 1.5rem !important;
  }

  .-xl-mr-24 {
    margin-right: -1.5rem !important;
  }

  .xl-mb-24 {
    margin-bottom: 1.5rem !important;
  }

  .-xl-mb-24 {
    margin-bottom: -1.5rem !important;
  }

  .xl-ml-24 {
    margin-left: 1.5rem !important;
  }

  .-xl-ml-24 {
    margin-left: -1.5rem !important;
  }
}
.m-28 {
  margin: 1.75rem;
}

.-m-28 {
  margin: -1.75rem;
}

.my-28 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.-my-28 {
  margin-top: -1.75rem;
  margin-bottom: -1.75rem;
}

.mx-28 {
  margin-right: 1.75rem;
  margin-left: 1.75rem;
}

.-mx-28 {
  margin-right: -1.75rem;
  margin-left: -1.75rem;
}

.mt-28 {
  margin-top: 1.75rem;
}

.-mt-28 {
  margin-top: -1.75rem;
}

.mr-28 {
  margin-right: 1.75rem;
}

.-mr-28 {
  margin-right: -1.75rem;
}

.mb-28 {
  margin-bottom: 1.75rem;
}

.-mb-28 {
  margin-bottom: -1.75rem;
}

.ml-28 {
  margin-left: 1.75rem;
}

.-ml-28 {
  margin-left: -1.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-28 {
    margin: 1.75rem !important;
  }

  .-sm-m-28 {
    margin: -1.75rem !important;
  }

  .sm-my-28 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }

  .-sm-my-28 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
  }

  .sm-mx-28 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }

  .-sm-mx-28 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
  }

  .sm-mt-28 {
    margin-top: 1.75rem !important;
  }

  .-sm-mt-28 {
    margin-top: -1.75rem !important;
  }

  .sm-mr-28 {
    margin-right: 1.75rem !important;
  }

  .-sm-mr-28 {
    margin-right: -1.75rem !important;
  }

  .sm-mb-28 {
    margin-bottom: 1.75rem !important;
  }

  .-sm-mb-28 {
    margin-bottom: -1.75rem !important;
  }

  .sm-ml-28 {
    margin-left: 1.75rem !important;
  }

  .-sm-ml-28 {
    margin-left: -1.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-28 {
    margin: 1.75rem !important;
  }

  .-md-m-28 {
    margin: -1.75rem !important;
  }

  .md-my-28 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }

  .-md-my-28 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
  }

  .md-mx-28 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }

  .-md-mx-28 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
  }

  .md-mt-28 {
    margin-top: 1.75rem !important;
  }

  .-md-mt-28 {
    margin-top: -1.75rem !important;
  }

  .md-mr-28 {
    margin-right: 1.75rem !important;
  }

  .-md-mr-28 {
    margin-right: -1.75rem !important;
  }

  .md-mb-28 {
    margin-bottom: 1.75rem !important;
  }

  .-md-mb-28 {
    margin-bottom: -1.75rem !important;
  }

  .md-ml-28 {
    margin-left: 1.75rem !important;
  }

  .-md-ml-28 {
    margin-left: -1.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-28 {
    margin: 1.75rem !important;
  }

  .-lg-m-28 {
    margin: -1.75rem !important;
  }

  .lg-my-28 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }

  .-lg-my-28 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
  }

  .lg-mx-28 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }

  .-lg-mx-28 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
  }

  .lg-mt-28 {
    margin-top: 1.75rem !important;
  }

  .-lg-mt-28 {
    margin-top: -1.75rem !important;
  }

  .lg-mr-28 {
    margin-right: 1.75rem !important;
  }

  .-lg-mr-28 {
    margin-right: -1.75rem !important;
  }

  .lg-mb-28 {
    margin-bottom: 1.75rem !important;
  }

  .-lg-mb-28 {
    margin-bottom: -1.75rem !important;
  }

  .lg-ml-28 {
    margin-left: 1.75rem !important;
  }

  .-lg-ml-28 {
    margin-left: -1.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-28 {
    margin: 1.75rem !important;
  }

  .-xl-m-28 {
    margin: -1.75rem !important;
  }

  .xl-my-28 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }

  .-xl-my-28 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
  }

  .xl-mx-28 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }

  .-xl-mx-28 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
  }

  .xl-mt-28 {
    margin-top: 1.75rem !important;
  }

  .-xl-mt-28 {
    margin-top: -1.75rem !important;
  }

  .xl-mr-28 {
    margin-right: 1.75rem !important;
  }

  .-xl-mr-28 {
    margin-right: -1.75rem !important;
  }

  .xl-mb-28 {
    margin-bottom: 1.75rem !important;
  }

  .-xl-mb-28 {
    margin-bottom: -1.75rem !important;
  }

  .xl-ml-28 {
    margin-left: 1.75rem !important;
  }

  .-xl-ml-28 {
    margin-left: -1.75rem !important;
  }
}
.m-32 {
  margin: 2rem;
}

.-m-32 {
  margin: -2rem;
}

.my-32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.-my-32 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

.mx-32 {
  margin-right: 2rem;
  margin-left: 2rem;
}

.-mx-32 {
  margin-right: -2rem;
  margin-left: -2rem;
}

.mt-32 {
  margin-top: 2rem;
}

.-mt-32 {
  margin-top: -2rem;
}

.mr-32 {
  margin-right: 2rem;
}

.-mr-32 {
  margin-right: -2rem;
}

.mb-32 {
  margin-bottom: 2rem;
}

.-mb-32 {
  margin-bottom: -2rem;
}

.ml-32 {
  margin-left: 2rem;
}

.-ml-32 {
  margin-left: -2rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-32 {
    margin: 2rem !important;
  }

  .-sm-m-32 {
    margin: -2rem !important;
  }

  .sm-my-32 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .-sm-my-32 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .sm-mx-32 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }

  .-sm-mx-32 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }

  .sm-mt-32 {
    margin-top: 2rem !important;
  }

  .-sm-mt-32 {
    margin-top: -2rem !important;
  }

  .sm-mr-32 {
    margin-right: 2rem !important;
  }

  .-sm-mr-32 {
    margin-right: -2rem !important;
  }

  .sm-mb-32 {
    margin-bottom: 2rem !important;
  }

  .-sm-mb-32 {
    margin-bottom: -2rem !important;
  }

  .sm-ml-32 {
    margin-left: 2rem !important;
  }

  .-sm-ml-32 {
    margin-left: -2rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-32 {
    margin: 2rem !important;
  }

  .-md-m-32 {
    margin: -2rem !important;
  }

  .md-my-32 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .-md-my-32 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .md-mx-32 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }

  .-md-mx-32 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }

  .md-mt-32 {
    margin-top: 2rem !important;
  }

  .-md-mt-32 {
    margin-top: -2rem !important;
  }

  .md-mr-32 {
    margin-right: 2rem !important;
  }

  .-md-mr-32 {
    margin-right: -2rem !important;
  }

  .md-mb-32 {
    margin-bottom: 2rem !important;
  }

  .-md-mb-32 {
    margin-bottom: -2rem !important;
  }

  .md-ml-32 {
    margin-left: 2rem !important;
  }

  .-md-ml-32 {
    margin-left: -2rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-32 {
    margin: 2rem !important;
  }

  .-lg-m-32 {
    margin: -2rem !important;
  }

  .lg-my-32 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .-lg-my-32 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .lg-mx-32 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }

  .-lg-mx-32 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }

  .lg-mt-32 {
    margin-top: 2rem !important;
  }

  .-lg-mt-32 {
    margin-top: -2rem !important;
  }

  .lg-mr-32 {
    margin-right: 2rem !important;
  }

  .-lg-mr-32 {
    margin-right: -2rem !important;
  }

  .lg-mb-32 {
    margin-bottom: 2rem !important;
  }

  .-lg-mb-32 {
    margin-bottom: -2rem !important;
  }

  .lg-ml-32 {
    margin-left: 2rem !important;
  }

  .-lg-ml-32 {
    margin-left: -2rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-32 {
    margin: 2rem !important;
  }

  .-xl-m-32 {
    margin: -2rem !important;
  }

  .xl-my-32 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .-xl-my-32 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .xl-mx-32 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }

  .-xl-mx-32 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }

  .xl-mt-32 {
    margin-top: 2rem !important;
  }

  .-xl-mt-32 {
    margin-top: -2rem !important;
  }

  .xl-mr-32 {
    margin-right: 2rem !important;
  }

  .-xl-mr-32 {
    margin-right: -2rem !important;
  }

  .xl-mb-32 {
    margin-bottom: 2rem !important;
  }

  .-xl-mb-32 {
    margin-bottom: -2rem !important;
  }

  .xl-ml-32 {
    margin-left: 2rem !important;
  }

  .-xl-ml-32 {
    margin-left: -2rem !important;
  }
}
.m-36 {
  margin: 2.25rem;
}

.-m-36 {
  margin: -2.25rem;
}

.my-36 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.-my-36 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}

.mx-36 {
  margin-right: 2.25rem;
  margin-left: 2.25rem;
}

.-mx-36 {
  margin-right: -2.25rem;
  margin-left: -2.25rem;
}

.mt-36 {
  margin-top: 2.25rem;
}

.-mt-36 {
  margin-top: -2.25rem;
}

.mr-36 {
  margin-right: 2.25rem;
}

.-mr-36 {
  margin-right: -2.25rem;
}

.mb-36 {
  margin-bottom: 2.25rem;
}

.-mb-36 {
  margin-bottom: -2.25rem;
}

.ml-36 {
  margin-left: 2.25rem;
}

.-ml-36 {
  margin-left: -2.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-36 {
    margin: 2.25rem !important;
  }

  .-sm-m-36 {
    margin: -2.25rem !important;
  }

  .sm-my-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }

  .-sm-my-36 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
  }

  .sm-mx-36 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }

  .-sm-mx-36 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
  }

  .sm-mt-36 {
    margin-top: 2.25rem !important;
  }

  .-sm-mt-36 {
    margin-top: -2.25rem !important;
  }

  .sm-mr-36 {
    margin-right: 2.25rem !important;
  }

  .-sm-mr-36 {
    margin-right: -2.25rem !important;
  }

  .sm-mb-36 {
    margin-bottom: 2.25rem !important;
  }

  .-sm-mb-36 {
    margin-bottom: -2.25rem !important;
  }

  .sm-ml-36 {
    margin-left: 2.25rem !important;
  }

  .-sm-ml-36 {
    margin-left: -2.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-36 {
    margin: 2.25rem !important;
  }

  .-md-m-36 {
    margin: -2.25rem !important;
  }

  .md-my-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }

  .-md-my-36 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
  }

  .md-mx-36 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }

  .-md-mx-36 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
  }

  .md-mt-36 {
    margin-top: 2.25rem !important;
  }

  .-md-mt-36 {
    margin-top: -2.25rem !important;
  }

  .md-mr-36 {
    margin-right: 2.25rem !important;
  }

  .-md-mr-36 {
    margin-right: -2.25rem !important;
  }

  .md-mb-36 {
    margin-bottom: 2.25rem !important;
  }

  .-md-mb-36 {
    margin-bottom: -2.25rem !important;
  }

  .md-ml-36 {
    margin-left: 2.25rem !important;
  }

  .-md-ml-36 {
    margin-left: -2.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-36 {
    margin: 2.25rem !important;
  }

  .-lg-m-36 {
    margin: -2.25rem !important;
  }

  .lg-my-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }

  .-lg-my-36 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
  }

  .lg-mx-36 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }

  .-lg-mx-36 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
  }

  .lg-mt-36 {
    margin-top: 2.25rem !important;
  }

  .-lg-mt-36 {
    margin-top: -2.25rem !important;
  }

  .lg-mr-36 {
    margin-right: 2.25rem !important;
  }

  .-lg-mr-36 {
    margin-right: -2.25rem !important;
  }

  .lg-mb-36 {
    margin-bottom: 2.25rem !important;
  }

  .-lg-mb-36 {
    margin-bottom: -2.25rem !important;
  }

  .lg-ml-36 {
    margin-left: 2.25rem !important;
  }

  .-lg-ml-36 {
    margin-left: -2.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-36 {
    margin: 2.25rem !important;
  }

  .-xl-m-36 {
    margin: -2.25rem !important;
  }

  .xl-my-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }

  .-xl-my-36 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
  }

  .xl-mx-36 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }

  .-xl-mx-36 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
  }

  .xl-mt-36 {
    margin-top: 2.25rem !important;
  }

  .-xl-mt-36 {
    margin-top: -2.25rem !important;
  }

  .xl-mr-36 {
    margin-right: 2.25rem !important;
  }

  .-xl-mr-36 {
    margin-right: -2.25rem !important;
  }

  .xl-mb-36 {
    margin-bottom: 2.25rem !important;
  }

  .-xl-mb-36 {
    margin-bottom: -2.25rem !important;
  }

  .xl-ml-36 {
    margin-left: 2.25rem !important;
  }

  .-xl-ml-36 {
    margin-left: -2.25rem !important;
  }
}
.m-40 {
  margin: 2.5rem;
}

.-m-40 {
  margin: -2.5rem;
}

.my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.-my-40 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

.mx-40 {
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}

.-mx-40 {
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.-mt-40 {
  margin-top: -2.5rem;
}

.mr-40 {
  margin-right: 2.5rem;
}

.-mr-40 {
  margin-right: -2.5rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.-mb-40 {
  margin-bottom: -2.5rem;
}

.ml-40 {
  margin-left: 2.5rem;
}

.-ml-40 {
  margin-left: -2.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-40 {
    margin: 2.5rem !important;
  }

  .-sm-m-40 {
    margin: -2.5rem !important;
  }

  .sm-my-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .-sm-my-40 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .sm-mx-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }

  .-sm-mx-40 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }

  .sm-mt-40 {
    margin-top: 2.5rem !important;
  }

  .-sm-mt-40 {
    margin-top: -2.5rem !important;
  }

  .sm-mr-40 {
    margin-right: 2.5rem !important;
  }

  .-sm-mr-40 {
    margin-right: -2.5rem !important;
  }

  .sm-mb-40 {
    margin-bottom: 2.5rem !important;
  }

  .-sm-mb-40 {
    margin-bottom: -2.5rem !important;
  }

  .sm-ml-40 {
    margin-left: 2.5rem !important;
  }

  .-sm-ml-40 {
    margin-left: -2.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-40 {
    margin: 2.5rem !important;
  }

  .-md-m-40 {
    margin: -2.5rem !important;
  }

  .md-my-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .-md-my-40 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .md-mx-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }

  .-md-mx-40 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }

  .md-mt-40 {
    margin-top: 2.5rem !important;
  }

  .-md-mt-40 {
    margin-top: -2.5rem !important;
  }

  .md-mr-40 {
    margin-right: 2.5rem !important;
  }

  .-md-mr-40 {
    margin-right: -2.5rem !important;
  }

  .md-mb-40 {
    margin-bottom: 2.5rem !important;
  }

  .-md-mb-40 {
    margin-bottom: -2.5rem !important;
  }

  .md-ml-40 {
    margin-left: 2.5rem !important;
  }

  .-md-ml-40 {
    margin-left: -2.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-40 {
    margin: 2.5rem !important;
  }

  .-lg-m-40 {
    margin: -2.5rem !important;
  }

  .lg-my-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .-lg-my-40 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .lg-mx-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }

  .-lg-mx-40 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }

  .lg-mt-40 {
    margin-top: 2.5rem !important;
  }

  .-lg-mt-40 {
    margin-top: -2.5rem !important;
  }

  .lg-mr-40 {
    margin-right: 2.5rem !important;
  }

  .-lg-mr-40 {
    margin-right: -2.5rem !important;
  }

  .lg-mb-40 {
    margin-bottom: 2.5rem !important;
  }

  .-lg-mb-40 {
    margin-bottom: -2.5rem !important;
  }

  .lg-ml-40 {
    margin-left: 2.5rem !important;
  }

  .-lg-ml-40 {
    margin-left: -2.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-40 {
    margin: 2.5rem !important;
  }

  .-xl-m-40 {
    margin: -2.5rem !important;
  }

  .xl-my-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .-xl-my-40 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .xl-mx-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }

  .-xl-mx-40 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }

  .xl-mt-40 {
    margin-top: 2.5rem !important;
  }

  .-xl-mt-40 {
    margin-top: -2.5rem !important;
  }

  .xl-mr-40 {
    margin-right: 2.5rem !important;
  }

  .-xl-mr-40 {
    margin-right: -2.5rem !important;
  }

  .xl-mb-40 {
    margin-bottom: 2.5rem !important;
  }

  .-xl-mb-40 {
    margin-bottom: -2.5rem !important;
  }

  .xl-ml-40 {
    margin-left: 2.5rem !important;
  }

  .-xl-ml-40 {
    margin-left: -2.5rem !important;
  }
}
.m-44 {
  margin: 2.75rem;
}

.-m-44 {
  margin: -2.75rem;
}

.my-44 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.-my-44 {
  margin-top: -2.75rem;
  margin-bottom: -2.75rem;
}

.mx-44 {
  margin-right: 2.75rem;
  margin-left: 2.75rem;
}

.-mx-44 {
  margin-right: -2.75rem;
  margin-left: -2.75rem;
}

.mt-44 {
  margin-top: 2.75rem;
}

.-mt-44 {
  margin-top: -2.75rem;
}

.mr-44 {
  margin-right: 2.75rem;
}

.-mr-44 {
  margin-right: -2.75rem;
}

.mb-44 {
  margin-bottom: 2.75rem;
}

.-mb-44 {
  margin-bottom: -2.75rem;
}

.ml-44 {
  margin-left: 2.75rem;
}

.-ml-44 {
  margin-left: -2.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-44 {
    margin: 2.75rem !important;
  }

  .-sm-m-44 {
    margin: -2.75rem !important;
  }

  .sm-my-44 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }

  .-sm-my-44 {
    margin-top: -2.75rem !important;
    margin-bottom: -2.75rem !important;
  }

  .sm-mx-44 {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
  }

  .-sm-mx-44 {
    margin-right: -2.75rem !important;
    margin-left: -2.75rem !important;
  }

  .sm-mt-44 {
    margin-top: 2.75rem !important;
  }

  .-sm-mt-44 {
    margin-top: -2.75rem !important;
  }

  .sm-mr-44 {
    margin-right: 2.75rem !important;
  }

  .-sm-mr-44 {
    margin-right: -2.75rem !important;
  }

  .sm-mb-44 {
    margin-bottom: 2.75rem !important;
  }

  .-sm-mb-44 {
    margin-bottom: -2.75rem !important;
  }

  .sm-ml-44 {
    margin-left: 2.75rem !important;
  }

  .-sm-ml-44 {
    margin-left: -2.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-44 {
    margin: 2.75rem !important;
  }

  .-md-m-44 {
    margin: -2.75rem !important;
  }

  .md-my-44 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }

  .-md-my-44 {
    margin-top: -2.75rem !important;
    margin-bottom: -2.75rem !important;
  }

  .md-mx-44 {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
  }

  .-md-mx-44 {
    margin-right: -2.75rem !important;
    margin-left: -2.75rem !important;
  }

  .md-mt-44 {
    margin-top: 2.75rem !important;
  }

  .-md-mt-44 {
    margin-top: -2.75rem !important;
  }

  .md-mr-44 {
    margin-right: 2.75rem !important;
  }

  .-md-mr-44 {
    margin-right: -2.75rem !important;
  }

  .md-mb-44 {
    margin-bottom: 2.75rem !important;
  }

  .-md-mb-44 {
    margin-bottom: -2.75rem !important;
  }

  .md-ml-44 {
    margin-left: 2.75rem !important;
  }

  .-md-ml-44 {
    margin-left: -2.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-44 {
    margin: 2.75rem !important;
  }

  .-lg-m-44 {
    margin: -2.75rem !important;
  }

  .lg-my-44 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }

  .-lg-my-44 {
    margin-top: -2.75rem !important;
    margin-bottom: -2.75rem !important;
  }

  .lg-mx-44 {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
  }

  .-lg-mx-44 {
    margin-right: -2.75rem !important;
    margin-left: -2.75rem !important;
  }

  .lg-mt-44 {
    margin-top: 2.75rem !important;
  }

  .-lg-mt-44 {
    margin-top: -2.75rem !important;
  }

  .lg-mr-44 {
    margin-right: 2.75rem !important;
  }

  .-lg-mr-44 {
    margin-right: -2.75rem !important;
  }

  .lg-mb-44 {
    margin-bottom: 2.75rem !important;
  }

  .-lg-mb-44 {
    margin-bottom: -2.75rem !important;
  }

  .lg-ml-44 {
    margin-left: 2.75rem !important;
  }

  .-lg-ml-44 {
    margin-left: -2.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-44 {
    margin: 2.75rem !important;
  }

  .-xl-m-44 {
    margin: -2.75rem !important;
  }

  .xl-my-44 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }

  .-xl-my-44 {
    margin-top: -2.75rem !important;
    margin-bottom: -2.75rem !important;
  }

  .xl-mx-44 {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
  }

  .-xl-mx-44 {
    margin-right: -2.75rem !important;
    margin-left: -2.75rem !important;
  }

  .xl-mt-44 {
    margin-top: 2.75rem !important;
  }

  .-xl-mt-44 {
    margin-top: -2.75rem !important;
  }

  .xl-mr-44 {
    margin-right: 2.75rem !important;
  }

  .-xl-mr-44 {
    margin-right: -2.75rem !important;
  }

  .xl-mb-44 {
    margin-bottom: 2.75rem !important;
  }

  .-xl-mb-44 {
    margin-bottom: -2.75rem !important;
  }

  .xl-ml-44 {
    margin-left: 2.75rem !important;
  }

  .-xl-ml-44 {
    margin-left: -2.75rem !important;
  }
}
.m-48 {
  margin: 3rem;
}

.-m-48 {
  margin: -3rem;
}

.my-48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.-my-48 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

.mx-48 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.-mx-48 {
  margin-right: -3rem;
  margin-left: -3rem;
}

.mt-48 {
  margin-top: 3rem;
}

.-mt-48 {
  margin-top: -3rem;
}

.mr-48 {
  margin-right: 3rem;
}

.-mr-48 {
  margin-right: -3rem;
}

.mb-48 {
  margin-bottom: 3rem;
}

.-mb-48 {
  margin-bottom: -3rem;
}

.ml-48 {
  margin-left: 3rem;
}

.-ml-48 {
  margin-left: -3rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-48 {
    margin: 3rem !important;
  }

  .-sm-m-48 {
    margin: -3rem !important;
  }

  .sm-my-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .-sm-my-48 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .sm-mx-48 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .-sm-mx-48 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .sm-mt-48 {
    margin-top: 3rem !important;
  }

  .-sm-mt-48 {
    margin-top: -3rem !important;
  }

  .sm-mr-48 {
    margin-right: 3rem !important;
  }

  .-sm-mr-48 {
    margin-right: -3rem !important;
  }

  .sm-mb-48 {
    margin-bottom: 3rem !important;
  }

  .-sm-mb-48 {
    margin-bottom: -3rem !important;
  }

  .sm-ml-48 {
    margin-left: 3rem !important;
  }

  .-sm-ml-48 {
    margin-left: -3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-48 {
    margin: 3rem !important;
  }

  .-md-m-48 {
    margin: -3rem !important;
  }

  .md-my-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .-md-my-48 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .md-mx-48 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .-md-mx-48 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .md-mt-48 {
    margin-top: 3rem !important;
  }

  .-md-mt-48 {
    margin-top: -3rem !important;
  }

  .md-mr-48 {
    margin-right: 3rem !important;
  }

  .-md-mr-48 {
    margin-right: -3rem !important;
  }

  .md-mb-48 {
    margin-bottom: 3rem !important;
  }

  .-md-mb-48 {
    margin-bottom: -3rem !important;
  }

  .md-ml-48 {
    margin-left: 3rem !important;
  }

  .-md-ml-48 {
    margin-left: -3rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-48 {
    margin: 3rem !important;
  }

  .-lg-m-48 {
    margin: -3rem !important;
  }

  .lg-my-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .-lg-my-48 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .lg-mx-48 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .-lg-mx-48 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .lg-mt-48 {
    margin-top: 3rem !important;
  }

  .-lg-mt-48 {
    margin-top: -3rem !important;
  }

  .lg-mr-48 {
    margin-right: 3rem !important;
  }

  .-lg-mr-48 {
    margin-right: -3rem !important;
  }

  .lg-mb-48 {
    margin-bottom: 3rem !important;
  }

  .-lg-mb-48 {
    margin-bottom: -3rem !important;
  }

  .lg-ml-48 {
    margin-left: 3rem !important;
  }

  .-lg-ml-48 {
    margin-left: -3rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-48 {
    margin: 3rem !important;
  }

  .-xl-m-48 {
    margin: -3rem !important;
  }

  .xl-my-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .-xl-my-48 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .xl-mx-48 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .-xl-mx-48 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .xl-mt-48 {
    margin-top: 3rem !important;
  }

  .-xl-mt-48 {
    margin-top: -3rem !important;
  }

  .xl-mr-48 {
    margin-right: 3rem !important;
  }

  .-xl-mr-48 {
    margin-right: -3rem !important;
  }

  .xl-mb-48 {
    margin-bottom: 3rem !important;
  }

  .-xl-mb-48 {
    margin-bottom: -3rem !important;
  }

  .xl-ml-48 {
    margin-left: 3rem !important;
  }

  .-xl-ml-48 {
    margin-left: -3rem !important;
  }
}
.m-52 {
  margin: 3.25rem;
}

.-m-52 {
  margin: -3.25rem;
}

.my-52 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}

.-my-52 {
  margin-top: -3.25rem;
  margin-bottom: -3.25rem;
}

.mx-52 {
  margin-right: 3.25rem;
  margin-left: 3.25rem;
}

.-mx-52 {
  margin-right: -3.25rem;
  margin-left: -3.25rem;
}

.mt-52 {
  margin-top: 3.25rem;
}

.-mt-52 {
  margin-top: -3.25rem;
}

.mr-52 {
  margin-right: 3.25rem;
}

.-mr-52 {
  margin-right: -3.25rem;
}

.mb-52 {
  margin-bottom: 3.25rem;
}

.-mb-52 {
  margin-bottom: -3.25rem;
}

.ml-52 {
  margin-left: 3.25rem;
}

.-ml-52 {
  margin-left: -3.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-52 {
    margin: 3.25rem !important;
  }

  .-sm-m-52 {
    margin: -3.25rem !important;
  }

  .sm-my-52 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }

  .-sm-my-52 {
    margin-top: -3.25rem !important;
    margin-bottom: -3.25rem !important;
  }

  .sm-mx-52 {
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
  }

  .-sm-mx-52 {
    margin-right: -3.25rem !important;
    margin-left: -3.25rem !important;
  }

  .sm-mt-52 {
    margin-top: 3.25rem !important;
  }

  .-sm-mt-52 {
    margin-top: -3.25rem !important;
  }

  .sm-mr-52 {
    margin-right: 3.25rem !important;
  }

  .-sm-mr-52 {
    margin-right: -3.25rem !important;
  }

  .sm-mb-52 {
    margin-bottom: 3.25rem !important;
  }

  .-sm-mb-52 {
    margin-bottom: -3.25rem !important;
  }

  .sm-ml-52 {
    margin-left: 3.25rem !important;
  }

  .-sm-ml-52 {
    margin-left: -3.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-52 {
    margin: 3.25rem !important;
  }

  .-md-m-52 {
    margin: -3.25rem !important;
  }

  .md-my-52 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }

  .-md-my-52 {
    margin-top: -3.25rem !important;
    margin-bottom: -3.25rem !important;
  }

  .md-mx-52 {
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
  }

  .-md-mx-52 {
    margin-right: -3.25rem !important;
    margin-left: -3.25rem !important;
  }

  .md-mt-52 {
    margin-top: 3.25rem !important;
  }

  .-md-mt-52 {
    margin-top: -3.25rem !important;
  }

  .md-mr-52 {
    margin-right: 3.25rem !important;
  }

  .-md-mr-52 {
    margin-right: -3.25rem !important;
  }

  .md-mb-52 {
    margin-bottom: 3.25rem !important;
  }

  .-md-mb-52 {
    margin-bottom: -3.25rem !important;
  }

  .md-ml-52 {
    margin-left: 3.25rem !important;
  }

  .-md-ml-52 {
    margin-left: -3.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-52 {
    margin: 3.25rem !important;
  }

  .-lg-m-52 {
    margin: -3.25rem !important;
  }

  .lg-my-52 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }

  .-lg-my-52 {
    margin-top: -3.25rem !important;
    margin-bottom: -3.25rem !important;
  }

  .lg-mx-52 {
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
  }

  .-lg-mx-52 {
    margin-right: -3.25rem !important;
    margin-left: -3.25rem !important;
  }

  .lg-mt-52 {
    margin-top: 3.25rem !important;
  }

  .-lg-mt-52 {
    margin-top: -3.25rem !important;
  }

  .lg-mr-52 {
    margin-right: 3.25rem !important;
  }

  .-lg-mr-52 {
    margin-right: -3.25rem !important;
  }

  .lg-mb-52 {
    margin-bottom: 3.25rem !important;
  }

  .-lg-mb-52 {
    margin-bottom: -3.25rem !important;
  }

  .lg-ml-52 {
    margin-left: 3.25rem !important;
  }

  .-lg-ml-52 {
    margin-left: -3.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-52 {
    margin: 3.25rem !important;
  }

  .-xl-m-52 {
    margin: -3.25rem !important;
  }

  .xl-my-52 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }

  .-xl-my-52 {
    margin-top: -3.25rem !important;
    margin-bottom: -3.25rem !important;
  }

  .xl-mx-52 {
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
  }

  .-xl-mx-52 {
    margin-right: -3.25rem !important;
    margin-left: -3.25rem !important;
  }

  .xl-mt-52 {
    margin-top: 3.25rem !important;
  }

  .-xl-mt-52 {
    margin-top: -3.25rem !important;
  }

  .xl-mr-52 {
    margin-right: 3.25rem !important;
  }

  .-xl-mr-52 {
    margin-right: -3.25rem !important;
  }

  .xl-mb-52 {
    margin-bottom: 3.25rem !important;
  }

  .-xl-mb-52 {
    margin-bottom: -3.25rem !important;
  }

  .xl-ml-52 {
    margin-left: 3.25rem !important;
  }

  .-xl-ml-52 {
    margin-left: -3.25rem !important;
  }
}
.m-56 {
  margin: 3.5rem;
}

.-m-56 {
  margin: -3.5rem;
}

.my-56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.-my-56 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}

.mx-56 {
  margin-right: 3.5rem;
  margin-left: 3.5rem;
}

.-mx-56 {
  margin-right: -3.5rem;
  margin-left: -3.5rem;
}

.mt-56 {
  margin-top: 3.5rem;
}

.-mt-56 {
  margin-top: -3.5rem;
}

.mr-56 {
  margin-right: 3.5rem;
}

.-mr-56 {
  margin-right: -3.5rem;
}

.mb-56 {
  margin-bottom: 3.5rem;
}

.-mb-56 {
  margin-bottom: -3.5rem;
}

.ml-56 {
  margin-left: 3.5rem;
}

.-ml-56 {
  margin-left: -3.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-56 {
    margin: 3.5rem !important;
  }

  .-sm-m-56 {
    margin: -3.5rem !important;
  }

  .sm-my-56 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .-sm-my-56 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }

  .sm-mx-56 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }

  .-sm-mx-56 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }

  .sm-mt-56 {
    margin-top: 3.5rem !important;
  }

  .-sm-mt-56 {
    margin-top: -3.5rem !important;
  }

  .sm-mr-56 {
    margin-right: 3.5rem !important;
  }

  .-sm-mr-56 {
    margin-right: -3.5rem !important;
  }

  .sm-mb-56 {
    margin-bottom: 3.5rem !important;
  }

  .-sm-mb-56 {
    margin-bottom: -3.5rem !important;
  }

  .sm-ml-56 {
    margin-left: 3.5rem !important;
  }

  .-sm-ml-56 {
    margin-left: -3.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-56 {
    margin: 3.5rem !important;
  }

  .-md-m-56 {
    margin: -3.5rem !important;
  }

  .md-my-56 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .-md-my-56 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }

  .md-mx-56 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }

  .-md-mx-56 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }

  .md-mt-56 {
    margin-top: 3.5rem !important;
  }

  .-md-mt-56 {
    margin-top: -3.5rem !important;
  }

  .md-mr-56 {
    margin-right: 3.5rem !important;
  }

  .-md-mr-56 {
    margin-right: -3.5rem !important;
  }

  .md-mb-56 {
    margin-bottom: 3.5rem !important;
  }

  .-md-mb-56 {
    margin-bottom: -3.5rem !important;
  }

  .md-ml-56 {
    margin-left: 3.5rem !important;
  }

  .-md-ml-56 {
    margin-left: -3.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-56 {
    margin: 3.5rem !important;
  }

  .-lg-m-56 {
    margin: -3.5rem !important;
  }

  .lg-my-56 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .-lg-my-56 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }

  .lg-mx-56 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }

  .-lg-mx-56 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }

  .lg-mt-56 {
    margin-top: 3.5rem !important;
  }

  .-lg-mt-56 {
    margin-top: -3.5rem !important;
  }

  .lg-mr-56 {
    margin-right: 3.5rem !important;
  }

  .-lg-mr-56 {
    margin-right: -3.5rem !important;
  }

  .lg-mb-56 {
    margin-bottom: 3.5rem !important;
  }

  .-lg-mb-56 {
    margin-bottom: -3.5rem !important;
  }

  .lg-ml-56 {
    margin-left: 3.5rem !important;
  }

  .-lg-ml-56 {
    margin-left: -3.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-56 {
    margin: 3.5rem !important;
  }

  .-xl-m-56 {
    margin: -3.5rem !important;
  }

  .xl-my-56 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .-xl-my-56 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }

  .xl-mx-56 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }

  .-xl-mx-56 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }

  .xl-mt-56 {
    margin-top: 3.5rem !important;
  }

  .-xl-mt-56 {
    margin-top: -3.5rem !important;
  }

  .xl-mr-56 {
    margin-right: 3.5rem !important;
  }

  .-xl-mr-56 {
    margin-right: -3.5rem !important;
  }

  .xl-mb-56 {
    margin-bottom: 3.5rem !important;
  }

  .-xl-mb-56 {
    margin-bottom: -3.5rem !important;
  }

  .xl-ml-56 {
    margin-left: 3.5rem !important;
  }

  .-xl-ml-56 {
    margin-left: -3.5rem !important;
  }
}
.m-60 {
  margin: 3.75rem;
}

.-m-60 {
  margin: -3.75rem;
}

.my-60 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.-my-60 {
  margin-top: -3.75rem;
  margin-bottom: -3.75rem;
}

.mx-60 {
  margin-right: 3.75rem;
  margin-left: 3.75rem;
}

.-mx-60 {
  margin-right: -3.75rem;
  margin-left: -3.75rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.-mt-60 {
  margin-top: -3.75rem;
}

.mr-60 {
  margin-right: 3.75rem;
}

.-mr-60 {
  margin-right: -3.75rem;
}

.mb-60 {
  margin-bottom: 3.75rem;
}

.-mb-60 {
  margin-bottom: -3.75rem;
}

.ml-60 {
  margin-left: 3.75rem;
}

.-ml-60 {
  margin-left: -3.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-60 {
    margin: 3.75rem !important;
  }

  .-sm-m-60 {
    margin: -3.75rem !important;
  }

  .sm-my-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }

  .-sm-my-60 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }

  .sm-mx-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }

  .-sm-mx-60 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }

  .sm-mt-60 {
    margin-top: 3.75rem !important;
  }

  .-sm-mt-60 {
    margin-top: -3.75rem !important;
  }

  .sm-mr-60 {
    margin-right: 3.75rem !important;
  }

  .-sm-mr-60 {
    margin-right: -3.75rem !important;
  }

  .sm-mb-60 {
    margin-bottom: 3.75rem !important;
  }

  .-sm-mb-60 {
    margin-bottom: -3.75rem !important;
  }

  .sm-ml-60 {
    margin-left: 3.75rem !important;
  }

  .-sm-ml-60 {
    margin-left: -3.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-60 {
    margin: 3.75rem !important;
  }

  .-md-m-60 {
    margin: -3.75rem !important;
  }

  .md-my-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }

  .-md-my-60 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }

  .md-mx-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }

  .-md-mx-60 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }

  .md-mt-60 {
    margin-top: 3.75rem !important;
  }

  .-md-mt-60 {
    margin-top: -3.75rem !important;
  }

  .md-mr-60 {
    margin-right: 3.75rem !important;
  }

  .-md-mr-60 {
    margin-right: -3.75rem !important;
  }

  .md-mb-60 {
    margin-bottom: 3.75rem !important;
  }

  .-md-mb-60 {
    margin-bottom: -3.75rem !important;
  }

  .md-ml-60 {
    margin-left: 3.75rem !important;
  }

  .-md-ml-60 {
    margin-left: -3.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-60 {
    margin: 3.75rem !important;
  }

  .-lg-m-60 {
    margin: -3.75rem !important;
  }

  .lg-my-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }

  .-lg-my-60 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }

  .lg-mx-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }

  .-lg-mx-60 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }

  .lg-mt-60 {
    margin-top: 3.75rem !important;
  }

  .-lg-mt-60 {
    margin-top: -3.75rem !important;
  }

  .lg-mr-60 {
    margin-right: 3.75rem !important;
  }

  .-lg-mr-60 {
    margin-right: -3.75rem !important;
  }

  .lg-mb-60 {
    margin-bottom: 3.75rem !important;
  }

  .-lg-mb-60 {
    margin-bottom: -3.75rem !important;
  }

  .lg-ml-60 {
    margin-left: 3.75rem !important;
  }

  .-lg-ml-60 {
    margin-left: -3.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-60 {
    margin: 3.75rem !important;
  }

  .-xl-m-60 {
    margin: -3.75rem !important;
  }

  .xl-my-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }

  .-xl-my-60 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }

  .xl-mx-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }

  .-xl-mx-60 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }

  .xl-mt-60 {
    margin-top: 3.75rem !important;
  }

  .-xl-mt-60 {
    margin-top: -3.75rem !important;
  }

  .xl-mr-60 {
    margin-right: 3.75rem !important;
  }

  .-xl-mr-60 {
    margin-right: -3.75rem !important;
  }

  .xl-mb-60 {
    margin-bottom: 3.75rem !important;
  }

  .-xl-mb-60 {
    margin-bottom: -3.75rem !important;
  }

  .xl-ml-60 {
    margin-left: 3.75rem !important;
  }

  .-xl-ml-60 {
    margin-left: -3.75rem !important;
  }
}
.m-64 {
  margin: 4rem;
}

.-m-64 {
  margin: -4rem;
}

.my-64 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.-my-64 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}

.mx-64 {
  margin-right: 4rem;
  margin-left: 4rem;
}

.-mx-64 {
  margin-right: -4rem;
  margin-left: -4rem;
}

.mt-64 {
  margin-top: 4rem;
}

.-mt-64 {
  margin-top: -4rem;
}

.mr-64 {
  margin-right: 4rem;
}

.-mr-64 {
  margin-right: -4rem;
}

.mb-64 {
  margin-bottom: 4rem;
}

.-mb-64 {
  margin-bottom: -4rem;
}

.ml-64 {
  margin-left: 4rem;
}

.-ml-64 {
  margin-left: -4rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-64 {
    margin: 4rem !important;
  }

  .-sm-m-64 {
    margin: -4rem !important;
  }

  .sm-my-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .-sm-my-64 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .sm-mx-64 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }

  .-sm-mx-64 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }

  .sm-mt-64 {
    margin-top: 4rem !important;
  }

  .-sm-mt-64 {
    margin-top: -4rem !important;
  }

  .sm-mr-64 {
    margin-right: 4rem !important;
  }

  .-sm-mr-64 {
    margin-right: -4rem !important;
  }

  .sm-mb-64 {
    margin-bottom: 4rem !important;
  }

  .-sm-mb-64 {
    margin-bottom: -4rem !important;
  }

  .sm-ml-64 {
    margin-left: 4rem !important;
  }

  .-sm-ml-64 {
    margin-left: -4rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-64 {
    margin: 4rem !important;
  }

  .-md-m-64 {
    margin: -4rem !important;
  }

  .md-my-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .-md-my-64 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .md-mx-64 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }

  .-md-mx-64 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }

  .md-mt-64 {
    margin-top: 4rem !important;
  }

  .-md-mt-64 {
    margin-top: -4rem !important;
  }

  .md-mr-64 {
    margin-right: 4rem !important;
  }

  .-md-mr-64 {
    margin-right: -4rem !important;
  }

  .md-mb-64 {
    margin-bottom: 4rem !important;
  }

  .-md-mb-64 {
    margin-bottom: -4rem !important;
  }

  .md-ml-64 {
    margin-left: 4rem !important;
  }

  .-md-ml-64 {
    margin-left: -4rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-64 {
    margin: 4rem !important;
  }

  .-lg-m-64 {
    margin: -4rem !important;
  }

  .lg-my-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .-lg-my-64 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .lg-mx-64 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }

  .-lg-mx-64 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }

  .lg-mt-64 {
    margin-top: 4rem !important;
  }

  .-lg-mt-64 {
    margin-top: -4rem !important;
  }

  .lg-mr-64 {
    margin-right: 4rem !important;
  }

  .-lg-mr-64 {
    margin-right: -4rem !important;
  }

  .lg-mb-64 {
    margin-bottom: 4rem !important;
  }

  .-lg-mb-64 {
    margin-bottom: -4rem !important;
  }

  .lg-ml-64 {
    margin-left: 4rem !important;
  }

  .-lg-ml-64 {
    margin-left: -4rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-64 {
    margin: 4rem !important;
  }

  .-xl-m-64 {
    margin: -4rem !important;
  }

  .xl-my-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .-xl-my-64 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .xl-mx-64 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }

  .-xl-mx-64 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }

  .xl-mt-64 {
    margin-top: 4rem !important;
  }

  .-xl-mt-64 {
    margin-top: -4rem !important;
  }

  .xl-mr-64 {
    margin-right: 4rem !important;
  }

  .-xl-mr-64 {
    margin-right: -4rem !important;
  }

  .xl-mb-64 {
    margin-bottom: 4rem !important;
  }

  .-xl-mb-64 {
    margin-bottom: -4rem !important;
  }

  .xl-ml-64 {
    margin-left: 4rem !important;
  }

  .-xl-ml-64 {
    margin-left: -4rem !important;
  }
}
.m-68 {
  margin: 4.25rem;
}

.-m-68 {
  margin: -4.25rem;
}

.my-68 {
  margin-top: 4.25rem;
  margin-bottom: 4.25rem;
}

.-my-68 {
  margin-top: -4.25rem;
  margin-bottom: -4.25rem;
}

.mx-68 {
  margin-right: 4.25rem;
  margin-left: 4.25rem;
}

.-mx-68 {
  margin-right: -4.25rem;
  margin-left: -4.25rem;
}

.mt-68 {
  margin-top: 4.25rem;
}

.-mt-68 {
  margin-top: -4.25rem;
}

.mr-68 {
  margin-right: 4.25rem;
}

.-mr-68 {
  margin-right: -4.25rem;
}

.mb-68 {
  margin-bottom: 4.25rem;
}

.-mb-68 {
  margin-bottom: -4.25rem;
}

.ml-68 {
  margin-left: 4.25rem;
}

.-ml-68 {
  margin-left: -4.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-68 {
    margin: 4.25rem !important;
  }

  .-sm-m-68 {
    margin: -4.25rem !important;
  }

  .sm-my-68 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
  }

  .-sm-my-68 {
    margin-top: -4.25rem !important;
    margin-bottom: -4.25rem !important;
  }

  .sm-mx-68 {
    margin-right: 4.25rem !important;
    margin-left: 4.25rem !important;
  }

  .-sm-mx-68 {
    margin-right: -4.25rem !important;
    margin-left: -4.25rem !important;
  }

  .sm-mt-68 {
    margin-top: 4.25rem !important;
  }

  .-sm-mt-68 {
    margin-top: -4.25rem !important;
  }

  .sm-mr-68 {
    margin-right: 4.25rem !important;
  }

  .-sm-mr-68 {
    margin-right: -4.25rem !important;
  }

  .sm-mb-68 {
    margin-bottom: 4.25rem !important;
  }

  .-sm-mb-68 {
    margin-bottom: -4.25rem !important;
  }

  .sm-ml-68 {
    margin-left: 4.25rem !important;
  }

  .-sm-ml-68 {
    margin-left: -4.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-68 {
    margin: 4.25rem !important;
  }

  .-md-m-68 {
    margin: -4.25rem !important;
  }

  .md-my-68 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
  }

  .-md-my-68 {
    margin-top: -4.25rem !important;
    margin-bottom: -4.25rem !important;
  }

  .md-mx-68 {
    margin-right: 4.25rem !important;
    margin-left: 4.25rem !important;
  }

  .-md-mx-68 {
    margin-right: -4.25rem !important;
    margin-left: -4.25rem !important;
  }

  .md-mt-68 {
    margin-top: 4.25rem !important;
  }

  .-md-mt-68 {
    margin-top: -4.25rem !important;
  }

  .md-mr-68 {
    margin-right: 4.25rem !important;
  }

  .-md-mr-68 {
    margin-right: -4.25rem !important;
  }

  .md-mb-68 {
    margin-bottom: 4.25rem !important;
  }

  .-md-mb-68 {
    margin-bottom: -4.25rem !important;
  }

  .md-ml-68 {
    margin-left: 4.25rem !important;
  }

  .-md-ml-68 {
    margin-left: -4.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-68 {
    margin: 4.25rem !important;
  }

  .-lg-m-68 {
    margin: -4.25rem !important;
  }

  .lg-my-68 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
  }

  .-lg-my-68 {
    margin-top: -4.25rem !important;
    margin-bottom: -4.25rem !important;
  }

  .lg-mx-68 {
    margin-right: 4.25rem !important;
    margin-left: 4.25rem !important;
  }

  .-lg-mx-68 {
    margin-right: -4.25rem !important;
    margin-left: -4.25rem !important;
  }

  .lg-mt-68 {
    margin-top: 4.25rem !important;
  }

  .-lg-mt-68 {
    margin-top: -4.25rem !important;
  }

  .lg-mr-68 {
    margin-right: 4.25rem !important;
  }

  .-lg-mr-68 {
    margin-right: -4.25rem !important;
  }

  .lg-mb-68 {
    margin-bottom: 4.25rem !important;
  }

  .-lg-mb-68 {
    margin-bottom: -4.25rem !important;
  }

  .lg-ml-68 {
    margin-left: 4.25rem !important;
  }

  .-lg-ml-68 {
    margin-left: -4.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-68 {
    margin: 4.25rem !important;
  }

  .-xl-m-68 {
    margin: -4.25rem !important;
  }

  .xl-my-68 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
  }

  .-xl-my-68 {
    margin-top: -4.25rem !important;
    margin-bottom: -4.25rem !important;
  }

  .xl-mx-68 {
    margin-right: 4.25rem !important;
    margin-left: 4.25rem !important;
  }

  .-xl-mx-68 {
    margin-right: -4.25rem !important;
    margin-left: -4.25rem !important;
  }

  .xl-mt-68 {
    margin-top: 4.25rem !important;
  }

  .-xl-mt-68 {
    margin-top: -4.25rem !important;
  }

  .xl-mr-68 {
    margin-right: 4.25rem !important;
  }

  .-xl-mr-68 {
    margin-right: -4.25rem !important;
  }

  .xl-mb-68 {
    margin-bottom: 4.25rem !important;
  }

  .-xl-mb-68 {
    margin-bottom: -4.25rem !important;
  }

  .xl-ml-68 {
    margin-left: 4.25rem !important;
  }

  .-xl-ml-68 {
    margin-left: -4.25rem !important;
  }
}
.m-72 {
  margin: 4.5rem;
}

.-m-72 {
  margin: -4.5rem;
}

.my-72 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.-my-72 {
  margin-top: -4.5rem;
  margin-bottom: -4.5rem;
}

.mx-72 {
  margin-right: 4.5rem;
  margin-left: 4.5rem;
}

.-mx-72 {
  margin-right: -4.5rem;
  margin-left: -4.5rem;
}

.mt-72 {
  margin-top: 4.5rem;
}

.-mt-72 {
  margin-top: -4.5rem;
}

.mr-72 {
  margin-right: 4.5rem;
}

.-mr-72 {
  margin-right: -4.5rem;
}

.mb-72 {
  margin-bottom: 4.5rem;
}

.-mb-72 {
  margin-bottom: -4.5rem;
}

.ml-72 {
  margin-left: 4.5rem;
}

.-ml-72 {
  margin-left: -4.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-72 {
    margin: 4.5rem !important;
  }

  .-sm-m-72 {
    margin: -4.5rem !important;
  }

  .sm-my-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .-sm-my-72 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
  }

  .sm-mx-72 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }

  .-sm-mx-72 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
  }

  .sm-mt-72 {
    margin-top: 4.5rem !important;
  }

  .-sm-mt-72 {
    margin-top: -4.5rem !important;
  }

  .sm-mr-72 {
    margin-right: 4.5rem !important;
  }

  .-sm-mr-72 {
    margin-right: -4.5rem !important;
  }

  .sm-mb-72 {
    margin-bottom: 4.5rem !important;
  }

  .-sm-mb-72 {
    margin-bottom: -4.5rem !important;
  }

  .sm-ml-72 {
    margin-left: 4.5rem !important;
  }

  .-sm-ml-72 {
    margin-left: -4.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-72 {
    margin: 4.5rem !important;
  }

  .-md-m-72 {
    margin: -4.5rem !important;
  }

  .md-my-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .-md-my-72 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
  }

  .md-mx-72 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }

  .-md-mx-72 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
  }

  .md-mt-72 {
    margin-top: 4.5rem !important;
  }

  .-md-mt-72 {
    margin-top: -4.5rem !important;
  }

  .md-mr-72 {
    margin-right: 4.5rem !important;
  }

  .-md-mr-72 {
    margin-right: -4.5rem !important;
  }

  .md-mb-72 {
    margin-bottom: 4.5rem !important;
  }

  .-md-mb-72 {
    margin-bottom: -4.5rem !important;
  }

  .md-ml-72 {
    margin-left: 4.5rem !important;
  }

  .-md-ml-72 {
    margin-left: -4.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-72 {
    margin: 4.5rem !important;
  }

  .-lg-m-72 {
    margin: -4.5rem !important;
  }

  .lg-my-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .-lg-my-72 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
  }

  .lg-mx-72 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }

  .-lg-mx-72 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
  }

  .lg-mt-72 {
    margin-top: 4.5rem !important;
  }

  .-lg-mt-72 {
    margin-top: -4.5rem !important;
  }

  .lg-mr-72 {
    margin-right: 4.5rem !important;
  }

  .-lg-mr-72 {
    margin-right: -4.5rem !important;
  }

  .lg-mb-72 {
    margin-bottom: 4.5rem !important;
  }

  .-lg-mb-72 {
    margin-bottom: -4.5rem !important;
  }

  .lg-ml-72 {
    margin-left: 4.5rem !important;
  }

  .-lg-ml-72 {
    margin-left: -4.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-72 {
    margin: 4.5rem !important;
  }

  .-xl-m-72 {
    margin: -4.5rem !important;
  }

  .xl-my-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .-xl-my-72 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
  }

  .xl-mx-72 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }

  .-xl-mx-72 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
  }

  .xl-mt-72 {
    margin-top: 4.5rem !important;
  }

  .-xl-mt-72 {
    margin-top: -4.5rem !important;
  }

  .xl-mr-72 {
    margin-right: 4.5rem !important;
  }

  .-xl-mr-72 {
    margin-right: -4.5rem !important;
  }

  .xl-mb-72 {
    margin-bottom: 4.5rem !important;
  }

  .-xl-mb-72 {
    margin-bottom: -4.5rem !important;
  }

  .xl-ml-72 {
    margin-left: 4.5rem !important;
  }

  .-xl-ml-72 {
    margin-left: -4.5rem !important;
  }
}
.m-76 {
  margin: 4.75rem;
}

.-m-76 {
  margin: -4.75rem;
}

.my-76 {
  margin-top: 4.75rem;
  margin-bottom: 4.75rem;
}

.-my-76 {
  margin-top: -4.75rem;
  margin-bottom: -4.75rem;
}

.mx-76 {
  margin-right: 4.75rem;
  margin-left: 4.75rem;
}

.-mx-76 {
  margin-right: -4.75rem;
  margin-left: -4.75rem;
}

.mt-76 {
  margin-top: 4.75rem;
}

.-mt-76 {
  margin-top: -4.75rem;
}

.mr-76 {
  margin-right: 4.75rem;
}

.-mr-76 {
  margin-right: -4.75rem;
}

.mb-76 {
  margin-bottom: 4.75rem;
}

.-mb-76 {
  margin-bottom: -4.75rem;
}

.ml-76 {
  margin-left: 4.75rem;
}

.-ml-76 {
  margin-left: -4.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-76 {
    margin: 4.75rem !important;
  }

  .-sm-m-76 {
    margin: -4.75rem !important;
  }

  .sm-my-76 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
  }

  .-sm-my-76 {
    margin-top: -4.75rem !important;
    margin-bottom: -4.75rem !important;
  }

  .sm-mx-76 {
    margin-right: 4.75rem !important;
    margin-left: 4.75rem !important;
  }

  .-sm-mx-76 {
    margin-right: -4.75rem !important;
    margin-left: -4.75rem !important;
  }

  .sm-mt-76 {
    margin-top: 4.75rem !important;
  }

  .-sm-mt-76 {
    margin-top: -4.75rem !important;
  }

  .sm-mr-76 {
    margin-right: 4.75rem !important;
  }

  .-sm-mr-76 {
    margin-right: -4.75rem !important;
  }

  .sm-mb-76 {
    margin-bottom: 4.75rem !important;
  }

  .-sm-mb-76 {
    margin-bottom: -4.75rem !important;
  }

  .sm-ml-76 {
    margin-left: 4.75rem !important;
  }

  .-sm-ml-76 {
    margin-left: -4.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-76 {
    margin: 4.75rem !important;
  }

  .-md-m-76 {
    margin: -4.75rem !important;
  }

  .md-my-76 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
  }

  .-md-my-76 {
    margin-top: -4.75rem !important;
    margin-bottom: -4.75rem !important;
  }

  .md-mx-76 {
    margin-right: 4.75rem !important;
    margin-left: 4.75rem !important;
  }

  .-md-mx-76 {
    margin-right: -4.75rem !important;
    margin-left: -4.75rem !important;
  }

  .md-mt-76 {
    margin-top: 4.75rem !important;
  }

  .-md-mt-76 {
    margin-top: -4.75rem !important;
  }

  .md-mr-76 {
    margin-right: 4.75rem !important;
  }

  .-md-mr-76 {
    margin-right: -4.75rem !important;
  }

  .md-mb-76 {
    margin-bottom: 4.75rem !important;
  }

  .-md-mb-76 {
    margin-bottom: -4.75rem !important;
  }

  .md-ml-76 {
    margin-left: 4.75rem !important;
  }

  .-md-ml-76 {
    margin-left: -4.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-76 {
    margin: 4.75rem !important;
  }

  .-lg-m-76 {
    margin: -4.75rem !important;
  }

  .lg-my-76 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
  }

  .-lg-my-76 {
    margin-top: -4.75rem !important;
    margin-bottom: -4.75rem !important;
  }

  .lg-mx-76 {
    margin-right: 4.75rem !important;
    margin-left: 4.75rem !important;
  }

  .-lg-mx-76 {
    margin-right: -4.75rem !important;
    margin-left: -4.75rem !important;
  }

  .lg-mt-76 {
    margin-top: 4.75rem !important;
  }

  .-lg-mt-76 {
    margin-top: -4.75rem !important;
  }

  .lg-mr-76 {
    margin-right: 4.75rem !important;
  }

  .-lg-mr-76 {
    margin-right: -4.75rem !important;
  }

  .lg-mb-76 {
    margin-bottom: 4.75rem !important;
  }

  .-lg-mb-76 {
    margin-bottom: -4.75rem !important;
  }

  .lg-ml-76 {
    margin-left: 4.75rem !important;
  }

  .-lg-ml-76 {
    margin-left: -4.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-76 {
    margin: 4.75rem !important;
  }

  .-xl-m-76 {
    margin: -4.75rem !important;
  }

  .xl-my-76 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
  }

  .-xl-my-76 {
    margin-top: -4.75rem !important;
    margin-bottom: -4.75rem !important;
  }

  .xl-mx-76 {
    margin-right: 4.75rem !important;
    margin-left: 4.75rem !important;
  }

  .-xl-mx-76 {
    margin-right: -4.75rem !important;
    margin-left: -4.75rem !important;
  }

  .xl-mt-76 {
    margin-top: 4.75rem !important;
  }

  .-xl-mt-76 {
    margin-top: -4.75rem !important;
  }

  .xl-mr-76 {
    margin-right: 4.75rem !important;
  }

  .-xl-mr-76 {
    margin-right: -4.75rem !important;
  }

  .xl-mb-76 {
    margin-bottom: 4.75rem !important;
  }

  .-xl-mb-76 {
    margin-bottom: -4.75rem !important;
  }

  .xl-ml-76 {
    margin-left: 4.75rem !important;
  }

  .-xl-ml-76 {
    margin-left: -4.75rem !important;
  }
}
.m-80 {
  margin: 5rem;
}

.-m-80 {
  margin: -5rem;
}

.my-80 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.-my-80 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}

.mx-80 {
  margin-right: 5rem;
  margin-left: 5rem;
}

.-mx-80 {
  margin-right: -5rem;
  margin-left: -5rem;
}

.mt-80 {
  margin-top: 5rem;
}

.-mt-80 {
  margin-top: -5rem;
}

.mr-80 {
  margin-right: 5rem;
}

.-mr-80 {
  margin-right: -5rem;
}

.mb-80 {
  margin-bottom: 5rem;
}

.-mb-80 {
  margin-bottom: -5rem;
}

.ml-80 {
  margin-left: 5rem;
}

.-ml-80 {
  margin-left: -5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-80 {
    margin: 5rem !important;
  }

  .-sm-m-80 {
    margin: -5rem !important;
  }

  .sm-my-80 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .-sm-my-80 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .sm-mx-80 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }

  .-sm-mx-80 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }

  .sm-mt-80 {
    margin-top: 5rem !important;
  }

  .-sm-mt-80 {
    margin-top: -5rem !important;
  }

  .sm-mr-80 {
    margin-right: 5rem !important;
  }

  .-sm-mr-80 {
    margin-right: -5rem !important;
  }

  .sm-mb-80 {
    margin-bottom: 5rem !important;
  }

  .-sm-mb-80 {
    margin-bottom: -5rem !important;
  }

  .sm-ml-80 {
    margin-left: 5rem !important;
  }

  .-sm-ml-80 {
    margin-left: -5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-80 {
    margin: 5rem !important;
  }

  .-md-m-80 {
    margin: -5rem !important;
  }

  .md-my-80 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .-md-my-80 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .md-mx-80 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }

  .-md-mx-80 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }

  .md-mt-80 {
    margin-top: 5rem !important;
  }

  .-md-mt-80 {
    margin-top: -5rem !important;
  }

  .md-mr-80 {
    margin-right: 5rem !important;
  }

  .-md-mr-80 {
    margin-right: -5rem !important;
  }

  .md-mb-80 {
    margin-bottom: 5rem !important;
  }

  .-md-mb-80 {
    margin-bottom: -5rem !important;
  }

  .md-ml-80 {
    margin-left: 5rem !important;
  }

  .-md-ml-80 {
    margin-left: -5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-80 {
    margin: 5rem !important;
  }

  .-lg-m-80 {
    margin: -5rem !important;
  }

  .lg-my-80 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .-lg-my-80 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .lg-mx-80 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }

  .-lg-mx-80 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }

  .lg-mt-80 {
    margin-top: 5rem !important;
  }

  .-lg-mt-80 {
    margin-top: -5rem !important;
  }

  .lg-mr-80 {
    margin-right: 5rem !important;
  }

  .-lg-mr-80 {
    margin-right: -5rem !important;
  }

  .lg-mb-80 {
    margin-bottom: 5rem !important;
  }

  .-lg-mb-80 {
    margin-bottom: -5rem !important;
  }

  .lg-ml-80 {
    margin-left: 5rem !important;
  }

  .-lg-ml-80 {
    margin-left: -5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-80 {
    margin: 5rem !important;
  }

  .-xl-m-80 {
    margin: -5rem !important;
  }

  .xl-my-80 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .-xl-my-80 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .xl-mx-80 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }

  .-xl-mx-80 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }

  .xl-mt-80 {
    margin-top: 5rem !important;
  }

  .-xl-mt-80 {
    margin-top: -5rem !important;
  }

  .xl-mr-80 {
    margin-right: 5rem !important;
  }

  .-xl-mr-80 {
    margin-right: -5rem !important;
  }

  .xl-mb-80 {
    margin-bottom: 5rem !important;
  }

  .-xl-mb-80 {
    margin-bottom: -5rem !important;
  }

  .xl-ml-80 {
    margin-left: 5rem !important;
  }

  .-xl-ml-80 {
    margin-left: -5rem !important;
  }
}
.m-84 {
  margin: 5.25rem;
}

.-m-84 {
  margin: -5.25rem;
}

.my-84 {
  margin-top: 5.25rem;
  margin-bottom: 5.25rem;
}

.-my-84 {
  margin-top: -5.25rem;
  margin-bottom: -5.25rem;
}

.mx-84 {
  margin-right: 5.25rem;
  margin-left: 5.25rem;
}

.-mx-84 {
  margin-right: -5.25rem;
  margin-left: -5.25rem;
}

.mt-84 {
  margin-top: 5.25rem;
}

.-mt-84 {
  margin-top: -5.25rem;
}

.mr-84 {
  margin-right: 5.25rem;
}

.-mr-84 {
  margin-right: -5.25rem;
}

.mb-84 {
  margin-bottom: 5.25rem;
}

.-mb-84 {
  margin-bottom: -5.25rem;
}

.ml-84 {
  margin-left: 5.25rem;
}

.-ml-84 {
  margin-left: -5.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-84 {
    margin: 5.25rem !important;
  }

  .-sm-m-84 {
    margin: -5.25rem !important;
  }

  .sm-my-84 {
    margin-top: 5.25rem !important;
    margin-bottom: 5.25rem !important;
  }

  .-sm-my-84 {
    margin-top: -5.25rem !important;
    margin-bottom: -5.25rem !important;
  }

  .sm-mx-84 {
    margin-right: 5.25rem !important;
    margin-left: 5.25rem !important;
  }

  .-sm-mx-84 {
    margin-right: -5.25rem !important;
    margin-left: -5.25rem !important;
  }

  .sm-mt-84 {
    margin-top: 5.25rem !important;
  }

  .-sm-mt-84 {
    margin-top: -5.25rem !important;
  }

  .sm-mr-84 {
    margin-right: 5.25rem !important;
  }

  .-sm-mr-84 {
    margin-right: -5.25rem !important;
  }

  .sm-mb-84 {
    margin-bottom: 5.25rem !important;
  }

  .-sm-mb-84 {
    margin-bottom: -5.25rem !important;
  }

  .sm-ml-84 {
    margin-left: 5.25rem !important;
  }

  .-sm-ml-84 {
    margin-left: -5.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-84 {
    margin: 5.25rem !important;
  }

  .-md-m-84 {
    margin: -5.25rem !important;
  }

  .md-my-84 {
    margin-top: 5.25rem !important;
    margin-bottom: 5.25rem !important;
  }

  .-md-my-84 {
    margin-top: -5.25rem !important;
    margin-bottom: -5.25rem !important;
  }

  .md-mx-84 {
    margin-right: 5.25rem !important;
    margin-left: 5.25rem !important;
  }

  .-md-mx-84 {
    margin-right: -5.25rem !important;
    margin-left: -5.25rem !important;
  }

  .md-mt-84 {
    margin-top: 5.25rem !important;
  }

  .-md-mt-84 {
    margin-top: -5.25rem !important;
  }

  .md-mr-84 {
    margin-right: 5.25rem !important;
  }

  .-md-mr-84 {
    margin-right: -5.25rem !important;
  }

  .md-mb-84 {
    margin-bottom: 5.25rem !important;
  }

  .-md-mb-84 {
    margin-bottom: -5.25rem !important;
  }

  .md-ml-84 {
    margin-left: 5.25rem !important;
  }

  .-md-ml-84 {
    margin-left: -5.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-84 {
    margin: 5.25rem !important;
  }

  .-lg-m-84 {
    margin: -5.25rem !important;
  }

  .lg-my-84 {
    margin-top: 5.25rem !important;
    margin-bottom: 5.25rem !important;
  }

  .-lg-my-84 {
    margin-top: -5.25rem !important;
    margin-bottom: -5.25rem !important;
  }

  .lg-mx-84 {
    margin-right: 5.25rem !important;
    margin-left: 5.25rem !important;
  }

  .-lg-mx-84 {
    margin-right: -5.25rem !important;
    margin-left: -5.25rem !important;
  }

  .lg-mt-84 {
    margin-top: 5.25rem !important;
  }

  .-lg-mt-84 {
    margin-top: -5.25rem !important;
  }

  .lg-mr-84 {
    margin-right: 5.25rem !important;
  }

  .-lg-mr-84 {
    margin-right: -5.25rem !important;
  }

  .lg-mb-84 {
    margin-bottom: 5.25rem !important;
  }

  .-lg-mb-84 {
    margin-bottom: -5.25rem !important;
  }

  .lg-ml-84 {
    margin-left: 5.25rem !important;
  }

  .-lg-ml-84 {
    margin-left: -5.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-84 {
    margin: 5.25rem !important;
  }

  .-xl-m-84 {
    margin: -5.25rem !important;
  }

  .xl-my-84 {
    margin-top: 5.25rem !important;
    margin-bottom: 5.25rem !important;
  }

  .-xl-my-84 {
    margin-top: -5.25rem !important;
    margin-bottom: -5.25rem !important;
  }

  .xl-mx-84 {
    margin-right: 5.25rem !important;
    margin-left: 5.25rem !important;
  }

  .-xl-mx-84 {
    margin-right: -5.25rem !important;
    margin-left: -5.25rem !important;
  }

  .xl-mt-84 {
    margin-top: 5.25rem !important;
  }

  .-xl-mt-84 {
    margin-top: -5.25rem !important;
  }

  .xl-mr-84 {
    margin-right: 5.25rem !important;
  }

  .-xl-mr-84 {
    margin-right: -5.25rem !important;
  }

  .xl-mb-84 {
    margin-bottom: 5.25rem !important;
  }

  .-xl-mb-84 {
    margin-bottom: -5.25rem !important;
  }

  .xl-ml-84 {
    margin-left: 5.25rem !important;
  }

  .-xl-ml-84 {
    margin-left: -5.25rem !important;
  }
}
.m-88 {
  margin: 5.5rem;
}

.-m-88 {
  margin: -5.5rem;
}

.my-88 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
}

.-my-88 {
  margin-top: -5.5rem;
  margin-bottom: -5.5rem;
}

.mx-88 {
  margin-right: 5.5rem;
  margin-left: 5.5rem;
}

.-mx-88 {
  margin-right: -5.5rem;
  margin-left: -5.5rem;
}

.mt-88 {
  margin-top: 5.5rem;
}

.-mt-88 {
  margin-top: -5.5rem;
}

.mr-88 {
  margin-right: 5.5rem;
}

.-mr-88 {
  margin-right: -5.5rem;
}

.mb-88 {
  margin-bottom: 5.5rem;
}

.-mb-88 {
  margin-bottom: -5.5rem;
}

.ml-88 {
  margin-left: 5.5rem;
}

.-ml-88 {
  margin-left: -5.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-88 {
    margin: 5.5rem !important;
  }

  .-sm-m-88 {
    margin: -5.5rem !important;
  }

  .sm-my-88 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }

  .-sm-my-88 {
    margin-top: -5.5rem !important;
    margin-bottom: -5.5rem !important;
  }

  .sm-mx-88 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }

  .-sm-mx-88 {
    margin-right: -5.5rem !important;
    margin-left: -5.5rem !important;
  }

  .sm-mt-88 {
    margin-top: 5.5rem !important;
  }

  .-sm-mt-88 {
    margin-top: -5.5rem !important;
  }

  .sm-mr-88 {
    margin-right: 5.5rem !important;
  }

  .-sm-mr-88 {
    margin-right: -5.5rem !important;
  }

  .sm-mb-88 {
    margin-bottom: 5.5rem !important;
  }

  .-sm-mb-88 {
    margin-bottom: -5.5rem !important;
  }

  .sm-ml-88 {
    margin-left: 5.5rem !important;
  }

  .-sm-ml-88 {
    margin-left: -5.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-88 {
    margin: 5.5rem !important;
  }

  .-md-m-88 {
    margin: -5.5rem !important;
  }

  .md-my-88 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }

  .-md-my-88 {
    margin-top: -5.5rem !important;
    margin-bottom: -5.5rem !important;
  }

  .md-mx-88 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }

  .-md-mx-88 {
    margin-right: -5.5rem !important;
    margin-left: -5.5rem !important;
  }

  .md-mt-88 {
    margin-top: 5.5rem !important;
  }

  .-md-mt-88 {
    margin-top: -5.5rem !important;
  }

  .md-mr-88 {
    margin-right: 5.5rem !important;
  }

  .-md-mr-88 {
    margin-right: -5.5rem !important;
  }

  .md-mb-88 {
    margin-bottom: 5.5rem !important;
  }

  .-md-mb-88 {
    margin-bottom: -5.5rem !important;
  }

  .md-ml-88 {
    margin-left: 5.5rem !important;
  }

  .-md-ml-88 {
    margin-left: -5.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-88 {
    margin: 5.5rem !important;
  }

  .-lg-m-88 {
    margin: -5.5rem !important;
  }

  .lg-my-88 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }

  .-lg-my-88 {
    margin-top: -5.5rem !important;
    margin-bottom: -5.5rem !important;
  }

  .lg-mx-88 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }

  .-lg-mx-88 {
    margin-right: -5.5rem !important;
    margin-left: -5.5rem !important;
  }

  .lg-mt-88 {
    margin-top: 5.5rem !important;
  }

  .-lg-mt-88 {
    margin-top: -5.5rem !important;
  }

  .lg-mr-88 {
    margin-right: 5.5rem !important;
  }

  .-lg-mr-88 {
    margin-right: -5.5rem !important;
  }

  .lg-mb-88 {
    margin-bottom: 5.5rem !important;
  }

  .-lg-mb-88 {
    margin-bottom: -5.5rem !important;
  }

  .lg-ml-88 {
    margin-left: 5.5rem !important;
  }

  .-lg-ml-88 {
    margin-left: -5.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-88 {
    margin: 5.5rem !important;
  }

  .-xl-m-88 {
    margin: -5.5rem !important;
  }

  .xl-my-88 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }

  .-xl-my-88 {
    margin-top: -5.5rem !important;
    margin-bottom: -5.5rem !important;
  }

  .xl-mx-88 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }

  .-xl-mx-88 {
    margin-right: -5.5rem !important;
    margin-left: -5.5rem !important;
  }

  .xl-mt-88 {
    margin-top: 5.5rem !important;
  }

  .-xl-mt-88 {
    margin-top: -5.5rem !important;
  }

  .xl-mr-88 {
    margin-right: 5.5rem !important;
  }

  .-xl-mr-88 {
    margin-right: -5.5rem !important;
  }

  .xl-mb-88 {
    margin-bottom: 5.5rem !important;
  }

  .-xl-mb-88 {
    margin-bottom: -5.5rem !important;
  }

  .xl-ml-88 {
    margin-left: 5.5rem !important;
  }

  .-xl-ml-88 {
    margin-left: -5.5rem !important;
  }
}
.m-92 {
  margin: 5.75rem;
}

.-m-92 {
  margin: -5.75rem;
}

.my-92 {
  margin-top: 5.75rem;
  margin-bottom: 5.75rem;
}

.-my-92 {
  margin-top: -5.75rem;
  margin-bottom: -5.75rem;
}

.mx-92 {
  margin-right: 5.75rem;
  margin-left: 5.75rem;
}

.-mx-92 {
  margin-right: -5.75rem;
  margin-left: -5.75rem;
}

.mt-92 {
  margin-top: 5.75rem;
}

.-mt-92 {
  margin-top: -5.75rem;
}

.mr-92 {
  margin-right: 5.75rem;
}

.-mr-92 {
  margin-right: -5.75rem;
}

.mb-92 {
  margin-bottom: 5.75rem;
}

.-mb-92 {
  margin-bottom: -5.75rem;
}

.ml-92 {
  margin-left: 5.75rem;
}

.-ml-92 {
  margin-left: -5.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-92 {
    margin: 5.75rem !important;
  }

  .-sm-m-92 {
    margin: -5.75rem !important;
  }

  .sm-my-92 {
    margin-top: 5.75rem !important;
    margin-bottom: 5.75rem !important;
  }

  .-sm-my-92 {
    margin-top: -5.75rem !important;
    margin-bottom: -5.75rem !important;
  }

  .sm-mx-92 {
    margin-right: 5.75rem !important;
    margin-left: 5.75rem !important;
  }

  .-sm-mx-92 {
    margin-right: -5.75rem !important;
    margin-left: -5.75rem !important;
  }

  .sm-mt-92 {
    margin-top: 5.75rem !important;
  }

  .-sm-mt-92 {
    margin-top: -5.75rem !important;
  }

  .sm-mr-92 {
    margin-right: 5.75rem !important;
  }

  .-sm-mr-92 {
    margin-right: -5.75rem !important;
  }

  .sm-mb-92 {
    margin-bottom: 5.75rem !important;
  }

  .-sm-mb-92 {
    margin-bottom: -5.75rem !important;
  }

  .sm-ml-92 {
    margin-left: 5.75rem !important;
  }

  .-sm-ml-92 {
    margin-left: -5.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-92 {
    margin: 5.75rem !important;
  }

  .-md-m-92 {
    margin: -5.75rem !important;
  }

  .md-my-92 {
    margin-top: 5.75rem !important;
    margin-bottom: 5.75rem !important;
  }

  .-md-my-92 {
    margin-top: -5.75rem !important;
    margin-bottom: -5.75rem !important;
  }

  .md-mx-92 {
    margin-right: 5.75rem !important;
    margin-left: 5.75rem !important;
  }

  .-md-mx-92 {
    margin-right: -5.75rem !important;
    margin-left: -5.75rem !important;
  }

  .md-mt-92 {
    margin-top: 5.75rem !important;
  }

  .-md-mt-92 {
    margin-top: -5.75rem !important;
  }

  .md-mr-92 {
    margin-right: 5.75rem !important;
  }

  .-md-mr-92 {
    margin-right: -5.75rem !important;
  }

  .md-mb-92 {
    margin-bottom: 5.75rem !important;
  }

  .-md-mb-92 {
    margin-bottom: -5.75rem !important;
  }

  .md-ml-92 {
    margin-left: 5.75rem !important;
  }

  .-md-ml-92 {
    margin-left: -5.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-92 {
    margin: 5.75rem !important;
  }

  .-lg-m-92 {
    margin: -5.75rem !important;
  }

  .lg-my-92 {
    margin-top: 5.75rem !important;
    margin-bottom: 5.75rem !important;
  }

  .-lg-my-92 {
    margin-top: -5.75rem !important;
    margin-bottom: -5.75rem !important;
  }

  .lg-mx-92 {
    margin-right: 5.75rem !important;
    margin-left: 5.75rem !important;
  }

  .-lg-mx-92 {
    margin-right: -5.75rem !important;
    margin-left: -5.75rem !important;
  }

  .lg-mt-92 {
    margin-top: 5.75rem !important;
  }

  .-lg-mt-92 {
    margin-top: -5.75rem !important;
  }

  .lg-mr-92 {
    margin-right: 5.75rem !important;
  }

  .-lg-mr-92 {
    margin-right: -5.75rem !important;
  }

  .lg-mb-92 {
    margin-bottom: 5.75rem !important;
  }

  .-lg-mb-92 {
    margin-bottom: -5.75rem !important;
  }

  .lg-ml-92 {
    margin-left: 5.75rem !important;
  }

  .-lg-ml-92 {
    margin-left: -5.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-92 {
    margin: 5.75rem !important;
  }

  .-xl-m-92 {
    margin: -5.75rem !important;
  }

  .xl-my-92 {
    margin-top: 5.75rem !important;
    margin-bottom: 5.75rem !important;
  }

  .-xl-my-92 {
    margin-top: -5.75rem !important;
    margin-bottom: -5.75rem !important;
  }

  .xl-mx-92 {
    margin-right: 5.75rem !important;
    margin-left: 5.75rem !important;
  }

  .-xl-mx-92 {
    margin-right: -5.75rem !important;
    margin-left: -5.75rem !important;
  }

  .xl-mt-92 {
    margin-top: 5.75rem !important;
  }

  .-xl-mt-92 {
    margin-top: -5.75rem !important;
  }

  .xl-mr-92 {
    margin-right: 5.75rem !important;
  }

  .-xl-mr-92 {
    margin-right: -5.75rem !important;
  }

  .xl-mb-92 {
    margin-bottom: 5.75rem !important;
  }

  .-xl-mb-92 {
    margin-bottom: -5.75rem !important;
  }

  .xl-ml-92 {
    margin-left: 5.75rem !important;
  }

  .-xl-ml-92 {
    margin-left: -5.75rem !important;
  }
}
.m-96 {
  margin: 6rem;
}

.-m-96 {
  margin: -6rem;
}

.my-96 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.-my-96 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}

.mx-96 {
  margin-right: 6rem;
  margin-left: 6rem;
}

.-mx-96 {
  margin-right: -6rem;
  margin-left: -6rem;
}

.mt-96 {
  margin-top: 6rem;
}

.-mt-96 {
  margin-top: -6rem;
}

.mr-96 {
  margin-right: 6rem;
}

.-mr-96 {
  margin-right: -6rem;
}

.mb-96 {
  margin-bottom: 6rem;
}

.-mb-96 {
  margin-bottom: -6rem;
}

.ml-96 {
  margin-left: 6rem;
}

.-ml-96 {
  margin-left: -6rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-96 {
    margin: 6rem !important;
  }

  .-sm-m-96 {
    margin: -6rem !important;
  }

  .sm-my-96 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .-sm-my-96 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .sm-mx-96 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .-sm-mx-96 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }

  .sm-mt-96 {
    margin-top: 6rem !important;
  }

  .-sm-mt-96 {
    margin-top: -6rem !important;
  }

  .sm-mr-96 {
    margin-right: 6rem !important;
  }

  .-sm-mr-96 {
    margin-right: -6rem !important;
  }

  .sm-mb-96 {
    margin-bottom: 6rem !important;
  }

  .-sm-mb-96 {
    margin-bottom: -6rem !important;
  }

  .sm-ml-96 {
    margin-left: 6rem !important;
  }

  .-sm-ml-96 {
    margin-left: -6rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-96 {
    margin: 6rem !important;
  }

  .-md-m-96 {
    margin: -6rem !important;
  }

  .md-my-96 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .-md-my-96 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .md-mx-96 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .-md-mx-96 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }

  .md-mt-96 {
    margin-top: 6rem !important;
  }

  .-md-mt-96 {
    margin-top: -6rem !important;
  }

  .md-mr-96 {
    margin-right: 6rem !important;
  }

  .-md-mr-96 {
    margin-right: -6rem !important;
  }

  .md-mb-96 {
    margin-bottom: 6rem !important;
  }

  .-md-mb-96 {
    margin-bottom: -6rem !important;
  }

  .md-ml-96 {
    margin-left: 6rem !important;
  }

  .-md-ml-96 {
    margin-left: -6rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-96 {
    margin: 6rem !important;
  }

  .-lg-m-96 {
    margin: -6rem !important;
  }

  .lg-my-96 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .-lg-my-96 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .lg-mx-96 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .-lg-mx-96 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }

  .lg-mt-96 {
    margin-top: 6rem !important;
  }

  .-lg-mt-96 {
    margin-top: -6rem !important;
  }

  .lg-mr-96 {
    margin-right: 6rem !important;
  }

  .-lg-mr-96 {
    margin-right: -6rem !important;
  }

  .lg-mb-96 {
    margin-bottom: 6rem !important;
  }

  .-lg-mb-96 {
    margin-bottom: -6rem !important;
  }

  .lg-ml-96 {
    margin-left: 6rem !important;
  }

  .-lg-ml-96 {
    margin-left: -6rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-96 {
    margin: 6rem !important;
  }

  .-xl-m-96 {
    margin: -6rem !important;
  }

  .xl-my-96 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .-xl-my-96 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .xl-mx-96 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .-xl-mx-96 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }

  .xl-mt-96 {
    margin-top: 6rem !important;
  }

  .-xl-mt-96 {
    margin-top: -6rem !important;
  }

  .xl-mr-96 {
    margin-right: 6rem !important;
  }

  .-xl-mr-96 {
    margin-right: -6rem !important;
  }

  .xl-mb-96 {
    margin-bottom: 6rem !important;
  }

  .-xl-mb-96 {
    margin-bottom: -6rem !important;
  }

  .xl-ml-96 {
    margin-left: 6rem !important;
  }

  .-xl-ml-96 {
    margin-left: -6rem !important;
  }
}
.m-100 {
  margin: 6.25rem;
}

.-m-100 {
  margin: -6.25rem;
}

.my-100 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.-my-100 {
  margin-top: -6.25rem;
  margin-bottom: -6.25rem;
}

.mx-100 {
  margin-right: 6.25rem;
  margin-left: 6.25rem;
}

.-mx-100 {
  margin-right: -6.25rem;
  margin-left: -6.25rem;
}

.mt-100 {
  margin-top: 6.25rem;
}

.-mt-100 {
  margin-top: -6.25rem;
}

.mr-100 {
  margin-right: 6.25rem;
}

.-mr-100 {
  margin-right: -6.25rem;
}

.mb-100 {
  margin-bottom: 6.25rem;
}

.-mb-100 {
  margin-bottom: -6.25rem;
}

.ml-100 {
  margin-left: 6.25rem;
}

.-ml-100 {
  margin-left: -6.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-100 {
    margin: 6.25rem !important;
  }

  .-sm-m-100 {
    margin: -6.25rem !important;
  }

  .sm-my-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }

  .-sm-my-100 {
    margin-top: -6.25rem !important;
    margin-bottom: -6.25rem !important;
  }

  .sm-mx-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }

  .-sm-mx-100 {
    margin-right: -6.25rem !important;
    margin-left: -6.25rem !important;
  }

  .sm-mt-100 {
    margin-top: 6.25rem !important;
  }

  .-sm-mt-100 {
    margin-top: -6.25rem !important;
  }

  .sm-mr-100 {
    margin-right: 6.25rem !important;
  }

  .-sm-mr-100 {
    margin-right: -6.25rem !important;
  }

  .sm-mb-100 {
    margin-bottom: 6.25rem !important;
  }

  .-sm-mb-100 {
    margin-bottom: -6.25rem !important;
  }

  .sm-ml-100 {
    margin-left: 6.25rem !important;
  }

  .-sm-ml-100 {
    margin-left: -6.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-100 {
    margin: 6.25rem !important;
  }

  .-md-m-100 {
    margin: -6.25rem !important;
  }

  .md-my-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }

  .-md-my-100 {
    margin-top: -6.25rem !important;
    margin-bottom: -6.25rem !important;
  }

  .md-mx-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }

  .-md-mx-100 {
    margin-right: -6.25rem !important;
    margin-left: -6.25rem !important;
  }

  .md-mt-100 {
    margin-top: 6.25rem !important;
  }

  .-md-mt-100 {
    margin-top: -6.25rem !important;
  }

  .md-mr-100 {
    margin-right: 6.25rem !important;
  }

  .-md-mr-100 {
    margin-right: -6.25rem !important;
  }

  .md-mb-100 {
    margin-bottom: 6.25rem !important;
  }

  .-md-mb-100 {
    margin-bottom: -6.25rem !important;
  }

  .md-ml-100 {
    margin-left: 6.25rem !important;
  }

  .-md-ml-100 {
    margin-left: -6.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-100 {
    margin: 6.25rem !important;
  }

  .-lg-m-100 {
    margin: -6.25rem !important;
  }

  .lg-my-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }

  .-lg-my-100 {
    margin-top: -6.25rem !important;
    margin-bottom: -6.25rem !important;
  }

  .lg-mx-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }

  .-lg-mx-100 {
    margin-right: -6.25rem !important;
    margin-left: -6.25rem !important;
  }

  .lg-mt-100 {
    margin-top: 6.25rem !important;
  }

  .-lg-mt-100 {
    margin-top: -6.25rem !important;
  }

  .lg-mr-100 {
    margin-right: 6.25rem !important;
  }

  .-lg-mr-100 {
    margin-right: -6.25rem !important;
  }

  .lg-mb-100 {
    margin-bottom: 6.25rem !important;
  }

  .-lg-mb-100 {
    margin-bottom: -6.25rem !important;
  }

  .lg-ml-100 {
    margin-left: 6.25rem !important;
  }

  .-lg-ml-100 {
    margin-left: -6.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-100 {
    margin: 6.25rem !important;
  }

  .-xl-m-100 {
    margin: -6.25rem !important;
  }

  .xl-my-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }

  .-xl-my-100 {
    margin-top: -6.25rem !important;
    margin-bottom: -6.25rem !important;
  }

  .xl-mx-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }

  .-xl-mx-100 {
    margin-right: -6.25rem !important;
    margin-left: -6.25rem !important;
  }

  .xl-mt-100 {
    margin-top: 6.25rem !important;
  }

  .-xl-mt-100 {
    margin-top: -6.25rem !important;
  }

  .xl-mr-100 {
    margin-right: 6.25rem !important;
  }

  .-xl-mr-100 {
    margin-right: -6.25rem !important;
  }

  .xl-mb-100 {
    margin-bottom: 6.25rem !important;
  }

  .-xl-mb-100 {
    margin-bottom: -6.25rem !important;
  }

  .xl-ml-100 {
    margin-left: 6.25rem !important;
  }

  .-xl-ml-100 {
    margin-left: -6.25rem !important;
  }
}
.m-104 {
  margin: 6.5rem;
}

.-m-104 {
  margin: -6.5rem;
}

.my-104 {
  margin-top: 6.5rem;
  margin-bottom: 6.5rem;
}

.-my-104 {
  margin-top: -6.5rem;
  margin-bottom: -6.5rem;
}

.mx-104 {
  margin-right: 6.5rem;
  margin-left: 6.5rem;
}

.-mx-104 {
  margin-right: -6.5rem;
  margin-left: -6.5rem;
}

.mt-104 {
  margin-top: 6.5rem;
}

.-mt-104 {
  margin-top: -6.5rem;
}

.mr-104 {
  margin-right: 6.5rem;
}

.-mr-104 {
  margin-right: -6.5rem;
}

.mb-104 {
  margin-bottom: 6.5rem;
}

.-mb-104 {
  margin-bottom: -6.5rem;
}

.ml-104 {
  margin-left: 6.5rem;
}

.-ml-104 {
  margin-left: -6.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-104 {
    margin: 6.5rem !important;
  }

  .-sm-m-104 {
    margin: -6.5rem !important;
  }

  .sm-my-104 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }

  .-sm-my-104 {
    margin-top: -6.5rem !important;
    margin-bottom: -6.5rem !important;
  }

  .sm-mx-104 {
    margin-right: 6.5rem !important;
    margin-left: 6.5rem !important;
  }

  .-sm-mx-104 {
    margin-right: -6.5rem !important;
    margin-left: -6.5rem !important;
  }

  .sm-mt-104 {
    margin-top: 6.5rem !important;
  }

  .-sm-mt-104 {
    margin-top: -6.5rem !important;
  }

  .sm-mr-104 {
    margin-right: 6.5rem !important;
  }

  .-sm-mr-104 {
    margin-right: -6.5rem !important;
  }

  .sm-mb-104 {
    margin-bottom: 6.5rem !important;
  }

  .-sm-mb-104 {
    margin-bottom: -6.5rem !important;
  }

  .sm-ml-104 {
    margin-left: 6.5rem !important;
  }

  .-sm-ml-104 {
    margin-left: -6.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-104 {
    margin: 6.5rem !important;
  }

  .-md-m-104 {
    margin: -6.5rem !important;
  }

  .md-my-104 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }

  .-md-my-104 {
    margin-top: -6.5rem !important;
    margin-bottom: -6.5rem !important;
  }

  .md-mx-104 {
    margin-right: 6.5rem !important;
    margin-left: 6.5rem !important;
  }

  .-md-mx-104 {
    margin-right: -6.5rem !important;
    margin-left: -6.5rem !important;
  }

  .md-mt-104 {
    margin-top: 6.5rem !important;
  }

  .-md-mt-104 {
    margin-top: -6.5rem !important;
  }

  .md-mr-104 {
    margin-right: 6.5rem !important;
  }

  .-md-mr-104 {
    margin-right: -6.5rem !important;
  }

  .md-mb-104 {
    margin-bottom: 6.5rem !important;
  }

  .-md-mb-104 {
    margin-bottom: -6.5rem !important;
  }

  .md-ml-104 {
    margin-left: 6.5rem !important;
  }

  .-md-ml-104 {
    margin-left: -6.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-104 {
    margin: 6.5rem !important;
  }

  .-lg-m-104 {
    margin: -6.5rem !important;
  }

  .lg-my-104 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }

  .-lg-my-104 {
    margin-top: -6.5rem !important;
    margin-bottom: -6.5rem !important;
  }

  .lg-mx-104 {
    margin-right: 6.5rem !important;
    margin-left: 6.5rem !important;
  }

  .-lg-mx-104 {
    margin-right: -6.5rem !important;
    margin-left: -6.5rem !important;
  }

  .lg-mt-104 {
    margin-top: 6.5rem !important;
  }

  .-lg-mt-104 {
    margin-top: -6.5rem !important;
  }

  .lg-mr-104 {
    margin-right: 6.5rem !important;
  }

  .-lg-mr-104 {
    margin-right: -6.5rem !important;
  }

  .lg-mb-104 {
    margin-bottom: 6.5rem !important;
  }

  .-lg-mb-104 {
    margin-bottom: -6.5rem !important;
  }

  .lg-ml-104 {
    margin-left: 6.5rem !important;
  }

  .-lg-ml-104 {
    margin-left: -6.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-104 {
    margin: 6.5rem !important;
  }

  .-xl-m-104 {
    margin: -6.5rem !important;
  }

  .xl-my-104 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }

  .-xl-my-104 {
    margin-top: -6.5rem !important;
    margin-bottom: -6.5rem !important;
  }

  .xl-mx-104 {
    margin-right: 6.5rem !important;
    margin-left: 6.5rem !important;
  }

  .-xl-mx-104 {
    margin-right: -6.5rem !important;
    margin-left: -6.5rem !important;
  }

  .xl-mt-104 {
    margin-top: 6.5rem !important;
  }

  .-xl-mt-104 {
    margin-top: -6.5rem !important;
  }

  .xl-mr-104 {
    margin-right: 6.5rem !important;
  }

  .-xl-mr-104 {
    margin-right: -6.5rem !important;
  }

  .xl-mb-104 {
    margin-bottom: 6.5rem !important;
  }

  .-xl-mb-104 {
    margin-bottom: -6.5rem !important;
  }

  .xl-ml-104 {
    margin-left: 6.5rem !important;
  }

  .-xl-ml-104 {
    margin-left: -6.5rem !important;
  }
}
.m-108 {
  margin: 6.75rem;
}

.-m-108 {
  margin: -6.75rem;
}

.my-108 {
  margin-top: 6.75rem;
  margin-bottom: 6.75rem;
}

.-my-108 {
  margin-top: -6.75rem;
  margin-bottom: -6.75rem;
}

.mx-108 {
  margin-right: 6.75rem;
  margin-left: 6.75rem;
}

.-mx-108 {
  margin-right: -6.75rem;
  margin-left: -6.75rem;
}

.mt-108 {
  margin-top: 6.75rem;
}

.-mt-108 {
  margin-top: -6.75rem;
}

.mr-108 {
  margin-right: 6.75rem;
}

.-mr-108 {
  margin-right: -6.75rem;
}

.mb-108 {
  margin-bottom: 6.75rem;
}

.-mb-108 {
  margin-bottom: -6.75rem;
}

.ml-108 {
  margin-left: 6.75rem;
}

.-ml-108 {
  margin-left: -6.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-108 {
    margin: 6.75rem !important;
  }

  .-sm-m-108 {
    margin: -6.75rem !important;
  }

  .sm-my-108 {
    margin-top: 6.75rem !important;
    margin-bottom: 6.75rem !important;
  }

  .-sm-my-108 {
    margin-top: -6.75rem !important;
    margin-bottom: -6.75rem !important;
  }

  .sm-mx-108 {
    margin-right: 6.75rem !important;
    margin-left: 6.75rem !important;
  }

  .-sm-mx-108 {
    margin-right: -6.75rem !important;
    margin-left: -6.75rem !important;
  }

  .sm-mt-108 {
    margin-top: 6.75rem !important;
  }

  .-sm-mt-108 {
    margin-top: -6.75rem !important;
  }

  .sm-mr-108 {
    margin-right: 6.75rem !important;
  }

  .-sm-mr-108 {
    margin-right: -6.75rem !important;
  }

  .sm-mb-108 {
    margin-bottom: 6.75rem !important;
  }

  .-sm-mb-108 {
    margin-bottom: -6.75rem !important;
  }

  .sm-ml-108 {
    margin-left: 6.75rem !important;
  }

  .-sm-ml-108 {
    margin-left: -6.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-108 {
    margin: 6.75rem !important;
  }

  .-md-m-108 {
    margin: -6.75rem !important;
  }

  .md-my-108 {
    margin-top: 6.75rem !important;
    margin-bottom: 6.75rem !important;
  }

  .-md-my-108 {
    margin-top: -6.75rem !important;
    margin-bottom: -6.75rem !important;
  }

  .md-mx-108 {
    margin-right: 6.75rem !important;
    margin-left: 6.75rem !important;
  }

  .-md-mx-108 {
    margin-right: -6.75rem !important;
    margin-left: -6.75rem !important;
  }

  .md-mt-108 {
    margin-top: 6.75rem !important;
  }

  .-md-mt-108 {
    margin-top: -6.75rem !important;
  }

  .md-mr-108 {
    margin-right: 6.75rem !important;
  }

  .-md-mr-108 {
    margin-right: -6.75rem !important;
  }

  .md-mb-108 {
    margin-bottom: 6.75rem !important;
  }

  .-md-mb-108 {
    margin-bottom: -6.75rem !important;
  }

  .md-ml-108 {
    margin-left: 6.75rem !important;
  }

  .-md-ml-108 {
    margin-left: -6.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-108 {
    margin: 6.75rem !important;
  }

  .-lg-m-108 {
    margin: -6.75rem !important;
  }

  .lg-my-108 {
    margin-top: 6.75rem !important;
    margin-bottom: 6.75rem !important;
  }

  .-lg-my-108 {
    margin-top: -6.75rem !important;
    margin-bottom: -6.75rem !important;
  }

  .lg-mx-108 {
    margin-right: 6.75rem !important;
    margin-left: 6.75rem !important;
  }

  .-lg-mx-108 {
    margin-right: -6.75rem !important;
    margin-left: -6.75rem !important;
  }

  .lg-mt-108 {
    margin-top: 6.75rem !important;
  }

  .-lg-mt-108 {
    margin-top: -6.75rem !important;
  }

  .lg-mr-108 {
    margin-right: 6.75rem !important;
  }

  .-lg-mr-108 {
    margin-right: -6.75rem !important;
  }

  .lg-mb-108 {
    margin-bottom: 6.75rem !important;
  }

  .-lg-mb-108 {
    margin-bottom: -6.75rem !important;
  }

  .lg-ml-108 {
    margin-left: 6.75rem !important;
  }

  .-lg-ml-108 {
    margin-left: -6.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-108 {
    margin: 6.75rem !important;
  }

  .-xl-m-108 {
    margin: -6.75rem !important;
  }

  .xl-my-108 {
    margin-top: 6.75rem !important;
    margin-bottom: 6.75rem !important;
  }

  .-xl-my-108 {
    margin-top: -6.75rem !important;
    margin-bottom: -6.75rem !important;
  }

  .xl-mx-108 {
    margin-right: 6.75rem !important;
    margin-left: 6.75rem !important;
  }

  .-xl-mx-108 {
    margin-right: -6.75rem !important;
    margin-left: -6.75rem !important;
  }

  .xl-mt-108 {
    margin-top: 6.75rem !important;
  }

  .-xl-mt-108 {
    margin-top: -6.75rem !important;
  }

  .xl-mr-108 {
    margin-right: 6.75rem !important;
  }

  .-xl-mr-108 {
    margin-right: -6.75rem !important;
  }

  .xl-mb-108 {
    margin-bottom: 6.75rem !important;
  }

  .-xl-mb-108 {
    margin-bottom: -6.75rem !important;
  }

  .xl-ml-108 {
    margin-left: 6.75rem !important;
  }

  .-xl-ml-108 {
    margin-left: -6.75rem !important;
  }
}
.m-112 {
  margin: 7rem;
}

.-m-112 {
  margin: -7rem;
}

.my-112 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.-my-112 {
  margin-top: -7rem;
  margin-bottom: -7rem;
}

.mx-112 {
  margin-right: 7rem;
  margin-left: 7rem;
}

.-mx-112 {
  margin-right: -7rem;
  margin-left: -7rem;
}

.mt-112 {
  margin-top: 7rem;
}

.-mt-112 {
  margin-top: -7rem;
}

.mr-112 {
  margin-right: 7rem;
}

.-mr-112 {
  margin-right: -7rem;
}

.mb-112 {
  margin-bottom: 7rem;
}

.-mb-112 {
  margin-bottom: -7rem;
}

.ml-112 {
  margin-left: 7rem;
}

.-ml-112 {
  margin-left: -7rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-112 {
    margin: 7rem !important;
  }

  .-sm-m-112 {
    margin: -7rem !important;
  }

  .sm-my-112 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .-sm-my-112 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .sm-mx-112 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }

  .-sm-mx-112 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }

  .sm-mt-112 {
    margin-top: 7rem !important;
  }

  .-sm-mt-112 {
    margin-top: -7rem !important;
  }

  .sm-mr-112 {
    margin-right: 7rem !important;
  }

  .-sm-mr-112 {
    margin-right: -7rem !important;
  }

  .sm-mb-112 {
    margin-bottom: 7rem !important;
  }

  .-sm-mb-112 {
    margin-bottom: -7rem !important;
  }

  .sm-ml-112 {
    margin-left: 7rem !important;
  }

  .-sm-ml-112 {
    margin-left: -7rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-112 {
    margin: 7rem !important;
  }

  .-md-m-112 {
    margin: -7rem !important;
  }

  .md-my-112 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .-md-my-112 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .md-mx-112 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }

  .-md-mx-112 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }

  .md-mt-112 {
    margin-top: 7rem !important;
  }

  .-md-mt-112 {
    margin-top: -7rem !important;
  }

  .md-mr-112 {
    margin-right: 7rem !important;
  }

  .-md-mr-112 {
    margin-right: -7rem !important;
  }

  .md-mb-112 {
    margin-bottom: 7rem !important;
  }

  .-md-mb-112 {
    margin-bottom: -7rem !important;
  }

  .md-ml-112 {
    margin-left: 7rem !important;
  }

  .-md-ml-112 {
    margin-left: -7rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-112 {
    margin: 7rem !important;
  }

  .-lg-m-112 {
    margin: -7rem !important;
  }

  .lg-my-112 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .-lg-my-112 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .lg-mx-112 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }

  .-lg-mx-112 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }

  .lg-mt-112 {
    margin-top: 7rem !important;
  }

  .-lg-mt-112 {
    margin-top: -7rem !important;
  }

  .lg-mr-112 {
    margin-right: 7rem !important;
  }

  .-lg-mr-112 {
    margin-right: -7rem !important;
  }

  .lg-mb-112 {
    margin-bottom: 7rem !important;
  }

  .-lg-mb-112 {
    margin-bottom: -7rem !important;
  }

  .lg-ml-112 {
    margin-left: 7rem !important;
  }

  .-lg-ml-112 {
    margin-left: -7rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-112 {
    margin: 7rem !important;
  }

  .-xl-m-112 {
    margin: -7rem !important;
  }

  .xl-my-112 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .-xl-my-112 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .xl-mx-112 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }

  .-xl-mx-112 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }

  .xl-mt-112 {
    margin-top: 7rem !important;
  }

  .-xl-mt-112 {
    margin-top: -7rem !important;
  }

  .xl-mr-112 {
    margin-right: 7rem !important;
  }

  .-xl-mr-112 {
    margin-right: -7rem !important;
  }

  .xl-mb-112 {
    margin-bottom: 7rem !important;
  }

  .-xl-mb-112 {
    margin-bottom: -7rem !important;
  }

  .xl-ml-112 {
    margin-left: 7rem !important;
  }

  .-xl-ml-112 {
    margin-left: -7rem !important;
  }
}
.m-116 {
  margin: 7.25rem;
}

.-m-116 {
  margin: -7.25rem;
}

.my-116 {
  margin-top: 7.25rem;
  margin-bottom: 7.25rem;
}

.-my-116 {
  margin-top: -7.25rem;
  margin-bottom: -7.25rem;
}

.mx-116 {
  margin-right: 7.25rem;
  margin-left: 7.25rem;
}

.-mx-116 {
  margin-right: -7.25rem;
  margin-left: -7.25rem;
}

.mt-116 {
  margin-top: 7.25rem;
}

.-mt-116 {
  margin-top: -7.25rem;
}

.mr-116 {
  margin-right: 7.25rem;
}

.-mr-116 {
  margin-right: -7.25rem;
}

.mb-116 {
  margin-bottom: 7.25rem;
}

.-mb-116 {
  margin-bottom: -7.25rem;
}

.ml-116 {
  margin-left: 7.25rem;
}

.-ml-116 {
  margin-left: -7.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-116 {
    margin: 7.25rem !important;
  }

  .-sm-m-116 {
    margin: -7.25rem !important;
  }

  .sm-my-116 {
    margin-top: 7.25rem !important;
    margin-bottom: 7.25rem !important;
  }

  .-sm-my-116 {
    margin-top: -7.25rem !important;
    margin-bottom: -7.25rem !important;
  }

  .sm-mx-116 {
    margin-right: 7.25rem !important;
    margin-left: 7.25rem !important;
  }

  .-sm-mx-116 {
    margin-right: -7.25rem !important;
    margin-left: -7.25rem !important;
  }

  .sm-mt-116 {
    margin-top: 7.25rem !important;
  }

  .-sm-mt-116 {
    margin-top: -7.25rem !important;
  }

  .sm-mr-116 {
    margin-right: 7.25rem !important;
  }

  .-sm-mr-116 {
    margin-right: -7.25rem !important;
  }

  .sm-mb-116 {
    margin-bottom: 7.25rem !important;
  }

  .-sm-mb-116 {
    margin-bottom: -7.25rem !important;
  }

  .sm-ml-116 {
    margin-left: 7.25rem !important;
  }

  .-sm-ml-116 {
    margin-left: -7.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-116 {
    margin: 7.25rem !important;
  }

  .-md-m-116 {
    margin: -7.25rem !important;
  }

  .md-my-116 {
    margin-top: 7.25rem !important;
    margin-bottom: 7.25rem !important;
  }

  .-md-my-116 {
    margin-top: -7.25rem !important;
    margin-bottom: -7.25rem !important;
  }

  .md-mx-116 {
    margin-right: 7.25rem !important;
    margin-left: 7.25rem !important;
  }

  .-md-mx-116 {
    margin-right: -7.25rem !important;
    margin-left: -7.25rem !important;
  }

  .md-mt-116 {
    margin-top: 7.25rem !important;
  }

  .-md-mt-116 {
    margin-top: -7.25rem !important;
  }

  .md-mr-116 {
    margin-right: 7.25rem !important;
  }

  .-md-mr-116 {
    margin-right: -7.25rem !important;
  }

  .md-mb-116 {
    margin-bottom: 7.25rem !important;
  }

  .-md-mb-116 {
    margin-bottom: -7.25rem !important;
  }

  .md-ml-116 {
    margin-left: 7.25rem !important;
  }

  .-md-ml-116 {
    margin-left: -7.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-116 {
    margin: 7.25rem !important;
  }

  .-lg-m-116 {
    margin: -7.25rem !important;
  }

  .lg-my-116 {
    margin-top: 7.25rem !important;
    margin-bottom: 7.25rem !important;
  }

  .-lg-my-116 {
    margin-top: -7.25rem !important;
    margin-bottom: -7.25rem !important;
  }

  .lg-mx-116 {
    margin-right: 7.25rem !important;
    margin-left: 7.25rem !important;
  }

  .-lg-mx-116 {
    margin-right: -7.25rem !important;
    margin-left: -7.25rem !important;
  }

  .lg-mt-116 {
    margin-top: 7.25rem !important;
  }

  .-lg-mt-116 {
    margin-top: -7.25rem !important;
  }

  .lg-mr-116 {
    margin-right: 7.25rem !important;
  }

  .-lg-mr-116 {
    margin-right: -7.25rem !important;
  }

  .lg-mb-116 {
    margin-bottom: 7.25rem !important;
  }

  .-lg-mb-116 {
    margin-bottom: -7.25rem !important;
  }

  .lg-ml-116 {
    margin-left: 7.25rem !important;
  }

  .-lg-ml-116 {
    margin-left: -7.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-116 {
    margin: 7.25rem !important;
  }

  .-xl-m-116 {
    margin: -7.25rem !important;
  }

  .xl-my-116 {
    margin-top: 7.25rem !important;
    margin-bottom: 7.25rem !important;
  }

  .-xl-my-116 {
    margin-top: -7.25rem !important;
    margin-bottom: -7.25rem !important;
  }

  .xl-mx-116 {
    margin-right: 7.25rem !important;
    margin-left: 7.25rem !important;
  }

  .-xl-mx-116 {
    margin-right: -7.25rem !important;
    margin-left: -7.25rem !important;
  }

  .xl-mt-116 {
    margin-top: 7.25rem !important;
  }

  .-xl-mt-116 {
    margin-top: -7.25rem !important;
  }

  .xl-mr-116 {
    margin-right: 7.25rem !important;
  }

  .-xl-mr-116 {
    margin-right: -7.25rem !important;
  }

  .xl-mb-116 {
    margin-bottom: 7.25rem !important;
  }

  .-xl-mb-116 {
    margin-bottom: -7.25rem !important;
  }

  .xl-ml-116 {
    margin-left: 7.25rem !important;
  }

  .-xl-ml-116 {
    margin-left: -7.25rem !important;
  }
}
.m-120 {
  margin: 7.5rem;
}

.-m-120 {
  margin: -7.5rem;
}

.my-120 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.-my-120 {
  margin-top: -7.5rem;
  margin-bottom: -7.5rem;
}

.mx-120 {
  margin-right: 7.5rem;
  margin-left: 7.5rem;
}

.-mx-120 {
  margin-right: -7.5rem;
  margin-left: -7.5rem;
}

.mt-120 {
  margin-top: 7.5rem;
}

.-mt-120 {
  margin-top: -7.5rem;
}

.mr-120 {
  margin-right: 7.5rem;
}

.-mr-120 {
  margin-right: -7.5rem;
}

.mb-120 {
  margin-bottom: 7.5rem;
}

.-mb-120 {
  margin-bottom: -7.5rem;
}

.ml-120 {
  margin-left: 7.5rem;
}

.-ml-120 {
  margin-left: -7.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-120 {
    margin: 7.5rem !important;
  }

  .-sm-m-120 {
    margin: -7.5rem !important;
  }

  .sm-my-120 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .-sm-my-120 {
    margin-top: -7.5rem !important;
    margin-bottom: -7.5rem !important;
  }

  .sm-mx-120 {
    margin-right: 7.5rem !important;
    margin-left: 7.5rem !important;
  }

  .-sm-mx-120 {
    margin-right: -7.5rem !important;
    margin-left: -7.5rem !important;
  }

  .sm-mt-120 {
    margin-top: 7.5rem !important;
  }

  .-sm-mt-120 {
    margin-top: -7.5rem !important;
  }

  .sm-mr-120 {
    margin-right: 7.5rem !important;
  }

  .-sm-mr-120 {
    margin-right: -7.5rem !important;
  }

  .sm-mb-120 {
    margin-bottom: 7.5rem !important;
  }

  .-sm-mb-120 {
    margin-bottom: -7.5rem !important;
  }

  .sm-ml-120 {
    margin-left: 7.5rem !important;
  }

  .-sm-ml-120 {
    margin-left: -7.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-120 {
    margin: 7.5rem !important;
  }

  .-md-m-120 {
    margin: -7.5rem !important;
  }

  .md-my-120 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .-md-my-120 {
    margin-top: -7.5rem !important;
    margin-bottom: -7.5rem !important;
  }

  .md-mx-120 {
    margin-right: 7.5rem !important;
    margin-left: 7.5rem !important;
  }

  .-md-mx-120 {
    margin-right: -7.5rem !important;
    margin-left: -7.5rem !important;
  }

  .md-mt-120 {
    margin-top: 7.5rem !important;
  }

  .-md-mt-120 {
    margin-top: -7.5rem !important;
  }

  .md-mr-120 {
    margin-right: 7.5rem !important;
  }

  .-md-mr-120 {
    margin-right: -7.5rem !important;
  }

  .md-mb-120 {
    margin-bottom: 7.5rem !important;
  }

  .-md-mb-120 {
    margin-bottom: -7.5rem !important;
  }

  .md-ml-120 {
    margin-left: 7.5rem !important;
  }

  .-md-ml-120 {
    margin-left: -7.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-120 {
    margin: 7.5rem !important;
  }

  .-lg-m-120 {
    margin: -7.5rem !important;
  }

  .lg-my-120 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .-lg-my-120 {
    margin-top: -7.5rem !important;
    margin-bottom: -7.5rem !important;
  }

  .lg-mx-120 {
    margin-right: 7.5rem !important;
    margin-left: 7.5rem !important;
  }

  .-lg-mx-120 {
    margin-right: -7.5rem !important;
    margin-left: -7.5rem !important;
  }

  .lg-mt-120 {
    margin-top: 7.5rem !important;
  }

  .-lg-mt-120 {
    margin-top: -7.5rem !important;
  }

  .lg-mr-120 {
    margin-right: 7.5rem !important;
  }

  .-lg-mr-120 {
    margin-right: -7.5rem !important;
  }

  .lg-mb-120 {
    margin-bottom: 7.5rem !important;
  }

  .-lg-mb-120 {
    margin-bottom: -7.5rem !important;
  }

  .lg-ml-120 {
    margin-left: 7.5rem !important;
  }

  .-lg-ml-120 {
    margin-left: -7.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-120 {
    margin: 7.5rem !important;
  }

  .-xl-m-120 {
    margin: -7.5rem !important;
  }

  .xl-my-120 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .-xl-my-120 {
    margin-top: -7.5rem !important;
    margin-bottom: -7.5rem !important;
  }

  .xl-mx-120 {
    margin-right: 7.5rem !important;
    margin-left: 7.5rem !important;
  }

  .-xl-mx-120 {
    margin-right: -7.5rem !important;
    margin-left: -7.5rem !important;
  }

  .xl-mt-120 {
    margin-top: 7.5rem !important;
  }

  .-xl-mt-120 {
    margin-top: -7.5rem !important;
  }

  .xl-mr-120 {
    margin-right: 7.5rem !important;
  }

  .-xl-mr-120 {
    margin-right: -7.5rem !important;
  }

  .xl-mb-120 {
    margin-bottom: 7.5rem !important;
  }

  .-xl-mb-120 {
    margin-bottom: -7.5rem !important;
  }

  .xl-ml-120 {
    margin-left: 7.5rem !important;
  }

  .-xl-ml-120 {
    margin-left: -7.5rem !important;
  }
}
.m-124 {
  margin: 7.75rem;
}

.-m-124 {
  margin: -7.75rem;
}

.my-124 {
  margin-top: 7.75rem;
  margin-bottom: 7.75rem;
}

.-my-124 {
  margin-top: -7.75rem;
  margin-bottom: -7.75rem;
}

.mx-124 {
  margin-right: 7.75rem;
  margin-left: 7.75rem;
}

.-mx-124 {
  margin-right: -7.75rem;
  margin-left: -7.75rem;
}

.mt-124 {
  margin-top: 7.75rem;
}

.-mt-124 {
  margin-top: -7.75rem;
}

.mr-124 {
  margin-right: 7.75rem;
}

.-mr-124 {
  margin-right: -7.75rem;
}

.mb-124 {
  margin-bottom: 7.75rem;
}

.-mb-124 {
  margin-bottom: -7.75rem;
}

.ml-124 {
  margin-left: 7.75rem;
}

.-ml-124 {
  margin-left: -7.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-124 {
    margin: 7.75rem !important;
  }

  .-sm-m-124 {
    margin: -7.75rem !important;
  }

  .sm-my-124 {
    margin-top: 7.75rem !important;
    margin-bottom: 7.75rem !important;
  }

  .-sm-my-124 {
    margin-top: -7.75rem !important;
    margin-bottom: -7.75rem !important;
  }

  .sm-mx-124 {
    margin-right: 7.75rem !important;
    margin-left: 7.75rem !important;
  }

  .-sm-mx-124 {
    margin-right: -7.75rem !important;
    margin-left: -7.75rem !important;
  }

  .sm-mt-124 {
    margin-top: 7.75rem !important;
  }

  .-sm-mt-124 {
    margin-top: -7.75rem !important;
  }

  .sm-mr-124 {
    margin-right: 7.75rem !important;
  }

  .-sm-mr-124 {
    margin-right: -7.75rem !important;
  }

  .sm-mb-124 {
    margin-bottom: 7.75rem !important;
  }

  .-sm-mb-124 {
    margin-bottom: -7.75rem !important;
  }

  .sm-ml-124 {
    margin-left: 7.75rem !important;
  }

  .-sm-ml-124 {
    margin-left: -7.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-124 {
    margin: 7.75rem !important;
  }

  .-md-m-124 {
    margin: -7.75rem !important;
  }

  .md-my-124 {
    margin-top: 7.75rem !important;
    margin-bottom: 7.75rem !important;
  }

  .-md-my-124 {
    margin-top: -7.75rem !important;
    margin-bottom: -7.75rem !important;
  }

  .md-mx-124 {
    margin-right: 7.75rem !important;
    margin-left: 7.75rem !important;
  }

  .-md-mx-124 {
    margin-right: -7.75rem !important;
    margin-left: -7.75rem !important;
  }

  .md-mt-124 {
    margin-top: 7.75rem !important;
  }

  .-md-mt-124 {
    margin-top: -7.75rem !important;
  }

  .md-mr-124 {
    margin-right: 7.75rem !important;
  }

  .-md-mr-124 {
    margin-right: -7.75rem !important;
  }

  .md-mb-124 {
    margin-bottom: 7.75rem !important;
  }

  .-md-mb-124 {
    margin-bottom: -7.75rem !important;
  }

  .md-ml-124 {
    margin-left: 7.75rem !important;
  }

  .-md-ml-124 {
    margin-left: -7.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-124 {
    margin: 7.75rem !important;
  }

  .-lg-m-124 {
    margin: -7.75rem !important;
  }

  .lg-my-124 {
    margin-top: 7.75rem !important;
    margin-bottom: 7.75rem !important;
  }

  .-lg-my-124 {
    margin-top: -7.75rem !important;
    margin-bottom: -7.75rem !important;
  }

  .lg-mx-124 {
    margin-right: 7.75rem !important;
    margin-left: 7.75rem !important;
  }

  .-lg-mx-124 {
    margin-right: -7.75rem !important;
    margin-left: -7.75rem !important;
  }

  .lg-mt-124 {
    margin-top: 7.75rem !important;
  }

  .-lg-mt-124 {
    margin-top: -7.75rem !important;
  }

  .lg-mr-124 {
    margin-right: 7.75rem !important;
  }

  .-lg-mr-124 {
    margin-right: -7.75rem !important;
  }

  .lg-mb-124 {
    margin-bottom: 7.75rem !important;
  }

  .-lg-mb-124 {
    margin-bottom: -7.75rem !important;
  }

  .lg-ml-124 {
    margin-left: 7.75rem !important;
  }

  .-lg-ml-124 {
    margin-left: -7.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-124 {
    margin: 7.75rem !important;
  }

  .-xl-m-124 {
    margin: -7.75rem !important;
  }

  .xl-my-124 {
    margin-top: 7.75rem !important;
    margin-bottom: 7.75rem !important;
  }

  .-xl-my-124 {
    margin-top: -7.75rem !important;
    margin-bottom: -7.75rem !important;
  }

  .xl-mx-124 {
    margin-right: 7.75rem !important;
    margin-left: 7.75rem !important;
  }

  .-xl-mx-124 {
    margin-right: -7.75rem !important;
    margin-left: -7.75rem !important;
  }

  .xl-mt-124 {
    margin-top: 7.75rem !important;
  }

  .-xl-mt-124 {
    margin-top: -7.75rem !important;
  }

  .xl-mr-124 {
    margin-right: 7.75rem !important;
  }

  .-xl-mr-124 {
    margin-right: -7.75rem !important;
  }

  .xl-mb-124 {
    margin-bottom: 7.75rem !important;
  }

  .-xl-mb-124 {
    margin-bottom: -7.75rem !important;
  }

  .xl-ml-124 {
    margin-left: 7.75rem !important;
  }

  .-xl-ml-124 {
    margin-left: -7.75rem !important;
  }
}
.m-128 {
  margin: 8rem;
}

.-m-128 {
  margin: -8rem;
}

.my-128 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.-my-128 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}

.mx-128 {
  margin-right: 8rem;
  margin-left: 8rem;
}

.-mx-128 {
  margin-right: -8rem;
  margin-left: -8rem;
}

.mt-128 {
  margin-top: 8rem;
}

.-mt-128 {
  margin-top: -8rem;
}

.mr-128 {
  margin-right: 8rem;
}

.-mr-128 {
  margin-right: -8rem;
}

.mb-128 {
  margin-bottom: 8rem;
}

.-mb-128 {
  margin-bottom: -8rem;
}

.ml-128 {
  margin-left: 8rem;
}

.-ml-128 {
  margin-left: -8rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-128 {
    margin: 8rem !important;
  }

  .-sm-m-128 {
    margin: -8rem !important;
  }

  .sm-my-128 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .-sm-my-128 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .sm-mx-128 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }

  .-sm-mx-128 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
  }

  .sm-mt-128 {
    margin-top: 8rem !important;
  }

  .-sm-mt-128 {
    margin-top: -8rem !important;
  }

  .sm-mr-128 {
    margin-right: 8rem !important;
  }

  .-sm-mr-128 {
    margin-right: -8rem !important;
  }

  .sm-mb-128 {
    margin-bottom: 8rem !important;
  }

  .-sm-mb-128 {
    margin-bottom: -8rem !important;
  }

  .sm-ml-128 {
    margin-left: 8rem !important;
  }

  .-sm-ml-128 {
    margin-left: -8rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-128 {
    margin: 8rem !important;
  }

  .-md-m-128 {
    margin: -8rem !important;
  }

  .md-my-128 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .-md-my-128 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .md-mx-128 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }

  .-md-mx-128 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
  }

  .md-mt-128 {
    margin-top: 8rem !important;
  }

  .-md-mt-128 {
    margin-top: -8rem !important;
  }

  .md-mr-128 {
    margin-right: 8rem !important;
  }

  .-md-mr-128 {
    margin-right: -8rem !important;
  }

  .md-mb-128 {
    margin-bottom: 8rem !important;
  }

  .-md-mb-128 {
    margin-bottom: -8rem !important;
  }

  .md-ml-128 {
    margin-left: 8rem !important;
  }

  .-md-ml-128 {
    margin-left: -8rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-128 {
    margin: 8rem !important;
  }

  .-lg-m-128 {
    margin: -8rem !important;
  }

  .lg-my-128 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .-lg-my-128 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .lg-mx-128 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }

  .-lg-mx-128 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
  }

  .lg-mt-128 {
    margin-top: 8rem !important;
  }

  .-lg-mt-128 {
    margin-top: -8rem !important;
  }

  .lg-mr-128 {
    margin-right: 8rem !important;
  }

  .-lg-mr-128 {
    margin-right: -8rem !important;
  }

  .lg-mb-128 {
    margin-bottom: 8rem !important;
  }

  .-lg-mb-128 {
    margin-bottom: -8rem !important;
  }

  .lg-ml-128 {
    margin-left: 8rem !important;
  }

  .-lg-ml-128 {
    margin-left: -8rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-128 {
    margin: 8rem !important;
  }

  .-xl-m-128 {
    margin: -8rem !important;
  }

  .xl-my-128 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .-xl-my-128 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .xl-mx-128 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }

  .-xl-mx-128 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
  }

  .xl-mt-128 {
    margin-top: 8rem !important;
  }

  .-xl-mt-128 {
    margin-top: -8rem !important;
  }

  .xl-mr-128 {
    margin-right: 8rem !important;
  }

  .-xl-mr-128 {
    margin-right: -8rem !important;
  }

  .xl-mb-128 {
    margin-bottom: 8rem !important;
  }

  .-xl-mb-128 {
    margin-bottom: -8rem !important;
  }

  .xl-ml-128 {
    margin-left: 8rem !important;
  }

  .-xl-ml-128 {
    margin-left: -8rem !important;
  }
}
.m-132 {
  margin: 8.25rem;
}

.-m-132 {
  margin: -8.25rem;
}

.my-132 {
  margin-top: 8.25rem;
  margin-bottom: 8.25rem;
}

.-my-132 {
  margin-top: -8.25rem;
  margin-bottom: -8.25rem;
}

.mx-132 {
  margin-right: 8.25rem;
  margin-left: 8.25rem;
}

.-mx-132 {
  margin-right: -8.25rem;
  margin-left: -8.25rem;
}

.mt-132 {
  margin-top: 8.25rem;
}

.-mt-132 {
  margin-top: -8.25rem;
}

.mr-132 {
  margin-right: 8.25rem;
}

.-mr-132 {
  margin-right: -8.25rem;
}

.mb-132 {
  margin-bottom: 8.25rem;
}

.-mb-132 {
  margin-bottom: -8.25rem;
}

.ml-132 {
  margin-left: 8.25rem;
}

.-ml-132 {
  margin-left: -8.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-132 {
    margin: 8.25rem !important;
  }

  .-sm-m-132 {
    margin: -8.25rem !important;
  }

  .sm-my-132 {
    margin-top: 8.25rem !important;
    margin-bottom: 8.25rem !important;
  }

  .-sm-my-132 {
    margin-top: -8.25rem !important;
    margin-bottom: -8.25rem !important;
  }

  .sm-mx-132 {
    margin-right: 8.25rem !important;
    margin-left: 8.25rem !important;
  }

  .-sm-mx-132 {
    margin-right: -8.25rem !important;
    margin-left: -8.25rem !important;
  }

  .sm-mt-132 {
    margin-top: 8.25rem !important;
  }

  .-sm-mt-132 {
    margin-top: -8.25rem !important;
  }

  .sm-mr-132 {
    margin-right: 8.25rem !important;
  }

  .-sm-mr-132 {
    margin-right: -8.25rem !important;
  }

  .sm-mb-132 {
    margin-bottom: 8.25rem !important;
  }

  .-sm-mb-132 {
    margin-bottom: -8.25rem !important;
  }

  .sm-ml-132 {
    margin-left: 8.25rem !important;
  }

  .-sm-ml-132 {
    margin-left: -8.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-132 {
    margin: 8.25rem !important;
  }

  .-md-m-132 {
    margin: -8.25rem !important;
  }

  .md-my-132 {
    margin-top: 8.25rem !important;
    margin-bottom: 8.25rem !important;
  }

  .-md-my-132 {
    margin-top: -8.25rem !important;
    margin-bottom: -8.25rem !important;
  }

  .md-mx-132 {
    margin-right: 8.25rem !important;
    margin-left: 8.25rem !important;
  }

  .-md-mx-132 {
    margin-right: -8.25rem !important;
    margin-left: -8.25rem !important;
  }

  .md-mt-132 {
    margin-top: 8.25rem !important;
  }

  .-md-mt-132 {
    margin-top: -8.25rem !important;
  }

  .md-mr-132 {
    margin-right: 8.25rem !important;
  }

  .-md-mr-132 {
    margin-right: -8.25rem !important;
  }

  .md-mb-132 {
    margin-bottom: 8.25rem !important;
  }

  .-md-mb-132 {
    margin-bottom: -8.25rem !important;
  }

  .md-ml-132 {
    margin-left: 8.25rem !important;
  }

  .-md-ml-132 {
    margin-left: -8.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-132 {
    margin: 8.25rem !important;
  }

  .-lg-m-132 {
    margin: -8.25rem !important;
  }

  .lg-my-132 {
    margin-top: 8.25rem !important;
    margin-bottom: 8.25rem !important;
  }

  .-lg-my-132 {
    margin-top: -8.25rem !important;
    margin-bottom: -8.25rem !important;
  }

  .lg-mx-132 {
    margin-right: 8.25rem !important;
    margin-left: 8.25rem !important;
  }

  .-lg-mx-132 {
    margin-right: -8.25rem !important;
    margin-left: -8.25rem !important;
  }

  .lg-mt-132 {
    margin-top: 8.25rem !important;
  }

  .-lg-mt-132 {
    margin-top: -8.25rem !important;
  }

  .lg-mr-132 {
    margin-right: 8.25rem !important;
  }

  .-lg-mr-132 {
    margin-right: -8.25rem !important;
  }

  .lg-mb-132 {
    margin-bottom: 8.25rem !important;
  }

  .-lg-mb-132 {
    margin-bottom: -8.25rem !important;
  }

  .lg-ml-132 {
    margin-left: 8.25rem !important;
  }

  .-lg-ml-132 {
    margin-left: -8.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-132 {
    margin: 8.25rem !important;
  }

  .-xl-m-132 {
    margin: -8.25rem !important;
  }

  .xl-my-132 {
    margin-top: 8.25rem !important;
    margin-bottom: 8.25rem !important;
  }

  .-xl-my-132 {
    margin-top: -8.25rem !important;
    margin-bottom: -8.25rem !important;
  }

  .xl-mx-132 {
    margin-right: 8.25rem !important;
    margin-left: 8.25rem !important;
  }

  .-xl-mx-132 {
    margin-right: -8.25rem !important;
    margin-left: -8.25rem !important;
  }

  .xl-mt-132 {
    margin-top: 8.25rem !important;
  }

  .-xl-mt-132 {
    margin-top: -8.25rem !important;
  }

  .xl-mr-132 {
    margin-right: 8.25rem !important;
  }

  .-xl-mr-132 {
    margin-right: -8.25rem !important;
  }

  .xl-mb-132 {
    margin-bottom: 8.25rem !important;
  }

  .-xl-mb-132 {
    margin-bottom: -8.25rem !important;
  }

  .xl-ml-132 {
    margin-left: 8.25rem !important;
  }

  .-xl-ml-132 {
    margin-left: -8.25rem !important;
  }
}
.m-136 {
  margin: 8.5rem;
}

.-m-136 {
  margin: -8.5rem;
}

.my-136 {
  margin-top: 8.5rem;
  margin-bottom: 8.5rem;
}

.-my-136 {
  margin-top: -8.5rem;
  margin-bottom: -8.5rem;
}

.mx-136 {
  margin-right: 8.5rem;
  margin-left: 8.5rem;
}

.-mx-136 {
  margin-right: -8.5rem;
  margin-left: -8.5rem;
}

.mt-136 {
  margin-top: 8.5rem;
}

.-mt-136 {
  margin-top: -8.5rem;
}

.mr-136 {
  margin-right: 8.5rem;
}

.-mr-136 {
  margin-right: -8.5rem;
}

.mb-136 {
  margin-bottom: 8.5rem;
}

.-mb-136 {
  margin-bottom: -8.5rem;
}

.ml-136 {
  margin-left: 8.5rem;
}

.-ml-136 {
  margin-left: -8.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-136 {
    margin: 8.5rem !important;
  }

  .-sm-m-136 {
    margin: -8.5rem !important;
  }

  .sm-my-136 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }

  .-sm-my-136 {
    margin-top: -8.5rem !important;
    margin-bottom: -8.5rem !important;
  }

  .sm-mx-136 {
    margin-right: 8.5rem !important;
    margin-left: 8.5rem !important;
  }

  .-sm-mx-136 {
    margin-right: -8.5rem !important;
    margin-left: -8.5rem !important;
  }

  .sm-mt-136 {
    margin-top: 8.5rem !important;
  }

  .-sm-mt-136 {
    margin-top: -8.5rem !important;
  }

  .sm-mr-136 {
    margin-right: 8.5rem !important;
  }

  .-sm-mr-136 {
    margin-right: -8.5rem !important;
  }

  .sm-mb-136 {
    margin-bottom: 8.5rem !important;
  }

  .-sm-mb-136 {
    margin-bottom: -8.5rem !important;
  }

  .sm-ml-136 {
    margin-left: 8.5rem !important;
  }

  .-sm-ml-136 {
    margin-left: -8.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-136 {
    margin: 8.5rem !important;
  }

  .-md-m-136 {
    margin: -8.5rem !important;
  }

  .md-my-136 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }

  .-md-my-136 {
    margin-top: -8.5rem !important;
    margin-bottom: -8.5rem !important;
  }

  .md-mx-136 {
    margin-right: 8.5rem !important;
    margin-left: 8.5rem !important;
  }

  .-md-mx-136 {
    margin-right: -8.5rem !important;
    margin-left: -8.5rem !important;
  }

  .md-mt-136 {
    margin-top: 8.5rem !important;
  }

  .-md-mt-136 {
    margin-top: -8.5rem !important;
  }

  .md-mr-136 {
    margin-right: 8.5rem !important;
  }

  .-md-mr-136 {
    margin-right: -8.5rem !important;
  }

  .md-mb-136 {
    margin-bottom: 8.5rem !important;
  }

  .-md-mb-136 {
    margin-bottom: -8.5rem !important;
  }

  .md-ml-136 {
    margin-left: 8.5rem !important;
  }

  .-md-ml-136 {
    margin-left: -8.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-136 {
    margin: 8.5rem !important;
  }

  .-lg-m-136 {
    margin: -8.5rem !important;
  }

  .lg-my-136 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }

  .-lg-my-136 {
    margin-top: -8.5rem !important;
    margin-bottom: -8.5rem !important;
  }

  .lg-mx-136 {
    margin-right: 8.5rem !important;
    margin-left: 8.5rem !important;
  }

  .-lg-mx-136 {
    margin-right: -8.5rem !important;
    margin-left: -8.5rem !important;
  }

  .lg-mt-136 {
    margin-top: 8.5rem !important;
  }

  .-lg-mt-136 {
    margin-top: -8.5rem !important;
  }

  .lg-mr-136 {
    margin-right: 8.5rem !important;
  }

  .-lg-mr-136 {
    margin-right: -8.5rem !important;
  }

  .lg-mb-136 {
    margin-bottom: 8.5rem !important;
  }

  .-lg-mb-136 {
    margin-bottom: -8.5rem !important;
  }

  .lg-ml-136 {
    margin-left: 8.5rem !important;
  }

  .-lg-ml-136 {
    margin-left: -8.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-136 {
    margin: 8.5rem !important;
  }

  .-xl-m-136 {
    margin: -8.5rem !important;
  }

  .xl-my-136 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }

  .-xl-my-136 {
    margin-top: -8.5rem !important;
    margin-bottom: -8.5rem !important;
  }

  .xl-mx-136 {
    margin-right: 8.5rem !important;
    margin-left: 8.5rem !important;
  }

  .-xl-mx-136 {
    margin-right: -8.5rem !important;
    margin-left: -8.5rem !important;
  }

  .xl-mt-136 {
    margin-top: 8.5rem !important;
  }

  .-xl-mt-136 {
    margin-top: -8.5rem !important;
  }

  .xl-mr-136 {
    margin-right: 8.5rem !important;
  }

  .-xl-mr-136 {
    margin-right: -8.5rem !important;
  }

  .xl-mb-136 {
    margin-bottom: 8.5rem !important;
  }

  .-xl-mb-136 {
    margin-bottom: -8.5rem !important;
  }

  .xl-ml-136 {
    margin-left: 8.5rem !important;
  }

  .-xl-ml-136 {
    margin-left: -8.5rem !important;
  }
}
.m-140 {
  margin: 8.75rem;
}

.-m-140 {
  margin: -8.75rem;
}

.my-140 {
  margin-top: 8.75rem;
  margin-bottom: 8.75rem;
}

.-my-140 {
  margin-top: -8.75rem;
  margin-bottom: -8.75rem;
}

.mx-140 {
  margin-right: 8.75rem;
  margin-left: 8.75rem;
}

.-mx-140 {
  margin-right: -8.75rem;
  margin-left: -8.75rem;
}

.mt-140 {
  margin-top: 8.75rem;
}

.-mt-140 {
  margin-top: -8.75rem;
}

.mr-140 {
  margin-right: 8.75rem;
}

.-mr-140 {
  margin-right: -8.75rem;
}

.mb-140 {
  margin-bottom: 8.75rem;
}

.-mb-140 {
  margin-bottom: -8.75rem;
}

.ml-140 {
  margin-left: 8.75rem;
}

.-ml-140 {
  margin-left: -8.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-140 {
    margin: 8.75rem !important;
  }

  .-sm-m-140 {
    margin: -8.75rem !important;
  }

  .sm-my-140 {
    margin-top: 8.75rem !important;
    margin-bottom: 8.75rem !important;
  }

  .-sm-my-140 {
    margin-top: -8.75rem !important;
    margin-bottom: -8.75rem !important;
  }

  .sm-mx-140 {
    margin-right: 8.75rem !important;
    margin-left: 8.75rem !important;
  }

  .-sm-mx-140 {
    margin-right: -8.75rem !important;
    margin-left: -8.75rem !important;
  }

  .sm-mt-140 {
    margin-top: 8.75rem !important;
  }

  .-sm-mt-140 {
    margin-top: -8.75rem !important;
  }

  .sm-mr-140 {
    margin-right: 8.75rem !important;
  }

  .-sm-mr-140 {
    margin-right: -8.75rem !important;
  }

  .sm-mb-140 {
    margin-bottom: 8.75rem !important;
  }

  .-sm-mb-140 {
    margin-bottom: -8.75rem !important;
  }

  .sm-ml-140 {
    margin-left: 8.75rem !important;
  }

  .-sm-ml-140 {
    margin-left: -8.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-140 {
    margin: 8.75rem !important;
  }

  .-md-m-140 {
    margin: -8.75rem !important;
  }

  .md-my-140 {
    margin-top: 8.75rem !important;
    margin-bottom: 8.75rem !important;
  }

  .-md-my-140 {
    margin-top: -8.75rem !important;
    margin-bottom: -8.75rem !important;
  }

  .md-mx-140 {
    margin-right: 8.75rem !important;
    margin-left: 8.75rem !important;
  }

  .-md-mx-140 {
    margin-right: -8.75rem !important;
    margin-left: -8.75rem !important;
  }

  .md-mt-140 {
    margin-top: 8.75rem !important;
  }

  .-md-mt-140 {
    margin-top: -8.75rem !important;
  }

  .md-mr-140 {
    margin-right: 8.75rem !important;
  }

  .-md-mr-140 {
    margin-right: -8.75rem !important;
  }

  .md-mb-140 {
    margin-bottom: 8.75rem !important;
  }

  .-md-mb-140 {
    margin-bottom: -8.75rem !important;
  }

  .md-ml-140 {
    margin-left: 8.75rem !important;
  }

  .-md-ml-140 {
    margin-left: -8.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-140 {
    margin: 8.75rem !important;
  }

  .-lg-m-140 {
    margin: -8.75rem !important;
  }

  .lg-my-140 {
    margin-top: 8.75rem !important;
    margin-bottom: 8.75rem !important;
  }

  .-lg-my-140 {
    margin-top: -8.75rem !important;
    margin-bottom: -8.75rem !important;
  }

  .lg-mx-140 {
    margin-right: 8.75rem !important;
    margin-left: 8.75rem !important;
  }

  .-lg-mx-140 {
    margin-right: -8.75rem !important;
    margin-left: -8.75rem !important;
  }

  .lg-mt-140 {
    margin-top: 8.75rem !important;
  }

  .-lg-mt-140 {
    margin-top: -8.75rem !important;
  }

  .lg-mr-140 {
    margin-right: 8.75rem !important;
  }

  .-lg-mr-140 {
    margin-right: -8.75rem !important;
  }

  .lg-mb-140 {
    margin-bottom: 8.75rem !important;
  }

  .-lg-mb-140 {
    margin-bottom: -8.75rem !important;
  }

  .lg-ml-140 {
    margin-left: 8.75rem !important;
  }

  .-lg-ml-140 {
    margin-left: -8.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-140 {
    margin: 8.75rem !important;
  }

  .-xl-m-140 {
    margin: -8.75rem !important;
  }

  .xl-my-140 {
    margin-top: 8.75rem !important;
    margin-bottom: 8.75rem !important;
  }

  .-xl-my-140 {
    margin-top: -8.75rem !important;
    margin-bottom: -8.75rem !important;
  }

  .xl-mx-140 {
    margin-right: 8.75rem !important;
    margin-left: 8.75rem !important;
  }

  .-xl-mx-140 {
    margin-right: -8.75rem !important;
    margin-left: -8.75rem !important;
  }

  .xl-mt-140 {
    margin-top: 8.75rem !important;
  }

  .-xl-mt-140 {
    margin-top: -8.75rem !important;
  }

  .xl-mr-140 {
    margin-right: 8.75rem !important;
  }

  .-xl-mr-140 {
    margin-right: -8.75rem !important;
  }

  .xl-mb-140 {
    margin-bottom: 8.75rem !important;
  }

  .-xl-mb-140 {
    margin-bottom: -8.75rem !important;
  }

  .xl-ml-140 {
    margin-left: 8.75rem !important;
  }

  .-xl-ml-140 {
    margin-left: -8.75rem !important;
  }
}
.m-144 {
  margin: 9rem;
}

.-m-144 {
  margin: -9rem;
}

.my-144 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.-my-144 {
  margin-top: -9rem;
  margin-bottom: -9rem;
}

.mx-144 {
  margin-right: 9rem;
  margin-left: 9rem;
}

.-mx-144 {
  margin-right: -9rem;
  margin-left: -9rem;
}

.mt-144 {
  margin-top: 9rem;
}

.-mt-144 {
  margin-top: -9rem;
}

.mr-144 {
  margin-right: 9rem;
}

.-mr-144 {
  margin-right: -9rem;
}

.mb-144 {
  margin-bottom: 9rem;
}

.-mb-144 {
  margin-bottom: -9rem;
}

.ml-144 {
  margin-left: 9rem;
}

.-ml-144 {
  margin-left: -9rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-144 {
    margin: 9rem !important;
  }

  .-sm-m-144 {
    margin: -9rem !important;
  }

  .sm-my-144 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .-sm-my-144 {
    margin-top: -9rem !important;
    margin-bottom: -9rem !important;
  }

  .sm-mx-144 {
    margin-right: 9rem !important;
    margin-left: 9rem !important;
  }

  .-sm-mx-144 {
    margin-right: -9rem !important;
    margin-left: -9rem !important;
  }

  .sm-mt-144 {
    margin-top: 9rem !important;
  }

  .-sm-mt-144 {
    margin-top: -9rem !important;
  }

  .sm-mr-144 {
    margin-right: 9rem !important;
  }

  .-sm-mr-144 {
    margin-right: -9rem !important;
  }

  .sm-mb-144 {
    margin-bottom: 9rem !important;
  }

  .-sm-mb-144 {
    margin-bottom: -9rem !important;
  }

  .sm-ml-144 {
    margin-left: 9rem !important;
  }

  .-sm-ml-144 {
    margin-left: -9rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-144 {
    margin: 9rem !important;
  }

  .-md-m-144 {
    margin: -9rem !important;
  }

  .md-my-144 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .-md-my-144 {
    margin-top: -9rem !important;
    margin-bottom: -9rem !important;
  }

  .md-mx-144 {
    margin-right: 9rem !important;
    margin-left: 9rem !important;
  }

  .-md-mx-144 {
    margin-right: -9rem !important;
    margin-left: -9rem !important;
  }

  .md-mt-144 {
    margin-top: 9rem !important;
  }

  .-md-mt-144 {
    margin-top: -9rem !important;
  }

  .md-mr-144 {
    margin-right: 9rem !important;
  }

  .-md-mr-144 {
    margin-right: -9rem !important;
  }

  .md-mb-144 {
    margin-bottom: 9rem !important;
  }

  .-md-mb-144 {
    margin-bottom: -9rem !important;
  }

  .md-ml-144 {
    margin-left: 9rem !important;
  }

  .-md-ml-144 {
    margin-left: -9rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-144 {
    margin: 9rem !important;
  }

  .-lg-m-144 {
    margin: -9rem !important;
  }

  .lg-my-144 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .-lg-my-144 {
    margin-top: -9rem !important;
    margin-bottom: -9rem !important;
  }

  .lg-mx-144 {
    margin-right: 9rem !important;
    margin-left: 9rem !important;
  }

  .-lg-mx-144 {
    margin-right: -9rem !important;
    margin-left: -9rem !important;
  }

  .lg-mt-144 {
    margin-top: 9rem !important;
  }

  .-lg-mt-144 {
    margin-top: -9rem !important;
  }

  .lg-mr-144 {
    margin-right: 9rem !important;
  }

  .-lg-mr-144 {
    margin-right: -9rem !important;
  }

  .lg-mb-144 {
    margin-bottom: 9rem !important;
  }

  .-lg-mb-144 {
    margin-bottom: -9rem !important;
  }

  .lg-ml-144 {
    margin-left: 9rem !important;
  }

  .-lg-ml-144 {
    margin-left: -9rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-144 {
    margin: 9rem !important;
  }

  .-xl-m-144 {
    margin: -9rem !important;
  }

  .xl-my-144 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .-xl-my-144 {
    margin-top: -9rem !important;
    margin-bottom: -9rem !important;
  }

  .xl-mx-144 {
    margin-right: 9rem !important;
    margin-left: 9rem !important;
  }

  .-xl-mx-144 {
    margin-right: -9rem !important;
    margin-left: -9rem !important;
  }

  .xl-mt-144 {
    margin-top: 9rem !important;
  }

  .-xl-mt-144 {
    margin-top: -9rem !important;
  }

  .xl-mr-144 {
    margin-right: 9rem !important;
  }

  .-xl-mr-144 {
    margin-right: -9rem !important;
  }

  .xl-mb-144 {
    margin-bottom: 9rem !important;
  }

  .-xl-mb-144 {
    margin-bottom: -9rem !important;
  }

  .xl-ml-144 {
    margin-left: 9rem !important;
  }

  .-xl-ml-144 {
    margin-left: -9rem !important;
  }
}
.m-148 {
  margin: 9.25rem;
}

.-m-148 {
  margin: -9.25rem;
}

.my-148 {
  margin-top: 9.25rem;
  margin-bottom: 9.25rem;
}

.-my-148 {
  margin-top: -9.25rem;
  margin-bottom: -9.25rem;
}

.mx-148 {
  margin-right: 9.25rem;
  margin-left: 9.25rem;
}

.-mx-148 {
  margin-right: -9.25rem;
  margin-left: -9.25rem;
}

.mt-148 {
  margin-top: 9.25rem;
}

.-mt-148 {
  margin-top: -9.25rem;
}

.mr-148 {
  margin-right: 9.25rem;
}

.-mr-148 {
  margin-right: -9.25rem;
}

.mb-148 {
  margin-bottom: 9.25rem;
}

.-mb-148 {
  margin-bottom: -9.25rem;
}

.ml-148 {
  margin-left: 9.25rem;
}

.-ml-148 {
  margin-left: -9.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-148 {
    margin: 9.25rem !important;
  }

  .-sm-m-148 {
    margin: -9.25rem !important;
  }

  .sm-my-148 {
    margin-top: 9.25rem !important;
    margin-bottom: 9.25rem !important;
  }

  .-sm-my-148 {
    margin-top: -9.25rem !important;
    margin-bottom: -9.25rem !important;
  }

  .sm-mx-148 {
    margin-right: 9.25rem !important;
    margin-left: 9.25rem !important;
  }

  .-sm-mx-148 {
    margin-right: -9.25rem !important;
    margin-left: -9.25rem !important;
  }

  .sm-mt-148 {
    margin-top: 9.25rem !important;
  }

  .-sm-mt-148 {
    margin-top: -9.25rem !important;
  }

  .sm-mr-148 {
    margin-right: 9.25rem !important;
  }

  .-sm-mr-148 {
    margin-right: -9.25rem !important;
  }

  .sm-mb-148 {
    margin-bottom: 9.25rem !important;
  }

  .-sm-mb-148 {
    margin-bottom: -9.25rem !important;
  }

  .sm-ml-148 {
    margin-left: 9.25rem !important;
  }

  .-sm-ml-148 {
    margin-left: -9.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-148 {
    margin: 9.25rem !important;
  }

  .-md-m-148 {
    margin: -9.25rem !important;
  }

  .md-my-148 {
    margin-top: 9.25rem !important;
    margin-bottom: 9.25rem !important;
  }

  .-md-my-148 {
    margin-top: -9.25rem !important;
    margin-bottom: -9.25rem !important;
  }

  .md-mx-148 {
    margin-right: 9.25rem !important;
    margin-left: 9.25rem !important;
  }

  .-md-mx-148 {
    margin-right: -9.25rem !important;
    margin-left: -9.25rem !important;
  }

  .md-mt-148 {
    margin-top: 9.25rem !important;
  }

  .-md-mt-148 {
    margin-top: -9.25rem !important;
  }

  .md-mr-148 {
    margin-right: 9.25rem !important;
  }

  .-md-mr-148 {
    margin-right: -9.25rem !important;
  }

  .md-mb-148 {
    margin-bottom: 9.25rem !important;
  }

  .-md-mb-148 {
    margin-bottom: -9.25rem !important;
  }

  .md-ml-148 {
    margin-left: 9.25rem !important;
  }

  .-md-ml-148 {
    margin-left: -9.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-148 {
    margin: 9.25rem !important;
  }

  .-lg-m-148 {
    margin: -9.25rem !important;
  }

  .lg-my-148 {
    margin-top: 9.25rem !important;
    margin-bottom: 9.25rem !important;
  }

  .-lg-my-148 {
    margin-top: -9.25rem !important;
    margin-bottom: -9.25rem !important;
  }

  .lg-mx-148 {
    margin-right: 9.25rem !important;
    margin-left: 9.25rem !important;
  }

  .-lg-mx-148 {
    margin-right: -9.25rem !important;
    margin-left: -9.25rem !important;
  }

  .lg-mt-148 {
    margin-top: 9.25rem !important;
  }

  .-lg-mt-148 {
    margin-top: -9.25rem !important;
  }

  .lg-mr-148 {
    margin-right: 9.25rem !important;
  }

  .-lg-mr-148 {
    margin-right: -9.25rem !important;
  }

  .lg-mb-148 {
    margin-bottom: 9.25rem !important;
  }

  .-lg-mb-148 {
    margin-bottom: -9.25rem !important;
  }

  .lg-ml-148 {
    margin-left: 9.25rem !important;
  }

  .-lg-ml-148 {
    margin-left: -9.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-148 {
    margin: 9.25rem !important;
  }

  .-xl-m-148 {
    margin: -9.25rem !important;
  }

  .xl-my-148 {
    margin-top: 9.25rem !important;
    margin-bottom: 9.25rem !important;
  }

  .-xl-my-148 {
    margin-top: -9.25rem !important;
    margin-bottom: -9.25rem !important;
  }

  .xl-mx-148 {
    margin-right: 9.25rem !important;
    margin-left: 9.25rem !important;
  }

  .-xl-mx-148 {
    margin-right: -9.25rem !important;
    margin-left: -9.25rem !important;
  }

  .xl-mt-148 {
    margin-top: 9.25rem !important;
  }

  .-xl-mt-148 {
    margin-top: -9.25rem !important;
  }

  .xl-mr-148 {
    margin-right: 9.25rem !important;
  }

  .-xl-mr-148 {
    margin-right: -9.25rem !important;
  }

  .xl-mb-148 {
    margin-bottom: 9.25rem !important;
  }

  .-xl-mb-148 {
    margin-bottom: -9.25rem !important;
  }

  .xl-ml-148 {
    margin-left: 9.25rem !important;
  }

  .-xl-ml-148 {
    margin-left: -9.25rem !important;
  }
}
.m-152 {
  margin: 9.5rem;
}

.-m-152 {
  margin: -9.5rem;
}

.my-152 {
  margin-top: 9.5rem;
  margin-bottom: 9.5rem;
}

.-my-152 {
  margin-top: -9.5rem;
  margin-bottom: -9.5rem;
}

.mx-152 {
  margin-right: 9.5rem;
  margin-left: 9.5rem;
}

.-mx-152 {
  margin-right: -9.5rem;
  margin-left: -9.5rem;
}

.mt-152 {
  margin-top: 9.5rem;
}

.-mt-152 {
  margin-top: -9.5rem;
}

.mr-152 {
  margin-right: 9.5rem;
}

.-mr-152 {
  margin-right: -9.5rem;
}

.mb-152 {
  margin-bottom: 9.5rem;
}

.-mb-152 {
  margin-bottom: -9.5rem;
}

.ml-152 {
  margin-left: 9.5rem;
}

.-ml-152 {
  margin-left: -9.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-152 {
    margin: 9.5rem !important;
  }

  .-sm-m-152 {
    margin: -9.5rem !important;
  }

  .sm-my-152 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }

  .-sm-my-152 {
    margin-top: -9.5rem !important;
    margin-bottom: -9.5rem !important;
  }

  .sm-mx-152 {
    margin-right: 9.5rem !important;
    margin-left: 9.5rem !important;
  }

  .-sm-mx-152 {
    margin-right: -9.5rem !important;
    margin-left: -9.5rem !important;
  }

  .sm-mt-152 {
    margin-top: 9.5rem !important;
  }

  .-sm-mt-152 {
    margin-top: -9.5rem !important;
  }

  .sm-mr-152 {
    margin-right: 9.5rem !important;
  }

  .-sm-mr-152 {
    margin-right: -9.5rem !important;
  }

  .sm-mb-152 {
    margin-bottom: 9.5rem !important;
  }

  .-sm-mb-152 {
    margin-bottom: -9.5rem !important;
  }

  .sm-ml-152 {
    margin-left: 9.5rem !important;
  }

  .-sm-ml-152 {
    margin-left: -9.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-152 {
    margin: 9.5rem !important;
  }

  .-md-m-152 {
    margin: -9.5rem !important;
  }

  .md-my-152 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }

  .-md-my-152 {
    margin-top: -9.5rem !important;
    margin-bottom: -9.5rem !important;
  }

  .md-mx-152 {
    margin-right: 9.5rem !important;
    margin-left: 9.5rem !important;
  }

  .-md-mx-152 {
    margin-right: -9.5rem !important;
    margin-left: -9.5rem !important;
  }

  .md-mt-152 {
    margin-top: 9.5rem !important;
  }

  .-md-mt-152 {
    margin-top: -9.5rem !important;
  }

  .md-mr-152 {
    margin-right: 9.5rem !important;
  }

  .-md-mr-152 {
    margin-right: -9.5rem !important;
  }

  .md-mb-152 {
    margin-bottom: 9.5rem !important;
  }

  .-md-mb-152 {
    margin-bottom: -9.5rem !important;
  }

  .md-ml-152 {
    margin-left: 9.5rem !important;
  }

  .-md-ml-152 {
    margin-left: -9.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-152 {
    margin: 9.5rem !important;
  }

  .-lg-m-152 {
    margin: -9.5rem !important;
  }

  .lg-my-152 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }

  .-lg-my-152 {
    margin-top: -9.5rem !important;
    margin-bottom: -9.5rem !important;
  }

  .lg-mx-152 {
    margin-right: 9.5rem !important;
    margin-left: 9.5rem !important;
  }

  .-lg-mx-152 {
    margin-right: -9.5rem !important;
    margin-left: -9.5rem !important;
  }

  .lg-mt-152 {
    margin-top: 9.5rem !important;
  }

  .-lg-mt-152 {
    margin-top: -9.5rem !important;
  }

  .lg-mr-152 {
    margin-right: 9.5rem !important;
  }

  .-lg-mr-152 {
    margin-right: -9.5rem !important;
  }

  .lg-mb-152 {
    margin-bottom: 9.5rem !important;
  }

  .-lg-mb-152 {
    margin-bottom: -9.5rem !important;
  }

  .lg-ml-152 {
    margin-left: 9.5rem !important;
  }

  .-lg-ml-152 {
    margin-left: -9.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-152 {
    margin: 9.5rem !important;
  }

  .-xl-m-152 {
    margin: -9.5rem !important;
  }

  .xl-my-152 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }

  .-xl-my-152 {
    margin-top: -9.5rem !important;
    margin-bottom: -9.5rem !important;
  }

  .xl-mx-152 {
    margin-right: 9.5rem !important;
    margin-left: 9.5rem !important;
  }

  .-xl-mx-152 {
    margin-right: -9.5rem !important;
    margin-left: -9.5rem !important;
  }

  .xl-mt-152 {
    margin-top: 9.5rem !important;
  }

  .-xl-mt-152 {
    margin-top: -9.5rem !important;
  }

  .xl-mr-152 {
    margin-right: 9.5rem !important;
  }

  .-xl-mr-152 {
    margin-right: -9.5rem !important;
  }

  .xl-mb-152 {
    margin-bottom: 9.5rem !important;
  }

  .-xl-mb-152 {
    margin-bottom: -9.5rem !important;
  }

  .xl-ml-152 {
    margin-left: 9.5rem !important;
  }

  .-xl-ml-152 {
    margin-left: -9.5rem !important;
  }
}
.m-156 {
  margin: 9.75rem;
}

.-m-156 {
  margin: -9.75rem;
}

.my-156 {
  margin-top: 9.75rem;
  margin-bottom: 9.75rem;
}

.-my-156 {
  margin-top: -9.75rem;
  margin-bottom: -9.75rem;
}

.mx-156 {
  margin-right: 9.75rem;
  margin-left: 9.75rem;
}

.-mx-156 {
  margin-right: -9.75rem;
  margin-left: -9.75rem;
}

.mt-156 {
  margin-top: 9.75rem;
}

.-mt-156 {
  margin-top: -9.75rem;
}

.mr-156 {
  margin-right: 9.75rem;
}

.-mr-156 {
  margin-right: -9.75rem;
}

.mb-156 {
  margin-bottom: 9.75rem;
}

.-mb-156 {
  margin-bottom: -9.75rem;
}

.ml-156 {
  margin-left: 9.75rem;
}

.-ml-156 {
  margin-left: -9.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-156 {
    margin: 9.75rem !important;
  }

  .-sm-m-156 {
    margin: -9.75rem !important;
  }

  .sm-my-156 {
    margin-top: 9.75rem !important;
    margin-bottom: 9.75rem !important;
  }

  .-sm-my-156 {
    margin-top: -9.75rem !important;
    margin-bottom: -9.75rem !important;
  }

  .sm-mx-156 {
    margin-right: 9.75rem !important;
    margin-left: 9.75rem !important;
  }

  .-sm-mx-156 {
    margin-right: -9.75rem !important;
    margin-left: -9.75rem !important;
  }

  .sm-mt-156 {
    margin-top: 9.75rem !important;
  }

  .-sm-mt-156 {
    margin-top: -9.75rem !important;
  }

  .sm-mr-156 {
    margin-right: 9.75rem !important;
  }

  .-sm-mr-156 {
    margin-right: -9.75rem !important;
  }

  .sm-mb-156 {
    margin-bottom: 9.75rem !important;
  }

  .-sm-mb-156 {
    margin-bottom: -9.75rem !important;
  }

  .sm-ml-156 {
    margin-left: 9.75rem !important;
  }

  .-sm-ml-156 {
    margin-left: -9.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-156 {
    margin: 9.75rem !important;
  }

  .-md-m-156 {
    margin: -9.75rem !important;
  }

  .md-my-156 {
    margin-top: 9.75rem !important;
    margin-bottom: 9.75rem !important;
  }

  .-md-my-156 {
    margin-top: -9.75rem !important;
    margin-bottom: -9.75rem !important;
  }

  .md-mx-156 {
    margin-right: 9.75rem !important;
    margin-left: 9.75rem !important;
  }

  .-md-mx-156 {
    margin-right: -9.75rem !important;
    margin-left: -9.75rem !important;
  }

  .md-mt-156 {
    margin-top: 9.75rem !important;
  }

  .-md-mt-156 {
    margin-top: -9.75rem !important;
  }

  .md-mr-156 {
    margin-right: 9.75rem !important;
  }

  .-md-mr-156 {
    margin-right: -9.75rem !important;
  }

  .md-mb-156 {
    margin-bottom: 9.75rem !important;
  }

  .-md-mb-156 {
    margin-bottom: -9.75rem !important;
  }

  .md-ml-156 {
    margin-left: 9.75rem !important;
  }

  .-md-ml-156 {
    margin-left: -9.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-156 {
    margin: 9.75rem !important;
  }

  .-lg-m-156 {
    margin: -9.75rem !important;
  }

  .lg-my-156 {
    margin-top: 9.75rem !important;
    margin-bottom: 9.75rem !important;
  }

  .-lg-my-156 {
    margin-top: -9.75rem !important;
    margin-bottom: -9.75rem !important;
  }

  .lg-mx-156 {
    margin-right: 9.75rem !important;
    margin-left: 9.75rem !important;
  }

  .-lg-mx-156 {
    margin-right: -9.75rem !important;
    margin-left: -9.75rem !important;
  }

  .lg-mt-156 {
    margin-top: 9.75rem !important;
  }

  .-lg-mt-156 {
    margin-top: -9.75rem !important;
  }

  .lg-mr-156 {
    margin-right: 9.75rem !important;
  }

  .-lg-mr-156 {
    margin-right: -9.75rem !important;
  }

  .lg-mb-156 {
    margin-bottom: 9.75rem !important;
  }

  .-lg-mb-156 {
    margin-bottom: -9.75rem !important;
  }

  .lg-ml-156 {
    margin-left: 9.75rem !important;
  }

  .-lg-ml-156 {
    margin-left: -9.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-156 {
    margin: 9.75rem !important;
  }

  .-xl-m-156 {
    margin: -9.75rem !important;
  }

  .xl-my-156 {
    margin-top: 9.75rem !important;
    margin-bottom: 9.75rem !important;
  }

  .-xl-my-156 {
    margin-top: -9.75rem !important;
    margin-bottom: -9.75rem !important;
  }

  .xl-mx-156 {
    margin-right: 9.75rem !important;
    margin-left: 9.75rem !important;
  }

  .-xl-mx-156 {
    margin-right: -9.75rem !important;
    margin-left: -9.75rem !important;
  }

  .xl-mt-156 {
    margin-top: 9.75rem !important;
  }

  .-xl-mt-156 {
    margin-top: -9.75rem !important;
  }

  .xl-mr-156 {
    margin-right: 9.75rem !important;
  }

  .-xl-mr-156 {
    margin-right: -9.75rem !important;
  }

  .xl-mb-156 {
    margin-bottom: 9.75rem !important;
  }

  .-xl-mb-156 {
    margin-bottom: -9.75rem !important;
  }

  .xl-ml-156 {
    margin-left: 9.75rem !important;
  }

  .-xl-ml-156 {
    margin-left: -9.75rem !important;
  }
}
.m-160 {
  margin: 10rem;
}

.-m-160 {
  margin: -10rem;
}

.my-160 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.-my-160 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}

.mx-160 {
  margin-right: 10rem;
  margin-left: 10rem;
}

.-mx-160 {
  margin-right: -10rem;
  margin-left: -10rem;
}

.mt-160 {
  margin-top: 10rem;
}

.-mt-160 {
  margin-top: -10rem;
}

.mr-160 {
  margin-right: 10rem;
}

.-mr-160 {
  margin-right: -10rem;
}

.mb-160 {
  margin-bottom: 10rem;
}

.-mb-160 {
  margin-bottom: -10rem;
}

.ml-160 {
  margin-left: 10rem;
}

.-ml-160 {
  margin-left: -10rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-160 {
    margin: 10rem !important;
  }

  .-sm-m-160 {
    margin: -10rem !important;
  }

  .sm-my-160 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .-sm-my-160 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .sm-mx-160 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }

  .-sm-mx-160 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
  }

  .sm-mt-160 {
    margin-top: 10rem !important;
  }

  .-sm-mt-160 {
    margin-top: -10rem !important;
  }

  .sm-mr-160 {
    margin-right: 10rem !important;
  }

  .-sm-mr-160 {
    margin-right: -10rem !important;
  }

  .sm-mb-160 {
    margin-bottom: 10rem !important;
  }

  .-sm-mb-160 {
    margin-bottom: -10rem !important;
  }

  .sm-ml-160 {
    margin-left: 10rem !important;
  }

  .-sm-ml-160 {
    margin-left: -10rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-160 {
    margin: 10rem !important;
  }

  .-md-m-160 {
    margin: -10rem !important;
  }

  .md-my-160 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .-md-my-160 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .md-mx-160 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }

  .-md-mx-160 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
  }

  .md-mt-160 {
    margin-top: 10rem !important;
  }

  .-md-mt-160 {
    margin-top: -10rem !important;
  }

  .md-mr-160 {
    margin-right: 10rem !important;
  }

  .-md-mr-160 {
    margin-right: -10rem !important;
  }

  .md-mb-160 {
    margin-bottom: 10rem !important;
  }

  .-md-mb-160 {
    margin-bottom: -10rem !important;
  }

  .md-ml-160 {
    margin-left: 10rem !important;
  }

  .-md-ml-160 {
    margin-left: -10rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-160 {
    margin: 10rem !important;
  }

  .-lg-m-160 {
    margin: -10rem !important;
  }

  .lg-my-160 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .-lg-my-160 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .lg-mx-160 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }

  .-lg-mx-160 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
  }

  .lg-mt-160 {
    margin-top: 10rem !important;
  }

  .-lg-mt-160 {
    margin-top: -10rem !important;
  }

  .lg-mr-160 {
    margin-right: 10rem !important;
  }

  .-lg-mr-160 {
    margin-right: -10rem !important;
  }

  .lg-mb-160 {
    margin-bottom: 10rem !important;
  }

  .-lg-mb-160 {
    margin-bottom: -10rem !important;
  }

  .lg-ml-160 {
    margin-left: 10rem !important;
  }

  .-lg-ml-160 {
    margin-left: -10rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-160 {
    margin: 10rem !important;
  }

  .-xl-m-160 {
    margin: -10rem !important;
  }

  .xl-my-160 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .-xl-my-160 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .xl-mx-160 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }

  .-xl-mx-160 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
  }

  .xl-mt-160 {
    margin-top: 10rem !important;
  }

  .-xl-mt-160 {
    margin-top: -10rem !important;
  }

  .xl-mr-160 {
    margin-right: 10rem !important;
  }

  .-xl-mr-160 {
    margin-right: -10rem !important;
  }

  .xl-mb-160 {
    margin-bottom: 10rem !important;
  }

  .-xl-mb-160 {
    margin-bottom: -10rem !important;
  }

  .xl-ml-160 {
    margin-left: 10rem !important;
  }

  .-xl-ml-160 {
    margin-left: -10rem !important;
  }
}
.m-164 {
  margin: 10.25rem;
}

.-m-164 {
  margin: -10.25rem;
}

.my-164 {
  margin-top: 10.25rem;
  margin-bottom: 10.25rem;
}

.-my-164 {
  margin-top: -10.25rem;
  margin-bottom: -10.25rem;
}

.mx-164 {
  margin-right: 10.25rem;
  margin-left: 10.25rem;
}

.-mx-164 {
  margin-right: -10.25rem;
  margin-left: -10.25rem;
}

.mt-164 {
  margin-top: 10.25rem;
}

.-mt-164 {
  margin-top: -10.25rem;
}

.mr-164 {
  margin-right: 10.25rem;
}

.-mr-164 {
  margin-right: -10.25rem;
}

.mb-164 {
  margin-bottom: 10.25rem;
}

.-mb-164 {
  margin-bottom: -10.25rem;
}

.ml-164 {
  margin-left: 10.25rem;
}

.-ml-164 {
  margin-left: -10.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-164 {
    margin: 10.25rem !important;
  }

  .-sm-m-164 {
    margin: -10.25rem !important;
  }

  .sm-my-164 {
    margin-top: 10.25rem !important;
    margin-bottom: 10.25rem !important;
  }

  .-sm-my-164 {
    margin-top: -10.25rem !important;
    margin-bottom: -10.25rem !important;
  }

  .sm-mx-164 {
    margin-right: 10.25rem !important;
    margin-left: 10.25rem !important;
  }

  .-sm-mx-164 {
    margin-right: -10.25rem !important;
    margin-left: -10.25rem !important;
  }

  .sm-mt-164 {
    margin-top: 10.25rem !important;
  }

  .-sm-mt-164 {
    margin-top: -10.25rem !important;
  }

  .sm-mr-164 {
    margin-right: 10.25rem !important;
  }

  .-sm-mr-164 {
    margin-right: -10.25rem !important;
  }

  .sm-mb-164 {
    margin-bottom: 10.25rem !important;
  }

  .-sm-mb-164 {
    margin-bottom: -10.25rem !important;
  }

  .sm-ml-164 {
    margin-left: 10.25rem !important;
  }

  .-sm-ml-164 {
    margin-left: -10.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-164 {
    margin: 10.25rem !important;
  }

  .-md-m-164 {
    margin: -10.25rem !important;
  }

  .md-my-164 {
    margin-top: 10.25rem !important;
    margin-bottom: 10.25rem !important;
  }

  .-md-my-164 {
    margin-top: -10.25rem !important;
    margin-bottom: -10.25rem !important;
  }

  .md-mx-164 {
    margin-right: 10.25rem !important;
    margin-left: 10.25rem !important;
  }

  .-md-mx-164 {
    margin-right: -10.25rem !important;
    margin-left: -10.25rem !important;
  }

  .md-mt-164 {
    margin-top: 10.25rem !important;
  }

  .-md-mt-164 {
    margin-top: -10.25rem !important;
  }

  .md-mr-164 {
    margin-right: 10.25rem !important;
  }

  .-md-mr-164 {
    margin-right: -10.25rem !important;
  }

  .md-mb-164 {
    margin-bottom: 10.25rem !important;
  }

  .-md-mb-164 {
    margin-bottom: -10.25rem !important;
  }

  .md-ml-164 {
    margin-left: 10.25rem !important;
  }

  .-md-ml-164 {
    margin-left: -10.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-164 {
    margin: 10.25rem !important;
  }

  .-lg-m-164 {
    margin: -10.25rem !important;
  }

  .lg-my-164 {
    margin-top: 10.25rem !important;
    margin-bottom: 10.25rem !important;
  }

  .-lg-my-164 {
    margin-top: -10.25rem !important;
    margin-bottom: -10.25rem !important;
  }

  .lg-mx-164 {
    margin-right: 10.25rem !important;
    margin-left: 10.25rem !important;
  }

  .-lg-mx-164 {
    margin-right: -10.25rem !important;
    margin-left: -10.25rem !important;
  }

  .lg-mt-164 {
    margin-top: 10.25rem !important;
  }

  .-lg-mt-164 {
    margin-top: -10.25rem !important;
  }

  .lg-mr-164 {
    margin-right: 10.25rem !important;
  }

  .-lg-mr-164 {
    margin-right: -10.25rem !important;
  }

  .lg-mb-164 {
    margin-bottom: 10.25rem !important;
  }

  .-lg-mb-164 {
    margin-bottom: -10.25rem !important;
  }

  .lg-ml-164 {
    margin-left: 10.25rem !important;
  }

  .-lg-ml-164 {
    margin-left: -10.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-164 {
    margin: 10.25rem !important;
  }

  .-xl-m-164 {
    margin: -10.25rem !important;
  }

  .xl-my-164 {
    margin-top: 10.25rem !important;
    margin-bottom: 10.25rem !important;
  }

  .-xl-my-164 {
    margin-top: -10.25rem !important;
    margin-bottom: -10.25rem !important;
  }

  .xl-mx-164 {
    margin-right: 10.25rem !important;
    margin-left: 10.25rem !important;
  }

  .-xl-mx-164 {
    margin-right: -10.25rem !important;
    margin-left: -10.25rem !important;
  }

  .xl-mt-164 {
    margin-top: 10.25rem !important;
  }

  .-xl-mt-164 {
    margin-top: -10.25rem !important;
  }

  .xl-mr-164 {
    margin-right: 10.25rem !important;
  }

  .-xl-mr-164 {
    margin-right: -10.25rem !important;
  }

  .xl-mb-164 {
    margin-bottom: 10.25rem !important;
  }

  .-xl-mb-164 {
    margin-bottom: -10.25rem !important;
  }

  .xl-ml-164 {
    margin-left: 10.25rem !important;
  }

  .-xl-ml-164 {
    margin-left: -10.25rem !important;
  }
}
.m-168 {
  margin: 10.5rem;
}

.-m-168 {
  margin: -10.5rem;
}

.my-168 {
  margin-top: 10.5rem;
  margin-bottom: 10.5rem;
}

.-my-168 {
  margin-top: -10.5rem;
  margin-bottom: -10.5rem;
}

.mx-168 {
  margin-right: 10.5rem;
  margin-left: 10.5rem;
}

.-mx-168 {
  margin-right: -10.5rem;
  margin-left: -10.5rem;
}

.mt-168 {
  margin-top: 10.5rem;
}

.-mt-168 {
  margin-top: -10.5rem;
}

.mr-168 {
  margin-right: 10.5rem;
}

.-mr-168 {
  margin-right: -10.5rem;
}

.mb-168 {
  margin-bottom: 10.5rem;
}

.-mb-168 {
  margin-bottom: -10.5rem;
}

.ml-168 {
  margin-left: 10.5rem;
}

.-ml-168 {
  margin-left: -10.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-168 {
    margin: 10.5rem !important;
  }

  .-sm-m-168 {
    margin: -10.5rem !important;
  }

  .sm-my-168 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }

  .-sm-my-168 {
    margin-top: -10.5rem !important;
    margin-bottom: -10.5rem !important;
  }

  .sm-mx-168 {
    margin-right: 10.5rem !important;
    margin-left: 10.5rem !important;
  }

  .-sm-mx-168 {
    margin-right: -10.5rem !important;
    margin-left: -10.5rem !important;
  }

  .sm-mt-168 {
    margin-top: 10.5rem !important;
  }

  .-sm-mt-168 {
    margin-top: -10.5rem !important;
  }

  .sm-mr-168 {
    margin-right: 10.5rem !important;
  }

  .-sm-mr-168 {
    margin-right: -10.5rem !important;
  }

  .sm-mb-168 {
    margin-bottom: 10.5rem !important;
  }

  .-sm-mb-168 {
    margin-bottom: -10.5rem !important;
  }

  .sm-ml-168 {
    margin-left: 10.5rem !important;
  }

  .-sm-ml-168 {
    margin-left: -10.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-168 {
    margin: 10.5rem !important;
  }

  .-md-m-168 {
    margin: -10.5rem !important;
  }

  .md-my-168 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }

  .-md-my-168 {
    margin-top: -10.5rem !important;
    margin-bottom: -10.5rem !important;
  }

  .md-mx-168 {
    margin-right: 10.5rem !important;
    margin-left: 10.5rem !important;
  }

  .-md-mx-168 {
    margin-right: -10.5rem !important;
    margin-left: -10.5rem !important;
  }

  .md-mt-168 {
    margin-top: 10.5rem !important;
  }

  .-md-mt-168 {
    margin-top: -10.5rem !important;
  }

  .md-mr-168 {
    margin-right: 10.5rem !important;
  }

  .-md-mr-168 {
    margin-right: -10.5rem !important;
  }

  .md-mb-168 {
    margin-bottom: 10.5rem !important;
  }

  .-md-mb-168 {
    margin-bottom: -10.5rem !important;
  }

  .md-ml-168 {
    margin-left: 10.5rem !important;
  }

  .-md-ml-168 {
    margin-left: -10.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-168 {
    margin: 10.5rem !important;
  }

  .-lg-m-168 {
    margin: -10.5rem !important;
  }

  .lg-my-168 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }

  .-lg-my-168 {
    margin-top: -10.5rem !important;
    margin-bottom: -10.5rem !important;
  }

  .lg-mx-168 {
    margin-right: 10.5rem !important;
    margin-left: 10.5rem !important;
  }

  .-lg-mx-168 {
    margin-right: -10.5rem !important;
    margin-left: -10.5rem !important;
  }

  .lg-mt-168 {
    margin-top: 10.5rem !important;
  }

  .-lg-mt-168 {
    margin-top: -10.5rem !important;
  }

  .lg-mr-168 {
    margin-right: 10.5rem !important;
  }

  .-lg-mr-168 {
    margin-right: -10.5rem !important;
  }

  .lg-mb-168 {
    margin-bottom: 10.5rem !important;
  }

  .-lg-mb-168 {
    margin-bottom: -10.5rem !important;
  }

  .lg-ml-168 {
    margin-left: 10.5rem !important;
  }

  .-lg-ml-168 {
    margin-left: -10.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-168 {
    margin: 10.5rem !important;
  }

  .-xl-m-168 {
    margin: -10.5rem !important;
  }

  .xl-my-168 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }

  .-xl-my-168 {
    margin-top: -10.5rem !important;
    margin-bottom: -10.5rem !important;
  }

  .xl-mx-168 {
    margin-right: 10.5rem !important;
    margin-left: 10.5rem !important;
  }

  .-xl-mx-168 {
    margin-right: -10.5rem !important;
    margin-left: -10.5rem !important;
  }

  .xl-mt-168 {
    margin-top: 10.5rem !important;
  }

  .-xl-mt-168 {
    margin-top: -10.5rem !important;
  }

  .xl-mr-168 {
    margin-right: 10.5rem !important;
  }

  .-xl-mr-168 {
    margin-right: -10.5rem !important;
  }

  .xl-mb-168 {
    margin-bottom: 10.5rem !important;
  }

  .-xl-mb-168 {
    margin-bottom: -10.5rem !important;
  }

  .xl-ml-168 {
    margin-left: 10.5rem !important;
  }

  .-xl-ml-168 {
    margin-left: -10.5rem !important;
  }
}
.m-172 {
  margin: 10.75rem;
}

.-m-172 {
  margin: -10.75rem;
}

.my-172 {
  margin-top: 10.75rem;
  margin-bottom: 10.75rem;
}

.-my-172 {
  margin-top: -10.75rem;
  margin-bottom: -10.75rem;
}

.mx-172 {
  margin-right: 10.75rem;
  margin-left: 10.75rem;
}

.-mx-172 {
  margin-right: -10.75rem;
  margin-left: -10.75rem;
}

.mt-172 {
  margin-top: 10.75rem;
}

.-mt-172 {
  margin-top: -10.75rem;
}

.mr-172 {
  margin-right: 10.75rem;
}

.-mr-172 {
  margin-right: -10.75rem;
}

.mb-172 {
  margin-bottom: 10.75rem;
}

.-mb-172 {
  margin-bottom: -10.75rem;
}

.ml-172 {
  margin-left: 10.75rem;
}

.-ml-172 {
  margin-left: -10.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-172 {
    margin: 10.75rem !important;
  }

  .-sm-m-172 {
    margin: -10.75rem !important;
  }

  .sm-my-172 {
    margin-top: 10.75rem !important;
    margin-bottom: 10.75rem !important;
  }

  .-sm-my-172 {
    margin-top: -10.75rem !important;
    margin-bottom: -10.75rem !important;
  }

  .sm-mx-172 {
    margin-right: 10.75rem !important;
    margin-left: 10.75rem !important;
  }

  .-sm-mx-172 {
    margin-right: -10.75rem !important;
    margin-left: -10.75rem !important;
  }

  .sm-mt-172 {
    margin-top: 10.75rem !important;
  }

  .-sm-mt-172 {
    margin-top: -10.75rem !important;
  }

  .sm-mr-172 {
    margin-right: 10.75rem !important;
  }

  .-sm-mr-172 {
    margin-right: -10.75rem !important;
  }

  .sm-mb-172 {
    margin-bottom: 10.75rem !important;
  }

  .-sm-mb-172 {
    margin-bottom: -10.75rem !important;
  }

  .sm-ml-172 {
    margin-left: 10.75rem !important;
  }

  .-sm-ml-172 {
    margin-left: -10.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-172 {
    margin: 10.75rem !important;
  }

  .-md-m-172 {
    margin: -10.75rem !important;
  }

  .md-my-172 {
    margin-top: 10.75rem !important;
    margin-bottom: 10.75rem !important;
  }

  .-md-my-172 {
    margin-top: -10.75rem !important;
    margin-bottom: -10.75rem !important;
  }

  .md-mx-172 {
    margin-right: 10.75rem !important;
    margin-left: 10.75rem !important;
  }

  .-md-mx-172 {
    margin-right: -10.75rem !important;
    margin-left: -10.75rem !important;
  }

  .md-mt-172 {
    margin-top: 10.75rem !important;
  }

  .-md-mt-172 {
    margin-top: -10.75rem !important;
  }

  .md-mr-172 {
    margin-right: 10.75rem !important;
  }

  .-md-mr-172 {
    margin-right: -10.75rem !important;
  }

  .md-mb-172 {
    margin-bottom: 10.75rem !important;
  }

  .-md-mb-172 {
    margin-bottom: -10.75rem !important;
  }

  .md-ml-172 {
    margin-left: 10.75rem !important;
  }

  .-md-ml-172 {
    margin-left: -10.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-172 {
    margin: 10.75rem !important;
  }

  .-lg-m-172 {
    margin: -10.75rem !important;
  }

  .lg-my-172 {
    margin-top: 10.75rem !important;
    margin-bottom: 10.75rem !important;
  }

  .-lg-my-172 {
    margin-top: -10.75rem !important;
    margin-bottom: -10.75rem !important;
  }

  .lg-mx-172 {
    margin-right: 10.75rem !important;
    margin-left: 10.75rem !important;
  }

  .-lg-mx-172 {
    margin-right: -10.75rem !important;
    margin-left: -10.75rem !important;
  }

  .lg-mt-172 {
    margin-top: 10.75rem !important;
  }

  .-lg-mt-172 {
    margin-top: -10.75rem !important;
  }

  .lg-mr-172 {
    margin-right: 10.75rem !important;
  }

  .-lg-mr-172 {
    margin-right: -10.75rem !important;
  }

  .lg-mb-172 {
    margin-bottom: 10.75rem !important;
  }

  .-lg-mb-172 {
    margin-bottom: -10.75rem !important;
  }

  .lg-ml-172 {
    margin-left: 10.75rem !important;
  }

  .-lg-ml-172 {
    margin-left: -10.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-172 {
    margin: 10.75rem !important;
  }

  .-xl-m-172 {
    margin: -10.75rem !important;
  }

  .xl-my-172 {
    margin-top: 10.75rem !important;
    margin-bottom: 10.75rem !important;
  }

  .-xl-my-172 {
    margin-top: -10.75rem !important;
    margin-bottom: -10.75rem !important;
  }

  .xl-mx-172 {
    margin-right: 10.75rem !important;
    margin-left: 10.75rem !important;
  }

  .-xl-mx-172 {
    margin-right: -10.75rem !important;
    margin-left: -10.75rem !important;
  }

  .xl-mt-172 {
    margin-top: 10.75rem !important;
  }

  .-xl-mt-172 {
    margin-top: -10.75rem !important;
  }

  .xl-mr-172 {
    margin-right: 10.75rem !important;
  }

  .-xl-mr-172 {
    margin-right: -10.75rem !important;
  }

  .xl-mb-172 {
    margin-bottom: 10.75rem !important;
  }

  .-xl-mb-172 {
    margin-bottom: -10.75rem !important;
  }

  .xl-ml-172 {
    margin-left: 10.75rem !important;
  }

  .-xl-ml-172 {
    margin-left: -10.75rem !important;
  }
}
.m-176 {
  margin: 11rem;
}

.-m-176 {
  margin: -11rem;
}

.my-176 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.-my-176 {
  margin-top: -11rem;
  margin-bottom: -11rem;
}

.mx-176 {
  margin-right: 11rem;
  margin-left: 11rem;
}

.-mx-176 {
  margin-right: -11rem;
  margin-left: -11rem;
}

.mt-176 {
  margin-top: 11rem;
}

.-mt-176 {
  margin-top: -11rem;
}

.mr-176 {
  margin-right: 11rem;
}

.-mr-176 {
  margin-right: -11rem;
}

.mb-176 {
  margin-bottom: 11rem;
}

.-mb-176 {
  margin-bottom: -11rem;
}

.ml-176 {
  margin-left: 11rem;
}

.-ml-176 {
  margin-left: -11rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-176 {
    margin: 11rem !important;
  }

  .-sm-m-176 {
    margin: -11rem !important;
  }

  .sm-my-176 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }

  .-sm-my-176 {
    margin-top: -11rem !important;
    margin-bottom: -11rem !important;
  }

  .sm-mx-176 {
    margin-right: 11rem !important;
    margin-left: 11rem !important;
  }

  .-sm-mx-176 {
    margin-right: -11rem !important;
    margin-left: -11rem !important;
  }

  .sm-mt-176 {
    margin-top: 11rem !important;
  }

  .-sm-mt-176 {
    margin-top: -11rem !important;
  }

  .sm-mr-176 {
    margin-right: 11rem !important;
  }

  .-sm-mr-176 {
    margin-right: -11rem !important;
  }

  .sm-mb-176 {
    margin-bottom: 11rem !important;
  }

  .-sm-mb-176 {
    margin-bottom: -11rem !important;
  }

  .sm-ml-176 {
    margin-left: 11rem !important;
  }

  .-sm-ml-176 {
    margin-left: -11rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-176 {
    margin: 11rem !important;
  }

  .-md-m-176 {
    margin: -11rem !important;
  }

  .md-my-176 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }

  .-md-my-176 {
    margin-top: -11rem !important;
    margin-bottom: -11rem !important;
  }

  .md-mx-176 {
    margin-right: 11rem !important;
    margin-left: 11rem !important;
  }

  .-md-mx-176 {
    margin-right: -11rem !important;
    margin-left: -11rem !important;
  }

  .md-mt-176 {
    margin-top: 11rem !important;
  }

  .-md-mt-176 {
    margin-top: -11rem !important;
  }

  .md-mr-176 {
    margin-right: 11rem !important;
  }

  .-md-mr-176 {
    margin-right: -11rem !important;
  }

  .md-mb-176 {
    margin-bottom: 11rem !important;
  }

  .-md-mb-176 {
    margin-bottom: -11rem !important;
  }

  .md-ml-176 {
    margin-left: 11rem !important;
  }

  .-md-ml-176 {
    margin-left: -11rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-176 {
    margin: 11rem !important;
  }

  .-lg-m-176 {
    margin: -11rem !important;
  }

  .lg-my-176 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }

  .-lg-my-176 {
    margin-top: -11rem !important;
    margin-bottom: -11rem !important;
  }

  .lg-mx-176 {
    margin-right: 11rem !important;
    margin-left: 11rem !important;
  }

  .-lg-mx-176 {
    margin-right: -11rem !important;
    margin-left: -11rem !important;
  }

  .lg-mt-176 {
    margin-top: 11rem !important;
  }

  .-lg-mt-176 {
    margin-top: -11rem !important;
  }

  .lg-mr-176 {
    margin-right: 11rem !important;
  }

  .-lg-mr-176 {
    margin-right: -11rem !important;
  }

  .lg-mb-176 {
    margin-bottom: 11rem !important;
  }

  .-lg-mb-176 {
    margin-bottom: -11rem !important;
  }

  .lg-ml-176 {
    margin-left: 11rem !important;
  }

  .-lg-ml-176 {
    margin-left: -11rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-176 {
    margin: 11rem !important;
  }

  .-xl-m-176 {
    margin: -11rem !important;
  }

  .xl-my-176 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }

  .-xl-my-176 {
    margin-top: -11rem !important;
    margin-bottom: -11rem !important;
  }

  .xl-mx-176 {
    margin-right: 11rem !important;
    margin-left: 11rem !important;
  }

  .-xl-mx-176 {
    margin-right: -11rem !important;
    margin-left: -11rem !important;
  }

  .xl-mt-176 {
    margin-top: 11rem !important;
  }

  .-xl-mt-176 {
    margin-top: -11rem !important;
  }

  .xl-mr-176 {
    margin-right: 11rem !important;
  }

  .-xl-mr-176 {
    margin-right: -11rem !important;
  }

  .xl-mb-176 {
    margin-bottom: 11rem !important;
  }

  .-xl-mb-176 {
    margin-bottom: -11rem !important;
  }

  .xl-ml-176 {
    margin-left: 11rem !important;
  }

  .-xl-ml-176 {
    margin-left: -11rem !important;
  }
}
.m-180 {
  margin: 11.25rem;
}

.-m-180 {
  margin: -11.25rem;
}

.my-180 {
  margin-top: 11.25rem;
  margin-bottom: 11.25rem;
}

.-my-180 {
  margin-top: -11.25rem;
  margin-bottom: -11.25rem;
}

.mx-180 {
  margin-right: 11.25rem;
  margin-left: 11.25rem;
}

.-mx-180 {
  margin-right: -11.25rem;
  margin-left: -11.25rem;
}

.mt-180 {
  margin-top: 11.25rem;
}

.-mt-180 {
  margin-top: -11.25rem;
}

.mr-180 {
  margin-right: 11.25rem;
}

.-mr-180 {
  margin-right: -11.25rem;
}

.mb-180 {
  margin-bottom: 11.25rem;
}

.-mb-180 {
  margin-bottom: -11.25rem;
}

.ml-180 {
  margin-left: 11.25rem;
}

.-ml-180 {
  margin-left: -11.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-180 {
    margin: 11.25rem !important;
  }

  .-sm-m-180 {
    margin: -11.25rem !important;
  }

  .sm-my-180 {
    margin-top: 11.25rem !important;
    margin-bottom: 11.25rem !important;
  }

  .-sm-my-180 {
    margin-top: -11.25rem !important;
    margin-bottom: -11.25rem !important;
  }

  .sm-mx-180 {
    margin-right: 11.25rem !important;
    margin-left: 11.25rem !important;
  }

  .-sm-mx-180 {
    margin-right: -11.25rem !important;
    margin-left: -11.25rem !important;
  }

  .sm-mt-180 {
    margin-top: 11.25rem !important;
  }

  .-sm-mt-180 {
    margin-top: -11.25rem !important;
  }

  .sm-mr-180 {
    margin-right: 11.25rem !important;
  }

  .-sm-mr-180 {
    margin-right: -11.25rem !important;
  }

  .sm-mb-180 {
    margin-bottom: 11.25rem !important;
  }

  .-sm-mb-180 {
    margin-bottom: -11.25rem !important;
  }

  .sm-ml-180 {
    margin-left: 11.25rem !important;
  }

  .-sm-ml-180 {
    margin-left: -11.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-180 {
    margin: 11.25rem !important;
  }

  .-md-m-180 {
    margin: -11.25rem !important;
  }

  .md-my-180 {
    margin-top: 11.25rem !important;
    margin-bottom: 11.25rem !important;
  }

  .-md-my-180 {
    margin-top: -11.25rem !important;
    margin-bottom: -11.25rem !important;
  }

  .md-mx-180 {
    margin-right: 11.25rem !important;
    margin-left: 11.25rem !important;
  }

  .-md-mx-180 {
    margin-right: -11.25rem !important;
    margin-left: -11.25rem !important;
  }

  .md-mt-180 {
    margin-top: 11.25rem !important;
  }

  .-md-mt-180 {
    margin-top: -11.25rem !important;
  }

  .md-mr-180 {
    margin-right: 11.25rem !important;
  }

  .-md-mr-180 {
    margin-right: -11.25rem !important;
  }

  .md-mb-180 {
    margin-bottom: 11.25rem !important;
  }

  .-md-mb-180 {
    margin-bottom: -11.25rem !important;
  }

  .md-ml-180 {
    margin-left: 11.25rem !important;
  }

  .-md-ml-180 {
    margin-left: -11.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-180 {
    margin: 11.25rem !important;
  }

  .-lg-m-180 {
    margin: -11.25rem !important;
  }

  .lg-my-180 {
    margin-top: 11.25rem !important;
    margin-bottom: 11.25rem !important;
  }

  .-lg-my-180 {
    margin-top: -11.25rem !important;
    margin-bottom: -11.25rem !important;
  }

  .lg-mx-180 {
    margin-right: 11.25rem !important;
    margin-left: 11.25rem !important;
  }

  .-lg-mx-180 {
    margin-right: -11.25rem !important;
    margin-left: -11.25rem !important;
  }

  .lg-mt-180 {
    margin-top: 11.25rem !important;
  }

  .-lg-mt-180 {
    margin-top: -11.25rem !important;
  }

  .lg-mr-180 {
    margin-right: 11.25rem !important;
  }

  .-lg-mr-180 {
    margin-right: -11.25rem !important;
  }

  .lg-mb-180 {
    margin-bottom: 11.25rem !important;
  }

  .-lg-mb-180 {
    margin-bottom: -11.25rem !important;
  }

  .lg-ml-180 {
    margin-left: 11.25rem !important;
  }

  .-lg-ml-180 {
    margin-left: -11.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-180 {
    margin: 11.25rem !important;
  }

  .-xl-m-180 {
    margin: -11.25rem !important;
  }

  .xl-my-180 {
    margin-top: 11.25rem !important;
    margin-bottom: 11.25rem !important;
  }

  .-xl-my-180 {
    margin-top: -11.25rem !important;
    margin-bottom: -11.25rem !important;
  }

  .xl-mx-180 {
    margin-right: 11.25rem !important;
    margin-left: 11.25rem !important;
  }

  .-xl-mx-180 {
    margin-right: -11.25rem !important;
    margin-left: -11.25rem !important;
  }

  .xl-mt-180 {
    margin-top: 11.25rem !important;
  }

  .-xl-mt-180 {
    margin-top: -11.25rem !important;
  }

  .xl-mr-180 {
    margin-right: 11.25rem !important;
  }

  .-xl-mr-180 {
    margin-right: -11.25rem !important;
  }

  .xl-mb-180 {
    margin-bottom: 11.25rem !important;
  }

  .-xl-mb-180 {
    margin-bottom: -11.25rem !important;
  }

  .xl-ml-180 {
    margin-left: 11.25rem !important;
  }

  .-xl-ml-180 {
    margin-left: -11.25rem !important;
  }
}
.m-184 {
  margin: 11.5rem;
}

.-m-184 {
  margin: -11.5rem;
}

.my-184 {
  margin-top: 11.5rem;
  margin-bottom: 11.5rem;
}

.-my-184 {
  margin-top: -11.5rem;
  margin-bottom: -11.5rem;
}

.mx-184 {
  margin-right: 11.5rem;
  margin-left: 11.5rem;
}

.-mx-184 {
  margin-right: -11.5rem;
  margin-left: -11.5rem;
}

.mt-184 {
  margin-top: 11.5rem;
}

.-mt-184 {
  margin-top: -11.5rem;
}

.mr-184 {
  margin-right: 11.5rem;
}

.-mr-184 {
  margin-right: -11.5rem;
}

.mb-184 {
  margin-bottom: 11.5rem;
}

.-mb-184 {
  margin-bottom: -11.5rem;
}

.ml-184 {
  margin-left: 11.5rem;
}

.-ml-184 {
  margin-left: -11.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-184 {
    margin: 11.5rem !important;
  }

  .-sm-m-184 {
    margin: -11.5rem !important;
  }

  .sm-my-184 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }

  .-sm-my-184 {
    margin-top: -11.5rem !important;
    margin-bottom: -11.5rem !important;
  }

  .sm-mx-184 {
    margin-right: 11.5rem !important;
    margin-left: 11.5rem !important;
  }

  .-sm-mx-184 {
    margin-right: -11.5rem !important;
    margin-left: -11.5rem !important;
  }

  .sm-mt-184 {
    margin-top: 11.5rem !important;
  }

  .-sm-mt-184 {
    margin-top: -11.5rem !important;
  }

  .sm-mr-184 {
    margin-right: 11.5rem !important;
  }

  .-sm-mr-184 {
    margin-right: -11.5rem !important;
  }

  .sm-mb-184 {
    margin-bottom: 11.5rem !important;
  }

  .-sm-mb-184 {
    margin-bottom: -11.5rem !important;
  }

  .sm-ml-184 {
    margin-left: 11.5rem !important;
  }

  .-sm-ml-184 {
    margin-left: -11.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-184 {
    margin: 11.5rem !important;
  }

  .-md-m-184 {
    margin: -11.5rem !important;
  }

  .md-my-184 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }

  .-md-my-184 {
    margin-top: -11.5rem !important;
    margin-bottom: -11.5rem !important;
  }

  .md-mx-184 {
    margin-right: 11.5rem !important;
    margin-left: 11.5rem !important;
  }

  .-md-mx-184 {
    margin-right: -11.5rem !important;
    margin-left: -11.5rem !important;
  }

  .md-mt-184 {
    margin-top: 11.5rem !important;
  }

  .-md-mt-184 {
    margin-top: -11.5rem !important;
  }

  .md-mr-184 {
    margin-right: 11.5rem !important;
  }

  .-md-mr-184 {
    margin-right: -11.5rem !important;
  }

  .md-mb-184 {
    margin-bottom: 11.5rem !important;
  }

  .-md-mb-184 {
    margin-bottom: -11.5rem !important;
  }

  .md-ml-184 {
    margin-left: 11.5rem !important;
  }

  .-md-ml-184 {
    margin-left: -11.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-184 {
    margin: 11.5rem !important;
  }

  .-lg-m-184 {
    margin: -11.5rem !important;
  }

  .lg-my-184 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }

  .-lg-my-184 {
    margin-top: -11.5rem !important;
    margin-bottom: -11.5rem !important;
  }

  .lg-mx-184 {
    margin-right: 11.5rem !important;
    margin-left: 11.5rem !important;
  }

  .-lg-mx-184 {
    margin-right: -11.5rem !important;
    margin-left: -11.5rem !important;
  }

  .lg-mt-184 {
    margin-top: 11.5rem !important;
  }

  .-lg-mt-184 {
    margin-top: -11.5rem !important;
  }

  .lg-mr-184 {
    margin-right: 11.5rem !important;
  }

  .-lg-mr-184 {
    margin-right: -11.5rem !important;
  }

  .lg-mb-184 {
    margin-bottom: 11.5rem !important;
  }

  .-lg-mb-184 {
    margin-bottom: -11.5rem !important;
  }

  .lg-ml-184 {
    margin-left: 11.5rem !important;
  }

  .-lg-ml-184 {
    margin-left: -11.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-184 {
    margin: 11.5rem !important;
  }

  .-xl-m-184 {
    margin: -11.5rem !important;
  }

  .xl-my-184 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }

  .-xl-my-184 {
    margin-top: -11.5rem !important;
    margin-bottom: -11.5rem !important;
  }

  .xl-mx-184 {
    margin-right: 11.5rem !important;
    margin-left: 11.5rem !important;
  }

  .-xl-mx-184 {
    margin-right: -11.5rem !important;
    margin-left: -11.5rem !important;
  }

  .xl-mt-184 {
    margin-top: 11.5rem !important;
  }

  .-xl-mt-184 {
    margin-top: -11.5rem !important;
  }

  .xl-mr-184 {
    margin-right: 11.5rem !important;
  }

  .-xl-mr-184 {
    margin-right: -11.5rem !important;
  }

  .xl-mb-184 {
    margin-bottom: 11.5rem !important;
  }

  .-xl-mb-184 {
    margin-bottom: -11.5rem !important;
  }

  .xl-ml-184 {
    margin-left: 11.5rem !important;
  }

  .-xl-ml-184 {
    margin-left: -11.5rem !important;
  }
}
.m-188 {
  margin: 11.75rem;
}

.-m-188 {
  margin: -11.75rem;
}

.my-188 {
  margin-top: 11.75rem;
  margin-bottom: 11.75rem;
}

.-my-188 {
  margin-top: -11.75rem;
  margin-bottom: -11.75rem;
}

.mx-188 {
  margin-right: 11.75rem;
  margin-left: 11.75rem;
}

.-mx-188 {
  margin-right: -11.75rem;
  margin-left: -11.75rem;
}

.mt-188 {
  margin-top: 11.75rem;
}

.-mt-188 {
  margin-top: -11.75rem;
}

.mr-188 {
  margin-right: 11.75rem;
}

.-mr-188 {
  margin-right: -11.75rem;
}

.mb-188 {
  margin-bottom: 11.75rem;
}

.-mb-188 {
  margin-bottom: -11.75rem;
}

.ml-188 {
  margin-left: 11.75rem;
}

.-ml-188 {
  margin-left: -11.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-188 {
    margin: 11.75rem !important;
  }

  .-sm-m-188 {
    margin: -11.75rem !important;
  }

  .sm-my-188 {
    margin-top: 11.75rem !important;
    margin-bottom: 11.75rem !important;
  }

  .-sm-my-188 {
    margin-top: -11.75rem !important;
    margin-bottom: -11.75rem !important;
  }

  .sm-mx-188 {
    margin-right: 11.75rem !important;
    margin-left: 11.75rem !important;
  }

  .-sm-mx-188 {
    margin-right: -11.75rem !important;
    margin-left: -11.75rem !important;
  }

  .sm-mt-188 {
    margin-top: 11.75rem !important;
  }

  .-sm-mt-188 {
    margin-top: -11.75rem !important;
  }

  .sm-mr-188 {
    margin-right: 11.75rem !important;
  }

  .-sm-mr-188 {
    margin-right: -11.75rem !important;
  }

  .sm-mb-188 {
    margin-bottom: 11.75rem !important;
  }

  .-sm-mb-188 {
    margin-bottom: -11.75rem !important;
  }

  .sm-ml-188 {
    margin-left: 11.75rem !important;
  }

  .-sm-ml-188 {
    margin-left: -11.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-188 {
    margin: 11.75rem !important;
  }

  .-md-m-188 {
    margin: -11.75rem !important;
  }

  .md-my-188 {
    margin-top: 11.75rem !important;
    margin-bottom: 11.75rem !important;
  }

  .-md-my-188 {
    margin-top: -11.75rem !important;
    margin-bottom: -11.75rem !important;
  }

  .md-mx-188 {
    margin-right: 11.75rem !important;
    margin-left: 11.75rem !important;
  }

  .-md-mx-188 {
    margin-right: -11.75rem !important;
    margin-left: -11.75rem !important;
  }

  .md-mt-188 {
    margin-top: 11.75rem !important;
  }

  .-md-mt-188 {
    margin-top: -11.75rem !important;
  }

  .md-mr-188 {
    margin-right: 11.75rem !important;
  }

  .-md-mr-188 {
    margin-right: -11.75rem !important;
  }

  .md-mb-188 {
    margin-bottom: 11.75rem !important;
  }

  .-md-mb-188 {
    margin-bottom: -11.75rem !important;
  }

  .md-ml-188 {
    margin-left: 11.75rem !important;
  }

  .-md-ml-188 {
    margin-left: -11.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-188 {
    margin: 11.75rem !important;
  }

  .-lg-m-188 {
    margin: -11.75rem !important;
  }

  .lg-my-188 {
    margin-top: 11.75rem !important;
    margin-bottom: 11.75rem !important;
  }

  .-lg-my-188 {
    margin-top: -11.75rem !important;
    margin-bottom: -11.75rem !important;
  }

  .lg-mx-188 {
    margin-right: 11.75rem !important;
    margin-left: 11.75rem !important;
  }

  .-lg-mx-188 {
    margin-right: -11.75rem !important;
    margin-left: -11.75rem !important;
  }

  .lg-mt-188 {
    margin-top: 11.75rem !important;
  }

  .-lg-mt-188 {
    margin-top: -11.75rem !important;
  }

  .lg-mr-188 {
    margin-right: 11.75rem !important;
  }

  .-lg-mr-188 {
    margin-right: -11.75rem !important;
  }

  .lg-mb-188 {
    margin-bottom: 11.75rem !important;
  }

  .-lg-mb-188 {
    margin-bottom: -11.75rem !important;
  }

  .lg-ml-188 {
    margin-left: 11.75rem !important;
  }

  .-lg-ml-188 {
    margin-left: -11.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-188 {
    margin: 11.75rem !important;
  }

  .-xl-m-188 {
    margin: -11.75rem !important;
  }

  .xl-my-188 {
    margin-top: 11.75rem !important;
    margin-bottom: 11.75rem !important;
  }

  .-xl-my-188 {
    margin-top: -11.75rem !important;
    margin-bottom: -11.75rem !important;
  }

  .xl-mx-188 {
    margin-right: 11.75rem !important;
    margin-left: 11.75rem !important;
  }

  .-xl-mx-188 {
    margin-right: -11.75rem !important;
    margin-left: -11.75rem !important;
  }

  .xl-mt-188 {
    margin-top: 11.75rem !important;
  }

  .-xl-mt-188 {
    margin-top: -11.75rem !important;
  }

  .xl-mr-188 {
    margin-right: 11.75rem !important;
  }

  .-xl-mr-188 {
    margin-right: -11.75rem !important;
  }

  .xl-mb-188 {
    margin-bottom: 11.75rem !important;
  }

  .-xl-mb-188 {
    margin-bottom: -11.75rem !important;
  }

  .xl-ml-188 {
    margin-left: 11.75rem !important;
  }

  .-xl-ml-188 {
    margin-left: -11.75rem !important;
  }
}
.m-192 {
  margin: 12rem;
}

.-m-192 {
  margin: -12rem;
}

.my-192 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.-my-192 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}

.mx-192 {
  margin-right: 12rem;
  margin-left: 12rem;
}

.-mx-192 {
  margin-right: -12rem;
  margin-left: -12rem;
}

.mt-192 {
  margin-top: 12rem;
}

.-mt-192 {
  margin-top: -12rem;
}

.mr-192 {
  margin-right: 12rem;
}

.-mr-192 {
  margin-right: -12rem;
}

.mb-192 {
  margin-bottom: 12rem;
}

.-mb-192 {
  margin-bottom: -12rem;
}

.ml-192 {
  margin-left: 12rem;
}

.-ml-192 {
  margin-left: -12rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-192 {
    margin: 12rem !important;
  }

  .-sm-m-192 {
    margin: -12rem !important;
  }

  .sm-my-192 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .-sm-my-192 {
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .sm-mx-192 {
    margin-right: 12rem !important;
    margin-left: 12rem !important;
  }

  .-sm-mx-192 {
    margin-right: -12rem !important;
    margin-left: -12rem !important;
  }

  .sm-mt-192 {
    margin-top: 12rem !important;
  }

  .-sm-mt-192 {
    margin-top: -12rem !important;
  }

  .sm-mr-192 {
    margin-right: 12rem !important;
  }

  .-sm-mr-192 {
    margin-right: -12rem !important;
  }

  .sm-mb-192 {
    margin-bottom: 12rem !important;
  }

  .-sm-mb-192 {
    margin-bottom: -12rem !important;
  }

  .sm-ml-192 {
    margin-left: 12rem !important;
  }

  .-sm-ml-192 {
    margin-left: -12rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-192 {
    margin: 12rem !important;
  }

  .-md-m-192 {
    margin: -12rem !important;
  }

  .md-my-192 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .-md-my-192 {
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .md-mx-192 {
    margin-right: 12rem !important;
    margin-left: 12rem !important;
  }

  .-md-mx-192 {
    margin-right: -12rem !important;
    margin-left: -12rem !important;
  }

  .md-mt-192 {
    margin-top: 12rem !important;
  }

  .-md-mt-192 {
    margin-top: -12rem !important;
  }

  .md-mr-192 {
    margin-right: 12rem !important;
  }

  .-md-mr-192 {
    margin-right: -12rem !important;
  }

  .md-mb-192 {
    margin-bottom: 12rem !important;
  }

  .-md-mb-192 {
    margin-bottom: -12rem !important;
  }

  .md-ml-192 {
    margin-left: 12rem !important;
  }

  .-md-ml-192 {
    margin-left: -12rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-192 {
    margin: 12rem !important;
  }

  .-lg-m-192 {
    margin: -12rem !important;
  }

  .lg-my-192 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .-lg-my-192 {
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .lg-mx-192 {
    margin-right: 12rem !important;
    margin-left: 12rem !important;
  }

  .-lg-mx-192 {
    margin-right: -12rem !important;
    margin-left: -12rem !important;
  }

  .lg-mt-192 {
    margin-top: 12rem !important;
  }

  .-lg-mt-192 {
    margin-top: -12rem !important;
  }

  .lg-mr-192 {
    margin-right: 12rem !important;
  }

  .-lg-mr-192 {
    margin-right: -12rem !important;
  }

  .lg-mb-192 {
    margin-bottom: 12rem !important;
  }

  .-lg-mb-192 {
    margin-bottom: -12rem !important;
  }

  .lg-ml-192 {
    margin-left: 12rem !important;
  }

  .-lg-ml-192 {
    margin-left: -12rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-192 {
    margin: 12rem !important;
  }

  .-xl-m-192 {
    margin: -12rem !important;
  }

  .xl-my-192 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .-xl-my-192 {
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .xl-mx-192 {
    margin-right: 12rem !important;
    margin-left: 12rem !important;
  }

  .-xl-mx-192 {
    margin-right: -12rem !important;
    margin-left: -12rem !important;
  }

  .xl-mt-192 {
    margin-top: 12rem !important;
  }

  .-xl-mt-192 {
    margin-top: -12rem !important;
  }

  .xl-mr-192 {
    margin-right: 12rem !important;
  }

  .-xl-mr-192 {
    margin-right: -12rem !important;
  }

  .xl-mb-192 {
    margin-bottom: 12rem !important;
  }

  .-xl-mb-192 {
    margin-bottom: -12rem !important;
  }

  .xl-ml-192 {
    margin-left: 12rem !important;
  }

  .-xl-ml-192 {
    margin-left: -12rem !important;
  }
}
.m-196 {
  margin: 12.25rem;
}

.-m-196 {
  margin: -12.25rem;
}

.my-196 {
  margin-top: 12.25rem;
  margin-bottom: 12.25rem;
}

.-my-196 {
  margin-top: -12.25rem;
  margin-bottom: -12.25rem;
}

.mx-196 {
  margin-right: 12.25rem;
  margin-left: 12.25rem;
}

.-mx-196 {
  margin-right: -12.25rem;
  margin-left: -12.25rem;
}

.mt-196 {
  margin-top: 12.25rem;
}

.-mt-196 {
  margin-top: -12.25rem;
}

.mr-196 {
  margin-right: 12.25rem;
}

.-mr-196 {
  margin-right: -12.25rem;
}

.mb-196 {
  margin-bottom: 12.25rem;
}

.-mb-196 {
  margin-bottom: -12.25rem;
}

.ml-196 {
  margin-left: 12.25rem;
}

.-ml-196 {
  margin-left: -12.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-196 {
    margin: 12.25rem !important;
  }

  .-sm-m-196 {
    margin: -12.25rem !important;
  }

  .sm-my-196 {
    margin-top: 12.25rem !important;
    margin-bottom: 12.25rem !important;
  }

  .-sm-my-196 {
    margin-top: -12.25rem !important;
    margin-bottom: -12.25rem !important;
  }

  .sm-mx-196 {
    margin-right: 12.25rem !important;
    margin-left: 12.25rem !important;
  }

  .-sm-mx-196 {
    margin-right: -12.25rem !important;
    margin-left: -12.25rem !important;
  }

  .sm-mt-196 {
    margin-top: 12.25rem !important;
  }

  .-sm-mt-196 {
    margin-top: -12.25rem !important;
  }

  .sm-mr-196 {
    margin-right: 12.25rem !important;
  }

  .-sm-mr-196 {
    margin-right: -12.25rem !important;
  }

  .sm-mb-196 {
    margin-bottom: 12.25rem !important;
  }

  .-sm-mb-196 {
    margin-bottom: -12.25rem !important;
  }

  .sm-ml-196 {
    margin-left: 12.25rem !important;
  }

  .-sm-ml-196 {
    margin-left: -12.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-196 {
    margin: 12.25rem !important;
  }

  .-md-m-196 {
    margin: -12.25rem !important;
  }

  .md-my-196 {
    margin-top: 12.25rem !important;
    margin-bottom: 12.25rem !important;
  }

  .-md-my-196 {
    margin-top: -12.25rem !important;
    margin-bottom: -12.25rem !important;
  }

  .md-mx-196 {
    margin-right: 12.25rem !important;
    margin-left: 12.25rem !important;
  }

  .-md-mx-196 {
    margin-right: -12.25rem !important;
    margin-left: -12.25rem !important;
  }

  .md-mt-196 {
    margin-top: 12.25rem !important;
  }

  .-md-mt-196 {
    margin-top: -12.25rem !important;
  }

  .md-mr-196 {
    margin-right: 12.25rem !important;
  }

  .-md-mr-196 {
    margin-right: -12.25rem !important;
  }

  .md-mb-196 {
    margin-bottom: 12.25rem !important;
  }

  .-md-mb-196 {
    margin-bottom: -12.25rem !important;
  }

  .md-ml-196 {
    margin-left: 12.25rem !important;
  }

  .-md-ml-196 {
    margin-left: -12.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-196 {
    margin: 12.25rem !important;
  }

  .-lg-m-196 {
    margin: -12.25rem !important;
  }

  .lg-my-196 {
    margin-top: 12.25rem !important;
    margin-bottom: 12.25rem !important;
  }

  .-lg-my-196 {
    margin-top: -12.25rem !important;
    margin-bottom: -12.25rem !important;
  }

  .lg-mx-196 {
    margin-right: 12.25rem !important;
    margin-left: 12.25rem !important;
  }

  .-lg-mx-196 {
    margin-right: -12.25rem !important;
    margin-left: -12.25rem !important;
  }

  .lg-mt-196 {
    margin-top: 12.25rem !important;
  }

  .-lg-mt-196 {
    margin-top: -12.25rem !important;
  }

  .lg-mr-196 {
    margin-right: 12.25rem !important;
  }

  .-lg-mr-196 {
    margin-right: -12.25rem !important;
  }

  .lg-mb-196 {
    margin-bottom: 12.25rem !important;
  }

  .-lg-mb-196 {
    margin-bottom: -12.25rem !important;
  }

  .lg-ml-196 {
    margin-left: 12.25rem !important;
  }

  .-lg-ml-196 {
    margin-left: -12.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-196 {
    margin: 12.25rem !important;
  }

  .-xl-m-196 {
    margin: -12.25rem !important;
  }

  .xl-my-196 {
    margin-top: 12.25rem !important;
    margin-bottom: 12.25rem !important;
  }

  .-xl-my-196 {
    margin-top: -12.25rem !important;
    margin-bottom: -12.25rem !important;
  }

  .xl-mx-196 {
    margin-right: 12.25rem !important;
    margin-left: 12.25rem !important;
  }

  .-xl-mx-196 {
    margin-right: -12.25rem !important;
    margin-left: -12.25rem !important;
  }

  .xl-mt-196 {
    margin-top: 12.25rem !important;
  }

  .-xl-mt-196 {
    margin-top: -12.25rem !important;
  }

  .xl-mr-196 {
    margin-right: 12.25rem !important;
  }

  .-xl-mr-196 {
    margin-right: -12.25rem !important;
  }

  .xl-mb-196 {
    margin-bottom: 12.25rem !important;
  }

  .-xl-mb-196 {
    margin-bottom: -12.25rem !important;
  }

  .xl-ml-196 {
    margin-left: 12.25rem !important;
  }

  .-xl-ml-196 {
    margin-left: -12.25rem !important;
  }
}
.m-200 {
  margin: 12.5rem;
}

.-m-200 {
  margin: -12.5rem;
}

.my-200 {
  margin-top: 12.5rem;
  margin-bottom: 12.5rem;
}

.-my-200 {
  margin-top: -12.5rem;
  margin-bottom: -12.5rem;
}

.mx-200 {
  margin-right: 12.5rem;
  margin-left: 12.5rem;
}

.-mx-200 {
  margin-right: -12.5rem;
  margin-left: -12.5rem;
}

.mt-200 {
  margin-top: 12.5rem;
}

.-mt-200 {
  margin-top: -12.5rem;
}

.mr-200 {
  margin-right: 12.5rem;
}

.-mr-200 {
  margin-right: -12.5rem;
}

.mb-200 {
  margin-bottom: 12.5rem;
}

.-mb-200 {
  margin-bottom: -12.5rem;
}

.ml-200 {
  margin-left: 12.5rem;
}

.-ml-200 {
  margin-left: -12.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-200 {
    margin: 12.5rem !important;
  }

  .-sm-m-200 {
    margin: -12.5rem !important;
  }

  .sm-my-200 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }

  .-sm-my-200 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
  }

  .sm-mx-200 {
    margin-right: 12.5rem !important;
    margin-left: 12.5rem !important;
  }

  .-sm-mx-200 {
    margin-right: -12.5rem !important;
    margin-left: -12.5rem !important;
  }

  .sm-mt-200 {
    margin-top: 12.5rem !important;
  }

  .-sm-mt-200 {
    margin-top: -12.5rem !important;
  }

  .sm-mr-200 {
    margin-right: 12.5rem !important;
  }

  .-sm-mr-200 {
    margin-right: -12.5rem !important;
  }

  .sm-mb-200 {
    margin-bottom: 12.5rem !important;
  }

  .-sm-mb-200 {
    margin-bottom: -12.5rem !important;
  }

  .sm-ml-200 {
    margin-left: 12.5rem !important;
  }

  .-sm-ml-200 {
    margin-left: -12.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-200 {
    margin: 12.5rem !important;
  }

  .-md-m-200 {
    margin: -12.5rem !important;
  }

  .md-my-200 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }

  .-md-my-200 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
  }

  .md-mx-200 {
    margin-right: 12.5rem !important;
    margin-left: 12.5rem !important;
  }

  .-md-mx-200 {
    margin-right: -12.5rem !important;
    margin-left: -12.5rem !important;
  }

  .md-mt-200 {
    margin-top: 12.5rem !important;
  }

  .-md-mt-200 {
    margin-top: -12.5rem !important;
  }

  .md-mr-200 {
    margin-right: 12.5rem !important;
  }

  .-md-mr-200 {
    margin-right: -12.5rem !important;
  }

  .md-mb-200 {
    margin-bottom: 12.5rem !important;
  }

  .-md-mb-200 {
    margin-bottom: -12.5rem !important;
  }

  .md-ml-200 {
    margin-left: 12.5rem !important;
  }

  .-md-ml-200 {
    margin-left: -12.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-200 {
    margin: 12.5rem !important;
  }

  .-lg-m-200 {
    margin: -12.5rem !important;
  }

  .lg-my-200 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }

  .-lg-my-200 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
  }

  .lg-mx-200 {
    margin-right: 12.5rem !important;
    margin-left: 12.5rem !important;
  }

  .-lg-mx-200 {
    margin-right: -12.5rem !important;
    margin-left: -12.5rem !important;
  }

  .lg-mt-200 {
    margin-top: 12.5rem !important;
  }

  .-lg-mt-200 {
    margin-top: -12.5rem !important;
  }

  .lg-mr-200 {
    margin-right: 12.5rem !important;
  }

  .-lg-mr-200 {
    margin-right: -12.5rem !important;
  }

  .lg-mb-200 {
    margin-bottom: 12.5rem !important;
  }

  .-lg-mb-200 {
    margin-bottom: -12.5rem !important;
  }

  .lg-ml-200 {
    margin-left: 12.5rem !important;
  }

  .-lg-ml-200 {
    margin-left: -12.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-200 {
    margin: 12.5rem !important;
  }

  .-xl-m-200 {
    margin: -12.5rem !important;
  }

  .xl-my-200 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }

  .-xl-my-200 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
  }

  .xl-mx-200 {
    margin-right: 12.5rem !important;
    margin-left: 12.5rem !important;
  }

  .-xl-mx-200 {
    margin-right: -12.5rem !important;
    margin-left: -12.5rem !important;
  }

  .xl-mt-200 {
    margin-top: 12.5rem !important;
  }

  .-xl-mt-200 {
    margin-top: -12.5rem !important;
  }

  .xl-mr-200 {
    margin-right: 12.5rem !important;
  }

  .-xl-mr-200 {
    margin-right: -12.5rem !important;
  }

  .xl-mb-200 {
    margin-bottom: 12.5rem !important;
  }

  .-xl-mb-200 {
    margin-bottom: -12.5rem !important;
  }

  .xl-ml-200 {
    margin-left: 12.5rem !important;
  }

  .-xl-ml-200 {
    margin-left: -12.5rem !important;
  }
}
.m-244 {
  margin: 15.25rem;
}

.-m-244 {
  margin: -15.25rem;
}

.my-244 {
  margin-top: 15.25rem;
  margin-bottom: 15.25rem;
}

.-my-244 {
  margin-top: -15.25rem;
  margin-bottom: -15.25rem;
}

.mx-244 {
  margin-right: 15.25rem;
  margin-left: 15.25rem;
}

.-mx-244 {
  margin-right: -15.25rem;
  margin-left: -15.25rem;
}

.mt-244 {
  margin-top: 15.25rem;
}

.-mt-244 {
  margin-top: -15.25rem;
}

.mr-244 {
  margin-right: 15.25rem;
}

.-mr-244 {
  margin-right: -15.25rem;
}

.mb-244 {
  margin-bottom: 15.25rem;
}

.-mb-244 {
  margin-bottom: -15.25rem;
}

.ml-244 {
  margin-left: 15.25rem;
}

.-ml-244 {
  margin-left: -15.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-244 {
    margin: 15.25rem !important;
  }

  .-sm-m-244 {
    margin: -15.25rem !important;
  }

  .sm-my-244 {
    margin-top: 15.25rem !important;
    margin-bottom: 15.25rem !important;
  }

  .-sm-my-244 {
    margin-top: -15.25rem !important;
    margin-bottom: -15.25rem !important;
  }

  .sm-mx-244 {
    margin-right: 15.25rem !important;
    margin-left: 15.25rem !important;
  }

  .-sm-mx-244 {
    margin-right: -15.25rem !important;
    margin-left: -15.25rem !important;
  }

  .sm-mt-244 {
    margin-top: 15.25rem !important;
  }

  .-sm-mt-244 {
    margin-top: -15.25rem !important;
  }

  .sm-mr-244 {
    margin-right: 15.25rem !important;
  }

  .-sm-mr-244 {
    margin-right: -15.25rem !important;
  }

  .sm-mb-244 {
    margin-bottom: 15.25rem !important;
  }

  .-sm-mb-244 {
    margin-bottom: -15.25rem !important;
  }

  .sm-ml-244 {
    margin-left: 15.25rem !important;
  }

  .-sm-ml-244 {
    margin-left: -15.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-244 {
    margin: 15.25rem !important;
  }

  .-md-m-244 {
    margin: -15.25rem !important;
  }

  .md-my-244 {
    margin-top: 15.25rem !important;
    margin-bottom: 15.25rem !important;
  }

  .-md-my-244 {
    margin-top: -15.25rem !important;
    margin-bottom: -15.25rem !important;
  }

  .md-mx-244 {
    margin-right: 15.25rem !important;
    margin-left: 15.25rem !important;
  }

  .-md-mx-244 {
    margin-right: -15.25rem !important;
    margin-left: -15.25rem !important;
  }

  .md-mt-244 {
    margin-top: 15.25rem !important;
  }

  .-md-mt-244 {
    margin-top: -15.25rem !important;
  }

  .md-mr-244 {
    margin-right: 15.25rem !important;
  }

  .-md-mr-244 {
    margin-right: -15.25rem !important;
  }

  .md-mb-244 {
    margin-bottom: 15.25rem !important;
  }

  .-md-mb-244 {
    margin-bottom: -15.25rem !important;
  }

  .md-ml-244 {
    margin-left: 15.25rem !important;
  }

  .-md-ml-244 {
    margin-left: -15.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-244 {
    margin: 15.25rem !important;
  }

  .-lg-m-244 {
    margin: -15.25rem !important;
  }

  .lg-my-244 {
    margin-top: 15.25rem !important;
    margin-bottom: 15.25rem !important;
  }

  .-lg-my-244 {
    margin-top: -15.25rem !important;
    margin-bottom: -15.25rem !important;
  }

  .lg-mx-244 {
    margin-right: 15.25rem !important;
    margin-left: 15.25rem !important;
  }

  .-lg-mx-244 {
    margin-right: -15.25rem !important;
    margin-left: -15.25rem !important;
  }

  .lg-mt-244 {
    margin-top: 15.25rem !important;
  }

  .-lg-mt-244 {
    margin-top: -15.25rem !important;
  }

  .lg-mr-244 {
    margin-right: 15.25rem !important;
  }

  .-lg-mr-244 {
    margin-right: -15.25rem !important;
  }

  .lg-mb-244 {
    margin-bottom: 15.25rem !important;
  }

  .-lg-mb-244 {
    margin-bottom: -15.25rem !important;
  }

  .lg-ml-244 {
    margin-left: 15.25rem !important;
  }

  .-lg-ml-244 {
    margin-left: -15.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-244 {
    margin: 15.25rem !important;
  }

  .-xl-m-244 {
    margin: -15.25rem !important;
  }

  .xl-my-244 {
    margin-top: 15.25rem !important;
    margin-bottom: 15.25rem !important;
  }

  .-xl-my-244 {
    margin-top: -15.25rem !important;
    margin-bottom: -15.25rem !important;
  }

  .xl-mx-244 {
    margin-right: 15.25rem !important;
    margin-left: 15.25rem !important;
  }

  .-xl-mx-244 {
    margin-right: -15.25rem !important;
    margin-left: -15.25rem !important;
  }

  .xl-mt-244 {
    margin-top: 15.25rem !important;
  }

  .-xl-mt-244 {
    margin-top: -15.25rem !important;
  }

  .xl-mr-244 {
    margin-right: 15.25rem !important;
  }

  .-xl-mr-244 {
    margin-right: -15.25rem !important;
  }

  .xl-mb-244 {
    margin-bottom: 15.25rem !important;
  }

  .-xl-mb-244 {
    margin-bottom: -15.25rem !important;
  }

  .xl-ml-244 {
    margin-left: 15.25rem !important;
  }

  .-xl-ml-244 {
    margin-left: -15.25rem !important;
  }
}
.m-300 {
  margin: 18.75rem;
}

.-m-300 {
  margin: -18.75rem;
}

.my-300 {
  margin-top: 18.75rem;
  margin-bottom: 18.75rem;
}

.-my-300 {
  margin-top: -18.75rem;
  margin-bottom: -18.75rem;
}

.mx-300 {
  margin-right: 18.75rem;
  margin-left: 18.75rem;
}

.-mx-300 {
  margin-right: -18.75rem;
  margin-left: -18.75rem;
}

.mt-300 {
  margin-top: 18.75rem;
}

.-mt-300 {
  margin-top: -18.75rem;
}

.mr-300 {
  margin-right: 18.75rem;
}

.-mr-300 {
  margin-right: -18.75rem;
}

.mb-300 {
  margin-bottom: 18.75rem;
}

.-mb-300 {
  margin-bottom: -18.75rem;
}

.ml-300 {
  margin-left: 18.75rem;
}

.-ml-300 {
  margin-left: -18.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-300 {
    margin: 18.75rem !important;
  }

  .-sm-m-300 {
    margin: -18.75rem !important;
  }

  .sm-my-300 {
    margin-top: 18.75rem !important;
    margin-bottom: 18.75rem !important;
  }

  .-sm-my-300 {
    margin-top: -18.75rem !important;
    margin-bottom: -18.75rem !important;
  }

  .sm-mx-300 {
    margin-right: 18.75rem !important;
    margin-left: 18.75rem !important;
  }

  .-sm-mx-300 {
    margin-right: -18.75rem !important;
    margin-left: -18.75rem !important;
  }

  .sm-mt-300 {
    margin-top: 18.75rem !important;
  }

  .-sm-mt-300 {
    margin-top: -18.75rem !important;
  }

  .sm-mr-300 {
    margin-right: 18.75rem !important;
  }

  .-sm-mr-300 {
    margin-right: -18.75rem !important;
  }

  .sm-mb-300 {
    margin-bottom: 18.75rem !important;
  }

  .-sm-mb-300 {
    margin-bottom: -18.75rem !important;
  }

  .sm-ml-300 {
    margin-left: 18.75rem !important;
  }

  .-sm-ml-300 {
    margin-left: -18.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-300 {
    margin: 18.75rem !important;
  }

  .-md-m-300 {
    margin: -18.75rem !important;
  }

  .md-my-300 {
    margin-top: 18.75rem !important;
    margin-bottom: 18.75rem !important;
  }

  .-md-my-300 {
    margin-top: -18.75rem !important;
    margin-bottom: -18.75rem !important;
  }

  .md-mx-300 {
    margin-right: 18.75rem !important;
    margin-left: 18.75rem !important;
  }

  .-md-mx-300 {
    margin-right: -18.75rem !important;
    margin-left: -18.75rem !important;
  }

  .md-mt-300 {
    margin-top: 18.75rem !important;
  }

  .-md-mt-300 {
    margin-top: -18.75rem !important;
  }

  .md-mr-300 {
    margin-right: 18.75rem !important;
  }

  .-md-mr-300 {
    margin-right: -18.75rem !important;
  }

  .md-mb-300 {
    margin-bottom: 18.75rem !important;
  }

  .-md-mb-300 {
    margin-bottom: -18.75rem !important;
  }

  .md-ml-300 {
    margin-left: 18.75rem !important;
  }

  .-md-ml-300 {
    margin-left: -18.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-300 {
    margin: 18.75rem !important;
  }

  .-lg-m-300 {
    margin: -18.75rem !important;
  }

  .lg-my-300 {
    margin-top: 18.75rem !important;
    margin-bottom: 18.75rem !important;
  }

  .-lg-my-300 {
    margin-top: -18.75rem !important;
    margin-bottom: -18.75rem !important;
  }

  .lg-mx-300 {
    margin-right: 18.75rem !important;
    margin-left: 18.75rem !important;
  }

  .-lg-mx-300 {
    margin-right: -18.75rem !important;
    margin-left: -18.75rem !important;
  }

  .lg-mt-300 {
    margin-top: 18.75rem !important;
  }

  .-lg-mt-300 {
    margin-top: -18.75rem !important;
  }

  .lg-mr-300 {
    margin-right: 18.75rem !important;
  }

  .-lg-mr-300 {
    margin-right: -18.75rem !important;
  }

  .lg-mb-300 {
    margin-bottom: 18.75rem !important;
  }

  .-lg-mb-300 {
    margin-bottom: -18.75rem !important;
  }

  .lg-ml-300 {
    margin-left: 18.75rem !important;
  }

  .-lg-ml-300 {
    margin-left: -18.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-300 {
    margin: 18.75rem !important;
  }

  .-xl-m-300 {
    margin: -18.75rem !important;
  }

  .xl-my-300 {
    margin-top: 18.75rem !important;
    margin-bottom: 18.75rem !important;
  }

  .-xl-my-300 {
    margin-top: -18.75rem !important;
    margin-bottom: -18.75rem !important;
  }

  .xl-mx-300 {
    margin-right: 18.75rem !important;
    margin-left: 18.75rem !important;
  }

  .-xl-mx-300 {
    margin-right: -18.75rem !important;
    margin-left: -18.75rem !important;
  }

  .xl-mt-300 {
    margin-top: 18.75rem !important;
  }

  .-xl-mt-300 {
    margin-top: -18.75rem !important;
  }

  .xl-mr-300 {
    margin-right: 18.75rem !important;
  }

  .-xl-mr-300 {
    margin-right: -18.75rem !important;
  }

  .xl-mb-300 {
    margin-bottom: 18.75rem !important;
  }

  .-xl-mb-300 {
    margin-bottom: -18.75rem !important;
  }

  .xl-ml-300 {
    margin-left: 18.75rem !important;
  }

  .-xl-ml-300 {
    margin-left: -18.75rem !important;
  }
}
.m-352 {
  margin: 22rem;
}

.-m-352 {
  margin: -22rem;
}

.my-352 {
  margin-top: 22rem;
  margin-bottom: 22rem;
}

.-my-352 {
  margin-top: -22rem;
  margin-bottom: -22rem;
}

.mx-352 {
  margin-right: 22rem;
  margin-left: 22rem;
}

.-mx-352 {
  margin-right: -22rem;
  margin-left: -22rem;
}

.mt-352 {
  margin-top: 22rem;
}

.-mt-352 {
  margin-top: -22rem;
}

.mr-352 {
  margin-right: 22rem;
}

.-mr-352 {
  margin-right: -22rem;
}

.mb-352 {
  margin-bottom: 22rem;
}

.-mb-352 {
  margin-bottom: -22rem;
}

.ml-352 {
  margin-left: 22rem;
}

.-ml-352 {
  margin-left: -22rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-352 {
    margin: 22rem !important;
  }

  .-sm-m-352 {
    margin: -22rem !important;
  }

  .sm-my-352 {
    margin-top: 22rem !important;
    margin-bottom: 22rem !important;
  }

  .-sm-my-352 {
    margin-top: -22rem !important;
    margin-bottom: -22rem !important;
  }

  .sm-mx-352 {
    margin-right: 22rem !important;
    margin-left: 22rem !important;
  }

  .-sm-mx-352 {
    margin-right: -22rem !important;
    margin-left: -22rem !important;
  }

  .sm-mt-352 {
    margin-top: 22rem !important;
  }

  .-sm-mt-352 {
    margin-top: -22rem !important;
  }

  .sm-mr-352 {
    margin-right: 22rem !important;
  }

  .-sm-mr-352 {
    margin-right: -22rem !important;
  }

  .sm-mb-352 {
    margin-bottom: 22rem !important;
  }

  .-sm-mb-352 {
    margin-bottom: -22rem !important;
  }

  .sm-ml-352 {
    margin-left: 22rem !important;
  }

  .-sm-ml-352 {
    margin-left: -22rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-352 {
    margin: 22rem !important;
  }

  .-md-m-352 {
    margin: -22rem !important;
  }

  .md-my-352 {
    margin-top: 22rem !important;
    margin-bottom: 22rem !important;
  }

  .-md-my-352 {
    margin-top: -22rem !important;
    margin-bottom: -22rem !important;
  }

  .md-mx-352 {
    margin-right: 22rem !important;
    margin-left: 22rem !important;
  }

  .-md-mx-352 {
    margin-right: -22rem !important;
    margin-left: -22rem !important;
  }

  .md-mt-352 {
    margin-top: 22rem !important;
  }

  .-md-mt-352 {
    margin-top: -22rem !important;
  }

  .md-mr-352 {
    margin-right: 22rem !important;
  }

  .-md-mr-352 {
    margin-right: -22rem !important;
  }

  .md-mb-352 {
    margin-bottom: 22rem !important;
  }

  .-md-mb-352 {
    margin-bottom: -22rem !important;
  }

  .md-ml-352 {
    margin-left: 22rem !important;
  }

  .-md-ml-352 {
    margin-left: -22rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-352 {
    margin: 22rem !important;
  }

  .-lg-m-352 {
    margin: -22rem !important;
  }

  .lg-my-352 {
    margin-top: 22rem !important;
    margin-bottom: 22rem !important;
  }

  .-lg-my-352 {
    margin-top: -22rem !important;
    margin-bottom: -22rem !important;
  }

  .lg-mx-352 {
    margin-right: 22rem !important;
    margin-left: 22rem !important;
  }

  .-lg-mx-352 {
    margin-right: -22rem !important;
    margin-left: -22rem !important;
  }

  .lg-mt-352 {
    margin-top: 22rem !important;
  }

  .-lg-mt-352 {
    margin-top: -22rem !important;
  }

  .lg-mr-352 {
    margin-right: 22rem !important;
  }

  .-lg-mr-352 {
    margin-right: -22rem !important;
  }

  .lg-mb-352 {
    margin-bottom: 22rem !important;
  }

  .-lg-mb-352 {
    margin-bottom: -22rem !important;
  }

  .lg-ml-352 {
    margin-left: 22rem !important;
  }

  .-lg-ml-352 {
    margin-left: -22rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-352 {
    margin: 22rem !important;
  }

  .-xl-m-352 {
    margin: -22rem !important;
  }

  .xl-my-352 {
    margin-top: 22rem !important;
    margin-bottom: 22rem !important;
  }

  .-xl-my-352 {
    margin-top: -22rem !important;
    margin-bottom: -22rem !important;
  }

  .xl-mx-352 {
    margin-right: 22rem !important;
    margin-left: 22rem !important;
  }

  .-xl-mx-352 {
    margin-right: -22rem !important;
    margin-left: -22rem !important;
  }

  .xl-mt-352 {
    margin-top: 22rem !important;
  }

  .-xl-mt-352 {
    margin-top: -22rem !important;
  }

  .xl-mr-352 {
    margin-right: 22rem !important;
  }

  .-xl-mr-352 {
    margin-right: -22rem !important;
  }

  .xl-mb-352 {
    margin-bottom: 22rem !important;
  }

  .-xl-mb-352 {
    margin-bottom: -22rem !important;
  }

  .xl-ml-352 {
    margin-left: 22rem !important;
  }

  .-xl-ml-352 {
    margin-left: -22rem !important;
  }
}
.m-auto {
  margin: auto;
}

.-m-auto {
  margin: -auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.-my-auto {
  margin-top: -auto;
  margin-bottom: -auto;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.-mx-auto {
  margin-right: -auto;
  margin-left: -auto;
}

.mt-auto {
  margin-top: auto;
}

.-mt-auto {
  margin-top: -auto;
}

.mr-auto {
  margin-right: auto;
}

.-mr-auto {
  margin-right: -auto;
}

.mb-auto {
  margin-bottom: auto;
}

.-mb-auto {
  margin-bottom: -auto;
}

.ml-auto {
  margin-left: auto;
}

.-ml-auto {
  margin-left: -auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-auto {
    margin: auto !important;
  }

  .-sm-m-auto {
    margin: -auto !important;
  }

  .sm-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .-sm-my-auto {
    margin-top: -auto !important;
    margin-bottom: -auto !important;
  }

  .sm-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .-sm-mx-auto {
    margin-right: -auto !important;
    margin-left: -auto !important;
  }

  .sm-mt-auto {
    margin-top: auto !important;
  }

  .-sm-mt-auto {
    margin-top: -auto !important;
  }

  .sm-mr-auto {
    margin-right: auto !important;
  }

  .-sm-mr-auto {
    margin-right: -auto !important;
  }

  .sm-mb-auto {
    margin-bottom: auto !important;
  }

  .-sm-mb-auto {
    margin-bottom: -auto !important;
  }

  .sm-ml-auto {
    margin-left: auto !important;
  }

  .-sm-ml-auto {
    margin-left: -auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-auto {
    margin: auto !important;
  }

  .-md-m-auto {
    margin: -auto !important;
  }

  .md-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .-md-my-auto {
    margin-top: -auto !important;
    margin-bottom: -auto !important;
  }

  .md-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .-md-mx-auto {
    margin-right: -auto !important;
    margin-left: -auto !important;
  }

  .md-mt-auto {
    margin-top: auto !important;
  }

  .-md-mt-auto {
    margin-top: -auto !important;
  }

  .md-mr-auto {
    margin-right: auto !important;
  }

  .-md-mr-auto {
    margin-right: -auto !important;
  }

  .md-mb-auto {
    margin-bottom: auto !important;
  }

  .-md-mb-auto {
    margin-bottom: -auto !important;
  }

  .md-ml-auto {
    margin-left: auto !important;
  }

  .-md-ml-auto {
    margin-left: -auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-m-auto {
    margin: auto !important;
  }

  .-lg-m-auto {
    margin: -auto !important;
  }

  .lg-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .-lg-my-auto {
    margin-top: -auto !important;
    margin-bottom: -auto !important;
  }

  .lg-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .-lg-mx-auto {
    margin-right: -auto !important;
    margin-left: -auto !important;
  }

  .lg-mt-auto {
    margin-top: auto !important;
  }

  .-lg-mt-auto {
    margin-top: -auto !important;
  }

  .lg-mr-auto {
    margin-right: auto !important;
  }

  .-lg-mr-auto {
    margin-right: -auto !important;
  }

  .lg-mb-auto {
    margin-bottom: auto !important;
  }

  .-lg-mb-auto {
    margin-bottom: -auto !important;
  }

  .lg-ml-auto {
    margin-left: auto !important;
  }

  .-lg-ml-auto {
    margin-left: -auto !important;
  }
}
@media (min-width: 1024px) {
  .xl-m-auto {
    margin: auto !important;
  }

  .-xl-m-auto {
    margin: -auto !important;
  }

  .xl-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .-xl-my-auto {
    margin-top: -auto !important;
    margin-bottom: -auto !important;
  }

  .xl-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .-xl-mx-auto {
    margin-right: -auto !important;
    margin-left: -auto !important;
  }

  .xl-mt-auto {
    margin-top: auto !important;
  }

  .-xl-mt-auto {
    margin-top: -auto !important;
  }

  .xl-mr-auto {
    margin-right: auto !important;
  }

  .-xl-mr-auto {
    margin-right: -auto !important;
  }

  .xl-mb-auto {
    margin-bottom: auto !important;
  }

  .-xl-mb-auto {
    margin-bottom: -auto !important;
  }

  .xl-ml-auto {
    margin-left: auto !important;
  }

  .-xl-ml-auto {
    margin-left: -auto !important;
  }
}
/*
  Width
 */
.w-auto {
  width: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-auto {
    width: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-auto {
    width: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-auto {
    width: auto !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-auto {
    width: auto !important;
  }
}
.w-full {
  width: 100%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-full {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-full {
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-full {
    width: 100% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-full {
    width: 100% !important;
  }
}
.w-screen {
  width: 100vw;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-screen {
    width: 100vw !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-screen {
    width: 100vw !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-screen {
    width: 100vw !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-screen {
    width: 100vw !important;
  }
}
.w-0 {
  width: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-0 {
    width: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-0 {
    width: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-0 {
    width: 0 !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-0 {
    width: 0 !important;
  }
}
.w-1 {
  width: 1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-1 {
    width: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-1 {
    width: 1px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-1 {
    width: 1px !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-1 {
    width: 1px !important;
  }
}
.w-2 {
  width: 2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-2 {
    width: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-2 {
    width: 2px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-2 {
    width: 2px !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-2 {
    width: 2px !important;
  }
}
.w-3 {
  width: 3px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-3 {
    width: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-3 {
    width: 3px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-3 {
    width: 3px !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-3 {
    width: 3px !important;
  }
}
.w-4 {
  width: 4px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-4 {
    width: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-4 {
    width: 4px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-4 {
    width: 4px !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-4 {
    width: 4px !important;
  }
}
.w-5 {
  width: 5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-5 {
    width: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-5 {
    width: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-5 {
    width: 5px !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-5 {
    width: 5px !important;
  }
}
.w-6 {
  width: 6px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-6 {
    width: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-6 {
    width: 6px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-6 {
    width: 6px !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-6 {
    width: 6px !important;
  }
}
.w-7 {
  width: 7px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-7 {
    width: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-7 {
    width: 7px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-7 {
    width: 7px !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-7 {
    width: 7px !important;
  }
}
.w-8 {
  width: 0.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-8 {
    width: 0.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-8 {
    width: 0.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-8 {
    width: 0.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-8 {
    width: 0.5rem !important;
  }
}
.w-10 {
  width: 0.625rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-10 {
    width: 0.625rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-10 {
    width: 0.625rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-10 {
    width: 0.625rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-10 {
    width: 0.625rem !important;
  }
}
.w-12 {
  width: 0.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-12 {
    width: 0.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-12 {
    width: 0.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-12 {
    width: 0.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-12 {
    width: 0.75rem !important;
  }
}
.w-14 {
  width: 0.875rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-14 {
    width: 0.875rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-14 {
    width: 0.875rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-14 {
    width: 0.875rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-14 {
    width: 0.875rem !important;
  }
}
.w-16 {
  width: 1rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-16 {
    width: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-16 {
    width: 1rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-16 {
    width: 1rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-16 {
    width: 1rem !important;
  }
}
.w-18 {
  width: 1.125rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-18 {
    width: 1.125rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-18 {
    width: 1.125rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-18 {
    width: 1.125rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-18 {
    width: 1.125rem !important;
  }
}
.w-20 {
  width: 1.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-20 {
    width: 1.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-20 {
    width: 1.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-20 {
    width: 1.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-20 {
    width: 1.25rem !important;
  }
}
.w-24 {
  width: 1.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-24 {
    width: 1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-24 {
    width: 1.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-24 {
    width: 1.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-24 {
    width: 1.5rem !important;
  }
}
.w-28 {
  width: 1.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-28 {
    width: 1.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-28 {
    width: 1.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-28 {
    width: 1.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-28 {
    width: 1.75rem !important;
  }
}
.w-32 {
  width: 2rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-32 {
    width: 2rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-32 {
    width: 2rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-32 {
    width: 2rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-32 {
    width: 2rem !important;
  }
}
.w-36 {
  width: 2.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-36 {
    width: 2.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-36 {
    width: 2.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-36 {
    width: 2.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-36 {
    width: 2.25rem !important;
  }
}
.w-40 {
  width: 2.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-40 {
    width: 2.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-40 {
    width: 2.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-40 {
    width: 2.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-40 {
    width: 2.5rem !important;
  }
}
.w-44 {
  width: 2.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-44 {
    width: 2.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-44 {
    width: 2.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-44 {
    width: 2.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-44 {
    width: 2.75rem !important;
  }
}
.w-48 {
  width: 3rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-48 {
    width: 3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-48 {
    width: 3rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-48 {
    width: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-48 {
    width: 3rem !important;
  }
}
.w-52 {
  width: 3.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-52 {
    width: 3.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-52 {
    width: 3.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-52 {
    width: 3.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-52 {
    width: 3.25rem !important;
  }
}
.w-56 {
  width: 3.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-56 {
    width: 3.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-56 {
    width: 3.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-56 {
    width: 3.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-56 {
    width: 3.5rem !important;
  }
}
.w-60 {
  width: 3.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-60 {
    width: 3.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-60 {
    width: 3.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-60 {
    width: 3.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-60 {
    width: 3.75rem !important;
  }
}
.w-64 {
  width: 4rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-64 {
    width: 4rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-64 {
    width: 4rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-64 {
    width: 4rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-64 {
    width: 4rem !important;
  }
}
.w-68 {
  width: 4.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-68 {
    width: 4.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-68 {
    width: 4.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-68 {
    width: 4.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-68 {
    width: 4.25rem !important;
  }
}
.w-72 {
  width: 4.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-72 {
    width: 4.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-72 {
    width: 4.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-72 {
    width: 4.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-72 {
    width: 4.5rem !important;
  }
}
.w-76 {
  width: 4.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-76 {
    width: 4.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-76 {
    width: 4.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-76 {
    width: 4.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-76 {
    width: 4.75rem !important;
  }
}
.w-80 {
  width: 5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-80 {
    width: 5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-80 {
    width: 5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-80 {
    width: 5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-80 {
    width: 5rem !important;
  }
}
.w-84 {
  width: 5.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-84 {
    width: 5.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-84 {
    width: 5.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-84 {
    width: 5.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-84 {
    width: 5.25rem !important;
  }
}
.w-88 {
  width: 5.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-88 {
    width: 5.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-88 {
    width: 5.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-88 {
    width: 5.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-88 {
    width: 5.5rem !important;
  }
}
.w-92 {
  width: 5.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-92 {
    width: 5.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-92 {
    width: 5.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-92 {
    width: 5.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-92 {
    width: 5.75rem !important;
  }
}
.w-96 {
  width: 6rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-96 {
    width: 6rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-96 {
    width: 6rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-96 {
    width: 6rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-96 {
    width: 6rem !important;
  }
}
.w-100 {
  width: 6.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-100 {
    width: 6.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-100 {
    width: 6.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-100 {
    width: 6.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-100 {
    width: 6.25rem !important;
  }
}
.w-104 {
  width: 6.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-104 {
    width: 6.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-104 {
    width: 6.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-104 {
    width: 6.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-104 {
    width: 6.5rem !important;
  }
}
.w-108 {
  width: 6.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-108 {
    width: 6.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-108 {
    width: 6.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-108 {
    width: 6.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-108 {
    width: 6.75rem !important;
  }
}
.w-112 {
  width: 7rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-112 {
    width: 7rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-112 {
    width: 7rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-112 {
    width: 7rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-112 {
    width: 7rem !important;
  }
}
.w-116 {
  width: 7.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-116 {
    width: 7.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-116 {
    width: 7.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-116 {
    width: 7.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-116 {
    width: 7.25rem !important;
  }
}
.w-120 {
  width: 7.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-120 {
    width: 7.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-120 {
    width: 7.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-120 {
    width: 7.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-120 {
    width: 7.5rem !important;
  }
}
.w-124 {
  width: 7.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-124 {
    width: 7.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-124 {
    width: 7.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-124 {
    width: 7.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-124 {
    width: 7.75rem !important;
  }
}
.w-128 {
  width: 8rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-128 {
    width: 8rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-128 {
    width: 8rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-128 {
    width: 8rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-128 {
    width: 8rem !important;
  }
}
.w-132 {
  width: 8.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-132 {
    width: 8.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-132 {
    width: 8.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-132 {
    width: 8.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-132 {
    width: 8.25rem !important;
  }
}
.w-136 {
  width: 8.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-136 {
    width: 8.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-136 {
    width: 8.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-136 {
    width: 8.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-136 {
    width: 8.5rem !important;
  }
}
.w-140 {
  width: 8.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-140 {
    width: 8.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-140 {
    width: 8.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-140 {
    width: 8.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-140 {
    width: 8.75rem !important;
  }
}
.w-144 {
  width: 9rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-144 {
    width: 9rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-144 {
    width: 9rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-144 {
    width: 9rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-144 {
    width: 9rem !important;
  }
}
.w-148 {
  width: 9.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-148 {
    width: 9.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-148 {
    width: 9.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-148 {
    width: 9.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-148 {
    width: 9.25rem !important;
  }
}
.w-152 {
  width: 9.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-152 {
    width: 9.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-152 {
    width: 9.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-152 {
    width: 9.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-152 {
    width: 9.5rem !important;
  }
}
.w-156 {
  width: 9.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-156 {
    width: 9.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-156 {
    width: 9.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-156 {
    width: 9.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-156 {
    width: 9.75rem !important;
  }
}
.w-160 {
  width: 10rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-160 {
    width: 10rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-160 {
    width: 10rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-160 {
    width: 10rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-160 {
    width: 10rem !important;
  }
}
.w-168 {
  width: 10.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-168 {
    width: 10.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-168 {
    width: 10.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-168 {
    width: 10.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-168 {
    width: 10.5rem !important;
  }
}
.w-176 {
  width: 11rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-176 {
    width: 11rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-176 {
    width: 11rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-176 {
    width: 11rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-176 {
    width: 11rem !important;
  }
}
.w-180 {
  width: 11.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-180 {
    width: 11.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-180 {
    width: 11.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-180 {
    width: 11.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-180 {
    width: 11.25rem !important;
  }
}
.w-184 {
  width: 11.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-184 {
    width: 11.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-184 {
    width: 11.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-184 {
    width: 11.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-184 {
    width: 11.5rem !important;
  }
}
.w-192 {
  width: 12rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-192 {
    width: 12rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-192 {
    width: 12rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-192 {
    width: 12rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-192 {
    width: 12rem !important;
  }
}
.w-200 {
  width: 12.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-200 {
    width: 12.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-200 {
    width: 12.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-200 {
    width: 12.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-200 {
    width: 12.5rem !important;
  }
}
.w-208 {
  width: 13rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-208 {
    width: 13rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-208 {
    width: 13rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-208 {
    width: 13rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-208 {
    width: 13rem !important;
  }
}
.w-224 {
  width: 14rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-224 {
    width: 14rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-224 {
    width: 14rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-224 {
    width: 14rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-224 {
    width: 14rem !important;
  }
}
.w-240 {
  width: 15rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-240 {
    width: 15rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-240 {
    width: 15rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-240 {
    width: 15rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-240 {
    width: 15rem !important;
  }
}
.w-256 {
  width: 16rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-256 {
    width: 16rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-256 {
    width: 16rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-256 {
    width: 16rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-256 {
    width: 16rem !important;
  }
}
.w-272 {
  width: 17rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-272 {
    width: 17rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-272 {
    width: 17rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-272 {
    width: 17rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-272 {
    width: 17rem !important;
  }
}
.w-280 {
  width: 17.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-280 {
    width: 17.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-280 {
    width: 17.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-280 {
    width: 17.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-280 {
    width: 17.5rem !important;
  }
}
.w-288 {
  width: 18rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-288 {
    width: 18rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-288 {
    width: 18rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-288 {
    width: 18rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-288 {
    width: 18rem !important;
  }
}
.w-304 {
  width: 19rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-304 {
    width: 19rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-304 {
    width: 19rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-304 {
    width: 19rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-304 {
    width: 19rem !important;
  }
}
.w-314 {
  width: 19.625rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-314 {
    width: 19.625rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-314 {
    width: 19.625rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-314 {
    width: 19.625rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-314 {
    width: 19.625rem !important;
  }
}
.w-320 {
  width: 20rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-320 {
    width: 20rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-320 {
    width: 20rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-320 {
    width: 20rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-320 {
    width: 20rem !important;
  }
}
.w-336 {
  width: 21rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-336 {
    width: 21rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-336 {
    width: 21rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-336 {
    width: 21rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-336 {
    width: 21rem !important;
  }
}
.w-352 {
  width: 22rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-352 {
    width: 22rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-352 {
    width: 22rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-352 {
    width: 22rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-352 {
    width: 22rem !important;
  }
}
.w-368 {
  width: 23rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-368 {
    width: 23rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-368 {
    width: 23rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-368 {
    width: 23rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-368 {
    width: 23rem !important;
  }
}
.w-376 {
  width: 23.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-376 {
    width: 23.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-376 {
    width: 23.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-376 {
    width: 23.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-376 {
    width: 23.5rem !important;
  }
}
.w-384 {
  width: 24rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-384 {
    width: 24rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-384 {
    width: 24rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-384 {
    width: 24rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-384 {
    width: 24rem !important;
  }
}
.w-400 {
  width: 25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-400 {
    width: 25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-400 {
    width: 25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-400 {
    width: 25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-400 {
    width: 25rem !important;
  }
}
.w-416 {
  width: 26rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-416 {
    width: 26rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-416 {
    width: 26rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-416 {
    width: 26rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-416 {
    width: 26rem !important;
  }
}
.w-432 {
  width: 27rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-432 {
    width: 27rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-432 {
    width: 27rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-432 {
    width: 27rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-432 {
    width: 27rem !important;
  }
}
.w-448 {
  width: 28rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-448 {
    width: 28rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-448 {
    width: 28rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-448 {
    width: 28rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-448 {
    width: 28rem !important;
  }
}
.w-464 {
  width: 29rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-464 {
    width: 29rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-464 {
    width: 29rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-464 {
    width: 29rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-464 {
    width: 29rem !important;
  }
}
.w-480 {
  width: 30rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-480 {
    width: 30rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-480 {
    width: 30rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-480 {
    width: 30rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-480 {
    width: 30rem !important;
  }
}
.w-496 {
  width: 31rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-496 {
    width: 31rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-496 {
    width: 31rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-496 {
    width: 31rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-496 {
    width: 31rem !important;
  }
}
.w-512 {
  width: 32rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-512 {
    width: 32rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-512 {
    width: 32rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-512 {
    width: 32rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-512 {
    width: 32rem !important;
  }
}
.w-528 {
  width: 33rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-528 {
    width: 33rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-528 {
    width: 33rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-528 {
    width: 33rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-528 {
    width: 33rem !important;
  }
}
.w-544 {
  width: 34rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-544 {
    width: 34rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-544 {
    width: 34rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-544 {
    width: 34rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-544 {
    width: 34rem !important;
  }
}
.w-560 {
  width: 35rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-560 {
    width: 35rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-560 {
    width: 35rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-560 {
    width: 35rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-560 {
    width: 35rem !important;
  }
}
.w-576 {
  width: 36rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-576 {
    width: 36rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-576 {
    width: 36rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-576 {
    width: 36rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-576 {
    width: 36rem !important;
  }
}
.w-592 {
  width: 37rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-592 {
    width: 37rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-592 {
    width: 37rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-592 {
    width: 37rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-592 {
    width: 37rem !important;
  }
}
.w-33p {
  width: 33.33333%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-33p {
    width: 33.33333% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-33p {
    width: 33.33333% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-33p {
    width: 33.33333% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-33p {
    width: 33.33333% !important;
  }
}
.w-66p {
  width: 66.66666%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-66p {
    width: 66.66666% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-66p {
    width: 66.66666% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-66p {
    width: 66.66666% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-66p {
    width: 66.66666% !important;
  }
}
.w-25p {
  width: 25%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-25p {
    width: 25% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-25p {
    width: 25% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-25p {
    width: 25% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-25p {
    width: 25% !important;
  }
}
.w-20p {
  width: 20%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-20p {
    width: 20% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-20p {
    width: 20% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-20p {
    width: 20% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-20p {
    width: 20% !important;
  }
}
.w-40p {
  width: 40%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-40p {
    width: 40% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-40p {
    width: 40% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-40p {
    width: 40% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-40p {
    width: 40% !important;
  }
}
.w-45p {
  width: 45%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-45p {
    width: 45% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-45p {
    width: 45% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-45p {
    width: 45% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-45p {
    width: 45% !important;
  }
}
.w-50p {
  width: 50%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-50p {
    width: 50% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-50p {
    width: 50% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-50p {
    width: 50% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-50p {
    width: 50% !important;
  }
}
.w-55p {
  width: 55%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-55p {
    width: 55% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-55p {
    width: 55% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-55p {
    width: 55% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-55p {
    width: 55% !important;
  }
}
.w-60p {
  width: 60%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-60p {
    width: 60% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-60p {
    width: 60% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-60p {
    width: 60% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-60p {
    width: 60% !important;
  }
}
.w-65p {
  width: 65%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-65p {
    width: 65% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-65p {
    width: 65% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-65p {
    width: 65% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-65p {
    width: 65% !important;
  }
}
.w-70p {
  width: 70%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-70p {
    width: 70% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-70p {
    width: 70% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-70p {
    width: 70% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-70p {
    width: 70% !important;
  }
}
.w-75p {
  width: 75%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-75p {
    width: 75% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-75p {
    width: 75% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-75p {
    width: 75% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-75p {
    width: 75% !important;
  }
}
.w-80p {
  width: 80%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-80p {
    width: 80% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-80p {
    width: 80% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-80p {
    width: 80% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-80p {
    width: 80% !important;
  }
}
.w-16p {
  width: 16.66666%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-16p {
    width: 16.66666% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-16p {
    width: 16.66666% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-16p {
    width: 16.66666% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-16p {
    width: 16.66666% !important;
  }
}
.w-83p {
  width: 83.33333%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-83p {
    width: 83.33333% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-83p {
    width: 83.33333% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-83p {
    width: 83.33333% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-83p {
    width: 83.33333% !important;
  }
}
.w-8p {
  width: 8.33333%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-8p {
    width: 8.33333% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-8p {
    width: 8.33333% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-8p {
    width: 8.33333% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-8p {
    width: 8.33333% !important;
  }
}
.w-41p {
  width: 41.66666%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-41p {
    width: 41.66666% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-41p {
    width: 41.66666% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-41p {
    width: 41.66666% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-41p {
    width: 41.66666% !important;
  }
}
.w-58p {
  width: 58.33333%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-58p {
    width: 58.33333% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-58p {
    width: 58.33333% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-58p {
    width: 58.33333% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-58p {
    width: 58.33333% !important;
  }
}
.w-91p {
  width: 91.66666%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-91p {
    width: 91.66666% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-91p {
    width: 91.66666% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-91p {
    width: 91.66666% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-91p {
    width: 91.66666% !important;
  }
}
.w-100p {
  width: 100%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-w-100p {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-w-100p {
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-w-100p {
    width: 100% !important;
  }
}
@media (min-width: 1024px) {
  .xl-w-100p {
    width: 100% !important;
  }
}
/*
  Min Width
 */
.min-w-0 {
  min-width: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-0 {
    min-width: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-0 {
    min-width: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-0 {
    min-width: 0;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-0 {
    min-width: 0;
  }
}
.min-w-1 {
  min-width: 1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-1 {
    min-width: 1px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-1 {
    min-width: 1px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-1 {
    min-width: 1px;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-1 {
    min-width: 1px;
  }
}
.min-w-2 {
  min-width: 2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-2 {
    min-width: 2px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-2 {
    min-width: 2px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-2 {
    min-width: 2px;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-2 {
    min-width: 2px;
  }
}
.min-w-3 {
  min-width: 3px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-3 {
    min-width: 3px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-3 {
    min-width: 3px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-3 {
    min-width: 3px;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-3 {
    min-width: 3px;
  }
}
.min-w-4 {
  min-width: 4px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-4 {
    min-width: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-4 {
    min-width: 4px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-4 {
    min-width: 4px;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-4 {
    min-width: 4px;
  }
}
.min-w-5 {
  min-width: 5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-5 {
    min-width: 5px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-5 {
    min-width: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-5 {
    min-width: 5px;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-5 {
    min-width: 5px;
  }
}
.min-w-6 {
  min-width: 6px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-6 {
    min-width: 6px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-6 {
    min-width: 6px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-6 {
    min-width: 6px;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-6 {
    min-width: 6px;
  }
}
.min-w-7 {
  min-width: 7px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-7 {
    min-width: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-7 {
    min-width: 7px;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-7 {
    min-width: 7px;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-7 {
    min-width: 7px;
  }
}
.min-w-8 {
  min-width: 0.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-8 {
    min-width: 0.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-8 {
    min-width: 0.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-8 {
    min-width: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-8 {
    min-width: 0.5rem;
  }
}
.min-w-10 {
  min-width: 0.625rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-10 {
    min-width: 0.625rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-10 {
    min-width: 0.625rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-10 {
    min-width: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-10 {
    min-width: 0.625rem;
  }
}
.min-w-12 {
  min-width: 0.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-12 {
    min-width: 0.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-12 {
    min-width: 0.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-12 {
    min-width: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-12 {
    min-width: 0.75rem;
  }
}
.min-w-14 {
  min-width: 0.875rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-14 {
    min-width: 0.875rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-14 {
    min-width: 0.875rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-14 {
    min-width: 0.875rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-14 {
    min-width: 0.875rem;
  }
}
.min-w-16 {
  min-width: 1rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-16 {
    min-width: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-16 {
    min-width: 1rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-16 {
    min-width: 1rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-16 {
    min-width: 1rem;
  }
}
.min-w-18 {
  min-width: 1.125rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-18 {
    min-width: 1.125rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-18 {
    min-width: 1.125rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-18 {
    min-width: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-18 {
    min-width: 1.125rem;
  }
}
.min-w-20 {
  min-width: 1.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-20 {
    min-width: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-20 {
    min-width: 1.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-20 {
    min-width: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-20 {
    min-width: 1.25rem;
  }
}
.min-w-24 {
  min-width: 1.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-24 {
    min-width: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-24 {
    min-width: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-24 {
    min-width: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-24 {
    min-width: 1.5rem;
  }
}
.min-w-28 {
  min-width: 1.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-28 {
    min-width: 1.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-28 {
    min-width: 1.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-28 {
    min-width: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-28 {
    min-width: 1.75rem;
  }
}
.min-w-32 {
  min-width: 2rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-32 {
    min-width: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-32 {
    min-width: 2rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-32 {
    min-width: 2rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-32 {
    min-width: 2rem;
  }
}
.min-w-36 {
  min-width: 2.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-36 {
    min-width: 2.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-36 {
    min-width: 2.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-36 {
    min-width: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-36 {
    min-width: 2.25rem;
  }
}
.min-w-40 {
  min-width: 2.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-40 {
    min-width: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-40 {
    min-width: 2.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-40 {
    min-width: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-40 {
    min-width: 2.5rem;
  }
}
.min-w-44 {
  min-width: 2.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-44 {
    min-width: 2.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-44 {
    min-width: 2.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-44 {
    min-width: 2.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-44 {
    min-width: 2.75rem;
  }
}
.min-w-48 {
  min-width: 3rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-48 {
    min-width: 3rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-48 {
    min-width: 3rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-48 {
    min-width: 3rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-48 {
    min-width: 3rem;
  }
}
.min-w-52 {
  min-width: 3.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-52 {
    min-width: 3.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-52 {
    min-width: 3.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-52 {
    min-width: 3.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-52 {
    min-width: 3.25rem;
  }
}
.min-w-56 {
  min-width: 3.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-56 {
    min-width: 3.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-56 {
    min-width: 3.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-56 {
    min-width: 3.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-56 {
    min-width: 3.5rem;
  }
}
.min-w-60 {
  min-width: 3.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-60 {
    min-width: 3.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-60 {
    min-width: 3.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-60 {
    min-width: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-60 {
    min-width: 3.75rem;
  }
}
.min-w-64 {
  min-width: 4rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-64 {
    min-width: 4rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-64 {
    min-width: 4rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-64 {
    min-width: 4rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-64 {
    min-width: 4rem;
  }
}
.min-w-68 {
  min-width: 4.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-68 {
    min-width: 4.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-68 {
    min-width: 4.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-68 {
    min-width: 4.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-68 {
    min-width: 4.25rem;
  }
}
.min-w-72 {
  min-width: 4.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-72 {
    min-width: 4.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-72 {
    min-width: 4.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-72 {
    min-width: 4.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-72 {
    min-width: 4.5rem;
  }
}
.min-w-76 {
  min-width: 4.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-76 {
    min-width: 4.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-76 {
    min-width: 4.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-76 {
    min-width: 4.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-76 {
    min-width: 4.75rem;
  }
}
.min-w-80 {
  min-width: 5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-80 {
    min-width: 5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-80 {
    min-width: 5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-80 {
    min-width: 5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-80 {
    min-width: 5rem;
  }
}
.min-w-84 {
  min-width: 5.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-84 {
    min-width: 5.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-84 {
    min-width: 5.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-84 {
    min-width: 5.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-84 {
    min-width: 5.25rem;
  }
}
.min-w-88 {
  min-width: 5.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-88 {
    min-width: 5.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-88 {
    min-width: 5.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-88 {
    min-width: 5.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-88 {
    min-width: 5.5rem;
  }
}
.min-w-92 {
  min-width: 5.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-92 {
    min-width: 5.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-92 {
    min-width: 5.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-92 {
    min-width: 5.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-92 {
    min-width: 5.75rem;
  }
}
.min-w-96 {
  min-width: 6rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-96 {
    min-width: 6rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-96 {
    min-width: 6rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-96 {
    min-width: 6rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-96 {
    min-width: 6rem;
  }
}
.min-w-100 {
  min-width: 6.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-100 {
    min-width: 6.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-100 {
    min-width: 6.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-100 {
    min-width: 6.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-100 {
    min-width: 6.25rem;
  }
}
.min-w-104 {
  min-width: 6.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-104 {
    min-width: 6.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-104 {
    min-width: 6.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-104 {
    min-width: 6.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-104 {
    min-width: 6.5rem;
  }
}
.min-w-108 {
  min-width: 6.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-108 {
    min-width: 6.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-108 {
    min-width: 6.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-108 {
    min-width: 6.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-108 {
    min-width: 6.75rem;
  }
}
.min-w-112 {
  min-width: 7rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-112 {
    min-width: 7rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-112 {
    min-width: 7rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-112 {
    min-width: 7rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-112 {
    min-width: 7rem;
  }
}
.min-w-116 {
  min-width: 7.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-116 {
    min-width: 7.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-116 {
    min-width: 7.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-116 {
    min-width: 7.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-116 {
    min-width: 7.25rem;
  }
}
.min-w-120 {
  min-width: 7.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-120 {
    min-width: 7.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-120 {
    min-width: 7.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-120 {
    min-width: 7.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-120 {
    min-width: 7.5rem;
  }
}
.min-w-124 {
  min-width: 7.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-124 {
    min-width: 7.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-124 {
    min-width: 7.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-124 {
    min-width: 7.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-124 {
    min-width: 7.75rem;
  }
}
.min-w-128 {
  min-width: 8rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-128 {
    min-width: 8rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-128 {
    min-width: 8rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-128 {
    min-width: 8rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-128 {
    min-width: 8rem;
  }
}
.min-w-132 {
  min-width: 8.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-132 {
    min-width: 8.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-132 {
    min-width: 8.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-132 {
    min-width: 8.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-132 {
    min-width: 8.25rem;
  }
}
.min-w-136 {
  min-width: 8.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-136 {
    min-width: 8.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-136 {
    min-width: 8.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-136 {
    min-width: 8.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-136 {
    min-width: 8.5rem;
  }
}
.min-w-140 {
  min-width: 8.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-140 {
    min-width: 8.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-140 {
    min-width: 8.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-140 {
    min-width: 8.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-140 {
    min-width: 8.75rem;
  }
}
.min-w-144 {
  min-width: 9rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-144 {
    min-width: 9rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-144 {
    min-width: 9rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-144 {
    min-width: 9rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-144 {
    min-width: 9rem;
  }
}
.min-w-148 {
  min-width: 9.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-148 {
    min-width: 9.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-148 {
    min-width: 9.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-148 {
    min-width: 9.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-148 {
    min-width: 9.25rem;
  }
}
.min-w-152 {
  min-width: 9.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-152 {
    min-width: 9.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-152 {
    min-width: 9.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-152 {
    min-width: 9.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-152 {
    min-width: 9.5rem;
  }
}
.min-w-156 {
  min-width: 9.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-156 {
    min-width: 9.75rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-156 {
    min-width: 9.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-156 {
    min-width: 9.75rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-156 {
    min-width: 9.75rem;
  }
}
.min-w-160 {
  min-width: 10rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-160 {
    min-width: 10rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-160 {
    min-width: 10rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-160 {
    min-width: 10rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-160 {
    min-width: 10rem;
  }
}
.min-w-168 {
  min-width: 10.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-168 {
    min-width: 10.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-168 {
    min-width: 10.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-168 {
    min-width: 10.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-168 {
    min-width: 10.5rem;
  }
}
.min-w-176 {
  min-width: 11rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-176 {
    min-width: 11rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-176 {
    min-width: 11rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-176 {
    min-width: 11rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-176 {
    min-width: 11rem;
  }
}
.min-w-180 {
  min-width: 11.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-180 {
    min-width: 11.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-180 {
    min-width: 11.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-180 {
    min-width: 11.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-180 {
    min-width: 11.25rem;
  }
}
.min-w-184 {
  min-width: 11.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-184 {
    min-width: 11.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-184 {
    min-width: 11.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-184 {
    min-width: 11.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-184 {
    min-width: 11.5rem;
  }
}
.min-w-192 {
  min-width: 12rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-192 {
    min-width: 12rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-192 {
    min-width: 12rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-192 {
    min-width: 12rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-192 {
    min-width: 12rem;
  }
}
.min-w-200 {
  min-width: 12.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-200 {
    min-width: 12.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-200 {
    min-width: 12.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-200 {
    min-width: 12.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-200 {
    min-width: 12.5rem;
  }
}
.min-w-208 {
  min-width: 13rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-208 {
    min-width: 13rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-208 {
    min-width: 13rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-208 {
    min-width: 13rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-208 {
    min-width: 13rem;
  }
}
.min-w-224 {
  min-width: 14rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-224 {
    min-width: 14rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-224 {
    min-width: 14rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-224 {
    min-width: 14rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-224 {
    min-width: 14rem;
  }
}
.min-w-240 {
  min-width: 15rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-240 {
    min-width: 15rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-240 {
    min-width: 15rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-240 {
    min-width: 15rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-240 {
    min-width: 15rem;
  }
}
.min-w-256 {
  min-width: 16rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-256 {
    min-width: 16rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-256 {
    min-width: 16rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-256 {
    min-width: 16rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-256 {
    min-width: 16rem;
  }
}
.min-w-272 {
  min-width: 17rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-272 {
    min-width: 17rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-272 {
    min-width: 17rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-272 {
    min-width: 17rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-272 {
    min-width: 17rem;
  }
}
.min-w-280 {
  min-width: 17.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-280 {
    min-width: 17.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-280 {
    min-width: 17.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-280 {
    min-width: 17.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-280 {
    min-width: 17.5rem;
  }
}
.min-w-288 {
  min-width: 18rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-288 {
    min-width: 18rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-288 {
    min-width: 18rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-288 {
    min-width: 18rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-288 {
    min-width: 18rem;
  }
}
.min-w-304 {
  min-width: 19rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-304 {
    min-width: 19rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-304 {
    min-width: 19rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-304 {
    min-width: 19rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-304 {
    min-width: 19rem;
  }
}
.min-w-314 {
  min-width: 19.625rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-314 {
    min-width: 19.625rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-314 {
    min-width: 19.625rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-314 {
    min-width: 19.625rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-314 {
    min-width: 19.625rem;
  }
}
.min-w-320 {
  min-width: 20rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-320 {
    min-width: 20rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-320 {
    min-width: 20rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-320 {
    min-width: 20rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-320 {
    min-width: 20rem;
  }
}
.min-w-336 {
  min-width: 21rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-336 {
    min-width: 21rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-336 {
    min-width: 21rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-336 {
    min-width: 21rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-336 {
    min-width: 21rem;
  }
}
.min-w-352 {
  min-width: 22rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-352 {
    min-width: 22rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-352 {
    min-width: 22rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-352 {
    min-width: 22rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-352 {
    min-width: 22rem;
  }
}
.min-w-368 {
  min-width: 23rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-368 {
    min-width: 23rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-368 {
    min-width: 23rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-368 {
    min-width: 23rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-368 {
    min-width: 23rem;
  }
}
.min-w-376 {
  min-width: 23.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-376 {
    min-width: 23.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-376 {
    min-width: 23.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-376 {
    min-width: 23.5rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-376 {
    min-width: 23.5rem;
  }
}
.min-w-384 {
  min-width: 24rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-384 {
    min-width: 24rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-384 {
    min-width: 24rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-384 {
    min-width: 24rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-384 {
    min-width: 24rem;
  }
}
.min-w-400 {
  min-width: 25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-400 {
    min-width: 25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-400 {
    min-width: 25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-400 {
    min-width: 25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-400 {
    min-width: 25rem;
  }
}
.min-w-416 {
  min-width: 26rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-416 {
    min-width: 26rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-416 {
    min-width: 26rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-416 {
    min-width: 26rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-416 {
    min-width: 26rem;
  }
}
.min-w-432 {
  min-width: 27rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-432 {
    min-width: 27rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-432 {
    min-width: 27rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-432 {
    min-width: 27rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-432 {
    min-width: 27rem;
  }
}
.min-w-448 {
  min-width: 28rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-448 {
    min-width: 28rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-448 {
    min-width: 28rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-448 {
    min-width: 28rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-448 {
    min-width: 28rem;
  }
}
.min-w-464 {
  min-width: 29rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-464 {
    min-width: 29rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-464 {
    min-width: 29rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-464 {
    min-width: 29rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-464 {
    min-width: 29rem;
  }
}
.min-w-480 {
  min-width: 30rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-480 {
    min-width: 30rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-480 {
    min-width: 30rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-480 {
    min-width: 30rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-480 {
    min-width: 30rem;
  }
}
.min-w-496 {
  min-width: 31rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-496 {
    min-width: 31rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-496 {
    min-width: 31rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-496 {
    min-width: 31rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-496 {
    min-width: 31rem;
  }
}
.min-w-512 {
  min-width: 32rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-512 {
    min-width: 32rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-512 {
    min-width: 32rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-512 {
    min-width: 32rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-512 {
    min-width: 32rem;
  }
}
.min-w-528 {
  min-width: 33rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-528 {
    min-width: 33rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-528 {
    min-width: 33rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-528 {
    min-width: 33rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-528 {
    min-width: 33rem;
  }
}
.min-w-544 {
  min-width: 34rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-544 {
    min-width: 34rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-544 {
    min-width: 34rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-544 {
    min-width: 34rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-544 {
    min-width: 34rem;
  }
}
.min-w-560 {
  min-width: 35rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-560 {
    min-width: 35rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-560 {
    min-width: 35rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-560 {
    min-width: 35rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-560 {
    min-width: 35rem;
  }
}
.min-w-576 {
  min-width: 36rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-576 {
    min-width: 36rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-576 {
    min-width: 36rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-576 {
    min-width: 36rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-576 {
    min-width: 36rem;
  }
}
.min-w-592 {
  min-width: 37rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-592 {
    min-width: 37rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-592 {
    min-width: 37rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-592 {
    min-width: 37rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-592 {
    min-width: 37rem;
  }
}
.min-w-33p {
  min-width: 33.33333%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-33p {
    min-width: 33.33333%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-33p {
    min-width: 33.33333%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-33p {
    min-width: 33.33333%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-33p {
    min-width: 33.33333%;
  }
}
.min-w-66p {
  min-width: 66.66666%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-66p {
    min-width: 66.66666%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-66p {
    min-width: 66.66666%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-66p {
    min-width: 66.66666%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-66p {
    min-width: 66.66666%;
  }
}
.min-w-25p {
  min-width: 25%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-25p {
    min-width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-25p {
    min-width: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-25p {
    min-width: 25%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-25p {
    min-width: 25%;
  }
}
.min-w-20p {
  min-width: 20%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-20p {
    min-width: 20%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-20p {
    min-width: 20%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-20p {
    min-width: 20%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-20p {
    min-width: 20%;
  }
}
.min-w-40p {
  min-width: 40%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-40p {
    min-width: 40%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-40p {
    min-width: 40%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-40p {
    min-width: 40%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-40p {
    min-width: 40%;
  }
}
.min-w-45p {
  min-width: 45%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-45p {
    min-width: 45%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-45p {
    min-width: 45%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-45p {
    min-width: 45%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-45p {
    min-width: 45%;
  }
}
.min-w-50p {
  min-width: 50%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-50p {
    min-width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-50p {
    min-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-50p {
    min-width: 50%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-50p {
    min-width: 50%;
  }
}
.min-w-55p {
  min-width: 55%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-55p {
    min-width: 55%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-55p {
    min-width: 55%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-55p {
    min-width: 55%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-55p {
    min-width: 55%;
  }
}
.min-w-60p {
  min-width: 60%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-60p {
    min-width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-60p {
    min-width: 60%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-60p {
    min-width: 60%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-60p {
    min-width: 60%;
  }
}
.min-w-65p {
  min-width: 65%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-65p {
    min-width: 65%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-65p {
    min-width: 65%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-65p {
    min-width: 65%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-65p {
    min-width: 65%;
  }
}
.min-w-70p {
  min-width: 70%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-70p {
    min-width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-70p {
    min-width: 70%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-70p {
    min-width: 70%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-70p {
    min-width: 70%;
  }
}
.min-w-75p {
  min-width: 75%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-75p {
    min-width: 75%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-75p {
    min-width: 75%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-75p {
    min-width: 75%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-75p {
    min-width: 75%;
  }
}
.min-w-80p {
  min-width: 80%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-80p {
    min-width: 80%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-80p {
    min-width: 80%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-80p {
    min-width: 80%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-80p {
    min-width: 80%;
  }
}
.min-w-16p {
  min-width: 16.66666%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-16p {
    min-width: 16.66666%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-16p {
    min-width: 16.66666%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-16p {
    min-width: 16.66666%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-16p {
    min-width: 16.66666%;
  }
}
.min-w-83p {
  min-width: 83.33333%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-83p {
    min-width: 83.33333%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-83p {
    min-width: 83.33333%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-83p {
    min-width: 83.33333%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-83p {
    min-width: 83.33333%;
  }
}
.min-w-8p {
  min-width: 8.33333%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-8p {
    min-width: 8.33333%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-8p {
    min-width: 8.33333%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-8p {
    min-width: 8.33333%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-8p {
    min-width: 8.33333%;
  }
}
.min-w-41p {
  min-width: 41.66666%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-41p {
    min-width: 41.66666%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-41p {
    min-width: 41.66666%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-41p {
    min-width: 41.66666%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-41p {
    min-width: 41.66666%;
  }
}
.min-w-58p {
  min-width: 58.33333%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-58p {
    min-width: 58.33333%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-58p {
    min-width: 58.33333%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-58p {
    min-width: 58.33333%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-58p {
    min-width: 58.33333%;
  }
}
.min-w-91p {
  min-width: 91.66666%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-91p {
    min-width: 91.66666%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-91p {
    min-width: 91.66666%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-91p {
    min-width: 91.66666%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-91p {
    min-width: 91.66666%;
  }
}
.min-w-100p {
  min-width: 100%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-100p {
    min-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-100p {
    min-width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-100p {
    min-width: 100%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-100p {
    min-width: 100%;
  }
}
.min-w-full {
  min-width: 100%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-full {
    min-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-full {
    min-width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-w-full {
    min-width: 100%;
  }
}
@media (min-width: 1024px) {
  .xl-min-w-full {
    min-width: 100%;
  }
}
/*
  Max Width
 */
.max-w-xs {
  max-width: 20rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-full {
  max-width: 100%;
}

.max-w-none {
  max-width: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-max-w-full {
    max-width: 100%;
  }

  .sm-max-w-none {
    max-width: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-max-w-full {
    max-width: 100%;
  }

  .md-max-w-none {
    max-width: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-max-w-full {
    max-width: 100%;
  }

  .lg-max-w-none {
    max-width: none;
  }
}
@media (min-width: 1024px) {
  .xl-max-w-full {
    max-width: 100%;
  }

  .xl-max-w-none {
    max-width: none;
  }
}
/*
  Height
 */
.h-auto {
  height: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-auto {
    height: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-auto {
    height: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-auto {
    height: auto !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-auto {
    height: auto !important;
  }
}
.h-full {
  height: 100%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-full {
    height: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-full {
    height: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-full {
    height: 100% !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-full {
    height: 100% !important;
  }
}
.h-screen {
  height: 100vh;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-screen {
    height: 100vh !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-screen {
    height: 100vh !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-screen {
    height: 100vh !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-screen {
    height: 100vh !important;
  }
}
.h-0 {
  height: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-0 {
    height: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-0 {
    height: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-0 {
    height: 0 !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-0 {
    height: 0 !important;
  }
}
.h-1 {
  height: 1px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-1 {
    height: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-1 {
    height: 1px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-1 {
    height: 1px !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-1 {
    height: 1px !important;
  }
}
.h-2 {
  height: 2px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-2 {
    height: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-2 {
    height: 2px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-2 {
    height: 2px !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-2 {
    height: 2px !important;
  }
}
.h-3 {
  height: 3px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-3 {
    height: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-3 {
    height: 3px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-3 {
    height: 3px !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-3 {
    height: 3px !important;
  }
}
.h-4 {
  height: 4px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-4 {
    height: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-4 {
    height: 4px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-4 {
    height: 4px !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-4 {
    height: 4px !important;
  }
}
.h-5 {
  height: 5px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-5 {
    height: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-5 {
    height: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-5 {
    height: 5px !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-5 {
    height: 5px !important;
  }
}
.h-6 {
  height: 6px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-6 {
    height: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-6 {
    height: 6px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-6 {
    height: 6px !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-6 {
    height: 6px !important;
  }
}
.h-7 {
  height: 7px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-7 {
    height: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-7 {
    height: 7px !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-7 {
    height: 7px !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-7 {
    height: 7px !important;
  }
}
.h-8 {
  height: 0.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-8 {
    height: 0.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-8 {
    height: 0.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-8 {
    height: 0.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-8 {
    height: 0.5rem !important;
  }
}
.h-10 {
  height: 0.625rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-10 {
    height: 0.625rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-10 {
    height: 0.625rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-10 {
    height: 0.625rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-10 {
    height: 0.625rem !important;
  }
}
.h-12 {
  height: 0.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-12 {
    height: 0.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-12 {
    height: 0.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-12 {
    height: 0.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-12 {
    height: 0.75rem !important;
  }
}
.h-14 {
  height: 0.875rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-14 {
    height: 0.875rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-14 {
    height: 0.875rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-14 {
    height: 0.875rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-14 {
    height: 0.875rem !important;
  }
}
.h-16 {
  height: 1rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-16 {
    height: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-16 {
    height: 1rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-16 {
    height: 1rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-16 {
    height: 1rem !important;
  }
}
.h-18 {
  height: 1.125rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-18 {
    height: 1.125rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-18 {
    height: 1.125rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-18 {
    height: 1.125rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-18 {
    height: 1.125rem !important;
  }
}
.h-20 {
  height: 1.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-20 {
    height: 1.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-20 {
    height: 1.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-20 {
    height: 1.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-20 {
    height: 1.25rem !important;
  }
}
.h-24 {
  height: 1.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-24 {
    height: 1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-24 {
    height: 1.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-24 {
    height: 1.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-24 {
    height: 1.5rem !important;
  }
}
.h-28 {
  height: 1.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-28 {
    height: 1.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-28 {
    height: 1.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-28 {
    height: 1.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-28 {
    height: 1.75rem !important;
  }
}
.h-32 {
  height: 2rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-32 {
    height: 2rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-32 {
    height: 2rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-32 {
    height: 2rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-32 {
    height: 2rem !important;
  }
}
.h-36 {
  height: 2.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-36 {
    height: 2.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-36 {
    height: 2.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-36 {
    height: 2.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-36 {
    height: 2.25rem !important;
  }
}
.h-40 {
  height: 2.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-40 {
    height: 2.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-40 {
    height: 2.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-40 {
    height: 2.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-40 {
    height: 2.5rem !important;
  }
}
.h-44 {
  height: 2.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-44 {
    height: 2.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-44 {
    height: 2.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-44 {
    height: 2.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-44 {
    height: 2.75rem !important;
  }
}
.h-48 {
  height: 3rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-48 {
    height: 3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-48 {
    height: 3rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-48 {
    height: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-48 {
    height: 3rem !important;
  }
}
.h-52 {
  height: 3.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-52 {
    height: 3.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-52 {
    height: 3.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-52 {
    height: 3.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-52 {
    height: 3.25rem !important;
  }
}
.h-56 {
  height: 3.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-56 {
    height: 3.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-56 {
    height: 3.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-56 {
    height: 3.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-56 {
    height: 3.5rem !important;
  }
}
.h-60 {
  height: 3.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-60 {
    height: 3.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-60 {
    height: 3.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-60 {
    height: 3.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-60 {
    height: 3.75rem !important;
  }
}
.h-64 {
  height: 4rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-64 {
    height: 4rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-64 {
    height: 4rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-64 {
    height: 4rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-64 {
    height: 4rem !important;
  }
}
.h-68 {
  height: 4.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-68 {
    height: 4.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-68 {
    height: 4.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-68 {
    height: 4.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-68 {
    height: 4.25rem !important;
  }
}
.h-72 {
  height: 4.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-72 {
    height: 4.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-72 {
    height: 4.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-72 {
    height: 4.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-72 {
    height: 4.5rem !important;
  }
}
.h-76 {
  height: 4.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-76 {
    height: 4.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-76 {
    height: 4.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-76 {
    height: 4.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-76 {
    height: 4.75rem !important;
  }
}
.h-80 {
  height: 5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-80 {
    height: 5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-80 {
    height: 5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-80 {
    height: 5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-80 {
    height: 5rem !important;
  }
}
.h-84 {
  height: 5.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-84 {
    height: 5.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-84 {
    height: 5.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-84 {
    height: 5.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-84 {
    height: 5.25rem !important;
  }
}
.h-88 {
  height: 5.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-88 {
    height: 5.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-88 {
    height: 5.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-88 {
    height: 5.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-88 {
    height: 5.5rem !important;
  }
}
.h-92 {
  height: 5.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-92 {
    height: 5.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-92 {
    height: 5.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-92 {
    height: 5.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-92 {
    height: 5.75rem !important;
  }
}
.h-96 {
  height: 6rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-96 {
    height: 6rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-96 {
    height: 6rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-96 {
    height: 6rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-96 {
    height: 6rem !important;
  }
}
.h-100 {
  height: 6.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-100 {
    height: 6.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-100 {
    height: 6.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-100 {
    height: 6.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-100 {
    height: 6.25rem !important;
  }
}
.h-104 {
  height: 6.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-104 {
    height: 6.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-104 {
    height: 6.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-104 {
    height: 6.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-104 {
    height: 6.5rem !important;
  }
}
.h-108 {
  height: 6.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-108 {
    height: 6.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-108 {
    height: 6.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-108 {
    height: 6.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-108 {
    height: 6.75rem !important;
  }
}
.h-112 {
  height: 7rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-112 {
    height: 7rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-112 {
    height: 7rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-112 {
    height: 7rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-112 {
    height: 7rem !important;
  }
}
.h-116 {
  height: 7.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-116 {
    height: 7.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-116 {
    height: 7.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-116 {
    height: 7.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-116 {
    height: 7.25rem !important;
  }
}
.h-120 {
  height: 7.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-120 {
    height: 7.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-120 {
    height: 7.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-120 {
    height: 7.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-120 {
    height: 7.5rem !important;
  }
}
.h-124 {
  height: 7.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-124 {
    height: 7.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-124 {
    height: 7.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-124 {
    height: 7.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-124 {
    height: 7.75rem !important;
  }
}
.h-128 {
  height: 8rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-128 {
    height: 8rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-128 {
    height: 8rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-128 {
    height: 8rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-128 {
    height: 8rem !important;
  }
}
.h-132 {
  height: 8.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-132 {
    height: 8.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-132 {
    height: 8.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-132 {
    height: 8.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-132 {
    height: 8.25rem !important;
  }
}
.h-136 {
  height: 8.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-136 {
    height: 8.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-136 {
    height: 8.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-136 {
    height: 8.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-136 {
    height: 8.5rem !important;
  }
}
.h-140 {
  height: 8.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-140 {
    height: 8.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-140 {
    height: 8.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-140 {
    height: 8.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-140 {
    height: 8.75rem !important;
  }
}
.h-144 {
  height: 9rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-144 {
    height: 9rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-144 {
    height: 9rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-144 {
    height: 9rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-144 {
    height: 9rem !important;
  }
}
.h-148 {
  height: 9.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-148 {
    height: 9.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-148 {
    height: 9.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-148 {
    height: 9.25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-148 {
    height: 9.25rem !important;
  }
}
.h-152 {
  height: 9.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-152 {
    height: 9.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-152 {
    height: 9.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-152 {
    height: 9.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-152 {
    height: 9.5rem !important;
  }
}
.h-156 {
  height: 9.75rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-156 {
    height: 9.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-156 {
    height: 9.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-156 {
    height: 9.75rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-156 {
    height: 9.75rem !important;
  }
}
.h-160 {
  height: 10rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-160 {
    height: 10rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-160 {
    height: 10rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-160 {
    height: 10rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-160 {
    height: 10rem !important;
  }
}
.h-168 {
  height: 10.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-168 {
    height: 10.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-168 {
    height: 10.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-168 {
    height: 10.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-168 {
    height: 10.5rem !important;
  }
}
.h-176 {
  height: 11rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-176 {
    height: 11rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-176 {
    height: 11rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-176 {
    height: 11rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-176 {
    height: 11rem !important;
  }
}
.h-184 {
  height: 11.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-184 {
    height: 11.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-184 {
    height: 11.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-184 {
    height: 11.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-184 {
    height: 11.5rem !important;
  }
}
.h-192 {
  height: 12rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-192 {
    height: 12rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-192 {
    height: 12rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-192 {
    height: 12rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-192 {
    height: 12rem !important;
  }
}
.h-200 {
  height: 12.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-200 {
    height: 12.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-200 {
    height: 12.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-200 {
    height: 12.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-200 {
    height: 12.5rem !important;
  }
}
.h-208 {
  height: 13rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-208 {
    height: 13rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-208 {
    height: 13rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-208 {
    height: 13rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-208 {
    height: 13rem !important;
  }
}
.h-216 {
  height: 13.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-216 {
    height: 13.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-216 {
    height: 13.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-216 {
    height: 13.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-216 {
    height: 13.5rem !important;
  }
}
.h-224 {
  height: 14rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-224 {
    height: 14rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-224 {
    height: 14rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-224 {
    height: 14rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-224 {
    height: 14rem !important;
  }
}
.h-232 {
  height: 14.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-232 {
    height: 14.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-232 {
    height: 14.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-232 {
    height: 14.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-232 {
    height: 14.5rem !important;
  }
}
.h-240 {
  height: 15rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-240 {
    height: 15rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-240 {
    height: 15rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-240 {
    height: 15rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-240 {
    height: 15rem !important;
  }
}
.h-256 {
  height: 16rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-256 {
    height: 16rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-256 {
    height: 16rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-256 {
    height: 16rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-256 {
    height: 16rem !important;
  }
}
.h-272 {
  height: 17rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-272 {
    height: 17rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-272 {
    height: 17rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-272 {
    height: 17rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-272 {
    height: 17rem !important;
  }
}
.h-280 {
  height: 17.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-280 {
    height: 17.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-280 {
    height: 17.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-280 {
    height: 17.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-280 {
    height: 17.5rem !important;
  }
}
.h-288 {
  height: 18rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-288 {
    height: 18rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-288 {
    height: 18rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-288 {
    height: 18rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-288 {
    height: 18rem !important;
  }
}
.h-304 {
  height: 19rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-304 {
    height: 19rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-304 {
    height: 19rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-304 {
    height: 19rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-304 {
    height: 19rem !important;
  }
}
.h-320 {
  height: 20rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-320 {
    height: 20rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-320 {
    height: 20rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-320 {
    height: 20rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-320 {
    height: 20rem !important;
  }
}
.h-336 {
  height: 21rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-336 {
    height: 21rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-336 {
    height: 21rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-336 {
    height: 21rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-336 {
    height: 21rem !important;
  }
}
.h-352 {
  height: 22rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-352 {
    height: 22rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-352 {
    height: 22rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-352 {
    height: 22rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-352 {
    height: 22rem !important;
  }
}
.h-368 {
  height: 23rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-368 {
    height: 23rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-368 {
    height: 23rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-368 {
    height: 23rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-368 {
    height: 23rem !important;
  }
}
.h-376 {
  height: 23.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-376 {
    height: 23.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-376 {
    height: 23.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-376 {
    height: 23.5rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-376 {
    height: 23.5rem !important;
  }
}
.h-384 {
  height: 24rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-384 {
    height: 24rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-384 {
    height: 24rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-384 {
    height: 24rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-384 {
    height: 24rem !important;
  }
}
.h-400 {
  height: 25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-400 {
    height: 25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-400 {
    height: 25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-400 {
    height: 25rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-400 {
    height: 25rem !important;
  }
}
.h-416 {
  height: 26rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-416 {
    height: 26rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-416 {
    height: 26rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-416 {
    height: 26rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-416 {
    height: 26rem !important;
  }
}
.h-432 {
  height: 27rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-432 {
    height: 27rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-432 {
    height: 27rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-432 {
    height: 27rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-432 {
    height: 27rem !important;
  }
}
.h-448 {
  height: 28rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-448 {
    height: 28rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-448 {
    height: 28rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-448 {
    height: 28rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-448 {
    height: 28rem !important;
  }
}
.h-464 {
  height: 29rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-464 {
    height: 29rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-464 {
    height: 29rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-464 {
    height: 29rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-464 {
    height: 29rem !important;
  }
}
.h-480 {
  height: 30rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-480 {
    height: 30rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-480 {
    height: 30rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-480 {
    height: 30rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-480 {
    height: 30rem !important;
  }
}
.h-496 {
  height: 31rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-496 {
    height: 31rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-496 {
    height: 31rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-496 {
    height: 31rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-496 {
    height: 31rem !important;
  }
}
.h-512 {
  height: 32rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-512 {
    height: 32rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-512 {
    height: 32rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-512 {
    height: 32rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-512 {
    height: 32rem !important;
  }
}
.h-528 {
  height: 33rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-528 {
    height: 33rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-528 {
    height: 33rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-528 {
    height: 33rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-528 {
    height: 33rem !important;
  }
}
.h-544 {
  height: 34rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-544 {
    height: 34rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-544 {
    height: 34rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-544 {
    height: 34rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-544 {
    height: 34rem !important;
  }
}
.h-560 {
  height: 35rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-560 {
    height: 35rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-560 {
    height: 35rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-560 {
    height: 35rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-560 {
    height: 35rem !important;
  }
}
.h-576 {
  height: 36rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-576 {
    height: 36rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-576 {
    height: 36rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-576 {
    height: 36rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-576 {
    height: 36rem !important;
  }
}
.h-592 {
  height: 37rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-592 {
    height: 37rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-592 {
    height: 37rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-h-592 {
    height: 37rem !important;
  }
}
@media (min-width: 1024px) {
  .xl-h-592 {
    height: 37rem !important;
  }
}
/*
  Min Height
 */
.min-h-0 {
  min-height: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-h-0 {
    min-height: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-h-0 {
    min-height: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-h-0 {
    min-height: 0;
  }
}
@media (min-width: 1024px) {
  .xl-min-h-0 {
    min-height: 0;
  }
}
.min-h-full {
  min-height: 100%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-h-full {
    min-height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-h-full {
    min-height: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-h-full {
    min-height: 100%;
  }
}
@media (min-width: 1024px) {
  .xl-min-h-full {
    min-height: 100%;
  }
}
.min-h-screen {
  min-height: 100vh;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-h-screen {
    min-height: 100vh;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-h-screen {
    min-height: 100vh;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-h-screen {
    min-height: 100vh;
  }
}
@media (min-width: 1024px) {
  .xl-min-h-screen {
    min-height: 100vh;
  }
}
.min-h-84 {
  min-height: 5.25rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-h-84 {
    min-height: 5.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-h-84 {
    min-height: 5.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-min-h-84 {
    min-height: 5.25rem;
  }
}
@media (min-width: 1024px) {
  .xl-min-h-84 {
    min-height: 5.25rem;
  }
}
/*
  Max Height
 */
.max-h-full {
  max-height: 100%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-max-h-full {
    max-height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-max-h-full {
    max-height: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-max-h-full {
    max-height: 100%;
  }
}
@media (min-width: 1024px) {
  .xl-max-h-full {
    max-height: 100%;
  }
}
.max-h-screen {
  max-height: 100vh;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-max-h-screen {
    max-height: 100vh;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-max-h-screen {
    max-height: 100vh;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-max-h-screen {
    max-height: 100vh;
  }
}
@media (min-width: 1024px) {
  .xl-max-h-screen {
    max-height: 100vh;
  }
}
.max-h-5em {
  max-height: 5em;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-max-h-5em {
    max-height: 5em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-max-h-5em {
    max-height: 5em;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-max-h-5em {
    max-height: 5em;
  }
}
@media (min-width: 1024px) {
  .xl-max-h-5em {
    max-height: 5em;
  }
}
/*
  Border Collapse
 */
.border-collapse {
  border-collapse: collapse;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-collapse {
    border-collapse: collapse;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-collapse {
    border-collapse: collapse;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-collapse {
    border-collapse: collapse;
  }
}
@media (min-width: 1024px) {
  .xl-border-collapse {
    border-collapse: collapse;
  }
}
.border-separate {
  border-collapse: separate;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-separate {
    border-collapse: separate;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-separate {
    border-collapse: separate;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-border-separate {
    border-collapse: separate;
  }
}
@media (min-width: 1024px) {
  .xl-border-separate {
    border-collapse: separate;
  }
}
/*
  Table Layout
 */
.table-auto {
  table-layout: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-table-auto {
    table-layout: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-table-auto {
    table-layout: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-table-auto {
    table-layout: auto;
  }
}
@media (min-width: 1024px) {
  .xl-table-auto {
    table-layout: auto;
  }
}
.table-fixed {
  table-layout: fixed;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-table-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-table-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-table-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 1024px) {
  .xl-table-fixed {
    table-layout: fixed;
  }
}
/*
  Box Shadow
 */
.shadow-none {
  box-shadow: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-none {
    box-shadow: none;
  }
}
.shadow-sm {
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-sm {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-sm {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-sm {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 1024px) {
  .xl-shadow-sm {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
  }
}
.shadow-md {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02);
  }
}
@media (min-width: 1024px) {
  .xl-shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02);
  }
}
.shadow-lg {
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-lg {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-lg {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-lg {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 1024px) {
  .xl-shadow-lg {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
  }
}
.shadow-xl {
  box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-xl {
    box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-xl {
    box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-xl {
    box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 1024px) {
  .xl-shadow-xl {
    box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
.shadow-xl-min {
  box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-xl-min {
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-xl-min {
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-xl-min {
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 1024px) {
  .xl-shadow-xl-min {
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
.shadow-primary {
  box-shadow: 0 10px 25px 0 #CF2A10;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-primary {
    box-shadow: 0 10px 25px 0 #CF2A10;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-primary {
    box-shadow: 0 10px 25px 0 #CF2A10;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-primary {
    box-shadow: 0 10px 25px 0 #CF2A10;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-primary {
    box-shadow: 0 10px 25px 0 #CF2A10;
  }
}
.shadow-secondary {
  box-shadow: 0 10px 25px 0 #FFE5CD;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-secondary {
    box-shadow: 0 10px 25px 0 #FFE5CD;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-secondary {
    box-shadow: 0 10px 25px 0 #FFE5CD;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-secondary {
    box-shadow: 0 10px 25px 0 #FFE5CD;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-secondary {
    box-shadow: 0 10px 25px 0 #FFE5CD;
  }
}
.shadow-success {
  box-shadow: 0 10px 25px 0 #36B37E;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-success {
    box-shadow: 0 10px 25px 0 #36B37E;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-success {
    box-shadow: 0 10px 25px 0 #36B37E;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-success {
    box-shadow: 0 10px 25px 0 #36B37E;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-success {
    box-shadow: 0 10px 25px 0 #36B37E;
  }
}
.shadow-info {
  box-shadow: 0 10px 25px 0 #00B8D9;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-info {
    box-shadow: 0 10px 25px 0 #00B8D9;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-info {
    box-shadow: 0 10px 25px 0 #00B8D9;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-info {
    box-shadow: 0 10px 25px 0 #00B8D9;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-info {
    box-shadow: 0 10px 25px 0 #00B8D9;
  }
}
.shadow-warning {
  box-shadow: 0 10px 25px 0 #FAAD13;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-warning {
    box-shadow: 0 10px 25px 0 #FAAD13;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-warning {
    box-shadow: 0 10px 25px 0 #FAAD13;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-warning {
    box-shadow: 0 10px 25px 0 #FAAD13;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-warning {
    box-shadow: 0 10px 25px 0 #FAAD13;
  }
}
.shadow-danger {
  box-shadow: 0 10px 25px 0 #F2607B;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-danger {
    box-shadow: 0 10px 25px 0 #F2607B;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-danger {
    box-shadow: 0 10px 25px 0 #F2607B;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-danger {
    box-shadow: 0 10px 25px 0 #F2607B;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-danger {
    box-shadow: 0 10px 25px 0 #F2607B;
  }
}
.shadow-black {
  box-shadow: 0 10px 25px 0 black;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-black {
    box-shadow: 0 10px 25px 0 black;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-black {
    box-shadow: 0 10px 25px 0 black;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-black {
    box-shadow: 0 10px 25px 0 black;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-black {
    box-shadow: 0 10px 25px 0 black;
  }
}
.shadow-gray {
  box-shadow: 0 10px 25px 0 black;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-gray {
    box-shadow: 0 10px 25px 0 black;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-gray {
    box-shadow: 0 10px 25px 0 black;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-gray {
    box-shadow: 0 10px 25px 0 black;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-gray {
    box-shadow: 0 10px 25px 0 black;
  }
}
.shadow-gray-light {
  box-shadow: 0 10px 25px 0 #F2F2F2;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-gray-light {
    box-shadow: 0 10px 25px 0 #F2F2F2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-gray-light {
    box-shadow: 0 10px 25px 0 #F2F2F2;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-gray-light {
    box-shadow: 0 10px 25px 0 #F2F2F2;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-gray-light {
    box-shadow: 0 10px 25px 0 #F2F2F2;
  }
}
.shadow-white {
  box-shadow: 0 10px 25px 0 white;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-white {
    box-shadow: 0 10px 25px 0 white;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-white {
    box-shadow: 0 10px 25px 0 white;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-shadow-white {
    box-shadow: 0 10px 25px 0 white;
  }
}
@media (min-width: 1024px) {
  .xl-shadow-white {
    box-shadow: 0 10px 25px 0 white;
  }
}
/*
  Opacity
 */
.opacity-0 {
  opacity: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-0 {
    opacity: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-0 {
    opacity: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-0 {
    opacity: 0;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-0 {
    opacity: 0;
  }
}
.opacity-10 {
  opacity: 0.1;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-10 {
    opacity: 0.1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-10 {
    opacity: 0.1;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-10 {
    opacity: 0.1;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-10 {
    opacity: 0.1;
  }
}
.opacity-20 {
  opacity: 0.2;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-20 {
    opacity: 0.2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-20 {
    opacity: 0.2;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-20 {
    opacity: 0.2;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-20 {
    opacity: 0.2;
  }
}
.opacity-25 {
  opacity: 0.25;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-25 {
    opacity: 0.25;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-25 {
    opacity: 0.25;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-25 {
    opacity: 0.25;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-25 {
    opacity: 0.25;
  }
}
.opacity-30 {
  opacity: 0.3;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-30 {
    opacity: 0.3;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-30 {
    opacity: 0.3;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-30 {
    opacity: 0.3;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-30 {
    opacity: 0.3;
  }
}
.opacity-40 {
  opacity: 0.4;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-40 {
    opacity: 0.4;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-40 {
    opacity: 0.4;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-40 {
    opacity: 0.4;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-40 {
    opacity: 0.4;
  }
}
.opacity-50 {
  opacity: 0.5;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-50 {
    opacity: 0.5;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-50 {
    opacity: 0.5;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-50 {
    opacity: 0.5;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-50 {
    opacity: 0.5;
  }
}
.opacity-60 {
  opacity: 0.6;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-60 {
    opacity: 0.6;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-60 {
    opacity: 0.6;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-60 {
    opacity: 0.6;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-60 {
    opacity: 0.6;
  }
}
.opacity-70 {
  opacity: 0.7;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-70 {
    opacity: 0.7;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-70 {
    opacity: 0.7;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-70 {
    opacity: 0.7;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-70 {
    opacity: 0.7;
  }
}
.opacity-75 {
  opacity: 0.75;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-75 {
    opacity: 0.75;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-75 {
    opacity: 0.75;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-75 {
    opacity: 0.75;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-75 {
    opacity: 0.75;
  }
}
.opacity-80 {
  opacity: 0.8;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-80 {
    opacity: 0.8;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-80 {
    opacity: 0.8;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-80 {
    opacity: 0.8;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-80 {
    opacity: 0.8;
  }
}
.opacity-90 {
  opacity: 0.9;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-90 {
    opacity: 0.9;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-90 {
    opacity: 0.9;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-90 {
    opacity: 0.9;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-90 {
    opacity: 0.9;
  }
}
.opacity-100 {
  opacity: 1;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 1024px) {
  .xl-opacity-100 {
    opacity: 1;
  }
}
/*
  Appearance
 */
.appearance-none {
  appearance: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-appearance-none {
    appearance: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-appearance-none {
    appearance: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-appearance-none {
    appearance: none;
  }
}
@media (min-width: 1024px) {
  .xl-appearance-none {
    appearance: none;
  }
}
/*
  Cursor
 */
.cursor-auto {
  cursor: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-cursor-auto {
    cursor: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-cursor-auto {
    cursor: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-cursor-auto {
    cursor: auto;
  }
}
@media (min-width: 1024px) {
  .xl-cursor-auto {
    cursor: auto;
  }
}
.cursor-default {
  cursor: default;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-cursor-default {
    cursor: default;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-cursor-default {
    cursor: default;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-cursor-default {
    cursor: default;
  }
}
@media (min-width: 1024px) {
  .xl-cursor-default {
    cursor: default;
  }
}
.cursor-pointer {
  cursor: pointer;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-cursor-pointer {
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-cursor-pointer {
    cursor: pointer;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-cursor-pointer {
    cursor: pointer;
  }
}
@media (min-width: 1024px) {
  .xl-cursor-pointer {
    cursor: pointer;
  }
}
.cursor-wait {
  cursor: wait;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-cursor-wait {
    cursor: wait;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-cursor-wait {
    cursor: wait;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-cursor-wait {
    cursor: wait;
  }
}
@media (min-width: 1024px) {
  .xl-cursor-wait {
    cursor: wait;
  }
}
.cursor-text {
  cursor: text;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-cursor-text {
    cursor: text;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-cursor-text {
    cursor: text;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-cursor-text {
    cursor: text;
  }
}
@media (min-width: 1024px) {
  .xl-cursor-text {
    cursor: text;
  }
}
.cursor-move {
  cursor: move;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-cursor-move {
    cursor: move;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-cursor-move {
    cursor: move;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-cursor-move {
    cursor: move;
  }
}
@media (min-width: 1024px) {
  .xl-cursor-move {
    cursor: move;
  }
}
.cursor-not-allowed {
  cursor: not-allowed;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-cursor-not-allowed {
    cursor: not-allowed;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-cursor-not-allowed {
    cursor: not-allowed;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-cursor-not-allowed {
    cursor: not-allowed;
  }
}
@media (min-width: 1024px) {
  .xl-cursor-not-allowed {
    cursor: not-allowed;
  }
}
/*
  Outline
 */
.outline-none {
  outline: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-outline-none {
    outline: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-outline-none {
    outline: 0;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-outline-none {
    outline: 0;
  }
}
@media (min-width: 1024px) {
  .xl-outline-none {
    outline: 0;
  }
}
/*
  Point Events
 */
.pointer-events-none {
  pointer-events: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-pointer-events-none {
    pointer-events: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-pointer-events-none {
    pointer-events: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-pointer-events-none {
    pointer-events: none;
  }
}
@media (min-width: 1024px) {
  .xl-pointer-events-none {
    pointer-events: none;
  }
}
.pointer-events-auto {
  pointer-events: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-pointer-events-auto {
    pointer-events: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-pointer-events-auto {
    pointer-events: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-pointer-events-auto {
    pointer-events: auto;
  }
}
@media (min-width: 1024px) {
  .xl-pointer-events-auto {
    pointer-events: auto;
  }
}
/*
  Resize
 */
.resize {
  resize: both;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-resize {
    resize: both;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-resize {
    resize: both;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-resize {
    resize: both;
  }
}
@media (min-width: 1024px) {
  .xl-resize {
    resize: both;
  }
}
.resize-x {
  resize: horizontal;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-resize-x {
    resize: horizontal;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-resize-x {
    resize: horizontal;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-resize-x {
    resize: horizontal;
  }
}
@media (min-width: 1024px) {
  .xl-resize-x {
    resize: horizontal;
  }
}
.resize-y {
  resize: vertical;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-resize-y {
    resize: vertical;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-resize-y {
    resize: vertical;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-resize-y {
    resize: vertical;
  }
}
@media (min-width: 1024px) {
  .xl-resize-y {
    resize: vertical;
  }
}
.resize-none {
  resize: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-resize-none {
    resize: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-resize-none {
    resize: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-resize-none {
    resize: none;
  }
}
@media (min-width: 1024px) {
  .xl-resize-none {
    resize: none;
  }
}
/*
  User Select
 */
.select-none {
  user-select: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-select-none {
    user-select: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-select-none {
    user-select: none;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-select-none {
    user-select: none;
  }
}
@media (min-width: 1024px) {
  .xl-select-none {
    user-select: none;
  }
}
.select-text {
  user-select: text;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-select-text {
    user-select: text;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-select-text {
    user-select: text;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-select-text {
    user-select: text;
  }
}
@media (min-width: 1024px) {
  .xl-select-text {
    user-select: text;
  }
}
.select-all {
  user-select: all;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-select-all {
    user-select: all;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-select-all {
    user-select: all;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-select-all {
    user-select: all;
  }
}
@media (min-width: 1024px) {
  .xl-select-all {
    user-select: all;
  }
}
.select-auto {
  user-select: auto;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-select-auto {
    user-select: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-select-auto {
    user-select: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-select-auto {
    user-select: auto;
  }
}
@media (min-width: 1024px) {
  .xl-select-auto {
    user-select: auto;
  }
}
/*
  Fill
 */
.fill-current {
  fill: currentColor;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-full-current {
    fill: currentColor;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-full-current {
    fill: currentColor;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-full-current {
    fill: currentColor;
  }
}
@media (min-width: 1024px) {
  .xl-full-current {
    fill: currentColor;
  }
}
/*
  Stroke
 */
.stroke-current {
  stroke: currentColor;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-stroke-current {
    stroke: currentColor;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-stroke-current {
    stroke: currentColor;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .lg-stroke-current {
    stroke: currentColor;
  }
}
@media (min-width: 1024px) {
  .xl-stroke-current {
    stroke: currentColor;
  }
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
button:focus {
  outline: none;
}

.clip-eb {
  clip-path: ellipse(150% 120% at 50% -25%);
  padding-bottom: 175px !important;
}

.clip-et {
  clip-path: ellipse(150% 120% at 50% 125%);
  padding-top: 175px !important;
}

.heading h3 {
  font-size: 2.25rem;
  line-height: 3rem;
}
.heading p {
  font-size: 18px !important;
}

.hr {
  border-top: 1px solid #E5EAF4;
  height: 1px;
}

@media (max-width: 575.98px) {
  .clip-eb {
    clip-path: none !important;
    padding-bottom: 0 !important;
  }

  .clip-et {
    clip-path: none !important;
    padding-top: 0 !important;
  }

  .heading h3 {
    font-size: 28px !important;
    line-height: 36px !important;
  }
  .heading p {
    font-size: 16px !important;
  }

  .navbar .navbar-collapse {
    position: absolute;
    background: white;
    width: calc(100% - 30px);
    border-radius: 16px;
    top: 0;
    padding: 24px;
    margin-top: 20px;
    z-index: 111;
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
  }
  .navbar .navbar-collapse .btn.btn-outline-white {
    border-color: black;
    color: black;
  }
  .navbar .navbar-nav .close-button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .navbar .navbar-nav .close-button button {
    padding: 0;
  }
  .navbar .navbar-nav > .nav-item {
    margin-left: 0 !important;
    width: 100%;
  }
  .navbar .navbar-nav > .nav-item .nav-link {
    color: black !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  .navbar .navbar-nav .dropdown-menu {
    border: none !important;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
    padding: 0 0 0 20px;
  }
  .navbar .btn {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar .navbar-collapse {
    position: absolute;
    background: white;
    width: calc(100% - 35px);
    border-radius: 16px;
    margin-top: 0;
    top: 0;
    padding: 24px;
    z-index: 111;
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
  }
  .navbar .navbar-nav .close-button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .navbar .navbar-nav .close-button button {
    padding: 0;
  }
  .navbar .navbar-nav > .nav-item {
    margin-left: 0 !important;
    width: 100%;
  }
  .navbar .navbar-nav > .nav-item .nav-link {
    color: black !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  .navbar .navbar-nav .dropdown-menu {
    border: none !important;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
    padding: 0 0 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .navbar .navbar-collapse {
    position: absolute;
    background: white;
    width: calc(100% - 145px);
    border-radius: 16px;
    top: 0;
    padding: 24px;
    z-index: 111;
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
  }
  .navbar .navbar-collapse .btn.btn-outline-white {
    border-color: black;
    color: black;
  }
  .navbar .navbar-nav .close-button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .navbar .navbar-nav .close-button button {
    padding: 0;
  }
  .navbar .navbar-nav > .nav-item {
    margin-left: 0 !important;
    width: 100%;
  }
  .navbar .navbar-nav > .nav-item .nav-link {
    color: black !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  .navbar .navbar-nav .dropdown-menu {
    border: none !important;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
    padding: 0 0 0 20px;
  }
}
header .navbar {
  padding-top: 20px;
  margin-bottom: 20px;
}

.navbar.navbar-white .navbar-nav > .nav-item > .nav-link {
  color: white;
}
.navbar.navbar-white .navbar-nav .dropdown-menu li a {
  color: black;
}
.navbar.navbar-dark .navbar-nav > .nav-item > .nav-link {
  color: black;
}
.navbar.navbar-dark .navbar-nav .dropdown-menu li a {
  color: black;
}
.navbar .navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .dropdown-menu li:hover > a {
  color: #CF2A10;
}
.navbar .navbar-nav > .nav-item {
  margin-left: 2.5rem;
}
.navbar .navbar-nav > .nav-item:first-child {
  margin-left: 0;
}
.navbar .navbar-nav > .nav-item .nav-link {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1rem;
}
.navbar .navbar-nav > .nav-item .nav-link.dropdown .nav-link .fas {
  margin-left: 4px;
}
.navbar .navbar-nav > .nav-item .btn {
  padding-left: 1rem;
  padding-right: 1rem;
}
.navbar .navbar-nav > .nav-item.dropdown .dropdown-toggle:after {
  content: none;
}

.dropdown-menu {
  border-radius: 0.75rem;
  box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
  border: none;
  margin-top: 0.75rem;
  padding: 22px 0;
  z-index: 1111;
}
.dropdown-menu.dropdown-menu-sub {
  padding: 22px 0;
}
.dropdown-menu.dropdown-menu-sub .dropdown-submenu > .nav-link {
  padding-left: 32px;
  padding-right: 32px;
}
.dropdown-menu .nav-link {
  padding: 10px 0;
  font-weight: normal !important;
}
.dropdown-menu .dropdown-item {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #183b56;
  padding: 10px 32px;
}
.dropdown-menu .dropdown-menu .nav-link {
  padding: 10px 32px;
}

.dropdown-menu.dropdown-menu-submenu {
  padding: 22px 0;
}
.dropdown-menu.dropdown-menu-submenu .nav-item:focus, .dropdown-menu.dropdown-menu-submenu .nav-item:visited, .dropdown-menu.dropdown-menu-submenu .nav-item:active {
  background-color: #E5EAF4 !important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: none;
}

.dropdown-submenu > .nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 150px;
}
.dropdown-submenu > .nav-link.dropdown-toggle {
  display: flex;
  justify-content: space-between;
}
.dropdown-submenu > .nav-link .fas {
  font-size: 14px;
  margin-left: 10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.card-pricing {
  border-radius: 0.5rem;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.03);
  padding: 3rem 2.25rem;
  min-height: 561px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-pricing-simple {
  min-height: 436px;
}
.card-pricing-default {
  border-top: 3px solid black;
}
.card-pricing-primary {
  border-top: 3px solid #CF2A10;
}
.card-pricing-primary .price h2 {
  color: #CF2A10 !important;
}
.card-pricing-secondary {
  border-top: 3px solid #FFE5CD;
}
.card-pricing-secondary .price h2 {
  color: #FFE5CD !important;
}
.card-pricing-success {
  border-top: 3px solid #36B37E;
}
.card-pricing-success .price h2 {
  color: #36B37E !important;
}
.card-pricing-info {
  border-top: 3px solid #00B8D9;
}
.card-pricing-info .price h2 {
  color: #00B8D9 !important;
}
.card-pricing-warning {
  border-top: 3px solid #FAAD13;
}
.card-pricing-warning .price h2 {
  color: #FAAD13 !important;
}
.card-pricing-danger {
  border-top: 3px solid #F2607B;
}
.card-pricing-danger .price h2 {
  color: #F2607B !important;
}
.card-pricing-gray {
  border-top: 3px solid black;
}
.card-pricing-gray .price h2 {
  color: black !important;
}
.card-pricing-gray-light {
  border-top: 3px solid #F2F2F2;
}
.card-pricing-gray-light .price h2 {
  color: #F2F2F2 !important;
}
.card-pricing-options {
  display: flex;
  justify-content: center;
  margin-bottom: 64px;
}
.card-pricing-options p {
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 1rem;
  padding-top: 0.5rem;
}
.card-pricing-options .custom-control label {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.card-pricing-options .custom-control label span {
  line-height: 32px;
}
.card-pricing .price h2 {
  color: black;
}
.card-pricing .price h2 span {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  color: black;
}
.card-pricing .price h4 {
  color: black;
}
.card-pricing .price p {
  color: black;
}
.card-pricing .pricing-list li {
  display: flex;
  align-items: center;
  color: black;
}
.card-pricing .pricing-list li img {
  margin-right: 0.75rem;
}
.card-pricing .pricing-list li:not(:last-child) {
  margin-bottom: 1.5rem;
}
.card-pricing-footer {
  margin-top: 1.5rem;
}

.form-control {
  border-radius: 0.5rem;
  border: solid 1px #e5eaf4;
  background-color: white;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.form-control[type=text], .form-control[type=password], .form-control[type=email], .form-control[type=number], .form-control[type=color], .form-control[type=date], .form-control[type=datetime-local], .form-control[type=file], .form-control[type=hidden], .form-control[type=image], .form-control[type=month], .form-control[type=reset], .form-control[type=tel], .form-control[type=time], .form-control[type=url], .form-control[type=week] .form-control[type=file], .form-controlselect {
  height: 3.5rem;
}
.form-control::placeholder {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: rgba(24, 59, 86, 0.3);
}
.form-control:focus {
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #CF2A10;
  font-size: 1rem;
  color: #183b56;
}

.bootstrap-select .btn-light {
  height: 3.5rem !important;
}

select.form-control {
  height: 3.375rem;
  padding-left: 1.25rem;
  color: #183b56;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

textarea.form-control {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

label {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #5a7184;
  margin-bottom: 0.75rem;
}

.form-search .input-group-prepend {
  position: absolute;
  color: black;
  z-index: 11;
  margin-left: 20px;
  margin-top: 20px;
}
.form-search .form-control {
  padding-left: 50px;
  padding-right: 120px;
  border-radius: 8px !important;
}
.form-search .input-group-append {
  position: absolute;
  right: 0;
  z-index: 111;
  display: flex;
  align-items: center;
  padding-right: 8px;
  height: 100%;
}
.form-search .input-group-append .btn {
  border-radius: 8px;
}

.form-file {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #E5EAF4;
  background-color: white;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
}
.form-file input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
}
.form-file .placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: black;
  padding: 0.375rem 1.25rem;
}
.form-file .button-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 0.375rem 2rem;
  margin: 0;
  color: black;
  background-color: #E5EAF4;
  border-radius: 0 0.5rem 0.5rem 0;
}

.card-f {
  padding: 1rem;
}
.card-f.flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card-f.card-f-2.flex {
  flex-direction: row;
  align-items: flex-start;
}
.card-f-bg-white {
  background-color: white;
  border: 1px solid #E5EAF4;
  border-radius: 0.5rem;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.03);
  padding: 40px;
}
.card-f .play {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  border: 1px solid rgba(207, 42, 16, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-f .play-content {
  width: 36px;
  height: 36px;
  border-radius: 100px;
  background-color: #CF2A10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-f .play-content .fas {
  color: white;
}
.card-f h4 {
  line-height: 1.33rem !important;
}

.c-customer-review {
  padding-left: 20px;
  padding-right: 20px;
}
.c-customer-review-heading img {
  height: 60px;
}
.c-customer-review-heading .star {
  display: flex;
}
.c-customer-review-heading .star li {
  margin-right: 4px;
}
.c-customer-review-heading .star li:last-child {
  margin-right: 0;
}
.c-customer-review-heading .star li img {
  width: 20px;
  height: 20px;
}
.c-customer-review-body {
  margin-top: 32px;
}
.c-customer-review-body p {
  font-size: 18px;
  line-height: 32px;
}
.c-customer-review-meta {
  margin-top: 32px;
  display: flex;
  align-items: center;
}
.c-customer-review-meta .user {
  margin-right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
}
.c-customer-review-meta .user img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  object-fit: cover;
}
.c-customer-review-meta .meta p {
  line-height: normal !important;
  margin-bottom: 0;
}
.c-customer-review-meta .meta span img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.c-customer-review-meta .meta span i {
  font-size: 14px;
}

.card-article {
  border-radius: 0.5rem;
}
.card-article.card-article-2 .card-img-overlay {
  padding: 32px;
}
.card-article.card-article-2 .card-img-overlay h3 {
  font-size: 24px !important;
  line-height: 32px !important;
}
.card-article.card-article-3 .card-img-overlay {
  padding: 32px;
  justify-content: center !important;
}
.card-article.card-article-3 .card-img-overlay h3 {
  font-size: 24px !important;
  line-height: 32px !important;
}
.card-article.card-article-3 .card-img-overlay .link {
  width: 100%;
  display: flex;
  justify-content: center;
}
.card-article.card-article-3 .card-img-overlay .link a {
  font-weight: bold;
  font-size: 18px;
}
.card-article.card-article-4 .card-article-heading a {
  max-height: 230px;
}
.card-article.card-article-4 .card-article-heading a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card-article.card-article-4 .card-article-body {
  padding: 32px;
}
.card-article.card-article-4 .card-article-body .meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 23px;
}
.card-article.card-article-4 .card-article-body .meta p {
  display: flex;
  align-items: center;
}
.card-article.card-article-4 .card-article-body .meta p .fa-circle {
  font-size: 4px;
  margin-left: 8px;
  margin-right: 8px;
}
.card-article.card-article-4 .card-article-body .meta .user {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  border: 2px solid white;
  position: relative;
  margin-top: -55px;
}
.card-article.card-article-4 .card-article-body .meta .user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}
.card-article img {
  border-radius: 0.5rem;
}
.card-article .card-img-overlay {
  background-image: linear-gradient(to bottom, rgba(24, 59, 86, 0), rgba(22, 49, 70, 0.45) 45%, #152532);
  border-radius: 0.5rem;
  padding: 66px 48px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.card-article .card-img-overlay .user {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  border: 2px solid white;
}
.card-article .card-img-overlay .user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}
.card-article .card-img-overlay h3 {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0.2px;
  margin-bottom: 0;
}

@media (max-width: 575.98px) {
  .card-f.card-f-2 {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
  }
  .card-f.card-f-2 .card-f-heading {
    margin-right: 0;
  }
  .card-f.card-f-2 .card-f-heading .ic {
    margin-bottom: 32px;
  }

  .c-customer-review {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .card-f.card-f-2 {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
  }
  .card-f.card-f-2 .card-f-heading {
    margin-right: 0;
  }
  .card-f.card-f-2 .card-f-heading .ic {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .card-f.card-f-2 {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
  }
  .card-f.card-f-2 .card-f-heading {
    margin-right: 0;
  }
  .card-f.card-f-2 .card-f-heading .ic {
    margin-bottom: 32px;
  }
}
.i-list li {
  padding-left: 26px;
  margin-bottom: 8px;
}
.i-list li > .fas {
  margin-left: -24px;
  margin-right: 5px;
}

.c-list {
  display: flex;
  flex-wrap: wrap;
}
.c-list.w-50p {
  width: 100%;
}
.c-list.w-50p li {
  width: 50%;
}
.c-list li {
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
}
.c-list li:last-child {
  margin-bottom: 0;
}
.c-list li img {
  margin-right: 12px;
}
.c-list li p {
  margin-bottom: 0;
  line-height: normal !important;
}

.footer {
  padding-top: 33px;
  padding-bottom: 80px;
}
.footer .footer-widget .description {
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 28px;
}
.footer .footer-widget h5 {
  font-family: "hk_groteskbold", sans-serif;
  font-weight: bold !important;
  font-size: 18px;
  margin-bottom: 32px;
}
.footer .footer-widget-link li {
  margin-bottom: 24px;
}
.footer .footer-widget-link li a {
  font-family: "hk_groteskregular", sans-serif;
  line-height: normal;
}
.footer .footer-widget-link li:last-child {
  margin-bottom: 0;
}
.footer-sosmed {
  display: flex;
  margin-top: 32px;
}
.footer-sosmed li .btn {
  margin-right: 6px;
}
.footer-sosmed li:last-child .btn {
  margin-right: 0;
}
.footer-copyright {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 96px;
}
.footer-copyright .btn {
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}
.footer-copyright p {
  font-weight: 600 !important;
  margin-bottom: 0;
}
.footer-white .footer-widget h5 {
  color: black;
}
.footer-white .footer-widget .description {
  color: black;
}
.footer-white .footer-widget-link li a {
  color: black;
}
.footer-white .footer-copyright p {
  color: black;
}
.footer-dark {
  background-color: #0d2436;
}
.footer-dark .footer-widget h5 {
  color: black;
}
.footer-dark .footer-widget .description {
  color: black;
}
.footer-dark .footer-widget-link li a {
  color: #959ead;
}
.footer-dark .footer-copyright p {
  color: black;
}

@media (max-width: 575.98px) {
  .footer {
    padding-top: 48px;
    padding-bottom: 64px;
  }
  .footer > .container > .row {
    flex-direction: column-reverse;
  }
  .footer .footer-left {
    text-align: center;
  }
  .footer .footer-left .footer-widget {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer .footer-right {
    margin-bottom: 8px;
  }
  .footer .footer-right .col-sm-6 {
    width: 50% !important;
  }
  .footer .footer-right .footer-widget {
    margin-bottom: 39px;
  }
  .footer .footer-right .footer-widget h5 {
    font-size: 1rem;
    margin-bottom: 20px;
  }
  .footer .footer-right .footer-widget li {
    margin-bottom: 15px;
  }
  .footer .footer-right .footer-widget li a {
    font-size: 14px;
  }
  .footer-copyright {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .footer-right .footer-widget {
    margin-bottom: 48px;
  }
  .footer-copyright {
    margin-top: 14px;
  }
}
.float-ws {
  cursor: pointer;
  text-shadow: 2px 2px 4px #000000;
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 30px !important;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

.float-close {
  cursor: pointer;
  text-shadow: 2px 2px 4px #000000;
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 95px !important;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

.card-cs {
  position: fixed;
  bottom: 110px;
  right: 30px !important;
  border-radius: 1rem;
  max-height: 70vh;
  min-height: fit-content;
  max-width: 350px;
  font-size: 30px;
  z-index: 99999;
}
.card-cs .text-cs, .card-cs .text-cs:hover {
  color: black;
  font-family: "hk_groteskbold", sans-serif;
  padding: 0px;
}
.card-cs .text-csw, .card-cs .text-csw:hover {
  color: black;
  font-family: "Open Sans", sans-serif;
  padding: 0px;
}
.card-cs .link-cs, .card-cs .link-cs:hover {
  color: white;
  font-size: 13px;
}
.card-cs .contact {
  border: 1px solid #EBECF0;
  padding: 0 1.5rem !important;
  font-size: 1rem !important;
  line-height: 2.75rem !important;
}
.card-cs .card-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  outline: none;
  border-radius: 0.5em !important;
}
.card-cs .card-header {
  border-bottom: 0;
  padding: 2px;
  background: #00000005;
  border-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
}
.card-cs .card-body {
  flex: 1 1 auto;
  min-height: 1px;
}
.card-cs .card-foot {
  border-top: 0px;
  background-color: #ffff;
  min-height: 1px;
}

#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 1;
  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF);
  z-index: 99999;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 128px;
  height: 128px;
  z-index: 100;
  border-radius: 1em;
}

.invoice-box {
  max-width: 800px;
  margin: auto;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
  border: 1px solid #eee;
  font-size: 16px;
  line-height: 24px;
  color: #555;
}
.invoice-box-footer {
  max-width: 800px;
  margin: auto;
  padding: 7px;
}
.invoice-box table {
  width: 100%;
  line-height: inherit;
  text-align: left;
}
.invoice-box table td {
  padding: 5px;
  vertical-align: top;
}
.invoice-box table tr td:nth-child(2) {
  text-align: right;
}
.invoice-box table tr.top table td.title {
  font-size: 45px;
  line-height: 45px;
  color: #333;
}
.invoice-box table tr.heading td {
  background: black;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.invoice-box table tr.details td {
  padding-bottom: 20px;
}
.invoice-box table tr.item td {
  border-bottom: 1px solid #eee;
}
.invoice-box table tr.item.last td {
  border-bottom: none;
}
.invoice-box table tr.total td:nth-child(2) {
  border-top: 2px solid #eee;
  font-weight: bold;
}

.ic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ic img {
  width: 40px;
  height: 40px;
}
.ic.justify-start {
  justify-content: flex-start !important;
}
.ic.items-start {
  align-items: flex-start !important;
}
.ic.rounded-8 {
  border-radius: 0.5rem !important;
}
.ic.rounded-12 {
  border-radius: 0.75rem !important;
}
.ic.rounded-16 {
  border-radius: 1rem !important;
}
.ic-lg {
  width: 64px !important;
  height: 64px !important;
}
.ic-lg.ic-badge {
  border-radius: 1rem !important;
}
.ic-lg img {
  width: 40px !important;
  height: 40px !important;
}
.ic-badge {
  border-radius: 0.5rem;
  width: 48px;
  height: 48px;
}
.ic-badge img {
  width: 28px;
  height: 28px;
}
.ic-badge-outline {
  border: 1px solid transparent;
}

h1 {
  font-family: "hk_groteskbold", sans-serif;
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  line-height: 4.25rem !important;
  letter-spacing: 0.2px;
}

h2 {
  font-family: "hk_groteskbold", sans-serif;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  line-height: 3.25rem !important;
  letter-spacing: 0.2px;
}

h3 {
  font-family: "hk_groteskbold", sans-serif;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 2.5rem !important;
  letter-spacing: 0.2px;
}

h4 {
  font-family: "hk_groteskbold", sans-serif;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 2rem !important;
  letter-spacing: 0.2px;
}

h5 {
  font-size: 1.25rem;
  font-weight: 700 !important;
  line-height: 1.5rem !important;
  letter-spacing: 0.2px;
}

h6 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.25rem !important;
}

p, ul {
  font-size: 1rem !important;
  font-weight: normal !important;
  line-height: 1.75rem !important;
}

@media (max-width: 575.98px) {
  h1 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  h1 {
    font-size: 48px !important;
  }
}
.divider {
  border-bottom: solid 1px #e5eaf4;
}

@media (max-width: 575.98px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
  }
}
.border {
  border: 1px solid #e5eaf4 !important;
}

.btn {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  display: inline-block;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0 1.5rem;
  font-size: 1rem;
  line-height: 2.875rem;
  border-radius: 0.5rem;
  outline: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn.btn-outline-primary, .btn.btn-outline-secondary, .btn.btn-outline-success, .btn.btn-outline-danger, .btn.btn-outline-warning, .btn.btn-outline-info, .btn.btn-outline-white {
  line-height: 2.75rem;
  background-color: white;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-secondary:hover, .btn.btn-outline-success:hover, .btn.btn-outline-danger:hover, .btn.btn-outline-warning:hover, .btn.btn-outline-info:hover, .btn.btn-outline-white:hover {
  color: white;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled).active, .btn.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn.btn-outline-primary .show > .btn-danger.dropdown-toggle, .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn.btn-outline-secondary .show > .btn-danger.dropdown-toggle, .btn.btn-outline-success:not(:disabled):not(.disabled).active, .btn.btn-outline-success:not(:disabled):not(.disabled):active,
.btn.btn-outline-success .show > .btn-danger.dropdown-toggle, .btn.btn-outline-danger:not(:disabled):not(.disabled).active, .btn.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn.btn-outline-danger .show > .btn-danger.dropdown-toggle, .btn.btn-outline-warning:not(:disabled):not(.disabled).active, .btn.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn.btn-outline-warning .show > .btn-danger.dropdown-toggle, .btn.btn-outline-info:not(:disabled):not(.disabled).active, .btn.btn-outline-info:not(:disabled):not(.disabled):active,
.btn.btn-outline-info .show > .btn-danger.dropdown-toggle, .btn.btn-outline-white:not(:disabled):not(.disabled).active, .btn.btn-outline-white:not(:disabled):not(.disabled):active,
.btn.btn-outline-white .show > .btn-danger.dropdown-toggle {
  background-color: rgba(207, 42, 16, 0.8);
  border-color: rgba(207, 42, 16, 0.8);
}
.btn:hover {
  opacity: 0.8;
}
.btn.focus, .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.btn.btn-primary {
  background-color: #CF2A10;
  color: white;
  border-color: #CF2A10;
}
.btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary .show > .btn-danger.dropdown-toggle {
  background-color: rgba(207, 42, 16, 0.8);
  border-color: rgba(207, 42, 16, 0.8);
}
.btn.btn-secondary {
  background-color: #FFE5CD;
  color: white;
  border-color: #FFE5CD;
}
.btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active,
.btn.btn-secondary .show > .btn-danger.dropdown-toggle {
  background-color: rgba(255, 229, 205, 0.8);
  border-color: rgba(255, 229, 205, 0.8);
}
.btn.btn-black {
  background-color: black;
  color: white;
  border-color: black;
}
.btn.btn-black:not(:disabled):not(.disabled).active, .btn.btn-black:not(:disabled):not(.disabled):active,
.btn.btn-black .show > .btn-danger.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}
.btn.btn-success {
  background-color: #36B37E;
  color: white;
  border-color: #36B37E;
}
.btn.btn-success:not(:disabled):not(.disabled).active, .btn.btn-success:not(:disabled):not(.disabled):active,
.btn.btn-success .show > .btn-danger.dropdown-toggle {
  background-color: rgba(54, 179, 126, 0.8);
  border-color: rgba(54, 179, 126, 0.8);
}
.btn.btn-danger {
  background-color: #F2607B;
  color: white;
  border-color: #F2607B;
}
.btn.btn-danger:not(:disabled):not(.disabled).active, .btn.btn-danger:not(:disabled):not(.disabled):active,
.btn.btn-danger .show > .btn-danger.dropdown-toggle {
  background-color: rgba(242, 96, 123, 0.8);
  border-color: rgba(242, 96, 123, 0.8);
}
.btn.btn-warning {
  background-color: #FAAD13;
  color: white;
  border-color: #FAAD13;
}
.btn.btn-warning:not(:disabled):not(.disabled).active, .btn.btn-warning:not(:disabled):not(.disabled):active,
.btn.btn-warning .show > .btn-danger.dropdown-toggle {
  background-color: rgba(250, 173, 19, 0.8);
  border-color: rgba(250, 173, 19, 0.8);
}
.btn.btn-info {
  background-color: #00B8D9;
  color: white;
  border-color: #00B8D9;
}
.btn.btn-info:not(:disabled):not(.disabled).active, .btn.btn-info:not(:disabled):not(.disabled):active,
.btn.btn-info .show > .btn-danger.dropdown-toggle {
  background-color: rgba(0, 184, 217, 0.8);
  border-color: rgba(0, 184, 217, 0.8);
}
.btn.btn-white {
  background-color: white;
  color: black;
  border-color: white;
}
.btn.btn-white:not(:disabled):not(.disabled).active, .btn.btn-white:not(:disabled):not(.disabled):active,
.btn.btn-white .show > .btn-danger.dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
}
.btn.btn-soft-primary {
  background-color: rgba(207, 42, 16, 0.1);
  color: #CF2A10;
}
.btn.btn-soft-secondary {
  background-color: rgba(255, 229, 205, 0.1);
  color: #FFE5CD;
}
.btn.btn-soft-success {
  background-color: rgba(54, 179, 126, 0.1);
  color: #36B37E;
}
.btn.btn-soft-danger {
  background-color: rgba(242, 96, 123, 0.1);
  color: #F2607B;
}
.btn.btn-soft-warning {
  background-color: rgba(250, 173, 19, 0.1);
  color: #FAAD13;
}
.btn.btn-soft-info {
  background-color: rgba(0, 184, 217, 0.1);
  color: #00B8D9;
}
.btn.btn-soft-white {
  background-color: rgba(255, 255, 255, 0.1);
  color: black;
}
.btn.btn-outline-primary {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #CF2A10;
  color: #CF2A10;
}
.btn.btn-outline-primary:hover {
  background-color: #CF2A10;
}
.btn.btn-outline-secondary {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #FFE5CD;
  color: #FFE5CD;
}
.btn.btn-outline-success {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #36B37E;
  color: #36B37E;
}
.btn.btn-outline-danger {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #F2607B;
  color: #F2607B;
}
.btn.btn-outline-warning {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #FAAD13;
  color: #FAAD13;
}
.btn.btn-outline-info {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #00B8D9;
  color: #00B8D9;
}
.btn.btn-outline-white {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid white;
  color: white;
}
.btn.btn-xs {
  font-size: 0.875rem;
  line-height: 2rem;
  padding: 0 1.125rem;
  border-width: 1px;
  border-radius: 0.25rem;
}
.btn.btn-xs.btn-outline-primary, .btn.btn-xs.btn-outline-secondary, .btn.btn-xs.btn-outline-success, .btn.btn-xs.btn-outline-danger, .btn.btn-xs.btn-outline-warning, .btn.btn-xs.btn-outline-info, .btn.btn-xs.btn-outline-white {
  line-height: 2.25rem;
}
.btn.btn-xs.btn-outline-primary:hover, .btn.btn-xs.btn-outline-secondary:hover, .btn.btn-xs.btn-outline-success:hover, .btn.btn-xs.btn-outline-danger:hover, .btn.btn-xs.btn-outline-warning:hover, .btn.btn-xs.btn-outline-info:hover, .btn.btn-xs.btn-outline-white:hover {
  color: white;
}
.btn.btn-sm {
  font-size: 0.875rem;
  line-height: 2.375rem;
  padding: 0 1.25rem;
}
.btn.btn-sm.btn-outline-primary, .btn.btn-sm.btn-outline-secondary, .btn.btn-sm.btn-outline-success, .btn.btn-sm.btn-outline-danger, .btn.btn-sm.btn-outline-warning, .btn.btn-sm.btn-outline-info, .btn.btn-sm.btn-outline-white {
  line-height: 2.25rem;
}
.btn.btn-sm.btn-outline-primary:hover, .btn.btn-sm.btn-outline-secondary:hover, .btn.btn-sm.btn-outline-success:hover, .btn.btn-sm.btn-outline-danger:hover, .btn.btn-sm.btn-outline-warning:hover, .btn.btn-sm.btn-outline-info:hover, .btn.btn-sm.btn-outline-white:hover {
  color: white;
}
.btn.btn-lg {
  font-size: 1.125rem;
  line-height: 3.375rem;
  padding: 0 2rem;
}
.btn.btn-lg.btn-outline-primary, .btn.btn-lg.btn-outline-secondary, .btn.btn-lg.btn-outline-success, .btn.btn-lg.btn-outline-danger, .btn.btn-lg.btn-outline-warning, .btn.btn-lg.btn-outline-info, .btn.btn-lg.btn-outline-white {
  line-height: 3.25rem;
}
.btn.btn-lg.btn-outline-primary:hover, .btn.btn-lg.btn-outline-secondary:hover, .btn.btn-lg.btn-outline-success:hover, .btn.btn-lg.btn-outline-danger:hover, .btn.btn-lg.btn-outline-warning:hover, .btn.btn-lg.btn-outline-info:hover, .btn.btn-lg.btn-outline-white:hover {
  color: white;
}
.btn.btn-rounded {
  border-radius: 50px;
}

.btn-ic {
  width: 48px;
  height: 48px;
  font-size: 14px !important;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  border: none;
}
.btn-ic-primary {
  background-color: #CF2A10;
}
.btn-ic.btn-lg {
  width: 56px !important;
  height: 56px !important;
  font-size: 16px !important;
}
.btn-ic.btn-sm {
  width: 40px !important;
  height: 40px !important;
}

.badge {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 2rem;
  padding: 0 1rem;
}
.badge-secondary {
  background-color: white;
  color: #36B37E !important;
}
.badge-primary {
  background-color: rgba(207, 42, 16, 0.1);
  color: #CF2A10 !important;
}
.badge-success {
  background-color: rgba(54, 179, 126, 0.1);
  color: #36B37E !important;
}
.badge-danger {
  background-color: rgba(242, 96, 123, 0.1);
  color: #F2607B !important;
}
.badge-gray {
  background-color: rgba(255, 255, 255, 0.1);
  color: black !important;
}

.accordion.accordion-v1 {
  background-color: white;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.03);
  border-radius: 1rem;
  padding: 1rem 2rem;
}
.accordion.accordion-v1 .card {
  border-radius: 0 !important;
  box-shadow: none;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #e5eaf4 !important;
  margin-bottom: 0;
}
.accordion.accordion-v1 .card:last-child {
  border-bottom: none !important;
}
.accordion.accordion-v1 .card-header .btn-link {
  padding: 1.5rem 0;
  align-items: center;
}
.accordion.accordion-v1 .card-body {
  padding-left: 0;
  padding-right: 0;
}
.accordion .card {
  border-radius: 0.5rem !important;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #e5eaf4 !important;
  background-color: white;
  margin-bottom: 1rem;
}
.accordion .card:last-child {
  margin-bottom: 0;
}
.accordion .card-header {
  background-color: white;
  border-bottom: 0;
  padding: 0;
}
.accordion .card-header h2 button {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.2px;
  color: black;
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  text-decoration: none;
  width: 100%;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
.accordion .card-header h2 button:hover {
  color: #FF7E03;
}
.accordion .card-header h2 button .fas {
  font-size: 0.875rem;
}
.accordion .card-header h2 button[aria-expanded=true] {
  color: #FF7E03;
  padding-bottom: 12px;
}
.accordion .card-header h2 button[aria-expanded=true] .fas {
  font-size: 0.875rem;
}
.accordion .card-header h2 button[aria-expanded=true] .fas:before {
  content: "";
}
.accordion .card-body {
  padding: 0 2rem 2rem;
  color: black;
}

@media (max-width: 575.98px) {
  .accordion .card-header h2 button,
.accordion .card-header h2 button[aria-expanded=true] {
    align-items: flex-start;
    font-size: 16px;
    padding: 24px;
  }
  .accordion .card-header h2 button span,
.accordion .card-header h2 button[aria-expanded=true] span {
    padding-right: 20px;
    line-height: normal !important;
  }
  .accordion .card-header h2 button .fas,
.accordion .card-header h2 button[aria-expanded=true] .fas {
    margin-top: 4px;
  }
  .accordion .card-body {
    padding: 0 24px 24px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .accordion .card-header h2 button,
.accordion .card-header h2 button[aria-expanded=true] {
    align-items: flex-start;
    font-size: 16px;
    padding: 24px;
  }
  .accordion .card-header h2 button span,
.accordion .card-header h2 button[aria-expanded=true] span {
    padding-right: 20px;
    line-height: normal !important;
  }
  .accordion .card-header h2 button .fas,
.accordion .card-header h2 button[aria-expanded=true] .fas {
    margin-top: 4px;
  }
  .accordion .card-body {
    padding: 0 24px 24px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .accordion .card-header h2 button,
.accordion .card-header h2 button[aria-expanded=true] {
    align-items: flex-start;
    font-size: 20px;
    padding: 24px;
  }
  .accordion .card-header h2 button span,
.accordion .card-header h2 button[aria-expanded=true] span {
    padding-right: 20px;
    line-height: 36px !important;
  }
  .accordion .card-header h2 button .fas,
.accordion .card-header h2 button[aria-expanded=true] .fas {
    margin-top: 12px;
  }
  .accordion .card-body {
    padding: 0 24px 24px;
  }
}
.modal {
  background-color: rgba(0, 0, 0, 0.8);
}
.modal.modal-images .modal-content {
  padding: 0;
}
.modal.modal-images .modal-content .close {
  margin-right: 24px;
}
.modal.modal-images .modal-content .modal-body {
  padding: 48px 64px;
}
.modal-content {
  padding: 40px 40px;
  border-radius: 12px;
  border: none;
}
.modal-content .modal-body,
.modal-content .modal-header,
.modal-content .modal-footer {
  padding: 0;
}
.modal-content .close {
  outline: none;
  position: absolute;
  right: 0;
  margin-right: -20px;
  margin-top: -35px;
}

.custom-switch {
  padding-left: 5.5rem;
}
.custom-switch .custom-control-label {
  padding-top: 10px;
}
.custom-switch .custom-control-label::before {
  width: 64px;
  height: 36px;
  border-radius: 18px;
  box-shadow: 0 10px 20px 0 rgba(20, 45, 65, 0.08);
  border: 1px solid white;
  left: -5.5rem;
}
.custom-switch .custom-control-label::before:focus {
  box-shadow: none;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: white;
  border: 1px solid white;
}
.custom-switch .custom-control-label::after {
  top: calc(0.40rem + 2px);
  left: calc(-5.3rem + 2px);
  width: 26px;
  height: 26px;
  border-radius: 100px;
}
.custom-switch .custom-control-label::after:focus {
  box-shadow: none;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  left: calc(-4.3rem + 2px);
}
.custom-switch-success .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #36B37E;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}
.bootstrap-select .btn-light {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  background-color: transparent !important;
  height: 48px;
  border-radius: 0.5rem;
  border: solid 1px #e5eaf4;
  outline: none;
  color: #183b56;
  box-shadow: none;
  padding-left: 20px;
  padding-right: 20px;
}
.bootstrap-select .btn-light:after {
  content: url("../images/icons/angle-down-solid.html");
  border: none;
  height: 16px;
  width: 10px;
  margin-top: -25px;
}
.bootstrap-select .dropdown-menu .dropdown-item.active {
  background-color: #e5eaf4;
}

.isente header {
  min-height: 800px;
}
.isente header .index {
  background-image: url("../images/cover/index.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  min-height: 800px;
}
.isente header .about-bg {
  background-image: url("../images/cover/about.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  min-height: 500px;
}
.isente header .bg-linear-white {
  background-image: linear-gradient(to bottom, #6d6d6daf, rgba(168, 168, 168, 0.2));
}
.isente header .hero {
  padding-top: 275px;
  padding-bottom: 350px;
}
.isente header .hero-about {
  padding-top: 275px;
  padding-bottom: 350px;
}
.isente .topic .content .card {
  height: 500px;
}
.isente .topic .content .card-img-overlay {
  height: 500px;
  background-image: linear-gradient(to bottom, rgba(24, 59, 86, 0), #152532);
}
.isente .topic .content .card img {
  height: 500px;
}
.isente .about {
  padding-top: 64px;
  padding-bottom: 64px;
}
.isente .about-gallery-top, .isente .about-gallery-bottom {
  display: flex;
}
.isente .about-gallery-top li, .isente .about-gallery-bottom li {
  border-radius: 0.5rem;
}
.isente .about-gallery-top li img, .isente .about-gallery-bottom li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.isente .benefits {
  background-image: linear-gradient(to bottom, #e9e9e9, white);
  padding-top: 64px;
  padding-bottom: 144px;
}
.isente .steps {
  padding-top: 96px;
}
.isente .steps .heading {
  margin-bottom: 64px;
}
.isente .customers {
  padding-top: 64px;
  padding-bottom: 70px;
}
.isente .customers .heading {
  margin-bottom: 64px;
  padding-right: 100px;
}
.isente .cta .content {
  background-image: url("../images/cover/footer.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 96px;
  border-radius: 1rem;
}
.isente .cta .content .card-f {
  width: 388px;
}
.isente .cta .content .card-f-body .btn {
  box-shadow: 0 10px 25px 0 rgba(21, 37, 72, 0.1);
}
.isente .values {
  padding-top: 100px;
  padding-bottom: 122px;
}
.isente .values .heading {
  margin-bottom: 110px;
}
.isente .footer {
  padding-top: 128px;
}
.isente .contact-footer {
  background-color: white;
}

@media (max-width: 575.98px) {
  .isente header .hero {
    padding-top: 200px;
    padding-bottom: 150px;
  }
  .isente .btn {
    width: 100%;
  }
  .isente .relative svg {
    display: none;
  }
  .isente .cta .container {
    padding-left: 0;
    padding-right: 0;
  }
  .isente .cta .container .content {
    border-radius: 0;
    padding: 64px 24px;
  }
  .isente .cta .container .content .card-f {
    width: auto !important;
  }
  .isente .benefits {
    padding-bottom: 40px;
  }
  .isente .benefits .heading {
    margin-bottom: 40px;
    text-align: center;
  }
  .isente .benefits .card-f {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
  }
  .isente .values {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .isente .values .heading {
    margin-bottom: 48px;
  }
  .isente .customers .heading {
    margin-bottom: 64px;
    padding-right: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .isente header .hero {
    padding-top: 200px;
    padding-bottom: 150px;
  }
  .isente .btn {
    width: 100%;
  }
  .isente .relative svg {
    display: none;
  }
  .isente .cta .container {
    padding-left: 0;
    padding-right: 0;
  }
  .isente .cta .container .content {
    border-radius: 0;
    padding: 64px 24px;
  }
  .isente .cta .container .content .card-f {
    width: auto !important;
  }
  .isente .benefits {
    padding-bottom: 40px;
  }
  .isente .benefits .heading {
    margin-bottom: 40px;
    text-align: center;
  }
  .isente .benefits .card-f {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
  }
  .isente .values {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .isente .values .heading {
    margin-bottom: 48px;
  }
  .isente .customers .heading {
    margin-bottom: 64px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .isente .btn {
    width: 100%;
  }
  .isente .relative svg {
    display: none;
  }
  .isente .cta .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
  }
  .isente .cta .container .content {
    border-radius: 0;
    padding: 64px;
  }
  .isente .values {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .isente .values .heading {
    margin-bottom: 48px;
  }
  .isente .customers .heading {
    margin-bottom: 64px;
    padding-right: 0px;
  }
}

/*# sourceMappingURL=main.css.map */
