@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&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 (max-width: 575.98px) {
  .xs-block {
    display: block !important;
  }
}
@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: 1199.98px) {
  .lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .xl-block {
    display: block !important;
  }
}
.inline-block {
  display: inline-block;
}

@media (max-width: 575.98px) {
  .xs-inline-block {
    display: inline-block !important;
  }
}
@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: 1199.98px) {
  .lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .xl-inline-block {
    display: inline-block !important;
  }
}
.inline {
  display: inline;
}

@media (max-width: 575.98px) {
  .xs-inline {
    display: inline !important;
  }
}
@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: 1199.98px) {
  .lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .xl-inline {
    display: inline !important;
  }
}
.flex {
  display: flex;
}

@media (max-width: 575.98px) {
  .xs-flex {
    display: flex !important;
  }
}
@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: 1199.98px) {
  .lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .xl-flex {
    display: flex !important;
  }
}
.inline-flex {
  display: inline-flex;
}

@media (max-width: 575.98px) {
  .xs-inline-flex {
    display: inline-flex !important;
  }
}
@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: 1199.98px) {
  .lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .xl-inline-flex {
    display: inline-flex !important;
  }
}
.table {
  display: table;
}

@media (max-width: 575.98px) {
  .xs-table {
    display: table !important;
  }
}
@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: 1199.98px) {
  .lg-table {
    display: table !important;
  }
}
@media (min-width: 1200px) {
  .xl-table {
    display: table !important;
  }
}
.table-row {
  display: table-row;
}

@media (max-width: 575.98px) {
  .xs-table-row {
    display: table-row !important;
  }
}
@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: 1199.98px) {
  .lg-table-row {
    display: table-row !important;
  }
}
@media (min-width: 1200px) {
  .xl-table-row {
    display: table-row !important;
  }
}
.table-cell {
  display: table-cell;
}

@media (max-width: 575.98px) {
  .xs-table-cell {
    display: table-cell !important;
  }
}
@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: 1199.98px) {
  .lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .xl-table-cell {
    display: table-cell !important;
  }
}
.hidden {
  display: none;
}

@media (max-width: 575.98px) {
  .xs-hidden {
    display: none !important;
  }
}
@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: 1199.98px) {
  .lg-hidden {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-clearfix:after {
    content: '""';
    display: table;
    clear: both;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-float-right {
    float: right;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-float-left {
    float: left;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-float-none {
    float: none;
  }
}
@media (min-width: 1200px) {
  .xl-float-none {
    float: none;
  }
}
/*
   Object Fit
 */
.object-contain {
  object-fit: contain;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-contain {
    object-fit: contain;
  }
}
@media (min-width: 1200px) {
  .xl-object-contain {
    object-fit: contain;
  }
}
.object-cover {
  object-fit: cover;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-cover {
    object-fit: cover;
  }
}
@media (min-width: 1200px) {
  .xl-object-cover {
    object-fit: cover;
  }
}
.object-fill {
  object-fit: fill;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-fill {
    object-fit: fill;
  }
}
@media (min-width: 1200px) {
  .xl-object-fill {
    object-fit: fill;
  }
}
.object-none {
  object-fit: none;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-none {
    object-fit: none;
  }
}
@media (min-width: 1200px) {
  .xl-object-none {
    object-fit: none;
  }
}
.object-scale-down {
  object-fit: scale-down;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-scale-down {
    object-fit: scale-down;
  }
}
@media (min-width: 1200px) {
  .xl-object-scale-down {
    object-fit: scale-down;
  }
}
/*
  Object Position
 */
.object-bottom {
  object-position: bottom;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-bottom {
    object-position: bottom;
  }
}
@media (min-width: 1200px) {
  .xl-object-bottom {
    object-position: bottom;
  }
}
.object-center {
  object-position: center;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-center {
    object-position: center;
  }
}
@media (min-width: 1200px) {
  .xl-object-center {
    object-position: center;
  }
}
.object-left {
  object-position: left;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-left {
    object-position: left;
  }
}
@media (min-width: 1200px) {
  .xl-object-left {
    object-position: left;
  }
}
.object-left-bottom {
  object-position: left bottom;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-left-bottom {
    object-position: left bottom;
  }
}
@media (min-width: 1200px) {
  .xl-object-left-bottom {
    object-position: left bottom;
  }
}
.object-left-top {
  object-position: left top;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-left-top {
    object-position: left top;
  }
}
@media (min-width: 1200px) {
  .xl-object-left-top {
    object-position: left top;
  }
}
.object-right {
  object-position: right;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-right {
    object-position: right;
  }
}
@media (min-width: 1200px) {
  .xl-object-right {
    object-position: right;
  }
}
.object-right-bottom {
  object-position: right bottom;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-right-bottom {
    object-position: right bottom;
  }
}
@media (min-width: 1200px) {
  .xl-object-right-bottom {
    object-position: right bottom;
  }
}
.object-right-top {
  object-position: right top;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-right-top {
    object-position: right top;
  }
}
@media (min-width: 1200px) {
  .xl-object-right-top {
    object-position: right top;
  }
}
.object-top {
  object-position: top;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-object-top {
    object-position: top;
  }
}
@media (min-width: 1200px) {
  .xl-object-top {
    object-position: top;
  }
}
/*
  Overflow
 */
.overflow-auto {
  overflow: auto;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-overflow-auto {
    overflow: auto;
  }
}
@media (min-width: 1200px) {
  .xl-overflow-auto {
    overflow: auto;
  }
}
.overflow-hidden {
  overflow: hidden;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-overflow-hidden {
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .xl-overflow-hidden {
    overflow: hidden;
  }
}
.overflow-visible {
  overflow: visible;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-overflow-visible {
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  .xl-overflow-visible {
    overflow: visible;
  }
}
.overflow-scroll {
  overflow: scroll;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-overflow-scroll {
    overflow: scroll;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-overflow-x-x-auto {
    overflow-x: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-overflow-x-x-hidden {
    overflow-x: hidden;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-overflow-x-x-visible {
    overflow-x: visible;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-overflow-y-y-auto {
    overflow-y: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-overflow-y-y-hidden {
    overflow-y: hidden;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-overflow-y-y-visible {
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-scrolling-x-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-scrolling-y-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
@media (min-width: 1200px) {
  .xl-scrolling-y-scroll {
    -webkit-overflow-scrolling: scroll;
  }
}
/*
  Position
 */
.static {
  position: static;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-static {
    position: static;
  }
}
@media (min-width: 1200px) {
  .xl-static {
    position: static;
  }
}
.fixed {
  position: fixed;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-fixed {
    position: fixed;
  }
}
@media (min-width: 1200px) {
  .xl-fixed {
    position: fixed;
  }
}
.absolute {
  position: absolute;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-absolute {
    position: absolute;
  }
}
@media (min-width: 1200px) {
  .xl-absolute {
    position: absolute;
  }
}
.relative {
  position: relative;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-relative {
    position: relative;
  }
}
@media (min-width: 1200px) {
  .xl-relative {
    position: relative;
  }
}
.sticky {
  position: sticky;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-sticky {
    position: sticky;
  }
}
@media (min-width: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.98px) {
  .lg-visible {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-invisible {
    visibility: hidden;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-z-auto {
    z-index: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-z-0 {
    z-index: 0;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-z-10 {
    z-index: 10;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-z-20 {
    z-index: 20;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-z-30 {
    z-index: 30;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-z-40 {
    z-index: 40;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-z-50 {
    z-index: 50;
  }
}
@media (min-width: 1200px) {
  .xl-z-50 {
    z-index: 50;
  }
}
/*
  Font Family
 */
.text-opensans {
  font-family: "Effra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.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;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-1 {
    font-size: 1px !important;
  }
}
.text-2 {
  font-size: 2px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-2 {
    font-size: 2px !important;
  }
}
.text-3 {
  font-size: 3px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-3 {
    font-size: 3px !important;
  }
}
.text-4 {
  font-size: 4px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-4 {
    font-size: 4px !important;
  }
}
.text-5 {
  font-size: 5px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-5 {
    font-size: 5px !important;
  }
}
.text-6 {
  font-size: 6px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-6 {
    font-size: 6px !important;
  }
}
.text-7 {
  font-size: 7px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-7 {
    font-size: 7px !important;
  }
}
.text-8 {
  font-size: 0.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-8 {
    font-size: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-8 {
    font-size: 0.5rem !important;
  }
}
.text-12 {
  font-size: 0.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-12 {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-12 {
    font-size: 0.75rem !important;
  }
}
.text-14 {
  font-size: 0.875rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-14 {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-14 {
    font-size: 0.875rem !important;
  }
}
.text-16 {
  font-size: 1rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-16 {
    font-size: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-16 {
    font-size: 1rem !important;
  }
}
.text-18 {
  font-size: 1.125rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-18 {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-18 {
    font-size: 1.125rem !important;
  }
}
.text-20 {
  font-size: 1.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-20 {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-20 {
    font-size: 1.25rem !important;
  }
}
.text-22 {
  font-size: 1.375rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-22 {
    font-size: 1.375rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-22 {
    font-size: 1.375rem !important;
  }
}
.text-24 {
  font-size: 1.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-24 {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-24 {
    font-size: 1.5rem !important;
  }
}
.text-28 {
  font-size: 1.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-28 {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-28 {
    font-size: 1.75rem !important;
  }
}
.text-32 {
  font-size: 2rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-32 {
    font-size: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-32 {
    font-size: 2rem !important;
  }
}
.text-36 {
  font-size: 2.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-36 {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-36 {
    font-size: 2.25rem !important;
  }
}
.text-40 {
  font-size: 2.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-40 {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-40 {
    font-size: 2.5rem !important;
  }
}
.text-48 {
  font-size: 3rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-48 {
    font-size: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-48 {
    font-size: 3rem !important;
  }
}
.text-56 {
  font-size: 3.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-56 {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-56 {
    font-size: 3.5rem !important;
  }
}
.text-64 {
  font-size: 4rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-64 {
    font-size: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-64 {
    font-size: 4rem !important;
  }
}
.text-72 {
  font-size: 4.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-72 {
    font-size: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-72 {
    font-size: 4.5rem !important;
  }
}
.text-80 {
  font-size: 5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-80 {
    font-size: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-80 {
    font-size: 5rem !important;
  }
}
.text-1px {
  font-size: 1px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-1px {
    font-size: 1px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-1px {
    font-size: 1px !important;
  }
}
.text-2px {
  font-size: 2px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-2px {
    font-size: 2px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-2px {
    font-size: 2px !important;
  }
}
.text-3px {
  font-size: 3px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-3px {
    font-size: 3px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-3px {
    font-size: 3px !important;
  }
}
.text-4px {
  font-size: 4px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-4px {
    font-size: 4px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-4px {
    font-size: 4px !important;
  }
}
.text-5px {
  font-size: 5px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-5px {
    font-size: 5px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-5px {
    font-size: 5px !important;
  }
}
.text-6px {
  font-size: 6px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-6px {
    font-size: 6px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-6px {
    font-size: 6px !important;
  }
}
.text-7px {
  font-size: 7px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-7px {
    font-size: 7px !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-7px {
    font-size: 7px !important;
  }
}
.text-xxs {
  font-size: 0.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-xxs {
    font-size: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-xxs {
    font-size: 0.5rem !important;
  }
}
.text-xs {
  font-size: 0.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-xs {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-xs {
    font-size: 0.75rem !important;
  }
}
.text-sm {
  font-size: 0.875rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-sm {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-sm {
    font-size: 0.875rem !important;
  }
}
.text-base {
  font-size: 1rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-base {
    font-size: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-base {
    font-size: 1rem !important;
  }
}
.text-lg {
  font-size: 1.125rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-lg {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-lg {
    font-size: 1.125rem !important;
  }
}
.text-xl {
  font-size: 1.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-xl {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-xl {
    font-size: 1.25rem !important;
  }
}
.text-1x {
  font-size: 1.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-1x {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-1x {
    font-size: 1.5rem !important;
  }
}
.text-2x {
  font-size: 1.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-2x {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-2x {
    font-size: 1.75rem !important;
  }
}
.text-3x {
  font-size: 2rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-3x {
    font-size: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-3x {
    font-size: 2rem !important;
  }
}
.text-4x {
  font-size: 2.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-4x {
    font-size: 2.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-4x {
    font-size: 2.25rem !important;
  }
}
.text-5x {
  font-size: 2.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-5x {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-5x {
    font-size: 2.5rem !important;
  }
}
.text-6x {
  font-size: 3rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-6x {
    font-size: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-6x {
    font-size: 3rem !important;
  }
}
.text-7x {
  font-size: 3.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-7x {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-7x {
    font-size: 3.5rem !important;
  }
}
.text-8x {
  font-size: 4rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-8x {
    font-size: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-8x {
    font-size: 4rem !important;
  }
}
.text-9x {
  font-size: 4.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-9x {
    font-size: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-9x {
    font-size: 4.5rem !important;
  }
}
.text-10x {
  font-size: 5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-text-10x {
    font-size: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-subpixel-antialiased {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-italic {
    font-style: italic;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-not-italic {
    font-style: normal;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-hairline {
    font-weight: 100 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-thin {
    font-weight: 200 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-light {
    font-weight: 300 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-normal {
    font-weight: normal !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-medium {
    font-weight: 500 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-semibold {
    font-weight: 600 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-bold {
    font-weight: 700 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-extrabold {
    font-weight: 800 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-font-black {
    font-weight: 900 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-tighter {
    letter-spacing: -0.05em;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-tight {
    letter-spacing: -0.025em;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-normal {
    letter-spacing: 0;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-wide {
    letter-spacing: 0.025em;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-wider {
    letter-spacing: 0.05em;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-widest {
    letter-spacing: 0.1em;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-2 {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-01 {
    letter-spacing: 0.1px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-02 {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-03 {
    letter-spacing: 0.3px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-04 {
    letter-spacing: 0.4px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-05 {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-06 {
    letter-spacing: 0.6px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-07 {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-08 {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-09 {
    letter-spacing: 0.9px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-1 {
    letter-spacing: 1px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-2 {
    letter-spacing: 2px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-3 {
    letter-spacing: 3px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-4 {
    letter-spacing: 4px;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-tracking-5 {
    letter-spacing: 5px;
  }
}
@media (min-width: 1200px) {
  .xl-tracking-5 {
    letter-spacing: 5px;
  }
}
/*
  Line Height
 */
.leading-none {
  line-height: unset !important;
}

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

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-leading-tight {
    line-height: 1.25 !important;
  }
}
@media (min-width: 1200px) {
  .xl-leading-tight {
    line-height: 1.25 !important;
  }
}
.leading-snug {
  line-height: 1.375 !important;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-leading-snug {
    line-height: 1.375 !important;
  }
}
@media (min-width: 1200px) {
  .xl-leading-snug {
    line-height: 1.375 !important;
  }
}
.leading-normal {
  line-height: normal !important;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-leading-normal {
    line-height: normal !important;
  }
}
@media (min-width: 1200px) {
  .xl-leading-normal {
    line-height: normal !important;
  }
}
.leading-relaxed {
  line-height: 1.625 !important;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-leading-relaxed {
    line-height: 1.625 !important;
  }
}
@media (min-width: 1200px) {
  .xl-leading-relaxed {
    line-height: 1.625 !important;
  }
}
.leading-loose {
  line-height: 2 !important;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-leading-loose {
    line-height: 2 !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-8 {
    line-height: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-16 {
    line-height: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-24 {
    line-height: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-32 {
    line-height: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-36 {
    line-height: 2.25rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-40 {
    line-height: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-48 {
    line-height: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-56 {
    line-height: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-64 {
    line-height: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-leading-64 {
    line-height: 4rem !important;
  }
}
.leading-68 {
  line-height: 4.25rem !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-leading-68 {
    line-height: 4.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-leading-68 {
    line-height: 4.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-leading-68 {
    line-height: 4.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-leading-68 {
    line-height: 4.25rem !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: 1199.98px) {
  .lg-leading-72 {
    line-height: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-80 {
    line-height: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-88 {
    line-height: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-leading-96 {
    line-height: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-list-none {
    list-style-type: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-list-disc {
    list-style-type: disc;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-list-decimal {
    list-style-type: decimal;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-list-inside {
    list-style-position: inside;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-list-outside {
    list-style-position: outside;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-transparent::placeholder {
    color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-transparent::placeholder {
    color: rgba(0, 0, 0, 0);
  }
}
.placeholder-primary::placeholder {
  color: #1565d8;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary::placeholder {
    color: #1565d8;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary::placeholder {
    color: #1565d8;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary::placeholder {
    color: #1565d8;
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary::placeholder {
    color: #1565d8;
  }
}
.placeholder-primary-100::placeholder {
  color: rgba(21, 101, 216, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-100::placeholder {
    color: rgba(21, 101, 216, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-100::placeholder {
    color: rgba(21, 101, 216, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-100::placeholder {
    color: rgba(21, 101, 216, 0.1);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-100::placeholder {
    color: rgba(21, 101, 216, 0.1);
  }
}
.placeholder-primary-200::placeholder {
  color: rgba(21, 101, 216, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-200::placeholder {
    color: rgba(21, 101, 216, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-200::placeholder {
    color: rgba(21, 101, 216, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-200::placeholder {
    color: rgba(21, 101, 216, 0.2);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-200::placeholder {
    color: rgba(21, 101, 216, 0.2);
  }
}
.placeholder-primary-300::placeholder {
  color: rgba(21, 101, 216, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-300::placeholder {
    color: rgba(21, 101, 216, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-300::placeholder {
    color: rgba(21, 101, 216, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-300::placeholder {
    color: rgba(21, 101, 216, 0.3);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-300::placeholder {
    color: rgba(21, 101, 216, 0.3);
  }
}
.placeholder-primary-400::placeholder {
  color: rgba(21, 101, 216, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-400::placeholder {
    color: rgba(21, 101, 216, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-400::placeholder {
    color: rgba(21, 101, 216, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-400::placeholder {
    color: rgba(21, 101, 216, 0.4);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-400::placeholder {
    color: rgba(21, 101, 216, 0.4);
  }
}
.placeholder-primary-500::placeholder {
  color: rgba(21, 101, 216, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-500::placeholder {
    color: rgba(21, 101, 216, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-500::placeholder {
    color: rgba(21, 101, 216, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-500::placeholder {
    color: rgba(21, 101, 216, 0.5);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-500::placeholder {
    color: rgba(21, 101, 216, 0.5);
  }
}
.placeholder-primary-600::placeholder {
  color: rgba(21, 101, 216, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-600::placeholder {
    color: rgba(21, 101, 216, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-600::placeholder {
    color: rgba(21, 101, 216, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-600::placeholder {
    color: rgba(21, 101, 216, 0.6);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-600::placeholder {
    color: rgba(21, 101, 216, 0.6);
  }
}
.placeholder-primary-700::placeholder {
  color: rgba(21, 101, 216, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-700::placeholder {
    color: rgba(21, 101, 216, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-700::placeholder {
    color: rgba(21, 101, 216, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-700::placeholder {
    color: rgba(21, 101, 216, 0.7);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-700::placeholder {
    color: rgba(21, 101, 216, 0.7);
  }
}
.placeholder-primary-800::placeholder {
  color: rgba(21, 101, 216, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-800::placeholder {
    color: rgba(21, 101, 216, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-800::placeholder {
    color: rgba(21, 101, 216, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-800::placeholder {
    color: rgba(21, 101, 216, 0.8);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-800::placeholder {
    color: rgba(21, 101, 216, 0.8);
  }
}
.placeholder-primary-900::placeholder {
  color: rgba(21, 101, 216, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-primary-900::placeholder {
    color: rgba(21, 101, 216, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-primary-900::placeholder {
    color: rgba(21, 101, 216, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-primary-900::placeholder {
    color: rgba(21, 101, 216, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-primary-900::placeholder {
    color: rgba(21, 101, 216, 0.9);
  }
}
.placeholder-secondary::placeholder {
  color: #506690;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary::placeholder {
    color: #506690;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary::placeholder {
    color: #506690;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary::placeholder {
    color: #506690;
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary::placeholder {
    color: #506690;
  }
}
.placeholder-secondary-100::placeholder {
  color: rgba(80, 102, 144, 0.1);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-100::placeholder {
    color: rgba(80, 102, 144, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-100::placeholder {
    color: rgba(80, 102, 144, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-100::placeholder {
    color: rgba(80, 102, 144, 0.1);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-100::placeholder {
    color: rgba(80, 102, 144, 0.1);
  }
}
.placeholder-secondary-200::placeholder {
  color: rgba(80, 102, 144, 0.2);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-200::placeholder {
    color: rgba(80, 102, 144, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-200::placeholder {
    color: rgba(80, 102, 144, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-200::placeholder {
    color: rgba(80, 102, 144, 0.2);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-200::placeholder {
    color: rgba(80, 102, 144, 0.2);
  }
}
.placeholder-secondary-300::placeholder {
  color: rgba(80, 102, 144, 0.3);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-300::placeholder {
    color: rgba(80, 102, 144, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-300::placeholder {
    color: rgba(80, 102, 144, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-300::placeholder {
    color: rgba(80, 102, 144, 0.3);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-300::placeholder {
    color: rgba(80, 102, 144, 0.3);
  }
}
.placeholder-secondary-400::placeholder {
  color: rgba(80, 102, 144, 0.4);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-400::placeholder {
    color: rgba(80, 102, 144, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-400::placeholder {
    color: rgba(80, 102, 144, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-400::placeholder {
    color: rgba(80, 102, 144, 0.4);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-400::placeholder {
    color: rgba(80, 102, 144, 0.4);
  }
}
.placeholder-secondary-500::placeholder {
  color: rgba(80, 102, 144, 0.5);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-500::placeholder {
    color: rgba(80, 102, 144, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-500::placeholder {
    color: rgba(80, 102, 144, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-500::placeholder {
    color: rgba(80, 102, 144, 0.5);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-500::placeholder {
    color: rgba(80, 102, 144, 0.5);
  }
}
.placeholder-secondary-600::placeholder {
  color: rgba(80, 102, 144, 0.6);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-600::placeholder {
    color: rgba(80, 102, 144, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-600::placeholder {
    color: rgba(80, 102, 144, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-600::placeholder {
    color: rgba(80, 102, 144, 0.6);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-600::placeholder {
    color: rgba(80, 102, 144, 0.6);
  }
}
.placeholder-secondary-700::placeholder {
  color: rgba(80, 102, 144, 0.7);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-700::placeholder {
    color: rgba(80, 102, 144, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-700::placeholder {
    color: rgba(80, 102, 144, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-700::placeholder {
    color: rgba(80, 102, 144, 0.7);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-700::placeholder {
    color: rgba(80, 102, 144, 0.7);
  }
}
.placeholder-secondary-800::placeholder {
  color: rgba(80, 102, 144, 0.8);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-800::placeholder {
    color: rgba(80, 102, 144, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-800::placeholder {
    color: rgba(80, 102, 144, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-800::placeholder {
    color: rgba(80, 102, 144, 0.8);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-800::placeholder {
    color: rgba(80, 102, 144, 0.8);
  }
}
.placeholder-secondary-900::placeholder {
  color: rgba(80, 102, 144, 0.9);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-secondary-900::placeholder {
    color: rgba(80, 102, 144, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-secondary-900::placeholder {
    color: rgba(80, 102, 144, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-secondary-900::placeholder {
    color: rgba(80, 102, 144, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-secondary-900::placeholder {
    color: rgba(80, 102, 144, 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: 1199.98px) {
  .lg-placeholder-success::placeholder {
    color: #36b37e;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-100::placeholder {
    color: rgba(54, 179, 126, 0.1);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-200::placeholder {
    color: rgba(54, 179, 126, 0.2);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-300::placeholder {
    color: rgba(54, 179, 126, 0.3);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-400::placeholder {
    color: rgba(54, 179, 126, 0.4);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-500::placeholder {
    color: rgba(54, 179, 126, 0.5);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-600::placeholder {
    color: rgba(54, 179, 126, 0.6);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-700::placeholder {
    color: rgba(54, 179, 126, 0.7);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-800::placeholder {
    color: rgba(54, 179, 126, 0.8);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-success-900::placeholder {
    color: rgba(54, 179, 126, 0.9);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info::placeholder {
    color: #00b8d9;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-100::placeholder {
    color: rgba(0, 184, 217, 0.1);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-200::placeholder {
    color: rgba(0, 184, 217, 0.2);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-300::placeholder {
    color: rgba(0, 184, 217, 0.3);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-400::placeholder {
    color: rgba(0, 184, 217, 0.4);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-500::placeholder {
    color: rgba(0, 184, 217, 0.5);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-600::placeholder {
    color: rgba(0, 184, 217, 0.6);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-700::placeholder {
    color: rgba(0, 184, 217, 0.7);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-800::placeholder {
    color: rgba(0, 184, 217, 0.8);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-info-900::placeholder {
    color: rgba(0, 184, 217, 0.9);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning::placeholder {
    color: #faad13;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-100::placeholder {
    color: rgba(250, 173, 19, 0.1);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-200::placeholder {
    color: rgba(250, 173, 19, 0.2);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-300::placeholder {
    color: rgba(250, 173, 19, 0.3);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-400::placeholder {
    color: rgba(250, 173, 19, 0.4);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-500::placeholder {
    color: rgba(250, 173, 19, 0.5);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-600::placeholder {
    color: rgba(250, 173, 19, 0.6);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-700::placeholder {
    color: rgba(250, 173, 19, 0.7);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-800::placeholder {
    color: rgba(250, 173, 19, 0.8);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-warning-900::placeholder {
    color: rgba(250, 173, 19, 0.9);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger::placeholder {
    color: #f2607b;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-100::placeholder {
    color: rgba(242, 96, 123, 0.1);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-200::placeholder {
    color: rgba(242, 96, 123, 0.2);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-300::placeholder {
    color: rgba(242, 96, 123, 0.3);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-400::placeholder {
    color: rgba(242, 96, 123, 0.4);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-500::placeholder {
    color: rgba(242, 96, 123, 0.5);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-600::placeholder {
    color: rgba(242, 96, 123, 0.6);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-700::placeholder {
    color: rgba(242, 96, 123, 0.7);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-800::placeholder {
    color: rgba(242, 96, 123, 0.8);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-danger-900::placeholder {
    color: rgba(242, 96, 123, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-danger-900::placeholder {
    color: rgba(242, 96, 123, 0.9);
  }
}
.placeholder-black::placeholder {
  color: #6AD6A2;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black::placeholder {
    color: #6AD6A2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black::placeholder {
    color: #6AD6A2;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-black::placeholder {
    color: #6AD6A2;
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-black::placeholder {
    color: #6AD6A2;
  }
}
.placeholder-black-100::placeholder {
  color: rgba(24, 59, 86, 0.1);
}

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

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

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

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

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

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

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

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

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-black-900::placeholder {
    color: rgba(24, 59, 86, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-black-900::placeholder {
    color: rgba(24, 59, 86, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-black-900::placeholder {
    color: rgba(24, 59, 86, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-black-900::placeholder {
    color: rgba(24, 59, 86, 0.9);
  }
}
.placeholder-gray::placeholder {
  color: #5a7184;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray::placeholder {
    color: #5a7184;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray::placeholder {
    color: #5a7184;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-gray::placeholder {
    color: #5a7184;
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-gray::placeholder {
    color: #5a7184;
  }
}
.placeholder-gray-100::placeholder {
  color: rgba(90, 113, 132, 0.1);
}

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

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

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

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

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

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

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

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

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-900::placeholder {
    color: rgba(90, 113, 132, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-900::placeholder {
    color: rgba(90, 113, 132, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-gray-900::placeholder {
    color: rgba(90, 113, 132, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-gray-900::placeholder {
    color: rgba(90, 113, 132, 0.9);
  }
}
.placeholder-gray-light::placeholder {
  color: #b3bac5;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light::placeholder {
    color: #b3bac5;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light::placeholder {
    color: #b3bac5;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-gray-light::placeholder {
    color: #b3bac5;
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-gray-light::placeholder {
    color: #b3bac5;
  }
}
.placeholder-gray-light-100::placeholder {
  color: rgba(179, 186, 197, 0.1);
}

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

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

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

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

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

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

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

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

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-placeholder-gray-light-900::placeholder {
    color: rgba(179, 186, 197, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-placeholder-gray-light-900::placeholder {
    color: rgba(179, 186, 197, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-placeholder-gray-light-900::placeholder {
    color: rgba(179, 186, 197, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-gray-light-900::placeholder {
    color: rgba(179, 186, 197, 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: 1199.98px) {
  .lg-placeholder-white::placeholder {
    color: white;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-100::placeholder {
    color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-200::placeholder {
    color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-300::placeholder {
    color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-400::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-500::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-600::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-700::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-800::placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-placeholder-white-900::placeholder {
    color: rgba(255, 255, 255, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-placeholder-white-900::placeholder {
    color: rgba(255, 255, 255, 0.9);
  }
}
/*
  Text Align
 */
.text-left {
  text-align: left;
}

@media (max-width: 575.98px) {
  .xs-text-left {
    text-align: left !important;
  }
}
@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: 1199.98px) {
  .lg-text-left {
    text-align: left !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-left {
    text-align: left !important;
  }
}
.text-center {
  text-align: center;
}

@media (max-width: 575.98px) {
  .xs-text-center {
    text-align: center !important;
  }
}
@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: 1199.98px) {
  .lg-text-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-center {
    text-align: center !important;
  }
}
.text-right {
  text-align: right;
}

@media (max-width: 575.98px) {
  .xs-text-right {
    text-align: right !important;
  }
}
@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: 1199.98px) {
  .lg-text-right {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-right {
    text-align: right !important;
  }
}
.text-justify {
  text-align: justify;
}

@media (max-width: 575.98px) {
  .xs-text-justify {
    text-align: justify !important;
  }
}
@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: 1199.98px) {
  .lg-text-justify {
    text-align: justify !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.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: 1200px) {
  .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: #1565d8 !important;
}

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

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

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

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

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

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

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

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

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

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

  .xl-focus-text-primary:focus {
    color: #1565d8 !important;
  }
}
.text-primary-100 {
  color: rgba(21, 101, 216, 0.1) !important;
}

.hover-text-primary-100 {
  color: rgba(21, 101, 216, 0.1) !important;
}

.focus-text-primary-100 {
  color: rgba(21, 101, 216, 0.1) !important;
}

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

  .sm-hover-text-primary-100:hover {
    color: rgba(21, 101, 216, 0.1) !important;
  }

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

  .md-hover-text-primary-100:hover {
    color: rgba(21, 101, 216, 0.1) !important;
  }

  .md-focus-text-primary-100:focus {
    color: rgba(21, 101, 216, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-100 {
    color: rgba(21, 101, 216, 0.1) !important;
  }

  .lg-hover-text-primary-100:hover {
    color: rgba(21, 101, 216, 0.1) !important;
  }

  .lg-focus-text-primary-100:focus {
    color: rgba(21, 101, 216, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-100 {
    color: rgba(21, 101, 216, 0.1) !important;
  }

  .xl-hover-text-primary-100:hover {
    color: rgba(21, 101, 216, 0.1) !important;
  }

  .xl-focus-text-primary-100:focus {
    color: rgba(21, 101, 216, 0.1) !important;
  }
}
.text-primary-200 {
  color: rgba(21, 101, 216, 0.2) !important;
}

.hover-text-primary-200 {
  color: rgba(21, 101, 216, 0.2) !important;
}

.focus-text-primary-200 {
  color: rgba(21, 101, 216, 0.2) !important;
}

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

  .sm-hover-text-primary-200:hover {
    color: rgba(21, 101, 216, 0.2) !important;
  }

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

  .md-hover-text-primary-200:hover {
    color: rgba(21, 101, 216, 0.2) !important;
  }

  .md-focus-text-primary-200:focus {
    color: rgba(21, 101, 216, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-200 {
    color: rgba(21, 101, 216, 0.2) !important;
  }

  .lg-hover-text-primary-200:hover {
    color: rgba(21, 101, 216, 0.2) !important;
  }

  .lg-focus-text-primary-200:focus {
    color: rgba(21, 101, 216, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-200 {
    color: rgba(21, 101, 216, 0.2) !important;
  }

  .xl-hover-text-primary-200:hover {
    color: rgba(21, 101, 216, 0.2) !important;
  }

  .xl-focus-text-primary-200:focus {
    color: rgba(21, 101, 216, 0.2) !important;
  }
}
.text-primary-300 {
  color: rgba(21, 101, 216, 0.3) !important;
}

.hover-text-primary-300 {
  color: rgba(21, 101, 216, 0.3) !important;
}

.focus-text-primary-300 {
  color: rgba(21, 101, 216, 0.3) !important;
}

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

  .sm-hover-text-primary-300:hover {
    color: rgba(21, 101, 216, 0.3) !important;
  }

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

  .md-hover-text-primary-300:hover {
    color: rgba(21, 101, 216, 0.3) !important;
  }

  .md-focus-text-primary-300:focus {
    color: rgba(21, 101, 216, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-300 {
    color: rgba(21, 101, 216, 0.3) !important;
  }

  .lg-hover-text-primary-300:hover {
    color: rgba(21, 101, 216, 0.3) !important;
  }

  .lg-focus-text-primary-300:focus {
    color: rgba(21, 101, 216, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-300 {
    color: rgba(21, 101, 216, 0.3) !important;
  }

  .xl-hover-text-primary-300:hover {
    color: rgba(21, 101, 216, 0.3) !important;
  }

  .xl-focus-text-primary-300:focus {
    color: rgba(21, 101, 216, 0.3) !important;
  }
}
.text-primary-400 {
  color: rgba(21, 101, 216, 0.4) !important;
}

.hover-text-primary-400 {
  color: rgba(21, 101, 216, 0.4) !important;
}

.focus-text-primary-400 {
  color: rgba(21, 101, 216, 0.4) !important;
}

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

  .sm-hover-text-primary-400:hover {
    color: rgba(21, 101, 216, 0.4) !important;
  }

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

  .md-hover-text-primary-400:hover {
    color: rgba(21, 101, 216, 0.4) !important;
  }

  .md-focus-text-primary-400:focus {
    color: rgba(21, 101, 216, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-400 {
    color: rgba(21, 101, 216, 0.4) !important;
  }

  .lg-hover-text-primary-400:hover {
    color: rgba(21, 101, 216, 0.4) !important;
  }

  .lg-focus-text-primary-400:focus {
    color: rgba(21, 101, 216, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-400 {
    color: rgba(21, 101, 216, 0.4) !important;
  }

  .xl-hover-text-primary-400:hover {
    color: rgba(21, 101, 216, 0.4) !important;
  }

  .xl-focus-text-primary-400:focus {
    color: rgba(21, 101, 216, 0.4) !important;
  }
}
.text-primary-500 {
  color: rgba(21, 101, 216, 0.5) !important;
}

.hover-text-primary-500 {
  color: rgba(21, 101, 216, 0.5) !important;
}

.focus-text-primary-500 {
  color: rgba(21, 101, 216, 0.5) !important;
}

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

  .sm-hover-text-primary-500:hover {
    color: rgba(21, 101, 216, 0.5) !important;
  }

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

  .md-hover-text-primary-500:hover {
    color: rgba(21, 101, 216, 0.5) !important;
  }

  .md-focus-text-primary-500:focus {
    color: rgba(21, 101, 216, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-500 {
    color: rgba(21, 101, 216, 0.5) !important;
  }

  .lg-hover-text-primary-500:hover {
    color: rgba(21, 101, 216, 0.5) !important;
  }

  .lg-focus-text-primary-500:focus {
    color: rgba(21, 101, 216, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-500 {
    color: rgba(21, 101, 216, 0.5) !important;
  }

  .xl-hover-text-primary-500:hover {
    color: rgba(21, 101, 216, 0.5) !important;
  }

  .xl-focus-text-primary-500:focus {
    color: rgba(21, 101, 216, 0.5) !important;
  }
}
.text-primary-600 {
  color: rgba(21, 101, 216, 0.6) !important;
}

.hover-text-primary-600 {
  color: rgba(21, 101, 216, 0.6) !important;
}

.focus-text-primary-600 {
  color: rgba(21, 101, 216, 0.6) !important;
}

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

  .sm-hover-text-primary-600:hover {
    color: rgba(21, 101, 216, 0.6) !important;
  }

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

  .md-hover-text-primary-600:hover {
    color: rgba(21, 101, 216, 0.6) !important;
  }

  .md-focus-text-primary-600:focus {
    color: rgba(21, 101, 216, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-600 {
    color: rgba(21, 101, 216, 0.6) !important;
  }

  .lg-hover-text-primary-600:hover {
    color: rgba(21, 101, 216, 0.6) !important;
  }

  .lg-focus-text-primary-600:focus {
    color: rgba(21, 101, 216, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-600 {
    color: rgba(21, 101, 216, 0.6) !important;
  }

  .xl-hover-text-primary-600:hover {
    color: rgba(21, 101, 216, 0.6) !important;
  }

  .xl-focus-text-primary-600:focus {
    color: rgba(21, 101, 216, 0.6) !important;
  }
}
.text-primary-700 {
  color: rgba(21, 101, 216, 0.7) !important;
}

.hover-text-primary-700 {
  color: rgba(21, 101, 216, 0.7) !important;
}

.focus-text-primary-700 {
  color: rgba(21, 101, 216, 0.7) !important;
}

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

  .sm-hover-text-primary-700:hover {
    color: rgba(21, 101, 216, 0.7) !important;
  }

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

  .md-hover-text-primary-700:hover {
    color: rgba(21, 101, 216, 0.7) !important;
  }

  .md-focus-text-primary-700:focus {
    color: rgba(21, 101, 216, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-700 {
    color: rgba(21, 101, 216, 0.7) !important;
  }

  .lg-hover-text-primary-700:hover {
    color: rgba(21, 101, 216, 0.7) !important;
  }

  .lg-focus-text-primary-700:focus {
    color: rgba(21, 101, 216, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-700 {
    color: rgba(21, 101, 216, 0.7) !important;
  }

  .xl-hover-text-primary-700:hover {
    color: rgba(21, 101, 216, 0.7) !important;
  }

  .xl-focus-text-primary-700:focus {
    color: rgba(21, 101, 216, 0.7) !important;
  }
}
.text-primary-800 {
  color: rgba(21, 101, 216, 0.8) !important;
}

.hover-text-primary-800 {
  color: rgba(21, 101, 216, 0.8) !important;
}

.focus-text-primary-800 {
  color: rgba(21, 101, 216, 0.8) !important;
}

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

  .sm-hover-text-primary-800:hover {
    color: rgba(21, 101, 216, 0.8) !important;
  }

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

  .md-hover-text-primary-800:hover {
    color: rgba(21, 101, 216, 0.8) !important;
  }

  .md-focus-text-primary-800:focus {
    color: rgba(21, 101, 216, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-800 {
    color: rgba(21, 101, 216, 0.8) !important;
  }

  .lg-hover-text-primary-800:hover {
    color: rgba(21, 101, 216, 0.8) !important;
  }

  .lg-focus-text-primary-800:focus {
    color: rgba(21, 101, 216, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-800 {
    color: rgba(21, 101, 216, 0.8) !important;
  }

  .xl-hover-text-primary-800:hover {
    color: rgba(21, 101, 216, 0.8) !important;
  }

  .xl-focus-text-primary-800:focus {
    color: rgba(21, 101, 216, 0.8) !important;
  }
}
.text-primary-900 {
  color: rgba(21, 101, 216, 0.9) !important;
}

.hover-text-primary-900 {
  color: rgba(21, 101, 216, 0.9) !important;
}

.focus-text-primary-900 {
  color: rgba(21, 101, 216, 0.9) !important;
}

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

  .sm-hover-text-primary-900:hover {
    color: rgba(21, 101, 216, 0.9) !important;
  }

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

  .md-hover-text-primary-900:hover {
    color: rgba(21, 101, 216, 0.9) !important;
  }

  .md-focus-text-primary-900:focus {
    color: rgba(21, 101, 216, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-primary-900 {
    color: rgba(21, 101, 216, 0.9) !important;
  }

  .lg-hover-text-primary-900:hover {
    color: rgba(21, 101, 216, 0.9) !important;
  }

  .lg-focus-text-primary-900:focus {
    color: rgba(21, 101, 216, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-primary-900 {
    color: rgba(21, 101, 216, 0.9) !important;
  }

  .xl-hover-text-primary-900:hover {
    color: rgba(21, 101, 216, 0.9) !important;
  }

  .xl-focus-text-primary-900:focus {
    color: rgba(21, 101, 216, 0.9) !important;
  }
}
.text-secondary {
  color: #506690 !important;
}

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

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

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

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

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

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

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

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

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

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

  .xl-focus-text-secondary:focus {
    color: #506690 !important;
  }
}
.text-secondary-100 {
  color: rgba(80, 102, 144, 0.1) !important;
}

.hover-text-secondary-100 {
  color: rgba(80, 102, 144, 0.1) !important;
}

.focus-text-secondary-100 {
  color: rgba(80, 102, 144, 0.1) !important;
}

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

  .sm-hover-text-secondary-100:hover {
    color: rgba(80, 102, 144, 0.1) !important;
  }

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

  .md-hover-text-secondary-100:hover {
    color: rgba(80, 102, 144, 0.1) !important;
  }

  .md-focus-text-secondary-100:focus {
    color: rgba(80, 102, 144, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-100 {
    color: rgba(80, 102, 144, 0.1) !important;
  }

  .lg-hover-text-secondary-100:hover {
    color: rgba(80, 102, 144, 0.1) !important;
  }

  .lg-focus-text-secondary-100:focus {
    color: rgba(80, 102, 144, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-100 {
    color: rgba(80, 102, 144, 0.1) !important;
  }

  .xl-hover-text-secondary-100:hover {
    color: rgba(80, 102, 144, 0.1) !important;
  }

  .xl-focus-text-secondary-100:focus {
    color: rgba(80, 102, 144, 0.1) !important;
  }
}
.text-secondary-200 {
  color: rgba(80, 102, 144, 0.2) !important;
}

.hover-text-secondary-200 {
  color: rgba(80, 102, 144, 0.2) !important;
}

.focus-text-secondary-200 {
  color: rgba(80, 102, 144, 0.2) !important;
}

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

  .sm-hover-text-secondary-200:hover {
    color: rgba(80, 102, 144, 0.2) !important;
  }

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

  .md-hover-text-secondary-200:hover {
    color: rgba(80, 102, 144, 0.2) !important;
  }

  .md-focus-text-secondary-200:focus {
    color: rgba(80, 102, 144, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-200 {
    color: rgba(80, 102, 144, 0.2) !important;
  }

  .lg-hover-text-secondary-200:hover {
    color: rgba(80, 102, 144, 0.2) !important;
  }

  .lg-focus-text-secondary-200:focus {
    color: rgba(80, 102, 144, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-200 {
    color: rgba(80, 102, 144, 0.2) !important;
  }

  .xl-hover-text-secondary-200:hover {
    color: rgba(80, 102, 144, 0.2) !important;
  }

  .xl-focus-text-secondary-200:focus {
    color: rgba(80, 102, 144, 0.2) !important;
  }
}
.text-secondary-300 {
  color: rgba(80, 102, 144, 0.3) !important;
}

.hover-text-secondary-300 {
  color: rgba(80, 102, 144, 0.3) !important;
}

.focus-text-secondary-300 {
  color: rgba(80, 102, 144, 0.3) !important;
}

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

  .sm-hover-text-secondary-300:hover {
    color: rgba(80, 102, 144, 0.3) !important;
  }

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

  .md-hover-text-secondary-300:hover {
    color: rgba(80, 102, 144, 0.3) !important;
  }

  .md-focus-text-secondary-300:focus {
    color: rgba(80, 102, 144, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-300 {
    color: rgba(80, 102, 144, 0.3) !important;
  }

  .lg-hover-text-secondary-300:hover {
    color: rgba(80, 102, 144, 0.3) !important;
  }

  .lg-focus-text-secondary-300:focus {
    color: rgba(80, 102, 144, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-300 {
    color: rgba(80, 102, 144, 0.3) !important;
  }

  .xl-hover-text-secondary-300:hover {
    color: rgba(80, 102, 144, 0.3) !important;
  }

  .xl-focus-text-secondary-300:focus {
    color: rgba(80, 102, 144, 0.3) !important;
  }
}
.text-secondary-400 {
  color: rgba(80, 102, 144, 0.4) !important;
}

.hover-text-secondary-400 {
  color: rgba(80, 102, 144, 0.4) !important;
}

.focus-text-secondary-400 {
  color: rgba(80, 102, 144, 0.4) !important;
}

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

  .sm-hover-text-secondary-400:hover {
    color: rgba(80, 102, 144, 0.4) !important;
  }

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

  .md-hover-text-secondary-400:hover {
    color: rgba(80, 102, 144, 0.4) !important;
  }

  .md-focus-text-secondary-400:focus {
    color: rgba(80, 102, 144, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-400 {
    color: rgba(80, 102, 144, 0.4) !important;
  }

  .lg-hover-text-secondary-400:hover {
    color: rgba(80, 102, 144, 0.4) !important;
  }

  .lg-focus-text-secondary-400:focus {
    color: rgba(80, 102, 144, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-400 {
    color: rgba(80, 102, 144, 0.4) !important;
  }

  .xl-hover-text-secondary-400:hover {
    color: rgba(80, 102, 144, 0.4) !important;
  }

  .xl-focus-text-secondary-400:focus {
    color: rgba(80, 102, 144, 0.4) !important;
  }
}
.text-secondary-500 {
  color: rgba(80, 102, 144, 0.5) !important;
}

.hover-text-secondary-500 {
  color: rgba(80, 102, 144, 0.5) !important;
}

.focus-text-secondary-500 {
  color: rgba(80, 102, 144, 0.5) !important;
}

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

  .sm-hover-text-secondary-500:hover {
    color: rgba(80, 102, 144, 0.5) !important;
  }

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

  .md-hover-text-secondary-500:hover {
    color: rgba(80, 102, 144, 0.5) !important;
  }

  .md-focus-text-secondary-500:focus {
    color: rgba(80, 102, 144, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-500 {
    color: rgba(80, 102, 144, 0.5) !important;
  }

  .lg-hover-text-secondary-500:hover {
    color: rgba(80, 102, 144, 0.5) !important;
  }

  .lg-focus-text-secondary-500:focus {
    color: rgba(80, 102, 144, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-500 {
    color: rgba(80, 102, 144, 0.5) !important;
  }

  .xl-hover-text-secondary-500:hover {
    color: rgba(80, 102, 144, 0.5) !important;
  }

  .xl-focus-text-secondary-500:focus {
    color: rgba(80, 102, 144, 0.5) !important;
  }
}
.text-secondary-600 {
  color: rgba(80, 102, 144, 0.6) !important;
}

.hover-text-secondary-600 {
  color: rgba(80, 102, 144, 0.6) !important;
}

.focus-text-secondary-600 {
  color: rgba(80, 102, 144, 0.6) !important;
}

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

  .sm-hover-text-secondary-600:hover {
    color: rgba(80, 102, 144, 0.6) !important;
  }

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

  .md-hover-text-secondary-600:hover {
    color: rgba(80, 102, 144, 0.6) !important;
  }

  .md-focus-text-secondary-600:focus {
    color: rgba(80, 102, 144, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-600 {
    color: rgba(80, 102, 144, 0.6) !important;
  }

  .lg-hover-text-secondary-600:hover {
    color: rgba(80, 102, 144, 0.6) !important;
  }

  .lg-focus-text-secondary-600:focus {
    color: rgba(80, 102, 144, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-600 {
    color: rgba(80, 102, 144, 0.6) !important;
  }

  .xl-hover-text-secondary-600:hover {
    color: rgba(80, 102, 144, 0.6) !important;
  }

  .xl-focus-text-secondary-600:focus {
    color: rgba(80, 102, 144, 0.6) !important;
  }
}
.text-secondary-700 {
  color: rgba(80, 102, 144, 0.7) !important;
}

.hover-text-secondary-700 {
  color: rgba(80, 102, 144, 0.7) !important;
}

.focus-text-secondary-700 {
  color: rgba(80, 102, 144, 0.7) !important;
}

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

  .sm-hover-text-secondary-700:hover {
    color: rgba(80, 102, 144, 0.7) !important;
  }

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

  .md-hover-text-secondary-700:hover {
    color: rgba(80, 102, 144, 0.7) !important;
  }

  .md-focus-text-secondary-700:focus {
    color: rgba(80, 102, 144, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-700 {
    color: rgba(80, 102, 144, 0.7) !important;
  }

  .lg-hover-text-secondary-700:hover {
    color: rgba(80, 102, 144, 0.7) !important;
  }

  .lg-focus-text-secondary-700:focus {
    color: rgba(80, 102, 144, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-700 {
    color: rgba(80, 102, 144, 0.7) !important;
  }

  .xl-hover-text-secondary-700:hover {
    color: rgba(80, 102, 144, 0.7) !important;
  }

  .xl-focus-text-secondary-700:focus {
    color: rgba(80, 102, 144, 0.7) !important;
  }
}
.text-secondary-800 {
  color: rgba(80, 102, 144, 0.8) !important;
}

.hover-text-secondary-800 {
  color: rgba(80, 102, 144, 0.8) !important;
}

.focus-text-secondary-800 {
  color: rgba(80, 102, 144, 0.8) !important;
}

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

  .sm-hover-text-secondary-800:hover {
    color: rgba(80, 102, 144, 0.8) !important;
  }

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

  .md-hover-text-secondary-800:hover {
    color: rgba(80, 102, 144, 0.8) !important;
  }

  .md-focus-text-secondary-800:focus {
    color: rgba(80, 102, 144, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-800 {
    color: rgba(80, 102, 144, 0.8) !important;
  }

  .lg-hover-text-secondary-800:hover {
    color: rgba(80, 102, 144, 0.8) !important;
  }

  .lg-focus-text-secondary-800:focus {
    color: rgba(80, 102, 144, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-800 {
    color: rgba(80, 102, 144, 0.8) !important;
  }

  .xl-hover-text-secondary-800:hover {
    color: rgba(80, 102, 144, 0.8) !important;
  }

  .xl-focus-text-secondary-800:focus {
    color: rgba(80, 102, 144, 0.8) !important;
  }
}
.text-secondary-900 {
  color: rgba(80, 102, 144, 0.9) !important;
}

.hover-text-secondary-900 {
  color: rgba(80, 102, 144, 0.9) !important;
}

.focus-text-secondary-900 {
  color: rgba(80, 102, 144, 0.9) !important;
}

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

  .sm-hover-text-secondary-900:hover {
    color: rgba(80, 102, 144, 0.9) !important;
  }

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

  .md-hover-text-secondary-900:hover {
    color: rgba(80, 102, 144, 0.9) !important;
  }

  .md-focus-text-secondary-900:focus {
    color: rgba(80, 102, 144, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-secondary-900 {
    color: rgba(80, 102, 144, 0.9) !important;
  }

  .lg-hover-text-secondary-900:hover {
    color: rgba(80, 102, 144, 0.9) !important;
  }

  .lg-focus-text-secondary-900:focus {
    color: rgba(80, 102, 144, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-secondary-900 {
    color: rgba(80, 102, 144, 0.9) !important;
  }

  .xl-hover-text-secondary-900:hover {
    color: rgba(80, 102, 144, 0.9) !important;
  }

  .xl-focus-text-secondary-900:focus {
    color: rgba(80, 102, 144, 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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: #6AD6A2 !important;
}

.hover-text-black {
  color: #6AD6A2 !important;
}

.focus-text-black {
  color: #6AD6A2 !important;
}

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

  .sm-hover-text-black:hover {
    color: #6AD6A2 !important;
  }

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

  .md-hover-text-black:hover {
    color: #6AD6A2 !important;
  }

  .md-focus-text-black:focus {
    color: #6AD6A2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black {
    color: #6AD6A2 !important;
  }

  .lg-hover-text-black:hover {
    color: #6AD6A2 !important;
  }

  .lg-focus-text-black:focus {
    color: #6AD6A2 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black {
    color: #6AD6A2 !important;
  }

  .xl-hover-text-black:hover {
    color: #6AD6A2 !important;
  }

  .xl-focus-text-black:focus {
    color: #6AD6A2 !important;
  }
}
.text-black-100 {
  color: rgba(24, 59, 86, 0.1) !important;
}

.hover-text-black-100 {
  color: rgba(24, 59, 86, 0.1) !important;
}

.focus-text-black-100 {
  color: rgba(24, 59, 86, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-100 {
    color: rgba(24, 59, 86, 0.1) !important;
  }

  .sm-hover-text-black-100:hover {
    color: rgba(24, 59, 86, 0.1) !important;
  }

  .sm-focus-text-black-100:focus {
    color: rgba(24, 59, 86, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-100 {
    color: rgba(24, 59, 86, 0.1) !important;
  }

  .md-hover-text-black-100:hover {
    color: rgba(24, 59, 86, 0.1) !important;
  }

  .md-focus-text-black-100:focus {
    color: rgba(24, 59, 86, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-100 {
    color: rgba(24, 59, 86, 0.1) !important;
  }

  .lg-hover-text-black-100:hover {
    color: rgba(24, 59, 86, 0.1) !important;
  }

  .lg-focus-text-black-100:focus {
    color: rgba(24, 59, 86, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-100 {
    color: rgba(24, 59, 86, 0.1) !important;
  }

  .xl-hover-text-black-100:hover {
    color: rgba(24, 59, 86, 0.1) !important;
  }

  .xl-focus-text-black-100:focus {
    color: rgba(24, 59, 86, 0.1) !important;
  }
}
.text-black-200 {
  color: rgba(24, 59, 86, 0.2) !important;
}

.hover-text-black-200 {
  color: rgba(24, 59, 86, 0.2) !important;
}

.focus-text-black-200 {
  color: rgba(24, 59, 86, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-200 {
    color: rgba(24, 59, 86, 0.2) !important;
  }

  .sm-hover-text-black-200:hover {
    color: rgba(24, 59, 86, 0.2) !important;
  }

  .sm-focus-text-black-200:focus {
    color: rgba(24, 59, 86, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-200 {
    color: rgba(24, 59, 86, 0.2) !important;
  }

  .md-hover-text-black-200:hover {
    color: rgba(24, 59, 86, 0.2) !important;
  }

  .md-focus-text-black-200:focus {
    color: rgba(24, 59, 86, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-200 {
    color: rgba(24, 59, 86, 0.2) !important;
  }

  .lg-hover-text-black-200:hover {
    color: rgba(24, 59, 86, 0.2) !important;
  }

  .lg-focus-text-black-200:focus {
    color: rgba(24, 59, 86, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-200 {
    color: rgba(24, 59, 86, 0.2) !important;
  }

  .xl-hover-text-black-200:hover {
    color: rgba(24, 59, 86, 0.2) !important;
  }

  .xl-focus-text-black-200:focus {
    color: rgba(24, 59, 86, 0.2) !important;
  }
}
.text-black-300 {
  color: rgba(24, 59, 86, 0.3) !important;
}

.hover-text-black-300 {
  color: rgba(24, 59, 86, 0.3) !important;
}

.focus-text-black-300 {
  color: rgba(24, 59, 86, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-300 {
    color: rgba(24, 59, 86, 0.3) !important;
  }

  .sm-hover-text-black-300:hover {
    color: rgba(24, 59, 86, 0.3) !important;
  }

  .sm-focus-text-black-300:focus {
    color: rgba(24, 59, 86, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-300 {
    color: rgba(24, 59, 86, 0.3) !important;
  }

  .md-hover-text-black-300:hover {
    color: rgba(24, 59, 86, 0.3) !important;
  }

  .md-focus-text-black-300:focus {
    color: rgba(24, 59, 86, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-300 {
    color: rgba(24, 59, 86, 0.3) !important;
  }

  .lg-hover-text-black-300:hover {
    color: rgba(24, 59, 86, 0.3) !important;
  }

  .lg-focus-text-black-300:focus {
    color: rgba(24, 59, 86, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-300 {
    color: rgba(24, 59, 86, 0.3) !important;
  }

  .xl-hover-text-black-300:hover {
    color: rgba(24, 59, 86, 0.3) !important;
  }

  .xl-focus-text-black-300:focus {
    color: rgba(24, 59, 86, 0.3) !important;
  }
}
.text-black-400 {
  color: rgba(24, 59, 86, 0.4) !important;
}

.hover-text-black-400 {
  color: rgba(24, 59, 86, 0.4) !important;
}

.focus-text-black-400 {
  color: rgba(24, 59, 86, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-400 {
    color: rgba(24, 59, 86, 0.4) !important;
  }

  .sm-hover-text-black-400:hover {
    color: rgba(24, 59, 86, 0.4) !important;
  }

  .sm-focus-text-black-400:focus {
    color: rgba(24, 59, 86, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-400 {
    color: rgba(24, 59, 86, 0.4) !important;
  }

  .md-hover-text-black-400:hover {
    color: rgba(24, 59, 86, 0.4) !important;
  }

  .md-focus-text-black-400:focus {
    color: rgba(24, 59, 86, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-400 {
    color: rgba(24, 59, 86, 0.4) !important;
  }

  .lg-hover-text-black-400:hover {
    color: rgba(24, 59, 86, 0.4) !important;
  }

  .lg-focus-text-black-400:focus {
    color: rgba(24, 59, 86, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-400 {
    color: rgba(24, 59, 86, 0.4) !important;
  }

  .xl-hover-text-black-400:hover {
    color: rgba(24, 59, 86, 0.4) !important;
  }

  .xl-focus-text-black-400:focus {
    color: rgba(24, 59, 86, 0.4) !important;
  }
}
.text-black-500 {
  color: rgba(24, 59, 86, 0.5) !important;
}

.hover-text-black-500 {
  color: rgba(24, 59, 86, 0.5) !important;
}

.focus-text-black-500 {
  color: rgba(24, 59, 86, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-500 {
    color: rgba(24, 59, 86, 0.5) !important;
  }

  .sm-hover-text-black-500:hover {
    color: rgba(24, 59, 86, 0.5) !important;
  }

  .sm-focus-text-black-500:focus {
    color: rgba(24, 59, 86, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-500 {
    color: rgba(24, 59, 86, 0.5) !important;
  }

  .md-hover-text-black-500:hover {
    color: rgba(24, 59, 86, 0.5) !important;
  }

  .md-focus-text-black-500:focus {
    color: rgba(24, 59, 86, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-500 {
    color: rgba(24, 59, 86, 0.5) !important;
  }

  .lg-hover-text-black-500:hover {
    color: rgba(24, 59, 86, 0.5) !important;
  }

  .lg-focus-text-black-500:focus {
    color: rgba(24, 59, 86, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-500 {
    color: rgba(24, 59, 86, 0.5) !important;
  }

  .xl-hover-text-black-500:hover {
    color: rgba(24, 59, 86, 0.5) !important;
  }

  .xl-focus-text-black-500:focus {
    color: rgba(24, 59, 86, 0.5) !important;
  }
}
.text-black-600 {
  color: rgba(24, 59, 86, 0.6) !important;
}

.hover-text-black-600 {
  color: rgba(24, 59, 86, 0.6) !important;
}

.focus-text-black-600 {
  color: rgba(24, 59, 86, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-600 {
    color: rgba(24, 59, 86, 0.6) !important;
  }

  .sm-hover-text-black-600:hover {
    color: rgba(24, 59, 86, 0.6) !important;
  }

  .sm-focus-text-black-600:focus {
    color: rgba(24, 59, 86, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-600 {
    color: rgba(24, 59, 86, 0.6) !important;
  }

  .md-hover-text-black-600:hover {
    color: rgba(24, 59, 86, 0.6) !important;
  }

  .md-focus-text-black-600:focus {
    color: rgba(24, 59, 86, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-600 {
    color: rgba(24, 59, 86, 0.6) !important;
  }

  .lg-hover-text-black-600:hover {
    color: rgba(24, 59, 86, 0.6) !important;
  }

  .lg-focus-text-black-600:focus {
    color: rgba(24, 59, 86, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-600 {
    color: rgba(24, 59, 86, 0.6) !important;
  }

  .xl-hover-text-black-600:hover {
    color: rgba(24, 59, 86, 0.6) !important;
  }

  .xl-focus-text-black-600:focus {
    color: rgba(24, 59, 86, 0.6) !important;
  }
}
.text-black-700 {
  color: rgba(24, 59, 86, 0.7) !important;
}

.hover-text-black-700 {
  color: rgba(24, 59, 86, 0.7) !important;
}

.focus-text-black-700 {
  color: rgba(24, 59, 86, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-700 {
    color: rgba(24, 59, 86, 0.7) !important;
  }

  .sm-hover-text-black-700:hover {
    color: rgba(24, 59, 86, 0.7) !important;
  }

  .sm-focus-text-black-700:focus {
    color: rgba(24, 59, 86, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-700 {
    color: rgba(24, 59, 86, 0.7) !important;
  }

  .md-hover-text-black-700:hover {
    color: rgba(24, 59, 86, 0.7) !important;
  }

  .md-focus-text-black-700:focus {
    color: rgba(24, 59, 86, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-700 {
    color: rgba(24, 59, 86, 0.7) !important;
  }

  .lg-hover-text-black-700:hover {
    color: rgba(24, 59, 86, 0.7) !important;
  }

  .lg-focus-text-black-700:focus {
    color: rgba(24, 59, 86, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-700 {
    color: rgba(24, 59, 86, 0.7) !important;
  }

  .xl-hover-text-black-700:hover {
    color: rgba(24, 59, 86, 0.7) !important;
  }

  .xl-focus-text-black-700:focus {
    color: rgba(24, 59, 86, 0.7) !important;
  }
}
.text-black-800 {
  color: rgba(24, 59, 86, 0.8) !important;
}

.hover-text-black-800 {
  color: rgba(24, 59, 86, 0.8) !important;
}

.focus-text-black-800 {
  color: rgba(24, 59, 86, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-800 {
    color: rgba(24, 59, 86, 0.8) !important;
  }

  .sm-hover-text-black-800:hover {
    color: rgba(24, 59, 86, 0.8) !important;
  }

  .sm-focus-text-black-800:focus {
    color: rgba(24, 59, 86, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-800 {
    color: rgba(24, 59, 86, 0.8) !important;
  }

  .md-hover-text-black-800:hover {
    color: rgba(24, 59, 86, 0.8) !important;
  }

  .md-focus-text-black-800:focus {
    color: rgba(24, 59, 86, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-800 {
    color: rgba(24, 59, 86, 0.8) !important;
  }

  .lg-hover-text-black-800:hover {
    color: rgba(24, 59, 86, 0.8) !important;
  }

  .lg-focus-text-black-800:focus {
    color: rgba(24, 59, 86, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-800 {
    color: rgba(24, 59, 86, 0.8) !important;
  }

  .xl-hover-text-black-800:hover {
    color: rgba(24, 59, 86, 0.8) !important;
  }

  .xl-focus-text-black-800:focus {
    color: rgba(24, 59, 86, 0.8) !important;
  }
}
.text-black-900 {
  color: rgba(24, 59, 86, 0.9) !important;
}

.hover-text-black-900 {
  color: rgba(24, 59, 86, 0.9) !important;
}

.focus-text-black-900 {
  color: rgba(24, 59, 86, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-black-900 {
    color: rgba(24, 59, 86, 0.9) !important;
  }

  .sm-hover-text-black-900:hover {
    color: rgba(24, 59, 86, 0.9) !important;
  }

  .sm-focus-text-black-900:focus {
    color: rgba(24, 59, 86, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-black-900 {
    color: rgba(24, 59, 86, 0.9) !important;
  }

  .md-hover-text-black-900:hover {
    color: rgba(24, 59, 86, 0.9) !important;
  }

  .md-focus-text-black-900:focus {
    color: rgba(24, 59, 86, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-black-900 {
    color: rgba(24, 59, 86, 0.9) !important;
  }

  .lg-hover-text-black-900:hover {
    color: rgba(24, 59, 86, 0.9) !important;
  }

  .lg-focus-text-black-900:focus {
    color: rgba(24, 59, 86, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-black-900 {
    color: rgba(24, 59, 86, 0.9) !important;
  }

  .xl-hover-text-black-900:hover {
    color: rgba(24, 59, 86, 0.9) !important;
  }

  .xl-focus-text-black-900:focus {
    color: rgba(24, 59, 86, 0.9) !important;
  }
}
.text-gray {
  color: #5a7184 !important;
}

.hover-text-gray {
  color: #5a7184 !important;
}

.focus-text-gray {
  color: #5a7184 !important;
}

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

  .sm-hover-text-gray:hover {
    color: #5a7184 !important;
  }

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

  .md-hover-text-gray:hover {
    color: #5a7184 !important;
  }

  .md-focus-text-gray:focus {
    color: #5a7184 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray {
    color: #5a7184 !important;
  }

  .lg-hover-text-gray:hover {
    color: #5a7184 !important;
  }

  .lg-focus-text-gray:focus {
    color: #5a7184 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray {
    color: #5a7184 !important;
  }

  .xl-hover-text-gray:hover {
    color: #5a7184 !important;
  }

  .xl-focus-text-gray:focus {
    color: #5a7184 !important;
  }
}
.text-gray-100 {
  color: rgba(90, 113, 132, 0.1) !important;
}

.hover-text-gray-100 {
  color: rgba(90, 113, 132, 0.1) !important;
}

.focus-text-gray-100 {
  color: rgba(90, 113, 132, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-100 {
    color: rgba(90, 113, 132, 0.1) !important;
  }

  .sm-hover-text-gray-100:hover {
    color: rgba(90, 113, 132, 0.1) !important;
  }

  .sm-focus-text-gray-100:focus {
    color: rgba(90, 113, 132, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-100 {
    color: rgba(90, 113, 132, 0.1) !important;
  }

  .md-hover-text-gray-100:hover {
    color: rgba(90, 113, 132, 0.1) !important;
  }

  .md-focus-text-gray-100:focus {
    color: rgba(90, 113, 132, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-100 {
    color: rgba(90, 113, 132, 0.1) !important;
  }

  .lg-hover-text-gray-100:hover {
    color: rgba(90, 113, 132, 0.1) !important;
  }

  .lg-focus-text-gray-100:focus {
    color: rgba(90, 113, 132, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-100 {
    color: rgba(90, 113, 132, 0.1) !important;
  }

  .xl-hover-text-gray-100:hover {
    color: rgba(90, 113, 132, 0.1) !important;
  }

  .xl-focus-text-gray-100:focus {
    color: rgba(90, 113, 132, 0.1) !important;
  }
}
.text-gray-200 {
  color: rgba(90, 113, 132, 0.2) !important;
}

.hover-text-gray-200 {
  color: rgba(90, 113, 132, 0.2) !important;
}

.focus-text-gray-200 {
  color: rgba(90, 113, 132, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-200 {
    color: rgba(90, 113, 132, 0.2) !important;
  }

  .sm-hover-text-gray-200:hover {
    color: rgba(90, 113, 132, 0.2) !important;
  }

  .sm-focus-text-gray-200:focus {
    color: rgba(90, 113, 132, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-200 {
    color: rgba(90, 113, 132, 0.2) !important;
  }

  .md-hover-text-gray-200:hover {
    color: rgba(90, 113, 132, 0.2) !important;
  }

  .md-focus-text-gray-200:focus {
    color: rgba(90, 113, 132, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-200 {
    color: rgba(90, 113, 132, 0.2) !important;
  }

  .lg-hover-text-gray-200:hover {
    color: rgba(90, 113, 132, 0.2) !important;
  }

  .lg-focus-text-gray-200:focus {
    color: rgba(90, 113, 132, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-200 {
    color: rgba(90, 113, 132, 0.2) !important;
  }

  .xl-hover-text-gray-200:hover {
    color: rgba(90, 113, 132, 0.2) !important;
  }

  .xl-focus-text-gray-200:focus {
    color: rgba(90, 113, 132, 0.2) !important;
  }
}
.text-gray-300 {
  color: rgba(90, 113, 132, 0.3) !important;
}

.hover-text-gray-300 {
  color: rgba(90, 113, 132, 0.3) !important;
}

.focus-text-gray-300 {
  color: rgba(90, 113, 132, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-300 {
    color: rgba(90, 113, 132, 0.3) !important;
  }

  .sm-hover-text-gray-300:hover {
    color: rgba(90, 113, 132, 0.3) !important;
  }

  .sm-focus-text-gray-300:focus {
    color: rgba(90, 113, 132, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-300 {
    color: rgba(90, 113, 132, 0.3) !important;
  }

  .md-hover-text-gray-300:hover {
    color: rgba(90, 113, 132, 0.3) !important;
  }

  .md-focus-text-gray-300:focus {
    color: rgba(90, 113, 132, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-300 {
    color: rgba(90, 113, 132, 0.3) !important;
  }

  .lg-hover-text-gray-300:hover {
    color: rgba(90, 113, 132, 0.3) !important;
  }

  .lg-focus-text-gray-300:focus {
    color: rgba(90, 113, 132, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-300 {
    color: rgba(90, 113, 132, 0.3) !important;
  }

  .xl-hover-text-gray-300:hover {
    color: rgba(90, 113, 132, 0.3) !important;
  }

  .xl-focus-text-gray-300:focus {
    color: rgba(90, 113, 132, 0.3) !important;
  }
}
.text-gray-400 {
  color: rgba(90, 113, 132, 0.4) !important;
}

.hover-text-gray-400 {
  color: rgba(90, 113, 132, 0.4) !important;
}

.focus-text-gray-400 {
  color: rgba(90, 113, 132, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-400 {
    color: rgba(90, 113, 132, 0.4) !important;
  }

  .sm-hover-text-gray-400:hover {
    color: rgba(90, 113, 132, 0.4) !important;
  }

  .sm-focus-text-gray-400:focus {
    color: rgba(90, 113, 132, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-400 {
    color: rgba(90, 113, 132, 0.4) !important;
  }

  .md-hover-text-gray-400:hover {
    color: rgba(90, 113, 132, 0.4) !important;
  }

  .md-focus-text-gray-400:focus {
    color: rgba(90, 113, 132, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-400 {
    color: rgba(90, 113, 132, 0.4) !important;
  }

  .lg-hover-text-gray-400:hover {
    color: rgba(90, 113, 132, 0.4) !important;
  }

  .lg-focus-text-gray-400:focus {
    color: rgba(90, 113, 132, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-400 {
    color: rgba(90, 113, 132, 0.4) !important;
  }

  .xl-hover-text-gray-400:hover {
    color: rgba(90, 113, 132, 0.4) !important;
  }

  .xl-focus-text-gray-400:focus {
    color: rgba(90, 113, 132, 0.4) !important;
  }
}
.text-gray-500 {
  color: rgba(90, 113, 132, 0.5) !important;
}

.hover-text-gray-500 {
  color: rgba(90, 113, 132, 0.5) !important;
}

.focus-text-gray-500 {
  color: rgba(90, 113, 132, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-500 {
    color: rgba(90, 113, 132, 0.5) !important;
  }

  .sm-hover-text-gray-500:hover {
    color: rgba(90, 113, 132, 0.5) !important;
  }

  .sm-focus-text-gray-500:focus {
    color: rgba(90, 113, 132, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-500 {
    color: rgba(90, 113, 132, 0.5) !important;
  }

  .md-hover-text-gray-500:hover {
    color: rgba(90, 113, 132, 0.5) !important;
  }

  .md-focus-text-gray-500:focus {
    color: rgba(90, 113, 132, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-500 {
    color: rgba(90, 113, 132, 0.5) !important;
  }

  .lg-hover-text-gray-500:hover {
    color: rgba(90, 113, 132, 0.5) !important;
  }

  .lg-focus-text-gray-500:focus {
    color: rgba(90, 113, 132, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-500 {
    color: rgba(90, 113, 132, 0.5) !important;
  }

  .xl-hover-text-gray-500:hover {
    color: rgba(90, 113, 132, 0.5) !important;
  }

  .xl-focus-text-gray-500:focus {
    color: rgba(90, 113, 132, 0.5) !important;
  }
}
.text-gray-600 {
  color: rgba(90, 113, 132, 0.6) !important;
}

.hover-text-gray-600 {
  color: rgba(90, 113, 132, 0.6) !important;
}

.focus-text-gray-600 {
  color: rgba(90, 113, 132, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-600 {
    color: rgba(90, 113, 132, 0.6) !important;
  }

  .sm-hover-text-gray-600:hover {
    color: rgba(90, 113, 132, 0.6) !important;
  }

  .sm-focus-text-gray-600:focus {
    color: rgba(90, 113, 132, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-600 {
    color: rgba(90, 113, 132, 0.6) !important;
  }

  .md-hover-text-gray-600:hover {
    color: rgba(90, 113, 132, 0.6) !important;
  }

  .md-focus-text-gray-600:focus {
    color: rgba(90, 113, 132, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-600 {
    color: rgba(90, 113, 132, 0.6) !important;
  }

  .lg-hover-text-gray-600:hover {
    color: rgba(90, 113, 132, 0.6) !important;
  }

  .lg-focus-text-gray-600:focus {
    color: rgba(90, 113, 132, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-600 {
    color: rgba(90, 113, 132, 0.6) !important;
  }

  .xl-hover-text-gray-600:hover {
    color: rgba(90, 113, 132, 0.6) !important;
  }

  .xl-focus-text-gray-600:focus {
    color: rgba(90, 113, 132, 0.6) !important;
  }
}
.text-gray-700 {
  color: rgba(90, 113, 132, 0.7) !important;
}

.hover-text-gray-700 {
  color: rgba(90, 113, 132, 0.7) !important;
}

.focus-text-gray-700 {
  color: rgba(90, 113, 132, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-700 {
    color: rgba(90, 113, 132, 0.7) !important;
  }

  .sm-hover-text-gray-700:hover {
    color: rgba(90, 113, 132, 0.7) !important;
  }

  .sm-focus-text-gray-700:focus {
    color: rgba(90, 113, 132, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-700 {
    color: rgba(90, 113, 132, 0.7) !important;
  }

  .md-hover-text-gray-700:hover {
    color: rgba(90, 113, 132, 0.7) !important;
  }

  .md-focus-text-gray-700:focus {
    color: rgba(90, 113, 132, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-700 {
    color: rgba(90, 113, 132, 0.7) !important;
  }

  .lg-hover-text-gray-700:hover {
    color: rgba(90, 113, 132, 0.7) !important;
  }

  .lg-focus-text-gray-700:focus {
    color: rgba(90, 113, 132, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-700 {
    color: rgba(90, 113, 132, 0.7) !important;
  }

  .xl-hover-text-gray-700:hover {
    color: rgba(90, 113, 132, 0.7) !important;
  }

  .xl-focus-text-gray-700:focus {
    color: rgba(90, 113, 132, 0.7) !important;
  }
}
.text-gray-800 {
  color: rgba(90, 113, 132, 0.8) !important;
}

.hover-text-gray-800 {
  color: rgba(90, 113, 132, 0.8) !important;
}

.focus-text-gray-800 {
  color: rgba(90, 113, 132, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-800 {
    color: rgba(90, 113, 132, 0.8) !important;
  }

  .sm-hover-text-gray-800:hover {
    color: rgba(90, 113, 132, 0.8) !important;
  }

  .sm-focus-text-gray-800:focus {
    color: rgba(90, 113, 132, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-800 {
    color: rgba(90, 113, 132, 0.8) !important;
  }

  .md-hover-text-gray-800:hover {
    color: rgba(90, 113, 132, 0.8) !important;
  }

  .md-focus-text-gray-800:focus {
    color: rgba(90, 113, 132, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-800 {
    color: rgba(90, 113, 132, 0.8) !important;
  }

  .lg-hover-text-gray-800:hover {
    color: rgba(90, 113, 132, 0.8) !important;
  }

  .lg-focus-text-gray-800:focus {
    color: rgba(90, 113, 132, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-800 {
    color: rgba(90, 113, 132, 0.8) !important;
  }

  .xl-hover-text-gray-800:hover {
    color: rgba(90, 113, 132, 0.8) !important;
  }

  .xl-focus-text-gray-800:focus {
    color: rgba(90, 113, 132, 0.8) !important;
  }
}
.text-gray-900 {
  color: rgba(90, 113, 132, 0.9) !important;
}

.hover-text-gray-900 {
  color: rgba(90, 113, 132, 0.9) !important;
}

.focus-text-gray-900 {
  color: rgba(90, 113, 132, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-900 {
    color: rgba(90, 113, 132, 0.9) !important;
  }

  .sm-hover-text-gray-900:hover {
    color: rgba(90, 113, 132, 0.9) !important;
  }

  .sm-focus-text-gray-900:focus {
    color: rgba(90, 113, 132, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-text-gray-900 {
    color: rgba(90, 113, 132, 0.9) !important;
  }

  .md-hover-text-gray-900:hover {
    color: rgba(90, 113, 132, 0.9) !important;
  }

  .md-focus-text-gray-900:focus {
    color: rgba(90, 113, 132, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-900 {
    color: rgba(90, 113, 132, 0.9) !important;
  }

  .lg-hover-text-gray-900:hover {
    color: rgba(90, 113, 132, 0.9) !important;
  }

  .lg-focus-text-gray-900:focus {
    color: rgba(90, 113, 132, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-900 {
    color: rgba(90, 113, 132, 0.9) !important;
  }

  .xl-hover-text-gray-900:hover {
    color: rgba(90, 113, 132, 0.9) !important;
  }

  .xl-focus-text-gray-900:focus {
    color: rgba(90, 113, 132, 0.9) !important;
  }
}
.text-gray-light {
  color: #b3bac5 !important;
}

.hover-text-gray-light {
  color: #b3bac5 !important;
}

.focus-text-gray-light {
  color: #b3bac5 !important;
}

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

  .sm-hover-text-gray-light:hover {
    color: #b3bac5 !important;
  }

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

  .md-hover-text-gray-light:hover {
    color: #b3bac5 !important;
  }

  .md-focus-text-gray-light:focus {
    color: #b3bac5 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light {
    color: #b3bac5 !important;
  }

  .lg-hover-text-gray-light:hover {
    color: #b3bac5 !important;
  }

  .lg-focus-text-gray-light:focus {
    color: #b3bac5 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light {
    color: #b3bac5 !important;
  }

  .xl-hover-text-gray-light:hover {
    color: #b3bac5 !important;
  }

  .xl-focus-text-gray-light:focus {
    color: #b3bac5 !important;
  }
}
.text-gray-light-100 {
  color: rgba(179, 186, 197, 0.1) !important;
}

.hover-text-gray-light-100 {
  color: rgba(179, 186, 197, 0.1) !important;
}

.focus-text-gray-light-100 {
  color: rgba(179, 186, 197, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-100 {
    color: rgba(179, 186, 197, 0.1) !important;
  }

  .sm-hover-text-gray-light-100:hover {
    color: rgba(179, 186, 197, 0.1) !important;
  }

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

  .md-hover-text-gray-light-100:hover {
    color: rgba(179, 186, 197, 0.1) !important;
  }

  .md-focus-text-gray-light-100:focus {
    color: rgba(179, 186, 197, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-100 {
    color: rgba(179, 186, 197, 0.1) !important;
  }

  .lg-hover-text-gray-light-100:hover {
    color: rgba(179, 186, 197, 0.1) !important;
  }

  .lg-focus-text-gray-light-100:focus {
    color: rgba(179, 186, 197, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-100 {
    color: rgba(179, 186, 197, 0.1) !important;
  }

  .xl-hover-text-gray-light-100:hover {
    color: rgba(179, 186, 197, 0.1) !important;
  }

  .xl-focus-text-gray-light-100:focus {
    color: rgba(179, 186, 197, 0.1) !important;
  }
}
.text-gray-light-200 {
  color: rgba(179, 186, 197, 0.2) !important;
}

.hover-text-gray-light-200 {
  color: rgba(179, 186, 197, 0.2) !important;
}

.focus-text-gray-light-200 {
  color: rgba(179, 186, 197, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-200 {
    color: rgba(179, 186, 197, 0.2) !important;
  }

  .sm-hover-text-gray-light-200:hover {
    color: rgba(179, 186, 197, 0.2) !important;
  }

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

  .md-hover-text-gray-light-200:hover {
    color: rgba(179, 186, 197, 0.2) !important;
  }

  .md-focus-text-gray-light-200:focus {
    color: rgba(179, 186, 197, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-200 {
    color: rgba(179, 186, 197, 0.2) !important;
  }

  .lg-hover-text-gray-light-200:hover {
    color: rgba(179, 186, 197, 0.2) !important;
  }

  .lg-focus-text-gray-light-200:focus {
    color: rgba(179, 186, 197, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-200 {
    color: rgba(179, 186, 197, 0.2) !important;
  }

  .xl-hover-text-gray-light-200:hover {
    color: rgba(179, 186, 197, 0.2) !important;
  }

  .xl-focus-text-gray-light-200:focus {
    color: rgba(179, 186, 197, 0.2) !important;
  }
}
.text-gray-light-300 {
  color: rgba(179, 186, 197, 0.3) !important;
}

.hover-text-gray-light-300 {
  color: rgba(179, 186, 197, 0.3) !important;
}

.focus-text-gray-light-300 {
  color: rgba(179, 186, 197, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-300 {
    color: rgba(179, 186, 197, 0.3) !important;
  }

  .sm-hover-text-gray-light-300:hover {
    color: rgba(179, 186, 197, 0.3) !important;
  }

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

  .md-hover-text-gray-light-300:hover {
    color: rgba(179, 186, 197, 0.3) !important;
  }

  .md-focus-text-gray-light-300:focus {
    color: rgba(179, 186, 197, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-300 {
    color: rgba(179, 186, 197, 0.3) !important;
  }

  .lg-hover-text-gray-light-300:hover {
    color: rgba(179, 186, 197, 0.3) !important;
  }

  .lg-focus-text-gray-light-300:focus {
    color: rgba(179, 186, 197, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-300 {
    color: rgba(179, 186, 197, 0.3) !important;
  }

  .xl-hover-text-gray-light-300:hover {
    color: rgba(179, 186, 197, 0.3) !important;
  }

  .xl-focus-text-gray-light-300:focus {
    color: rgba(179, 186, 197, 0.3) !important;
  }
}
.text-gray-light-400 {
  color: rgba(179, 186, 197, 0.4) !important;
}

.hover-text-gray-light-400 {
  color: rgba(179, 186, 197, 0.4) !important;
}

.focus-text-gray-light-400 {
  color: rgba(179, 186, 197, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-400 {
    color: rgba(179, 186, 197, 0.4) !important;
  }

  .sm-hover-text-gray-light-400:hover {
    color: rgba(179, 186, 197, 0.4) !important;
  }

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

  .md-hover-text-gray-light-400:hover {
    color: rgba(179, 186, 197, 0.4) !important;
  }

  .md-focus-text-gray-light-400:focus {
    color: rgba(179, 186, 197, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-400 {
    color: rgba(179, 186, 197, 0.4) !important;
  }

  .lg-hover-text-gray-light-400:hover {
    color: rgba(179, 186, 197, 0.4) !important;
  }

  .lg-focus-text-gray-light-400:focus {
    color: rgba(179, 186, 197, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-400 {
    color: rgba(179, 186, 197, 0.4) !important;
  }

  .xl-hover-text-gray-light-400:hover {
    color: rgba(179, 186, 197, 0.4) !important;
  }

  .xl-focus-text-gray-light-400:focus {
    color: rgba(179, 186, 197, 0.4) !important;
  }
}
.text-gray-light-500 {
  color: rgba(179, 186, 197, 0.5) !important;
}

.hover-text-gray-light-500 {
  color: rgba(179, 186, 197, 0.5) !important;
}

.focus-text-gray-light-500 {
  color: rgba(179, 186, 197, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-500 {
    color: rgba(179, 186, 197, 0.5) !important;
  }

  .sm-hover-text-gray-light-500:hover {
    color: rgba(179, 186, 197, 0.5) !important;
  }

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

  .md-hover-text-gray-light-500:hover {
    color: rgba(179, 186, 197, 0.5) !important;
  }

  .md-focus-text-gray-light-500:focus {
    color: rgba(179, 186, 197, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-500 {
    color: rgba(179, 186, 197, 0.5) !important;
  }

  .lg-hover-text-gray-light-500:hover {
    color: rgba(179, 186, 197, 0.5) !important;
  }

  .lg-focus-text-gray-light-500:focus {
    color: rgba(179, 186, 197, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-500 {
    color: rgba(179, 186, 197, 0.5) !important;
  }

  .xl-hover-text-gray-light-500:hover {
    color: rgba(179, 186, 197, 0.5) !important;
  }

  .xl-focus-text-gray-light-500:focus {
    color: rgba(179, 186, 197, 0.5) !important;
  }
}
.text-gray-light-600 {
  color: rgba(179, 186, 197, 0.6) !important;
}

.hover-text-gray-light-600 {
  color: rgba(179, 186, 197, 0.6) !important;
}

.focus-text-gray-light-600 {
  color: rgba(179, 186, 197, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-600 {
    color: rgba(179, 186, 197, 0.6) !important;
  }

  .sm-hover-text-gray-light-600:hover {
    color: rgba(179, 186, 197, 0.6) !important;
  }

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

  .md-hover-text-gray-light-600:hover {
    color: rgba(179, 186, 197, 0.6) !important;
  }

  .md-focus-text-gray-light-600:focus {
    color: rgba(179, 186, 197, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-600 {
    color: rgba(179, 186, 197, 0.6) !important;
  }

  .lg-hover-text-gray-light-600:hover {
    color: rgba(179, 186, 197, 0.6) !important;
  }

  .lg-focus-text-gray-light-600:focus {
    color: rgba(179, 186, 197, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-600 {
    color: rgba(179, 186, 197, 0.6) !important;
  }

  .xl-hover-text-gray-light-600:hover {
    color: rgba(179, 186, 197, 0.6) !important;
  }

  .xl-focus-text-gray-light-600:focus {
    color: rgba(179, 186, 197, 0.6) !important;
  }
}
.text-gray-light-700 {
  color: rgba(179, 186, 197, 0.7) !important;
}

.hover-text-gray-light-700 {
  color: rgba(179, 186, 197, 0.7) !important;
}

.focus-text-gray-light-700 {
  color: rgba(179, 186, 197, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-700 {
    color: rgba(179, 186, 197, 0.7) !important;
  }

  .sm-hover-text-gray-light-700:hover {
    color: rgba(179, 186, 197, 0.7) !important;
  }

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

  .md-hover-text-gray-light-700:hover {
    color: rgba(179, 186, 197, 0.7) !important;
  }

  .md-focus-text-gray-light-700:focus {
    color: rgba(179, 186, 197, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-700 {
    color: rgba(179, 186, 197, 0.7) !important;
  }

  .lg-hover-text-gray-light-700:hover {
    color: rgba(179, 186, 197, 0.7) !important;
  }

  .lg-focus-text-gray-light-700:focus {
    color: rgba(179, 186, 197, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-700 {
    color: rgba(179, 186, 197, 0.7) !important;
  }

  .xl-hover-text-gray-light-700:hover {
    color: rgba(179, 186, 197, 0.7) !important;
  }

  .xl-focus-text-gray-light-700:focus {
    color: rgba(179, 186, 197, 0.7) !important;
  }
}
.text-gray-light-800 {
  color: rgba(179, 186, 197, 0.8) !important;
}

.hover-text-gray-light-800 {
  color: rgba(179, 186, 197, 0.8) !important;
}

.focus-text-gray-light-800 {
  color: rgba(179, 186, 197, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-800 {
    color: rgba(179, 186, 197, 0.8) !important;
  }

  .sm-hover-text-gray-light-800:hover {
    color: rgba(179, 186, 197, 0.8) !important;
  }

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

  .md-hover-text-gray-light-800:hover {
    color: rgba(179, 186, 197, 0.8) !important;
  }

  .md-focus-text-gray-light-800:focus {
    color: rgba(179, 186, 197, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-800 {
    color: rgba(179, 186, 197, 0.8) !important;
  }

  .lg-hover-text-gray-light-800:hover {
    color: rgba(179, 186, 197, 0.8) !important;
  }

  .lg-focus-text-gray-light-800:focus {
    color: rgba(179, 186, 197, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-800 {
    color: rgba(179, 186, 197, 0.8) !important;
  }

  .xl-hover-text-gray-light-800:hover {
    color: rgba(179, 186, 197, 0.8) !important;
  }

  .xl-focus-text-gray-light-800:focus {
    color: rgba(179, 186, 197, 0.8) !important;
  }
}
.text-gray-light-900 {
  color: rgba(179, 186, 197, 0.9) !important;
}

.hover-text-gray-light-900 {
  color: rgba(179, 186, 197, 0.9) !important;
}

.focus-text-gray-light-900 {
  color: rgba(179, 186, 197, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-gray-light-900 {
    color: rgba(179, 186, 197, 0.9) !important;
  }

  .sm-hover-text-gray-light-900:hover {
    color: rgba(179, 186, 197, 0.9) !important;
  }

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

  .md-hover-text-gray-light-900:hover {
    color: rgba(179, 186, 197, 0.9) !important;
  }

  .md-focus-text-gray-light-900:focus {
    color: rgba(179, 186, 197, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-gray-light-900 {
    color: rgba(179, 186, 197, 0.9) !important;
  }

  .lg-hover-text-gray-light-900:hover {
    color: rgba(179, 186, 197, 0.9) !important;
  }

  .lg-focus-text-gray-light-900:focus {
    color: rgba(179, 186, 197, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-gray-light-900 {
    color: rgba(179, 186, 197, 0.9) !important;
  }

  .xl-hover-text-gray-light-900:hover {
    color: rgba(179, 186, 197, 0.9) !important;
  }

  .xl-focus-text-gray-light-900:focus {
    color: rgba(179, 186, 197, 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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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-iris-blue {
  color: #00b8d9 !important;
}

.hover-text-iris-blue {
  color: #00b8d9 !important;
}

.focus-text-iris-blue {
  color: #00b8d9 !important;
}

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

  .sm-hover-text-iris-blue:hover {
    color: #00b8d9 !important;
  }

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

  .md-hover-text-iris-blue:hover {
    color: #00b8d9 !important;
  }

  .md-focus-text-iris-blue:focus {
    color: #00b8d9 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-iris-blue {
    color: #00b8d9 !important;
  }

  .lg-hover-text-iris-blue:hover {
    color: #00b8d9 !important;
  }

  .lg-focus-text-iris-blue:focus {
    color: #00b8d9 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-iris-blue {
    color: #00b8d9 !important;
  }

  .xl-hover-text-iris-blue:hover {
    color: #00b8d9 !important;
  }

  .xl-focus-text-iris-blue:focus {
    color: #00b8d9 !important;
  }
}
.text-regal-blue {
  color: #6AD6A2 !important;
}

.hover-text-regal-blue {
  color: #6AD6A2 !important;
}

.focus-text-regal-blue {
  color: #6AD6A2 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-text-regal-blue {
    color: #6AD6A2 !important;
  }

  .sm-hover-text-regal-blue:hover {
    color: #6AD6A2 !important;
  }

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

  .md-hover-text-regal-blue:hover {
    color: #6AD6A2 !important;
  }

  .md-focus-text-regal-blue:focus {
    color: #6AD6A2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-regal-blue {
    color: #6AD6A2 !important;
  }

  .lg-hover-text-regal-blue:hover {
    color: #6AD6A2 !important;
  }

  .lg-focus-text-regal-blue:focus {
    color: #6AD6A2 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-regal-blue {
    color: #6AD6A2 !important;
  }

  .xl-hover-text-regal-blue:hover {
    color: #6AD6A2 !important;
  }

  .xl-focus-text-regal-blue:focus {
    color: #6AD6A2 !important;
  }
}
.text-bright-red {
  color: #e95432 !important;
}

.hover-text-bright-red {
  color: #e95432 !important;
}

.focus-text-bright-red {
  color: #e95432 !important;
}

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

  .sm-hover-text-bright-red:hover {
    color: #e95432 !important;
  }

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

  .md-hover-text-bright-red:hover {
    color: #e95432 !important;
  }

  .md-focus-text-bright-red:focus {
    color: #e95432 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-bright-red {
    color: #e95432 !important;
  }

  .lg-hover-text-bright-red:hover {
    color: #e95432 !important;
  }

  .lg-focus-text-bright-red:focus {
    color: #e95432 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-bright-red {
    color: #e95432 !important;
  }

  .xl-hover-text-bright-red:hover {
    color: #e95432 !important;
  }

  .xl-focus-text-bright-red:focus {
    color: #e95432 !important;
  }
}
.text-facebook {
  color: #1565d8 !important;
}

.hover-text-facebook {
  color: #1565d8 !important;
}

.focus-text-facebook {
  color: #1565d8 !important;
}

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

  .sm-hover-text-facebook:hover {
    color: #1565d8 !important;
  }

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

  .md-hover-text-facebook:hover {
    color: #1565d8 !important;
  }

  .md-focus-text-facebook:focus {
    color: #1565d8 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-text-facebook {
    color: #1565d8 !important;
  }

  .lg-hover-text-facebook:hover {
    color: #1565d8 !important;
  }

  .lg-focus-text-facebook:focus {
    color: #1565d8 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-facebook {
    color: #1565d8 !important;
  }

  .xl-hover-text-facebook:hover {
    color: #1565d8 !important;
  }

  .xl-focus-text-facebook:focus {
    color: #1565d8 !important;
  }
}
.text-instagram {
  color: #f56040 !important;
}

.hover-text-instagram {
  color: #f56040 !important;
}

.focus-text-instagram {
  color: #f56040 !important;
}

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

  .sm-hover-text-instagram:hover {
    color: #f56040 !important;
  }

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

  .md-hover-text-instagram:hover {
    color: #f56040 !important;
  }

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

  .lg-hover-text-instagram:hover {
    color: #f56040 !important;
  }

  .lg-focus-text-instagram:focus {
    color: #f56040 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-instagram {
    color: #f56040 !important;
  }

  .xl-hover-text-instagram:hover {
    color: #f56040 !important;
  }

  .xl-focus-text-instagram:focus {
    color: #f56040 !important;
  }
}
.text-twitter {
  color: #00b8d9 !important;
}

.hover-text-twitter {
  color: #00b8d9 !important;
}

.focus-text-twitter {
  color: #00b8d9 !important;
}

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

  .sm-hover-text-twitter:hover {
    color: #00b8d9 !important;
  }

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

  .md-hover-text-twitter:hover {
    color: #00b8d9 !important;
  }

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

  .lg-hover-text-twitter:hover {
    color: #00b8d9 !important;
  }

  .lg-focus-text-twitter:focus {
    color: #00b8d9 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-twitter {
    color: #00b8d9 !important;
  }

  .xl-hover-text-twitter:hover {
    color: #00b8d9 !important;
  }

  .xl-focus-text-twitter:focus {
    color: #00b8d9 !important;
  }
}
.text-youtube {
  color: #e95432 !important;
}

.hover-text-youtube {
  color: #e95432 !important;
}

.focus-text-youtube {
  color: #e95432 !important;
}

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

  .sm-hover-text-youtube:hover {
    color: #e95432 !important;
  }

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

  .md-hover-text-youtube:hover {
    color: #e95432 !important;
  }

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

  .lg-hover-text-youtube:hover {
    color: #e95432 !important;
  }

  .lg-focus-text-youtube:focus {
    color: #e95432 !important;
  }
}
@media (min-width: 1200px) {
  .xl-text-youtube {
    color: #e95432 !important;
  }

  .xl-hover-text-youtube:hover {
    color: #e95432 !important;
  }

  .xl-focus-text-youtube:focus {
    color: #e95432 !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: 1199.98px) {
  .lg-underline {
    text-decoration: underline;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-line-through {
    text-decoration: line-through;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-no-underline {
    text-decoration: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-capitalize {
    text-transform: capitalize;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-normal-case {
    text-transform: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-align-baseline {
    vertical-align: baseline;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-align-top {
    vertical-align: top;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-align-text-top {
    vertical-align: text-top;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-align-text-bottom {
    vertical-align: text-bottom;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-whitespace-normal {
    white-space: normal;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-whitespace-no-wrap {
    white-space: nowrap;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-whitespace-pre {
    white-space: pre;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-whitespace-pre-line {
    white-space: pre-line;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
}
@media (min-width: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.98px) {
  .lg-bg-fixed {
    background-attachment: fixed;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-local {
    background-attachment: local;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-scroll {
    background-attachment: scroll;
  }
}
@media (min-width: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
  }

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

  .xs-focus-bg-transparent:focus {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}
@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: 1199.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: 1200px) {
  .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: #1565d8 !important;
}

.hover-bg-primary:hover {
  background-color: #1565d8;
}

.focus-bg-primary:focus {
  background-color: #1565d8;
}

@media (max-width: 575.98px) {
  .xs-bg-primary {
    background-color: #1565d8 !important;
  }

  .xs-hover-bg-primary:hover {
    background-color: #1565d8 !important;
  }

  .xs-focus-bg-primary:focus {
    background-color: #1565d8 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary {
    background-color: #1565d8 !important;
  }

  .sm-hover-bg-primary:hover {
    background-color: #1565d8 !important;
  }

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

  .md-hover-bg-primary:hover {
    background-color: #1565d8 !important;
  }

  .md-focus-bg-primary:focus {
    background-color: #1565d8 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary {
    background-color: #1565d8 !important;
  }

  .lg-hover-bg-primary:hover {
    background-color: #1565d8 !important;
  }

  .lg-focus-bg-primary:focus {
    background-color: #1565d8 !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary {
    background-color: #1565d8 !important;
  }

  .xl-hover-bg-primary:hover {
    background-color: #1565d8 !important;
  }

  .xl-focus-bg-primary:focus {
    background-color: #1565d8 !important;
  }
}
.bg-primary-60 {
  background-color: rgba(21, 101, 216, 0.06) !important;
}

.hover-bg-primary-60:hover {
  background-color: rgba(21, 101, 216, 0.06);
}

.focus-bg-primary-60:focus {
  background-color: rgba(21, 101, 216, 0.06);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-60 {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .xs-hover-bg-primary-60:hover {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .xs-focus-bg-primary-60:focus {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-60 {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .sm-hover-bg-primary-60:hover {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .sm-focus-bg-primary-60:focus {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-60 {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .md-hover-bg-primary-60:hover {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .md-focus-bg-primary-60:focus {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-60 {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .lg-hover-bg-primary-60:hover {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .lg-focus-bg-primary-60:focus {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-60 {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .xl-hover-bg-primary-60:hover {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }

  .xl-focus-bg-primary-60:focus {
    background-color: rgba(21, 101, 216, 0.06) !important;
  }
}
.bg-primary-100 {
  background-color: rgba(21, 101, 216, 0.1) !important;
}

.hover-bg-primary-100:hover {
  background-color: rgba(21, 101, 216, 0.1);
}

.focus-bg-primary-100:focus {
  background-color: rgba(21, 101, 216, 0.1);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-100 {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .xs-hover-bg-primary-100:hover {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .xs-focus-bg-primary-100:focus {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-100 {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .sm-hover-bg-primary-100:hover {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .sm-focus-bg-primary-100:focus {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-100 {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .md-hover-bg-primary-100:hover {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .md-focus-bg-primary-100:focus {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-100 {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .lg-hover-bg-primary-100:hover {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .lg-focus-bg-primary-100:focus {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-100 {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .xl-hover-bg-primary-100:hover {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }

  .xl-focus-bg-primary-100:focus {
    background-color: rgba(21, 101, 216, 0.1) !important;
  }
}
.bg-primary-200 {
  background-color: rgba(21, 101, 216, 0.2) !important;
}

.hover-bg-primary-200:hover {
  background-color: rgba(21, 101, 216, 0.2);
}

.focus-bg-primary-200:focus {
  background-color: rgba(21, 101, 216, 0.2);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-200 {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .xs-hover-bg-primary-200:hover {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .xs-focus-bg-primary-200:focus {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-200 {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .sm-hover-bg-primary-200:hover {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .sm-focus-bg-primary-200:focus {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-200 {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .md-hover-bg-primary-200:hover {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .md-focus-bg-primary-200:focus {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-200 {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .lg-hover-bg-primary-200:hover {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .lg-focus-bg-primary-200:focus {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-200 {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .xl-hover-bg-primary-200:hover {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }

  .xl-focus-bg-primary-200:focus {
    background-color: rgba(21, 101, 216, 0.2) !important;
  }
}
.bg-primary-300 {
  background-color: rgba(21, 101, 216, 0.3) !important;
}

.hover-bg-primary-300:hover {
  background-color: rgba(21, 101, 216, 0.3);
}

.focus-bg-primary-300:focus {
  background-color: rgba(21, 101, 216, 0.3);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-300 {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .xs-hover-bg-primary-300:hover {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .xs-focus-bg-primary-300:focus {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-300 {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .sm-hover-bg-primary-300:hover {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .sm-focus-bg-primary-300:focus {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-300 {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .md-hover-bg-primary-300:hover {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .md-focus-bg-primary-300:focus {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-300 {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .lg-hover-bg-primary-300:hover {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .lg-focus-bg-primary-300:focus {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-300 {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .xl-hover-bg-primary-300:hover {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }

  .xl-focus-bg-primary-300:focus {
    background-color: rgba(21, 101, 216, 0.3) !important;
  }
}
.bg-primary-400 {
  background-color: rgba(21, 101, 216, 0.4) !important;
}

.hover-bg-primary-400:hover {
  background-color: rgba(21, 101, 216, 0.4);
}

.focus-bg-primary-400:focus {
  background-color: rgba(21, 101, 216, 0.4);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-400 {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .xs-hover-bg-primary-400:hover {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .xs-focus-bg-primary-400:focus {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-400 {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .sm-hover-bg-primary-400:hover {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .sm-focus-bg-primary-400:focus {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-400 {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .md-hover-bg-primary-400:hover {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .md-focus-bg-primary-400:focus {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-400 {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .lg-hover-bg-primary-400:hover {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .lg-focus-bg-primary-400:focus {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-400 {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .xl-hover-bg-primary-400:hover {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }

  .xl-focus-bg-primary-400:focus {
    background-color: rgba(21, 101, 216, 0.4) !important;
  }
}
.bg-primary-500 {
  background-color: rgba(21, 101, 216, 0.5) !important;
}

.hover-bg-primary-500:hover {
  background-color: rgba(21, 101, 216, 0.5);
}

.focus-bg-primary-500:focus {
  background-color: rgba(21, 101, 216, 0.5);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-500 {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .xs-hover-bg-primary-500:hover {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .xs-focus-bg-primary-500:focus {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-500 {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .sm-hover-bg-primary-500:hover {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .sm-focus-bg-primary-500:focus {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-500 {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .md-hover-bg-primary-500:hover {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .md-focus-bg-primary-500:focus {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-500 {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .lg-hover-bg-primary-500:hover {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .lg-focus-bg-primary-500:focus {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-500 {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .xl-hover-bg-primary-500:hover {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }

  .xl-focus-bg-primary-500:focus {
    background-color: rgba(21, 101, 216, 0.5) !important;
  }
}
.bg-primary-600 {
  background-color: rgba(21, 101, 216, 0.6) !important;
}

.hover-bg-primary-600:hover {
  background-color: rgba(21, 101, 216, 0.6);
}

.focus-bg-primary-600:focus {
  background-color: rgba(21, 101, 216, 0.6);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-600 {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .xs-hover-bg-primary-600:hover {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .xs-focus-bg-primary-600:focus {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-600 {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .sm-hover-bg-primary-600:hover {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .sm-focus-bg-primary-600:focus {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-600 {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .md-hover-bg-primary-600:hover {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .md-focus-bg-primary-600:focus {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-600 {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .lg-hover-bg-primary-600:hover {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .lg-focus-bg-primary-600:focus {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-600 {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .xl-hover-bg-primary-600:hover {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }

  .xl-focus-bg-primary-600:focus {
    background-color: rgba(21, 101, 216, 0.6) !important;
  }
}
.bg-primary-700 {
  background-color: rgba(21, 101, 216, 0.7) !important;
}

.hover-bg-primary-700:hover {
  background-color: rgba(21, 101, 216, 0.7);
}

.focus-bg-primary-700:focus {
  background-color: rgba(21, 101, 216, 0.7);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-700 {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .xs-hover-bg-primary-700:hover {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .xs-focus-bg-primary-700:focus {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-700 {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .sm-hover-bg-primary-700:hover {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .sm-focus-bg-primary-700:focus {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-700 {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .md-hover-bg-primary-700:hover {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .md-focus-bg-primary-700:focus {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-700 {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .lg-hover-bg-primary-700:hover {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .lg-focus-bg-primary-700:focus {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-700 {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .xl-hover-bg-primary-700:hover {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }

  .xl-focus-bg-primary-700:focus {
    background-color: rgba(21, 101, 216, 0.7) !important;
  }
}
.bg-primary-800 {
  background-color: rgba(21, 101, 216, 0.8) !important;
}

.hover-bg-primary-800:hover {
  background-color: rgba(21, 101, 216, 0.8);
}

.focus-bg-primary-800:focus {
  background-color: rgba(21, 101, 216, 0.8);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-800 {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .xs-hover-bg-primary-800:hover {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .xs-focus-bg-primary-800:focus {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-800 {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .sm-hover-bg-primary-800:hover {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .sm-focus-bg-primary-800:focus {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-800 {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .md-hover-bg-primary-800:hover {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .md-focus-bg-primary-800:focus {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-800 {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .lg-hover-bg-primary-800:hover {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .lg-focus-bg-primary-800:focus {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-800 {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .xl-hover-bg-primary-800:hover {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }

  .xl-focus-bg-primary-800:focus {
    background-color: rgba(21, 101, 216, 0.8) !important;
  }
}
.bg-primary-900 {
  background-color: rgba(21, 101, 216, 0.9) !important;
}

.hover-bg-primary-900:hover {
  background-color: rgba(21, 101, 216, 0.9);
}

.focus-bg-primary-900:focus {
  background-color: rgba(21, 101, 216, 0.9);
}

@media (max-width: 575.98px) {
  .xs-bg-primary-900 {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .xs-hover-bg-primary-900:hover {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .xs-focus-bg-primary-900:focus {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-primary-900 {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .sm-hover-bg-primary-900:hover {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .sm-focus-bg-primary-900:focus {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-primary-900 {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .md-hover-bg-primary-900:hover {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .md-focus-bg-primary-900:focus {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-primary-900 {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .lg-hover-bg-primary-900:hover {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .lg-focus-bg-primary-900:focus {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-primary-900 {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .xl-hover-bg-primary-900:hover {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }

  .xl-focus-bg-primary-900:focus {
    background-color: rgba(21, 101, 216, 0.9) !important;
  }
}
.bg-secondary {
  background-color: #506690 !important;
}

.hover-bg-secondary:hover {
  background-color: #506690;
}

.focus-bg-secondary:focus {
  background-color: #506690;
}

@media (max-width: 575.98px) {
  .xs-bg-secondary {
    background-color: #506690 !important;
  }

  .xs-hover-bg-secondary:hover {
    background-color: #506690 !important;
  }

  .xs-focus-bg-secondary:focus {
    background-color: #506690 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary {
    background-color: #506690 !important;
  }

  .sm-hover-bg-secondary:hover {
    background-color: #506690 !important;
  }

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

  .md-hover-bg-secondary:hover {
    background-color: #506690 !important;
  }

  .md-focus-bg-secondary:focus {
    background-color: #506690 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary {
    background-color: #506690 !important;
  }

  .lg-hover-bg-secondary:hover {
    background-color: #506690 !important;
  }

  .lg-focus-bg-secondary:focus {
    background-color: #506690 !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary {
    background-color: #506690 !important;
  }

  .xl-hover-bg-secondary:hover {
    background-color: #506690 !important;
  }

  .xl-focus-bg-secondary:focus {
    background-color: #506690 !important;
  }
}
.bg-secondary-100 {
  background-color: rgba(80, 102, 144, 0.1) !important;
}

.hover-bg-secondary-100:hover {
  background-color: rgba(80, 102, 144, 0.1);
}

.focus-bg-secondary-100:focus {
  background-color: rgba(80, 102, 144, 0.1);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-100 {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .xs-hover-bg-secondary-100:hover {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .xs-focus-bg-secondary-100:focus {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-100 {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .sm-hover-bg-secondary-100:hover {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .sm-focus-bg-secondary-100:focus {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-100 {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .md-hover-bg-secondary-100:hover {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .md-focus-bg-secondary-100:focus {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-100 {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .lg-hover-bg-secondary-100:hover {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .lg-focus-bg-secondary-100:focus {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-100 {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .xl-hover-bg-secondary-100:hover {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }

  .xl-focus-bg-secondary-100:focus {
    background-color: rgba(80, 102, 144, 0.1) !important;
  }
}
.bg-secondary-200 {
  background-color: rgba(80, 102, 144, 0.2) !important;
}

.hover-bg-secondary-200:hover {
  background-color: rgba(80, 102, 144, 0.2);
}

.focus-bg-secondary-200:focus {
  background-color: rgba(80, 102, 144, 0.2);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-200 {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .xs-hover-bg-secondary-200:hover {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .xs-focus-bg-secondary-200:focus {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-200 {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .sm-hover-bg-secondary-200:hover {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .sm-focus-bg-secondary-200:focus {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-200 {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .md-hover-bg-secondary-200:hover {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .md-focus-bg-secondary-200:focus {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-200 {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .lg-hover-bg-secondary-200:hover {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .lg-focus-bg-secondary-200:focus {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-200 {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .xl-hover-bg-secondary-200:hover {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }

  .xl-focus-bg-secondary-200:focus {
    background-color: rgba(80, 102, 144, 0.2) !important;
  }
}
.bg-secondary-300 {
  background-color: rgba(80, 102, 144, 0.3) !important;
}

.hover-bg-secondary-300:hover {
  background-color: rgba(80, 102, 144, 0.3);
}

.focus-bg-secondary-300:focus {
  background-color: rgba(80, 102, 144, 0.3);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-300 {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .xs-hover-bg-secondary-300:hover {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .xs-focus-bg-secondary-300:focus {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-300 {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .sm-hover-bg-secondary-300:hover {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .sm-focus-bg-secondary-300:focus {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-300 {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .md-hover-bg-secondary-300:hover {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .md-focus-bg-secondary-300:focus {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-300 {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .lg-hover-bg-secondary-300:hover {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .lg-focus-bg-secondary-300:focus {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-300 {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .xl-hover-bg-secondary-300:hover {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }

  .xl-focus-bg-secondary-300:focus {
    background-color: rgba(80, 102, 144, 0.3) !important;
  }
}
.bg-secondary-400 {
  background-color: rgba(80, 102, 144, 0.4) !important;
}

.hover-bg-secondary-400:hover {
  background-color: rgba(80, 102, 144, 0.4);
}

.focus-bg-secondary-400:focus {
  background-color: rgba(80, 102, 144, 0.4);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-400 {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .xs-hover-bg-secondary-400:hover {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .xs-focus-bg-secondary-400:focus {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-400 {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .sm-hover-bg-secondary-400:hover {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .sm-focus-bg-secondary-400:focus {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-400 {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .md-hover-bg-secondary-400:hover {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .md-focus-bg-secondary-400:focus {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-400 {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .lg-hover-bg-secondary-400:hover {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .lg-focus-bg-secondary-400:focus {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-400 {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .xl-hover-bg-secondary-400:hover {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }

  .xl-focus-bg-secondary-400:focus {
    background-color: rgba(80, 102, 144, 0.4) !important;
  }
}
.bg-secondary-500 {
  background-color: rgba(80, 102, 144, 0.5) !important;
}

.hover-bg-secondary-500:hover {
  background-color: rgba(80, 102, 144, 0.5);
}

.focus-bg-secondary-500:focus {
  background-color: rgba(80, 102, 144, 0.5);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-500 {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .xs-hover-bg-secondary-500:hover {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .xs-focus-bg-secondary-500:focus {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-500 {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .sm-hover-bg-secondary-500:hover {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .sm-focus-bg-secondary-500:focus {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-500 {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .md-hover-bg-secondary-500:hover {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .md-focus-bg-secondary-500:focus {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-500 {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .lg-hover-bg-secondary-500:hover {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .lg-focus-bg-secondary-500:focus {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-500 {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .xl-hover-bg-secondary-500:hover {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }

  .xl-focus-bg-secondary-500:focus {
    background-color: rgba(80, 102, 144, 0.5) !important;
  }
}
.bg-secondary-600 {
  background-color: rgba(80, 102, 144, 0.6) !important;
}

.hover-bg-secondary-600:hover {
  background-color: rgba(80, 102, 144, 0.6);
}

.focus-bg-secondary-600:focus {
  background-color: rgba(80, 102, 144, 0.6);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-600 {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .xs-hover-bg-secondary-600:hover {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .xs-focus-bg-secondary-600:focus {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-600 {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .sm-hover-bg-secondary-600:hover {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .sm-focus-bg-secondary-600:focus {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-600 {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .md-hover-bg-secondary-600:hover {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .md-focus-bg-secondary-600:focus {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-600 {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .lg-hover-bg-secondary-600:hover {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .lg-focus-bg-secondary-600:focus {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-600 {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .xl-hover-bg-secondary-600:hover {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }

  .xl-focus-bg-secondary-600:focus {
    background-color: rgba(80, 102, 144, 0.6) !important;
  }
}
.bg-secondary-700 {
  background-color: rgba(80, 102, 144, 0.7) !important;
}

.hover-bg-secondary-700:hover {
  background-color: rgba(80, 102, 144, 0.7);
}

.focus-bg-secondary-700:focus {
  background-color: rgba(80, 102, 144, 0.7);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-700 {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .xs-hover-bg-secondary-700:hover {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .xs-focus-bg-secondary-700:focus {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-700 {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .sm-hover-bg-secondary-700:hover {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .sm-focus-bg-secondary-700:focus {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-700 {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .md-hover-bg-secondary-700:hover {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .md-focus-bg-secondary-700:focus {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-700 {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .lg-hover-bg-secondary-700:hover {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .lg-focus-bg-secondary-700:focus {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-700 {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .xl-hover-bg-secondary-700:hover {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }

  .xl-focus-bg-secondary-700:focus {
    background-color: rgba(80, 102, 144, 0.7) !important;
  }
}
.bg-secondary-800 {
  background-color: rgba(80, 102, 144, 0.8) !important;
}

.hover-bg-secondary-800:hover {
  background-color: rgba(80, 102, 144, 0.8);
}

.focus-bg-secondary-800:focus {
  background-color: rgba(80, 102, 144, 0.8);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-800 {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .xs-hover-bg-secondary-800:hover {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .xs-focus-bg-secondary-800:focus {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-800 {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .sm-hover-bg-secondary-800:hover {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .sm-focus-bg-secondary-800:focus {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-800 {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .md-hover-bg-secondary-800:hover {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .md-focus-bg-secondary-800:focus {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-800 {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .lg-hover-bg-secondary-800:hover {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .lg-focus-bg-secondary-800:focus {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-800 {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .xl-hover-bg-secondary-800:hover {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }

  .xl-focus-bg-secondary-800:focus {
    background-color: rgba(80, 102, 144, 0.8) !important;
  }
}
.bg-secondary-900 {
  background-color: rgba(80, 102, 144, 0.9) !important;
}

.hover-bg-secondary-900:hover {
  background-color: rgba(80, 102, 144, 0.9);
}

.focus-bg-secondary-900:focus {
  background-color: rgba(80, 102, 144, 0.9);
}

@media (max-width: 575.98px) {
  .xs-bg-secondary-900 {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .xs-hover-bg-secondary-900:hover {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .xs-focus-bg-secondary-900:focus {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-secondary-900 {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .sm-hover-bg-secondary-900:hover {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .sm-focus-bg-secondary-900:focus {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-secondary-900 {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .md-hover-bg-secondary-900:hover {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .md-focus-bg-secondary-900:focus {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-secondary-900 {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .lg-hover-bg-secondary-900:hover {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .lg-focus-bg-secondary-900:focus {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-secondary-900 {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .xl-hover-bg-secondary-900:hover {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }

  .xl-focus-bg-secondary-900:focus {
    background-color: rgba(80, 102, 144, 0.9) !important;
  }
}
.bg-success {
  background-color: #36b37e !important;
}

.hover-bg-success:hover {
  background-color: #36b37e;
}

.focus-bg-success:focus {
  background-color: #36b37e;
}

@media (max-width: 575.98px) {
  .xs-bg-success {
    background-color: #36b37e !important;
  }

  .xs-hover-bg-success:hover {
    background-color: #36b37e !important;
  }

  .xs-focus-bg-success:focus {
    background-color: #36b37e !important;
  }
}
@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: 1199.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: 1200px) {
  .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-60 {
  background-color: rgba(54, 179, 126, 0.06) !important;
}

.hover-bg-success-60:hover {
  background-color: rgba(54, 179, 126, 0.06);
}

.focus-bg-success-60:focus {
  background-color: rgba(54, 179, 126, 0.06);
}

@media (max-width: 575.98px) {
  .xs-bg-success-60 {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

  .xs-hover-bg-success-60:hover {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

  .xs-focus-bg-success-60:focus {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-success-60 {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

  .sm-hover-bg-success-60:hover {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

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

  .md-hover-bg-success-60:hover {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

  .md-focus-bg-success-60:focus {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-success-60 {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

  .lg-hover-bg-success-60:hover {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

  .lg-focus-bg-success-60:focus {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-success-60 {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

  .xl-hover-bg-success-60:hover {
    background-color: rgba(54, 179, 126, 0.06) !important;
  }

  .xl-focus-bg-success-60:focus {
    background-color: rgba(54, 179, 126, 0.06) !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 (max-width: 575.98px) {
  .xs-bg-success-100 {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }

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

  .xs-focus-bg-success-100:focus {
    background-color: rgba(54, 179, 126, 0.1) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-success-200 {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }

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

  .xs-focus-bg-success-200:focus {
    background-color: rgba(54, 179, 126, 0.2) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-success-300 {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }

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

  .xs-focus-bg-success-300:focus {
    background-color: rgba(54, 179, 126, 0.3) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-success-400 {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }

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

  .xs-focus-bg-success-400:focus {
    background-color: rgba(54, 179, 126, 0.4) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-success-500 {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }

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

  .xs-focus-bg-success-500:focus {
    background-color: rgba(54, 179, 126, 0.5) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-success-600 {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }

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

  .xs-focus-bg-success-600:focus {
    background-color: rgba(54, 179, 126, 0.6) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-success-700 {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }

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

  .xs-focus-bg-success-700:focus {
    background-color: rgba(54, 179, 126, 0.7) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-success-800 {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }

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

  .xs-focus-bg-success-800:focus {
    background-color: rgba(54, 179, 126, 0.8) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-success-900 {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }

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

  .xs-focus-bg-success-900:focus {
    background-color: rgba(54, 179, 126, 0.9) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info {
    background-color: #00b8d9 !important;
  }

  .xs-hover-bg-info:hover {
    background-color: #00b8d9 !important;
  }

  .xs-focus-bg-info:focus {
    background-color: #00b8d9 !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

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

  .xs-focus-bg-info-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-200 {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }

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

  .xs-focus-bg-info-200:focus {
    background-color: rgba(0, 184, 217, 0.2) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-300 {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }

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

  .xs-focus-bg-info-300:focus {
    background-color: rgba(0, 184, 217, 0.3) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-400 {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }

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

  .xs-focus-bg-info-400:focus {
    background-color: rgba(0, 184, 217, 0.4) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-500 {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }

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

  .xs-focus-bg-info-500:focus {
    background-color: rgba(0, 184, 217, 0.5) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-600 {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }

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

  .xs-focus-bg-info-600:focus {
    background-color: rgba(0, 184, 217, 0.6) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-700 {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }

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

  .xs-focus-bg-info-700:focus {
    background-color: rgba(0, 184, 217, 0.7) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-800 {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }

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

  .xs-focus-bg-info-800:focus {
    background-color: rgba(0, 184, 217, 0.8) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-info-900 {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }

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

  .xs-focus-bg-info-900:focus {
    background-color: rgba(0, 184, 217, 0.9) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning {
    background-color: #faad13 !important;
  }

  .xs-hover-bg-warning:hover {
    background-color: #faad13 !important;
  }

  .xs-focus-bg-warning:focus {
    background-color: #faad13 !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-100 {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }

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

  .xs-focus-bg-warning-100:focus {
    background-color: rgba(250, 173, 19, 0.1) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-200 {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .xs-hover-bg-warning-200:hover {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }

  .xs-focus-bg-warning-200:focus {
    background-color: rgba(250, 173, 19, 0.2) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-300 {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .xs-hover-bg-warning-300:hover {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }

  .xs-focus-bg-warning-300:focus {
    background-color: rgba(250, 173, 19, 0.3) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-400 {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .xs-hover-bg-warning-400:hover {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }

  .xs-focus-bg-warning-400:focus {
    background-color: rgba(250, 173, 19, 0.4) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-500 {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .xs-hover-bg-warning-500:hover {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }

  .xs-focus-bg-warning-500:focus {
    background-color: rgba(250, 173, 19, 0.5) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-600 {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .xs-hover-bg-warning-600:hover {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }

  .xs-focus-bg-warning-600:focus {
    background-color: rgba(250, 173, 19, 0.6) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-700 {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .xs-hover-bg-warning-700:hover {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }

  .xs-focus-bg-warning-700:focus {
    background-color: rgba(250, 173, 19, 0.7) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-800 {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .xs-hover-bg-warning-800:hover {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }

  .xs-focus-bg-warning-800:focus {
    background-color: rgba(250, 173, 19, 0.8) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-warning-900 {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .xs-hover-bg-warning-900:hover {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }

  .xs-focus-bg-warning-900:focus {
    background-color: rgba(250, 173, 19, 0.9) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger {
    background-color: #f2607b !important;
  }

  .xs-hover-bg-danger:hover {
    background-color: #f2607b !important;
  }

  .xs-focus-bg-danger:focus {
    background-color: #f2607b !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-100 {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .xs-hover-bg-danger-100:hover {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }

  .xs-focus-bg-danger-100:focus {
    background-color: rgba(242, 96, 123, 0.1) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-200 {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .xs-hover-bg-danger-200:hover {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }

  .xs-focus-bg-danger-200:focus {
    background-color: rgba(242, 96, 123, 0.2) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-300 {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .xs-hover-bg-danger-300:hover {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }

  .xs-focus-bg-danger-300:focus {
    background-color: rgba(242, 96, 123, 0.3) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-400 {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .xs-hover-bg-danger-400:hover {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }

  .xs-focus-bg-danger-400:focus {
    background-color: rgba(242, 96, 123, 0.4) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-500 {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .xs-hover-bg-danger-500:hover {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }

  .xs-focus-bg-danger-500:focus {
    background-color: rgba(242, 96, 123, 0.5) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-600 {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .xs-hover-bg-danger-600:hover {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }

  .xs-focus-bg-danger-600:focus {
    background-color: rgba(242, 96, 123, 0.6) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-700 {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .xs-hover-bg-danger-700:hover {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }

  .xs-focus-bg-danger-700:focus {
    background-color: rgba(242, 96, 123, 0.7) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-800 {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .xs-hover-bg-danger-800:hover {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }

  .xs-focus-bg-danger-800:focus {
    background-color: rgba(242, 96, 123, 0.8) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-danger-900 {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .xs-hover-bg-danger-900:hover {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }

  .xs-focus-bg-danger-900:focus {
    background-color: rgba(242, 96, 123, 0.9) !important;
  }
}
@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: 1199.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: 1200px) {
  .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: #6AD6A2 !important;
}

.bg-black-fs {
  background-color: #1A1A1A !important;
}

.bg-white-fs {
  background-color: #F2F8FF !important;
}

.bg-img-none{
  background-image: url();
}

.hover-bg-black:hover {
  background-color: #6AD6A2;
}

.focus-bg-black:focus {
  background-color: #6AD6A2;
}

@media (max-width: 575.98px) {
  .xs-bg-black {
    background-color: #6AD6A2 !important;
  }

  .xs-hover-bg-black:hover {
    background-color: #6AD6A2 !important;
  }

  .xs-focus-bg-black:focus {
    background-color: #6AD6A2 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black {
    background-color: #6AD6A2 !important;
  }

  .sm-hover-bg-black:hover {
    background-color: #6AD6A2 !important;
  }

  .sm-focus-bg-black:focus {
    background-color: #6AD6A2 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black {
    background-color: #6AD6A2 !important;
  }

  .md-hover-bg-black:hover {
    background-color: #6AD6A2 !important;
  }

  .md-focus-bg-black:focus {
    background-color: #6AD6A2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black {
    background-color: #6AD6A2 !important;
  }

  .lg-hover-bg-black:hover {
    background-color: #6AD6A2 !important;
  }

  .lg-focus-bg-black:focus {
    background-color: #6AD6A2 !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black {
    background-color: #6AD6A2 !important;
  }

  .xl-hover-bg-black:hover {
    background-color: #6AD6A2 !important;
  }

  .xl-focus-bg-black:focus {
    background-color: #6AD6A2 !important;
  }
}
.bg-black-100 {
  background-color: rgba(24, 59, 86, 0.1) !important;
}

.hover-bg-black-100:hover {
  background-color: rgba(24, 59, 86, 0.1);
}

.focus-bg-black-100:focus {
  background-color: rgba(24, 59, 86, 0.1);
}

@media (max-width: 575.98px) {
  .xs-bg-black-100 {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .xs-hover-bg-black-100:hover {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .xs-focus-bg-black-100:focus {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-100 {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .sm-hover-bg-black-100:hover {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .sm-focus-bg-black-100:focus {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-100 {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .md-hover-bg-black-100:hover {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .md-focus-bg-black-100:focus {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-100 {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .lg-hover-bg-black-100:hover {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .lg-focus-bg-black-100:focus {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-100 {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .xl-hover-bg-black-100:hover {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }

  .xl-focus-bg-black-100:focus {
    background-color: rgba(24, 59, 86, 0.1) !important;
  }
}
.bg-black-200 {
  background-color: rgba(24, 59, 86, 0.2) !important;
}

.hover-bg-black-200:hover {
  background-color: rgba(24, 59, 86, 0.2);
}

.focus-bg-black-200:focus {
  background-color: rgba(24, 59, 86, 0.2);
}

@media (max-width: 575.98px) {
  .xs-bg-black-200 {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .xs-hover-bg-black-200:hover {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .xs-focus-bg-black-200:focus {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-200 {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .sm-hover-bg-black-200:hover {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .sm-focus-bg-black-200:focus {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-200 {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .md-hover-bg-black-200:hover {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .md-focus-bg-black-200:focus {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-200 {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .lg-hover-bg-black-200:hover {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .lg-focus-bg-black-200:focus {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-200 {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .xl-hover-bg-black-200:hover {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }

  .xl-focus-bg-black-200:focus {
    background-color: rgba(24, 59, 86, 0.2) !important;
  }
}
.bg-black-300 {
  background-color: rgba(24, 59, 86, 0.3) !important;
}

.hover-bg-black-300:hover {
  background-color: rgba(24, 59, 86, 0.3);
}

.focus-bg-black-300:focus {
  background-color: rgba(24, 59, 86, 0.3);
}

@media (max-width: 575.98px) {
  .xs-bg-black-300 {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .xs-hover-bg-black-300:hover {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .xs-focus-bg-black-300:focus {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-300 {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .sm-hover-bg-black-300:hover {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .sm-focus-bg-black-300:focus {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-300 {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .md-hover-bg-black-300:hover {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .md-focus-bg-black-300:focus {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-300 {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .lg-hover-bg-black-300:hover {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .lg-focus-bg-black-300:focus {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-300 {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .xl-hover-bg-black-300:hover {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }

  .xl-focus-bg-black-300:focus {
    background-color: rgba(24, 59, 86, 0.3) !important;
  }
}
.bg-black-400 {
  background-color: rgba(24, 59, 86, 0.4) !important;
}

.hover-bg-black-400:hover {
  background-color: rgba(24, 59, 86, 0.4);
}

.focus-bg-black-400:focus {
  background-color: rgba(24, 59, 86, 0.4);
}

@media (max-width: 575.98px) {
  .xs-bg-black-400 {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .xs-hover-bg-black-400:hover {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .xs-focus-bg-black-400:focus {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-400 {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .sm-hover-bg-black-400:hover {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .sm-focus-bg-black-400:focus {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-400 {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .md-hover-bg-black-400:hover {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .md-focus-bg-black-400:focus {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-400 {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .lg-hover-bg-black-400:hover {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .lg-focus-bg-black-400:focus {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-400 {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .xl-hover-bg-black-400:hover {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }

  .xl-focus-bg-black-400:focus {
    background-color: rgba(24, 59, 86, 0.4) !important;
  }
}
.bg-black-500 {
  background-color: rgba(24, 59, 86, 0.5) !important;
}

.hover-bg-black-500:hover {
  background-color: rgba(24, 59, 86, 0.5);
}

.focus-bg-black-500:focus {
  background-color: rgba(24, 59, 86, 0.5);
}

@media (max-width: 575.98px) {
  .xs-bg-black-500 {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .xs-hover-bg-black-500:hover {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .xs-focus-bg-black-500:focus {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-500 {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .sm-hover-bg-black-500:hover {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .sm-focus-bg-black-500:focus {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-500 {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .md-hover-bg-black-500:hover {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .md-focus-bg-black-500:focus {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-500 {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .lg-hover-bg-black-500:hover {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .lg-focus-bg-black-500:focus {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-500 {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .xl-hover-bg-black-500:hover {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }

  .xl-focus-bg-black-500:focus {
    background-color: rgba(24, 59, 86, 0.5) !important;
  }
}
.bg-black-600 {
  background-color: rgba(24, 59, 86, 0.6) !important;
}

.hover-bg-black-600:hover {
  background-color: rgba(24, 59, 86, 0.6);
}

.focus-bg-black-600:focus {
  background-color: rgba(24, 59, 86, 0.6);
}

@media (max-width: 575.98px) {
  .xs-bg-black-600 {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .xs-hover-bg-black-600:hover {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .xs-focus-bg-black-600:focus {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-600 {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .sm-hover-bg-black-600:hover {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .sm-focus-bg-black-600:focus {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-600 {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .md-hover-bg-black-600:hover {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .md-focus-bg-black-600:focus {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-600 {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .lg-hover-bg-black-600:hover {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .lg-focus-bg-black-600:focus {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-600 {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .xl-hover-bg-black-600:hover {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }

  .xl-focus-bg-black-600:focus {
    background-color: rgba(24, 59, 86, 0.6) !important;
  }
}
.bg-black-700 {
  background-color: rgba(24, 59, 86, 0.7) !important;
}

.hover-bg-black-700:hover {
  background-color: rgba(24, 59, 86, 0.7);
}

.focus-bg-black-700:focus {
  background-color: rgba(24, 59, 86, 0.7);
}

@media (max-width: 575.98px) {
  .xs-bg-black-700 {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .xs-hover-bg-black-700:hover {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .xs-focus-bg-black-700:focus {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-700 {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .sm-hover-bg-black-700:hover {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .sm-focus-bg-black-700:focus {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-700 {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .md-hover-bg-black-700:hover {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .md-focus-bg-black-700:focus {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-700 {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .lg-hover-bg-black-700:hover {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .lg-focus-bg-black-700:focus {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-700 {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .xl-hover-bg-black-700:hover {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }

  .xl-focus-bg-black-700:focus {
    background-color: rgba(24, 59, 86, 0.7) !important;
  }
}
.bg-black-800 {
  background-color: rgba(24, 59, 86, 0.8) !important;
}

.hover-bg-black-800:hover {
  background-color: rgba(24, 59, 86, 0.8);
}

.focus-bg-black-800:focus {
  background-color: rgba(24, 59, 86, 0.8);
}

@media (max-width: 575.98px) {
  .xs-bg-black-800 {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .xs-hover-bg-black-800:hover {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .xs-focus-bg-black-800:focus {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-800 {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .sm-hover-bg-black-800:hover {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .sm-focus-bg-black-800:focus {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-800 {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .md-hover-bg-black-800:hover {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .md-focus-bg-black-800:focus {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-800 {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .lg-hover-bg-black-800:hover {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .lg-focus-bg-black-800:focus {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-800 {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .xl-hover-bg-black-800:hover {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }

  .xl-focus-bg-black-800:focus {
    background-color: rgba(24, 59, 86, 0.8) !important;
  }
}
.bg-black-900 {
  background-color: rgba(24, 59, 86, 0.9) !important;
}

.hover-bg-black-900:hover {
  background-color: rgba(24, 59, 86, 0.9);
}

.focus-bg-black-900:focus {
  background-color: rgba(24, 59, 86, 0.9);
}

@media (max-width: 575.98px) {
  .xs-bg-black-900 {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .xs-hover-bg-black-900:hover {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .xs-focus-bg-black-900:focus {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-black-900 {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .sm-hover-bg-black-900:hover {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .sm-focus-bg-black-900:focus {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-black-900 {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .md-hover-bg-black-900:hover {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .md-focus-bg-black-900:focus {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-black-900 {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .lg-hover-bg-black-900:hover {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .lg-focus-bg-black-900:focus {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-black-900 {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .xl-hover-bg-black-900:hover {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }

  .xl-focus-bg-black-900:focus {
    background-color: rgba(24, 59, 86, 0.9) !important;
  }
}
.bg-gray {
  background-color: #5a7184 !important;
}

.hover-bg-gray:hover {
  background-color: #5a7184;
}

.focus-bg-gray:focus {
  background-color: #5a7184;
}

@media (max-width: 575.98px) {
  .xs-bg-gray {
    background-color: #5a7184 !important;
  }

  .xs-hover-bg-gray:hover {
    background-color: #5a7184 !important;
  }

  .xs-focus-bg-gray:focus {
    background-color: #5a7184 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray {
    background-color: #5a7184 !important;
  }

  .sm-hover-bg-gray:hover {
    background-color: #5a7184 !important;
  }

  .sm-focus-bg-gray:focus {
    background-color: #5a7184 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray {
    background-color: #5a7184 !important;
  }

  .md-hover-bg-gray:hover {
    background-color: #5a7184 !important;
  }

  .md-focus-bg-gray:focus {
    background-color: #5a7184 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray {
    background-color: #5a7184 !important;
  }

  .lg-hover-bg-gray:hover {
    background-color: #5a7184 !important;
  }

  .lg-focus-bg-gray:focus {
    background-color: #5a7184 !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray {
    background-color: #5a7184 !important;
  }

  .xl-hover-bg-gray:hover {
    background-color: #5a7184 !important;
  }

  .xl-focus-bg-gray:focus {
    background-color: #5a7184 !important;
  }
}
.bg-gray-100 {
  background-color: rgba(90, 113, 132, 0.1) !important;
}

.hover-bg-gray-100:hover {
  background-color: rgba(90, 113, 132, 0.1);
}

.focus-bg-gray-100:focus {
  background-color: rgba(90, 113, 132, 0.1);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-100 {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .xs-hover-bg-gray-100:hover {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .xs-focus-bg-gray-100:focus {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-100 {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .sm-hover-bg-gray-100:hover {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .sm-focus-bg-gray-100:focus {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-100 {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .md-hover-bg-gray-100:hover {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .md-focus-bg-gray-100:focus {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-100 {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .lg-hover-bg-gray-100:hover {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .lg-focus-bg-gray-100:focus {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-100 {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .xl-hover-bg-gray-100:hover {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }

  .xl-focus-bg-gray-100:focus {
    background-color: rgba(90, 113, 132, 0.1) !important;
  }
}
.bg-gray-200 {
  background-color: rgba(90, 113, 132, 0.2) !important;
}

.hover-bg-gray-200:hover {
  background-color: rgba(90, 113, 132, 0.2);
}

.focus-bg-gray-200:focus {
  background-color: rgba(90, 113, 132, 0.2);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-200 {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .xs-hover-bg-gray-200:hover {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .xs-focus-bg-gray-200:focus {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-200 {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .sm-hover-bg-gray-200:hover {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .sm-focus-bg-gray-200:focus {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-200 {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .md-hover-bg-gray-200:hover {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .md-focus-bg-gray-200:focus {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-200 {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .lg-hover-bg-gray-200:hover {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .lg-focus-bg-gray-200:focus {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-200 {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .xl-hover-bg-gray-200:hover {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }

  .xl-focus-bg-gray-200:focus {
    background-color: rgba(90, 113, 132, 0.2) !important;
  }
}
.bg-gray-300 {
  background-color: rgba(90, 113, 132, 0.3) !important;
}

.hover-bg-gray-300:hover {
  background-color: rgba(90, 113, 132, 0.3);
}

.focus-bg-gray-300:focus {
  background-color: rgba(90, 113, 132, 0.3);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-300 {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .xs-hover-bg-gray-300:hover {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .xs-focus-bg-gray-300:focus {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-300 {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .sm-hover-bg-gray-300:hover {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .sm-focus-bg-gray-300:focus {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-300 {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .md-hover-bg-gray-300:hover {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .md-focus-bg-gray-300:focus {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-300 {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .lg-hover-bg-gray-300:hover {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .lg-focus-bg-gray-300:focus {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-300 {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .xl-hover-bg-gray-300:hover {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }

  .xl-focus-bg-gray-300:focus {
    background-color: rgba(90, 113, 132, 0.3) !important;
  }
}
.bg-gray-400 {
  background-color: rgba(90, 113, 132, 0.4) !important;
}

.hover-bg-gray-400:hover {
  background-color: rgba(90, 113, 132, 0.4);
}

.focus-bg-gray-400:focus {
  background-color: rgba(90, 113, 132, 0.4);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-400 {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .xs-hover-bg-gray-400:hover {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .xs-focus-bg-gray-400:focus {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-400 {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .sm-hover-bg-gray-400:hover {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .sm-focus-bg-gray-400:focus {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-400 {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .md-hover-bg-gray-400:hover {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .md-focus-bg-gray-400:focus {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-400 {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .lg-hover-bg-gray-400:hover {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .lg-focus-bg-gray-400:focus {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-400 {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .xl-hover-bg-gray-400:hover {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }

  .xl-focus-bg-gray-400:focus {
    background-color: rgba(90, 113, 132, 0.4) !important;
  }
}
.bg-gray-500 {
  background-color: rgba(90, 113, 132, 0.5) !important;
}

.hover-bg-gray-500:hover {
  background-color: rgba(90, 113, 132, 0.5);
}

.focus-bg-gray-500:focus {
  background-color: rgba(90, 113, 132, 0.5);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-500 {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .xs-hover-bg-gray-500:hover {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .xs-focus-bg-gray-500:focus {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-500 {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .sm-hover-bg-gray-500:hover {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .sm-focus-bg-gray-500:focus {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-500 {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .md-hover-bg-gray-500:hover {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .md-focus-bg-gray-500:focus {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-500 {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .lg-hover-bg-gray-500:hover {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .lg-focus-bg-gray-500:focus {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-500 {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .xl-hover-bg-gray-500:hover {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }

  .xl-focus-bg-gray-500:focus {
    background-color: rgba(90, 113, 132, 0.5) !important;
  }
}
.bg-gray-600 {
  background-color: rgba(90, 113, 132, 0.6) !important;
}

.hover-bg-gray-600:hover {
  background-color: rgba(90, 113, 132, 0.6);
}

.focus-bg-gray-600:focus {
  background-color: rgba(90, 113, 132, 0.6);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-600 {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .xs-hover-bg-gray-600:hover {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .xs-focus-bg-gray-600:focus {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-600 {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .sm-hover-bg-gray-600:hover {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .sm-focus-bg-gray-600:focus {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-600 {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .md-hover-bg-gray-600:hover {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .md-focus-bg-gray-600:focus {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-600 {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .lg-hover-bg-gray-600:hover {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .lg-focus-bg-gray-600:focus {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-600 {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .xl-hover-bg-gray-600:hover {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }

  .xl-focus-bg-gray-600:focus {
    background-color: rgba(90, 113, 132, 0.6) !important;
  }
}
.bg-gray-700 {
  background-color: rgba(90, 113, 132, 0.7) !important;
}

.hover-bg-gray-700:hover {
  background-color: rgba(90, 113, 132, 0.7);
}

.focus-bg-gray-700:focus {
  background-color: rgba(90, 113, 132, 0.7);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-700 {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .xs-hover-bg-gray-700:hover {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .xs-focus-bg-gray-700:focus {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-700 {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .sm-hover-bg-gray-700:hover {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .sm-focus-bg-gray-700:focus {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-700 {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .md-hover-bg-gray-700:hover {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .md-focus-bg-gray-700:focus {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-700 {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .lg-hover-bg-gray-700:hover {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .lg-focus-bg-gray-700:focus {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-700 {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .xl-hover-bg-gray-700:hover {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }

  .xl-focus-bg-gray-700:focus {
    background-color: rgba(90, 113, 132, 0.7) !important;
  }
}
.bg-gray-800 {
  background-color: rgba(90, 113, 132, 0.8) !important;
}

.hover-bg-gray-800:hover {
  background-color: rgba(90, 113, 132, 0.8);
}

.focus-bg-gray-800:focus {
  background-color: rgba(90, 113, 132, 0.8);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-800 {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .xs-hover-bg-gray-800:hover {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .xs-focus-bg-gray-800:focus {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-800 {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .sm-hover-bg-gray-800:hover {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .sm-focus-bg-gray-800:focus {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-800 {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .md-hover-bg-gray-800:hover {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .md-focus-bg-gray-800:focus {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-800 {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .lg-hover-bg-gray-800:hover {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .lg-focus-bg-gray-800:focus {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-800 {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .xl-hover-bg-gray-800:hover {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }

  .xl-focus-bg-gray-800:focus {
    background-color: rgba(90, 113, 132, 0.8) !important;
  }
}
.bg-gray-900 {
  background-color: rgba(90, 113, 132, 0.9) !important;
}

.hover-bg-gray-900:hover {
  background-color: rgba(90, 113, 132, 0.9);
}

.focus-bg-gray-900:focus {
  background-color: rgba(90, 113, 132, 0.9);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-900 {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .xs-hover-bg-gray-900:hover {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .xs-focus-bg-gray-900:focus {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-900 {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .sm-hover-bg-gray-900:hover {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .sm-focus-bg-gray-900:focus {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-900 {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .md-hover-bg-gray-900:hover {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .md-focus-bg-gray-900:focus {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-900 {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .lg-hover-bg-gray-900:hover {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .lg-focus-bg-gray-900:focus {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-900 {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .xl-hover-bg-gray-900:hover {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }

  .xl-focus-bg-gray-900:focus {
    background-color: rgba(90, 113, 132, 0.9) !important;
  }
}
.bg-gray-light {
  background-color: #b3bac5 !important;
}

.hover-bg-gray-light:hover {
  background-color: #b3bac5;
}

.focus-bg-gray-light:focus {
  background-color: #b3bac5;
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light {
    background-color: #b3bac5 !important;
  }

  .xs-hover-bg-gray-light:hover {
    background-color: #b3bac5 !important;
  }

  .xs-focus-bg-gray-light:focus {
    background-color: #b3bac5 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light {
    background-color: #b3bac5 !important;
  }

  .sm-hover-bg-gray-light:hover {
    background-color: #b3bac5 !important;
  }

  .sm-focus-bg-gray-light:focus {
    background-color: #b3bac5 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light {
    background-color: #b3bac5 !important;
  }

  .md-hover-bg-gray-light:hover {
    background-color: #b3bac5 !important;
  }

  .md-focus-bg-gray-light:focus {
    background-color: #b3bac5 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light {
    background-color: #b3bac5 !important;
  }

  .lg-hover-bg-gray-light:hover {
    background-color: #b3bac5 !important;
  }

  .lg-focus-bg-gray-light:focus {
    background-color: #b3bac5 !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light {
    background-color: #b3bac5 !important;
  }

  .xl-hover-bg-gray-light:hover {
    background-color: #b3bac5 !important;
  }

  .xl-focus-bg-gray-light:focus {
    background-color: #b3bac5 !important;
  }
}
.bg-gray-light-100 {
  background-color: rgba(179, 186, 197, 0.1) !important;
}

.hover-bg-gray-light-100:hover {
  background-color: rgba(179, 186, 197, 0.1);
}

.focus-bg-gray-light-100:focus {
  background-color: rgba(179, 186, 197, 0.1);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-100 {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .xs-hover-bg-gray-light-100:hover {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .xs-focus-bg-gray-light-100:focus {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-100 {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .sm-hover-bg-gray-light-100:hover {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .sm-focus-bg-gray-light-100:focus {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-100 {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .md-hover-bg-gray-light-100:hover {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .md-focus-bg-gray-light-100:focus {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-100 {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .lg-hover-bg-gray-light-100:hover {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .lg-focus-bg-gray-light-100:focus {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-100 {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .xl-hover-bg-gray-light-100:hover {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }

  .xl-focus-bg-gray-light-100:focus {
    background-color: rgba(179, 186, 197, 0.1) !important;
  }
}
.bg-gray-light-200 {
  background-color: rgba(179, 186, 197, 0.2) !important;
}

.hover-bg-gray-light-200:hover {
  background-color: rgba(179, 186, 197, 0.2);
}

.focus-bg-gray-light-200:focus {
  background-color: rgba(179, 186, 197, 0.2);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-200 {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .xs-hover-bg-gray-light-200:hover {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .xs-focus-bg-gray-light-200:focus {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-200 {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .sm-hover-bg-gray-light-200:hover {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .sm-focus-bg-gray-light-200:focus {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-200 {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .md-hover-bg-gray-light-200:hover {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .md-focus-bg-gray-light-200:focus {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-200 {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .lg-hover-bg-gray-light-200:hover {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .lg-focus-bg-gray-light-200:focus {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-200 {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .xl-hover-bg-gray-light-200:hover {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }

  .xl-focus-bg-gray-light-200:focus {
    background-color: rgba(179, 186, 197, 0.2) !important;
  }
}
.bg-gray-light-300 {
  background-color: rgba(179, 186, 197, 0.3) !important;
}

.hover-bg-gray-light-300:hover {
  background-color: rgba(179, 186, 197, 0.3);
}

.focus-bg-gray-light-300:focus {
  background-color: rgba(179, 186, 197, 0.3);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-300 {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .xs-hover-bg-gray-light-300:hover {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .xs-focus-bg-gray-light-300:focus {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-300 {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .sm-hover-bg-gray-light-300:hover {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .sm-focus-bg-gray-light-300:focus {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-300 {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .md-hover-bg-gray-light-300:hover {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .md-focus-bg-gray-light-300:focus {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-300 {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .lg-hover-bg-gray-light-300:hover {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .lg-focus-bg-gray-light-300:focus {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-300 {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .xl-hover-bg-gray-light-300:hover {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }

  .xl-focus-bg-gray-light-300:focus {
    background-color: rgba(179, 186, 197, 0.3) !important;
  }
}
.bg-gray-light-400 {
  background-color: rgba(179, 186, 197, 0.4) !important;
}

.hover-bg-gray-light-400:hover {
  background-color: rgba(179, 186, 197, 0.4);
}

.focus-bg-gray-light-400:focus {
  background-color: rgba(179, 186, 197, 0.4);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-400 {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .xs-hover-bg-gray-light-400:hover {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .xs-focus-bg-gray-light-400:focus {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-400 {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .sm-hover-bg-gray-light-400:hover {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .sm-focus-bg-gray-light-400:focus {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-400 {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .md-hover-bg-gray-light-400:hover {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .md-focus-bg-gray-light-400:focus {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-400 {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .lg-hover-bg-gray-light-400:hover {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .lg-focus-bg-gray-light-400:focus {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-400 {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .xl-hover-bg-gray-light-400:hover {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }

  .xl-focus-bg-gray-light-400:focus {
    background-color: rgba(179, 186, 197, 0.4) !important;
  }
}
.bg-gray-light-500 {
  background-color: rgba(179, 186, 197, 0.5) !important;
}

.hover-bg-gray-light-500:hover {
  background-color: rgba(179, 186, 197, 0.5);
}

.focus-bg-gray-light-500:focus {
  background-color: rgba(179, 186, 197, 0.5);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-500 {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .xs-hover-bg-gray-light-500:hover {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .xs-focus-bg-gray-light-500:focus {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-500 {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .sm-hover-bg-gray-light-500:hover {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .sm-focus-bg-gray-light-500:focus {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-500 {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .md-hover-bg-gray-light-500:hover {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .md-focus-bg-gray-light-500:focus {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-500 {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .lg-hover-bg-gray-light-500:hover {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .lg-focus-bg-gray-light-500:focus {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-500 {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .xl-hover-bg-gray-light-500:hover {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }

  .xl-focus-bg-gray-light-500:focus {
    background-color: rgba(179, 186, 197, 0.5) !important;
  }
}
.bg-gray-light-600 {
  background-color: rgba(179, 186, 197, 0.6) !important;
}

.hover-bg-gray-light-600:hover {
  background-color: rgba(179, 186, 197, 0.6);
}

.focus-bg-gray-light-600:focus {
  background-color: rgba(179, 186, 197, 0.6);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-600 {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .xs-hover-bg-gray-light-600:hover {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .xs-focus-bg-gray-light-600:focus {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-600 {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .sm-hover-bg-gray-light-600:hover {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .sm-focus-bg-gray-light-600:focus {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-600 {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .md-hover-bg-gray-light-600:hover {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .md-focus-bg-gray-light-600:focus {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-600 {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .lg-hover-bg-gray-light-600:hover {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .lg-focus-bg-gray-light-600:focus {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-600 {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .xl-hover-bg-gray-light-600:hover {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }

  .xl-focus-bg-gray-light-600:focus {
    background-color: rgba(179, 186, 197, 0.6) !important;
  }
}
.bg-gray-light-700 {
  background-color: rgba(179, 186, 197, 0.7) !important;
}

.hover-bg-gray-light-700:hover {
  background-color: rgba(179, 186, 197, 0.7);
}

.focus-bg-gray-light-700:focus {
  background-color: rgba(179, 186, 197, 0.7);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-700 {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .xs-hover-bg-gray-light-700:hover {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .xs-focus-bg-gray-light-700:focus {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-700 {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .sm-hover-bg-gray-light-700:hover {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .sm-focus-bg-gray-light-700:focus {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-700 {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .md-hover-bg-gray-light-700:hover {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .md-focus-bg-gray-light-700:focus {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-700 {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .lg-hover-bg-gray-light-700:hover {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .lg-focus-bg-gray-light-700:focus {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-700 {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .xl-hover-bg-gray-light-700:hover {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }

  .xl-focus-bg-gray-light-700:focus {
    background-color: rgba(179, 186, 197, 0.7) !important;
  }
}
.bg-gray-light-800 {
  background-color: rgba(179, 186, 197, 0.8) !important;
}

.hover-bg-gray-light-800:hover {
  background-color: rgba(179, 186, 197, 0.8);
}

.focus-bg-gray-light-800:focus {
  background-color: rgba(179, 186, 197, 0.8);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-800 {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .xs-hover-bg-gray-light-800:hover {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .xs-focus-bg-gray-light-800:focus {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-800 {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .sm-hover-bg-gray-light-800:hover {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .sm-focus-bg-gray-light-800:focus {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-800 {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .md-hover-bg-gray-light-800:hover {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .md-focus-bg-gray-light-800:focus {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-800 {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .lg-hover-bg-gray-light-800:hover {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .lg-focus-bg-gray-light-800:focus {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-800 {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .xl-hover-bg-gray-light-800:hover {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }

  .xl-focus-bg-gray-light-800:focus {
    background-color: rgba(179, 186, 197, 0.8) !important;
  }
}
.bg-gray-light-900 {
  background-color: rgba(179, 186, 197, 0.9) !important;
}

.hover-bg-gray-light-900:hover {
  background-color: rgba(179, 186, 197, 0.9);
}

.focus-bg-gray-light-900:focus {
  background-color: rgba(179, 186, 197, 0.9);
}

@media (max-width: 575.98px) {
  .xs-bg-gray-light-900 {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .xs-hover-bg-gray-light-900:hover {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .xs-focus-bg-gray-light-900:focus {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-gray-light-900 {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .sm-hover-bg-gray-light-900:hover {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .sm-focus-bg-gray-light-900:focus {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-gray-light-900 {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .md-hover-bg-gray-light-900:hover {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .md-focus-bg-gray-light-900:focus {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-gray-light-900 {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .lg-hover-bg-gray-light-900:hover {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .lg-focus-bg-gray-light-900:focus {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-gray-light-900 {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .xl-hover-bg-gray-light-900:hover {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }

  .xl-focus-bg-gray-light-900:focus {
    background-color: rgba(179, 186, 197, 0.9) !important;
  }
}
.bg-white {
  background-color: white !important;
}

.hover-bg-white:hover {
  background-color: white;
}

.focus-bg-white:focus {
  background-color: white;
}

@media (max-width: 575.98px) {
  .xs-bg-white {
    background-color: white !important;
  }

  .xs-hover-bg-white:hover {
    background-color: white !important;
  }

  .xs-focus-bg-white:focus {
    background-color: white !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-100 {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .xs-hover-bg-white-100:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  .xs-focus-bg-white-100:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-200 {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .xs-hover-bg-white-200:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }

  .xs-focus-bg-white-200:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-300 {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .xs-hover-bg-white-300:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .xs-focus-bg-white-300:focus {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-400 {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .xs-hover-bg-white-400:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }

  .xs-focus-bg-white-400:focus {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-500 {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .xs-hover-bg-white-500:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .xs-focus-bg-white-500:focus {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-600 {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .xs-hover-bg-white-600:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }

  .xs-focus-bg-white-600:focus {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-700 {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .xs-hover-bg-white-700:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  .xs-focus-bg-white-700:focus {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-800 {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .xs-hover-bg-white-800:hover {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .xs-focus-bg-white-800:focus {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-bg-white-900 {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .xs-hover-bg-white-900:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  .xs-focus-bg-white-900:focus {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
}
@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: 1199.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: 1200px) {
  .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;
  }
}
.bg-iris-blue {
  background-color: #00b8d9 !important;
}

.hover-bg-iris-blue:hover {
  background-color: #00b8d9;
}

.focus-bg-iris-blue:focus {
  background-color: #00b8d9;
}

@media (max-width: 575.98px) {
  .xs-bg-iris-blue {
    background-color: #00b8d9 !important;
  }

  .xs-hover-bg-iris-blue:hover {
    background-color: #00b8d9 !important;
  }

  .xs-focus-bg-iris-blue:focus {
    background-color: #00b8d9 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-iris-blue {
    background-color: #00b8d9 !important;
  }

  .sm-hover-bg-iris-blue:hover {
    background-color: #00b8d9 !important;
  }

  .sm-focus-bg-iris-blue:focus {
    background-color: #00b8d9 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-iris-blue {
    background-color: #00b8d9 !important;
  }

  .md-hover-bg-iris-blue:hover {
    background-color: #00b8d9 !important;
  }

  .md-focus-bg-iris-blue:focus {
    background-color: #00b8d9 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-iris-blue {
    background-color: #00b8d9 !important;
  }

  .lg-hover-bg-iris-blue:hover {
    background-color: #00b8d9 !important;
  }

  .lg-focus-bg-iris-blue:focus {
    background-color: #00b8d9 !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-iris-blue {
    background-color: #00b8d9 !important;
  }

  .xl-hover-bg-iris-blue:hover {
    background-color: #00b8d9 !important;
  }

  .xl-focus-bg-iris-blue:focus {
    background-color: #00b8d9 !important;
  }
}
.bg-iris-blue-60 {
  background-color: rgba(0, 184, 217, 0.06) !important;
}

.hover-bg-iris-blue-60:hover {
  background-color: rgba(0, 184, 217, 0.06);
}

.focus-bg-iris-blue-60:focus {
  background-color: rgba(0, 184, 217, 0.06);
}

@media (max-width: 575.98px) {
  .xs-bg-iris-blue-60 {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .xs-hover-bg-iris-blue-60:hover {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .xs-focus-bg-iris-blue-60:focus {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-iris-blue-60 {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .sm-hover-bg-iris-blue-60:hover {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .sm-focus-bg-iris-blue-60:focus {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-iris-blue-60 {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .md-hover-bg-iris-blue-60:hover {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .md-focus-bg-iris-blue-60:focus {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-iris-blue-60 {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .lg-hover-bg-iris-blue-60:hover {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .lg-focus-bg-iris-blue-60:focus {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-iris-blue-60 {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .xl-hover-bg-iris-blue-60:hover {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }

  .xl-focus-bg-iris-blue-60:focus {
    background-color: rgba(0, 184, 217, 0.06) !important;
  }
}
.bg-iris-blue-100 {
  background-color: rgba(0, 184, 217, 0.1) !important;
}

.hover-bg-iris-blue-100:hover {
  background-color: rgba(0, 184, 217, 0.1);
}

.focus-bg-iris-blue-100:focus {
  background-color: rgba(0, 184, 217, 0.1);
}

@media (max-width: 575.98px) {
  .xs-bg-iris-blue-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .xs-hover-bg-iris-blue-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .xs-focus-bg-iris-blue-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-iris-blue-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .sm-hover-bg-iris-blue-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

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

  .md-hover-bg-iris-blue-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .md-focus-bg-iris-blue-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-iris-blue-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .lg-hover-bg-iris-blue-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .lg-focus-bg-iris-blue-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-iris-blue-100 {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .xl-hover-bg-iris-blue-100:hover {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }

  .xl-focus-bg-iris-blue-100:focus {
    background-color: rgba(0, 184, 217, 0.1) !important;
  }
}
.bg-bright-red {
  background-color: #e95432 !important;
}

.hover-bg-bright-red:hover {
  background-color: #e95432;
}

.focus-bg-bright-red:focus {
  background-color: #e95432;
}

@media (max-width: 575.98px) {
  .xs-bg-bright-red {
    background-color: #e95432 !important;
  }

  .xs-hover-bg-bright-red:hover {
    background-color: #e95432 !important;
  }

  .xs-focus-bg-bright-red:focus {
    background-color: #e95432 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-bright-red {
    background-color: #e95432 !important;
  }

  .sm-hover-bg-bright-red:hover {
    background-color: #e95432 !important;
  }

  .sm-focus-bg-bright-red:focus {
    background-color: #e95432 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-bright-red {
    background-color: #e95432 !important;
  }

  .md-hover-bg-bright-red:hover {
    background-color: #e95432 !important;
  }

  .md-focus-bg-bright-red:focus {
    background-color: #e95432 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-bright-red {
    background-color: #e95432 !important;
  }

  .lg-hover-bg-bright-red:hover {
    background-color: #e95432 !important;
  }

  .lg-focus-bg-bright-red:focus {
    background-color: #e95432 !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-bright-red {
    background-color: #e95432 !important;
  }

  .xl-hover-bg-bright-red:hover {
    background-color: #e95432 !important;
  }

  .xl-focus-bg-bright-red:focus {
    background-color: #e95432 !important;
  }
}
.bg-bright-red-100 {
  background-color: rgba(233, 84, 50, 0.1) !important;
}

.hover-bg-bright-red-100:hover {
  background-color: rgba(233, 84, 50, 0.1);
}

.focus-bg-bright-red-100:focus {
  background-color: rgba(233, 84, 50, 0.1);
}

@media (max-width: 575.98px) {
  .xs-bg-bright-red-100 {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .xs-hover-bg-bright-red-100:hover {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .xs-focus-bg-bright-red-100:focus {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-bright-red-100 {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .sm-hover-bg-bright-red-100:hover {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .sm-focus-bg-bright-red-100:focus {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-bright-red-100 {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .md-hover-bg-bright-red-100:hover {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .md-focus-bg-bright-red-100:focus {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-bright-red-100 {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .lg-hover-bg-bright-red-100:hover {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .lg-focus-bg-bright-red-100:focus {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-bright-red-100 {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .xl-hover-bg-bright-red-100:hover {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }

  .xl-focus-bg-bright-red-100:focus {
    background-color: rgba(233, 84, 50, 0.1) !important;
  }
}
.bg-light-blue {
  background-color: #f9fbfe !important;
}

.hover-bg-light-blue:hover {
  background-color: #f9fbfe;
}

.focus-bg-light-blue:focus {
  background-color: #f9fbfe;
}

@media (max-width: 575.98px) {
  .xs-bg-light-blue {
    background-color: #f9fbfe !important;
  }

  .xs-hover-bg-light-blue:hover {
    background-color: #f9fbfe !important;
  }

  .xs-focus-bg-light-blue:focus {
    background-color: #f9fbfe !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-light-blue {
    background-color: #f9fbfe !important;
  }

  .sm-hover-bg-light-blue:hover {
    background-color: #f9fbfe !important;
  }

  .sm-focus-bg-light-blue:focus {
    background-color: #f9fbfe !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-light-blue {
    background-color: #f9fbfe !important;
  }

  .md-hover-bg-light-blue:hover {
    background-color: #f9fbfe !important;
  }

  .md-focus-bg-light-blue:focus {
    background-color: #f9fbfe !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-light-blue {
    background-color: #f9fbfe !important;
  }

  .lg-hover-bg-light-blue:hover {
    background-color: #f9fbfe !important;
  }

  .lg-focus-bg-light-blue:focus {
    background-color: #f9fbfe !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-light-blue {
    background-color: #f9fbfe !important;
  }

  .xl-hover-bg-light-blue:hover {
    background-color: #f9fbfe !important;
  }

  .xl-focus-bg-light-blue:focus {
    background-color: #f9fbfe !important;
  }
}
.bg-dark-blue {
  background-color: #3f598a !important;
}

.hover-bg-dark-blue:hover {
  background-color: #3f598a;
}

.focus-bg-dark-blue:focus {
  background-color: #3f598a;
}

@media (max-width: 575.98px) {
  .xs-bg-dark-blue {
    background-color: #3f598a !important;
  }

  .xs-hover-bg-dark-blue:hover {
    background-color: #3f598a !important;
  }

  .xs-focus-bg-dark-blue:focus {
    background-color: #3f598a !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-dark-blue {
    background-color: #3f598a !important;
  }

  .sm-hover-bg-dark-blue:hover {
    background-color: #3f598a !important;
  }

  .sm-focus-bg-dark-blue:focus {
    background-color: #3f598a !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-dark-blue {
    background-color: #3f598a !important;
  }

  .md-hover-bg-dark-blue:hover {
    background-color: #3f598a !important;
  }

  .md-focus-bg-dark-blue:focus {
    background-color: #3f598a !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-dark-blue {
    background-color: #3f598a !important;
  }

  .lg-hover-bg-dark-blue:hover {
    background-color: #3f598a !important;
  }

  .lg-focus-bg-dark-blue:focus {
    background-color: #3f598a !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-dark-blue {
    background-color: #3f598a !important;
  }

  .xl-hover-bg-dark-blue:hover {
    background-color: #3f598a !important;
  }

  .xl-focus-bg-dark-blue:focus {
    background-color: #3f598a !important;
  }
}
.bg-dark-blue-100 {
  background-color: rgba(63, 89, 138, 0.1) !important;
}

.hover-bg-dark-blue-100:hover {
  background-color: rgba(63, 89, 138, 0.1);
}

.focus-bg-dark-blue-100:focus {
  background-color: rgba(63, 89, 138, 0.1);
}

@media (max-width: 575.98px) {
  .xs-bg-dark-blue-100 {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .xs-hover-bg-dark-blue-100:hover {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .xs-focus-bg-dark-blue-100:focus {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-dark-blue-100 {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .sm-hover-bg-dark-blue-100:hover {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .sm-focus-bg-dark-blue-100:focus {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-dark-blue-100 {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .md-hover-bg-dark-blue-100:hover {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .md-focus-bg-dark-blue-100:focus {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-dark-blue-100 {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .lg-hover-bg-dark-blue-100:hover {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .lg-focus-bg-dark-blue-100:focus {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-dark-blue-100 {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .xl-hover-bg-dark-blue-100:hover {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }

  .xl-focus-bg-dark-blue-100:focus {
    background-color: rgba(63, 89, 138, 0.1) !important;
  }
}
.bg-dark {
  background-color: #0d2436 !important;
}

.hover-bg-dark:hover {
  background-color: #0d2436;
}

.focus-bg-dark:focus {
  background-color: #0d2436;
}

@media (max-width: 575.98px) {
  .xs-bg-dark {
    background-color: #0d2436 !important;
  }

  .xs-hover-bg-dark:hover {
    background-color: #0d2436 !important;
  }

  .xs-focus-bg-dark:focus {
    background-color: #0d2436 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-bg-dark {
    background-color: #0d2436 !important;
  }

  .sm-hover-bg-dark:hover {
    background-color: #0d2436 !important;
  }

  .sm-focus-bg-dark:focus {
    background-color: #0d2436 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-bg-dark {
    background-color: #0d2436 !important;
  }

  .md-hover-bg-dark:hover {
    background-color: #0d2436 !important;
  }

  .md-focus-bg-dark:focus {
    background-color: #0d2436 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-bg-dark {
    background-color: #0d2436 !important;
  }

  .lg-hover-bg-dark:hover {
    background-color: #0d2436 !important;
  }

  .lg-focus-bg-dark:focus {
    background-color: #0d2436 !important;
  }
}
@media (min-width: 1200px) {
  .xl-bg-dark {
    background-color: #0d2436 !important;
  }

  .xl-hover-bg-dark:hover {
    background-color: #0d2436 !important;
  }

  .xl-focus-bg-dark:focus {
    background-color: #0d2436 !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: 1199.98px) {
  .lg-bg-bottom {
    background-position: bottom;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-center {
    background-position: center;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-left {
    background-position: left;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-left-bottom {
    background-position: left bottom;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-left-top {
    background-position: left top;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-right {
    background-position: right;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-right-bottom {
    background-position: right bottom;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-right-top {
    background-position: right top;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-top {
    background-position: top;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-repeat {
    background-repeat: repeat;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-no-repeat {
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-repeat-x {
    background-repeat: repeat-x;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-repeat-y {
    background-repeat: repeat-y;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-repeat-round {
    background-repeat: round;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-repeat-space {
    background-repeat: space;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-auto {
    background-size: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-cover {
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-bg-contain {
    background-size: contain;
  }
}
@media (min-width: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: #1565d8 !important;
}

.hover-border-primary:hover {
  border-color: #1565d8 !important;
}

.focus-border-primary:focus {
  border-color: #1565d8 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary {
    border-color: #1565d8;
  }

  .sm-hover-border-primary:hover {
    border-color: #1565d8;
  }

  .sm-focus-border-primary:focus {
    border-color: #1565d8;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary {
    border-color: #1565d8;
  }

  .md-hover-border-primary:hover {
    border-color: #1565d8;
  }

  .md-focus-border-primary:focus {
    border-color: #1565d8;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary {
    border-color: #1565d8;
  }

  .lg-hover-border-primary:hover {
    border-color: #1565d8;
  }

  .lg-focus-border-primary:focus {
    border-color: #1565d8;
  }
}
@media (min-width: 1200px) {
  .xl-border-primary {
    border-color: #1565d8;
  }

  .xl-hover-border-primary:hover {
    border-color: #1565d8;
  }

  .xl-focus-border-primary:focus {
    border-color: #1565d8;
  }
}
.border-primary-100 {
  border-color: rgba(21, 101, 216, 0.1) !important;
}

.hover-border-primary-100:hover {
  border-color: rgba(21, 101, 216, 0.1) !important;
}

.focus-border-primary-100:focus {
  border-color: rgba(21, 101, 216, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-100 {
    border-color: rgba(21, 101, 216, 0.1);
  }

  .sm-hover-border-primary-100:hover {
    border-color: rgba(21, 101, 216, 0.1);
  }

  .sm-focus-border-primary-100:focus {
    border-color: rgba(21, 101, 216, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-100 {
    border-color: rgba(21, 101, 216, 0.1);
  }

  .md-hover-border-primary-100:hover {
    border-color: rgba(21, 101, 216, 0.1);
  }

  .md-focus-border-primary-100:focus {
    border-color: rgba(21, 101, 216, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-100 {
    border-color: rgba(21, 101, 216, 0.1);
  }

  .lg-hover-border-primary-100:hover {
    border-color: rgba(21, 101, 216, 0.1);
  }

  .lg-focus-border-primary-100:focus {
    border-color: rgba(21, 101, 216, 0.1);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-100 {
    border-color: rgba(21, 101, 216, 0.1);
  }

  .xl-hover-border-primary-100:hover {
    border-color: rgba(21, 101, 216, 0.1);
  }

  .xl-focus-border-primary-100:focus {
    border-color: rgba(21, 101, 216, 0.1);
  }
}
.border-primary-200 {
  border-color: rgba(21, 101, 216, 0.2) !important;
}

.hover-border-primary-200:hover {
  border-color: rgba(21, 101, 216, 0.2) !important;
}

.focus-border-primary-200:focus {
  border-color: rgba(21, 101, 216, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-200 {
    border-color: rgba(21, 101, 216, 0.2);
  }

  .sm-hover-border-primary-200:hover {
    border-color: rgba(21, 101, 216, 0.2);
  }

  .sm-focus-border-primary-200:focus {
    border-color: rgba(21, 101, 216, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-200 {
    border-color: rgba(21, 101, 216, 0.2);
  }

  .md-hover-border-primary-200:hover {
    border-color: rgba(21, 101, 216, 0.2);
  }

  .md-focus-border-primary-200:focus {
    border-color: rgba(21, 101, 216, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-200 {
    border-color: rgba(21, 101, 216, 0.2);
  }

  .lg-hover-border-primary-200:hover {
    border-color: rgba(21, 101, 216, 0.2);
  }

  .lg-focus-border-primary-200:focus {
    border-color: rgba(21, 101, 216, 0.2);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-200 {
    border-color: rgba(21, 101, 216, 0.2);
  }

  .xl-hover-border-primary-200:hover {
    border-color: rgba(21, 101, 216, 0.2);
  }

  .xl-focus-border-primary-200:focus {
    border-color: rgba(21, 101, 216, 0.2);
  }
}
.border-primary-300 {
  border-color: rgba(21, 101, 216, 0.3) !important;
}

.hover-border-primary-300:hover {
  border-color: rgba(21, 101, 216, 0.3) !important;
}

.focus-border-primary-300:focus {
  border-color: rgba(21, 101, 216, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-300 {
    border-color: rgba(21, 101, 216, 0.3);
  }

  .sm-hover-border-primary-300:hover {
    border-color: rgba(21, 101, 216, 0.3);
  }

  .sm-focus-border-primary-300:focus {
    border-color: rgba(21, 101, 216, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-300 {
    border-color: rgba(21, 101, 216, 0.3);
  }

  .md-hover-border-primary-300:hover {
    border-color: rgba(21, 101, 216, 0.3);
  }

  .md-focus-border-primary-300:focus {
    border-color: rgba(21, 101, 216, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-300 {
    border-color: rgba(21, 101, 216, 0.3);
  }

  .lg-hover-border-primary-300:hover {
    border-color: rgba(21, 101, 216, 0.3);
  }

  .lg-focus-border-primary-300:focus {
    border-color: rgba(21, 101, 216, 0.3);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-300 {
    border-color: rgba(21, 101, 216, 0.3);
  }

  .xl-hover-border-primary-300:hover {
    border-color: rgba(21, 101, 216, 0.3);
  }

  .xl-focus-border-primary-300:focus {
    border-color: rgba(21, 101, 216, 0.3);
  }
}
.border-primary-400 {
  border-color: rgba(21, 101, 216, 0.4) !important;
}

.hover-border-primary-400:hover {
  border-color: rgba(21, 101, 216, 0.4) !important;
}

.focus-border-primary-400:focus {
  border-color: rgba(21, 101, 216, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-400 {
    border-color: rgba(21, 101, 216, 0.4);
  }

  .sm-hover-border-primary-400:hover {
    border-color: rgba(21, 101, 216, 0.4);
  }

  .sm-focus-border-primary-400:focus {
    border-color: rgba(21, 101, 216, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-400 {
    border-color: rgba(21, 101, 216, 0.4);
  }

  .md-hover-border-primary-400:hover {
    border-color: rgba(21, 101, 216, 0.4);
  }

  .md-focus-border-primary-400:focus {
    border-color: rgba(21, 101, 216, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-400 {
    border-color: rgba(21, 101, 216, 0.4);
  }

  .lg-hover-border-primary-400:hover {
    border-color: rgba(21, 101, 216, 0.4);
  }

  .lg-focus-border-primary-400:focus {
    border-color: rgba(21, 101, 216, 0.4);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-400 {
    border-color: rgba(21, 101, 216, 0.4);
  }

  .xl-hover-border-primary-400:hover {
    border-color: rgba(21, 101, 216, 0.4);
  }

  .xl-focus-border-primary-400:focus {
    border-color: rgba(21, 101, 216, 0.4);
  }
}
.border-primary-500 {
  border-color: rgba(21, 101, 216, 0.5) !important;
}

.hover-border-primary-500:hover {
  border-color: rgba(21, 101, 216, 0.5) !important;
}

.focus-border-primary-500:focus {
  border-color: rgba(21, 101, 216, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-500 {
    border-color: rgba(21, 101, 216, 0.5);
  }

  .sm-hover-border-primary-500:hover {
    border-color: rgba(21, 101, 216, 0.5);
  }

  .sm-focus-border-primary-500:focus {
    border-color: rgba(21, 101, 216, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-500 {
    border-color: rgba(21, 101, 216, 0.5);
  }

  .md-hover-border-primary-500:hover {
    border-color: rgba(21, 101, 216, 0.5);
  }

  .md-focus-border-primary-500:focus {
    border-color: rgba(21, 101, 216, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-500 {
    border-color: rgba(21, 101, 216, 0.5);
  }

  .lg-hover-border-primary-500:hover {
    border-color: rgba(21, 101, 216, 0.5);
  }

  .lg-focus-border-primary-500:focus {
    border-color: rgba(21, 101, 216, 0.5);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-500 {
    border-color: rgba(21, 101, 216, 0.5);
  }

  .xl-hover-border-primary-500:hover {
    border-color: rgba(21, 101, 216, 0.5);
  }

  .xl-focus-border-primary-500:focus {
    border-color: rgba(21, 101, 216, 0.5);
  }
}
.border-primary-600 {
  border-color: rgba(21, 101, 216, 0.6) !important;
}

.hover-border-primary-600:hover {
  border-color: rgba(21, 101, 216, 0.6) !important;
}

.focus-border-primary-600:focus {
  border-color: rgba(21, 101, 216, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-600 {
    border-color: rgba(21, 101, 216, 0.6);
  }

  .sm-hover-border-primary-600:hover {
    border-color: rgba(21, 101, 216, 0.6);
  }

  .sm-focus-border-primary-600:focus {
    border-color: rgba(21, 101, 216, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-600 {
    border-color: rgba(21, 101, 216, 0.6);
  }

  .md-hover-border-primary-600:hover {
    border-color: rgba(21, 101, 216, 0.6);
  }

  .md-focus-border-primary-600:focus {
    border-color: rgba(21, 101, 216, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-600 {
    border-color: rgba(21, 101, 216, 0.6);
  }

  .lg-hover-border-primary-600:hover {
    border-color: rgba(21, 101, 216, 0.6);
  }

  .lg-focus-border-primary-600:focus {
    border-color: rgba(21, 101, 216, 0.6);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-600 {
    border-color: rgba(21, 101, 216, 0.6);
  }

  .xl-hover-border-primary-600:hover {
    border-color: rgba(21, 101, 216, 0.6);
  }

  .xl-focus-border-primary-600:focus {
    border-color: rgba(21, 101, 216, 0.6);
  }
}
.border-primary-700 {
  border-color: rgba(21, 101, 216, 0.7) !important;
}

.hover-border-primary-700:hover {
  border-color: rgba(21, 101, 216, 0.7) !important;
}

.focus-border-primary-700:focus {
  border-color: rgba(21, 101, 216, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-700 {
    border-color: rgba(21, 101, 216, 0.7);
  }

  .sm-hover-border-primary-700:hover {
    border-color: rgba(21, 101, 216, 0.7);
  }

  .sm-focus-border-primary-700:focus {
    border-color: rgba(21, 101, 216, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-700 {
    border-color: rgba(21, 101, 216, 0.7);
  }

  .md-hover-border-primary-700:hover {
    border-color: rgba(21, 101, 216, 0.7);
  }

  .md-focus-border-primary-700:focus {
    border-color: rgba(21, 101, 216, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-700 {
    border-color: rgba(21, 101, 216, 0.7);
  }

  .lg-hover-border-primary-700:hover {
    border-color: rgba(21, 101, 216, 0.7);
  }

  .lg-focus-border-primary-700:focus {
    border-color: rgba(21, 101, 216, 0.7);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-700 {
    border-color: rgba(21, 101, 216, 0.7);
  }

  .xl-hover-border-primary-700:hover {
    border-color: rgba(21, 101, 216, 0.7);
  }

  .xl-focus-border-primary-700:focus {
    border-color: rgba(21, 101, 216, 0.7);
  }
}
.border-primary-800 {
  border-color: rgba(21, 101, 216, 0.8) !important;
}

.hover-border-primary-800:hover {
  border-color: rgba(21, 101, 216, 0.8) !important;
}

.focus-border-primary-800:focus {
  border-color: rgba(21, 101, 216, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-800 {
    border-color: rgba(21, 101, 216, 0.8);
  }

  .sm-hover-border-primary-800:hover {
    border-color: rgba(21, 101, 216, 0.8);
  }

  .sm-focus-border-primary-800:focus {
    border-color: rgba(21, 101, 216, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-800 {
    border-color: rgba(21, 101, 216, 0.8);
  }

  .md-hover-border-primary-800:hover {
    border-color: rgba(21, 101, 216, 0.8);
  }

  .md-focus-border-primary-800:focus {
    border-color: rgba(21, 101, 216, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-800 {
    border-color: rgba(21, 101, 216, 0.8);
  }

  .lg-hover-border-primary-800:hover {
    border-color: rgba(21, 101, 216, 0.8);
  }

  .lg-focus-border-primary-800:focus {
    border-color: rgba(21, 101, 216, 0.8);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-800 {
    border-color: rgba(21, 101, 216, 0.8);
  }

  .xl-hover-border-primary-800:hover {
    border-color: rgba(21, 101, 216, 0.8);
  }

  .xl-focus-border-primary-800:focus {
    border-color: rgba(21, 101, 216, 0.8);
  }
}
.border-primary-900 {
  border-color: rgba(21, 101, 216, 0.9) !important;
}

.hover-border-primary-900:hover {
  border-color: rgba(21, 101, 216, 0.9) !important;
}

.focus-border-primary-900:focus {
  border-color: rgba(21, 101, 216, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-primary-900 {
    border-color: rgba(21, 101, 216, 0.9);
  }

  .sm-hover-border-primary-900:hover {
    border-color: rgba(21, 101, 216, 0.9);
  }

  .sm-focus-border-primary-900:focus {
    border-color: rgba(21, 101, 216, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-primary-900 {
    border-color: rgba(21, 101, 216, 0.9);
  }

  .md-hover-border-primary-900:hover {
    border-color: rgba(21, 101, 216, 0.9);
  }

  .md-focus-border-primary-900:focus {
    border-color: rgba(21, 101, 216, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-primary-900 {
    border-color: rgba(21, 101, 216, 0.9);
  }

  .lg-hover-border-primary-900:hover {
    border-color: rgba(21, 101, 216, 0.9);
  }

  .lg-focus-border-primary-900:focus {
    border-color: rgba(21, 101, 216, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-border-primary-900 {
    border-color: rgba(21, 101, 216, 0.9);
  }

  .xl-hover-border-primary-900:hover {
    border-color: rgba(21, 101, 216, 0.9);
  }

  .xl-focus-border-primary-900:focus {
    border-color: rgba(21, 101, 216, 0.9);
  }
}
.border-secondary {
  border-color: #506690 !important;
}

.hover-border-secondary:hover {
  border-color: #506690 !important;
}

.focus-border-secondary:focus {
  border-color: #506690 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary {
    border-color: #506690;
  }

  .sm-hover-border-secondary:hover {
    border-color: #506690;
  }

  .sm-focus-border-secondary:focus {
    border-color: #506690;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary {
    border-color: #506690;
  }

  .md-hover-border-secondary:hover {
    border-color: #506690;
  }

  .md-focus-border-secondary:focus {
    border-color: #506690;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary {
    border-color: #506690;
  }

  .lg-hover-border-secondary:hover {
    border-color: #506690;
  }

  .lg-focus-border-secondary:focus {
    border-color: #506690;
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary {
    border-color: #506690;
  }

  .xl-hover-border-secondary:hover {
    border-color: #506690;
  }

  .xl-focus-border-secondary:focus {
    border-color: #506690;
  }
}
.border-secondary-100 {
  border-color: rgba(80, 102, 144, 0.1) !important;
}

.hover-border-secondary-100:hover {
  border-color: rgba(80, 102, 144, 0.1) !important;
}

.focus-border-secondary-100:focus {
  border-color: rgba(80, 102, 144, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-100 {
    border-color: rgba(80, 102, 144, 0.1);
  }

  .sm-hover-border-secondary-100:hover {
    border-color: rgba(80, 102, 144, 0.1);
  }

  .sm-focus-border-secondary-100:focus {
    border-color: rgba(80, 102, 144, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-100 {
    border-color: rgba(80, 102, 144, 0.1);
  }

  .md-hover-border-secondary-100:hover {
    border-color: rgba(80, 102, 144, 0.1);
  }

  .md-focus-border-secondary-100:focus {
    border-color: rgba(80, 102, 144, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-100 {
    border-color: rgba(80, 102, 144, 0.1);
  }

  .lg-hover-border-secondary-100:hover {
    border-color: rgba(80, 102, 144, 0.1);
  }

  .lg-focus-border-secondary-100:focus {
    border-color: rgba(80, 102, 144, 0.1);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-100 {
    border-color: rgba(80, 102, 144, 0.1);
  }

  .xl-hover-border-secondary-100:hover {
    border-color: rgba(80, 102, 144, 0.1);
  }

  .xl-focus-border-secondary-100:focus {
    border-color: rgba(80, 102, 144, 0.1);
  }
}
.border-secondary-200 {
  border-color: rgba(80, 102, 144, 0.2) !important;
}

.hover-border-secondary-200:hover {
  border-color: rgba(80, 102, 144, 0.2) !important;
}

.focus-border-secondary-200:focus {
  border-color: rgba(80, 102, 144, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-200 {
    border-color: rgba(80, 102, 144, 0.2);
  }

  .sm-hover-border-secondary-200:hover {
    border-color: rgba(80, 102, 144, 0.2);
  }

  .sm-focus-border-secondary-200:focus {
    border-color: rgba(80, 102, 144, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-200 {
    border-color: rgba(80, 102, 144, 0.2);
  }

  .md-hover-border-secondary-200:hover {
    border-color: rgba(80, 102, 144, 0.2);
  }

  .md-focus-border-secondary-200:focus {
    border-color: rgba(80, 102, 144, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-200 {
    border-color: rgba(80, 102, 144, 0.2);
  }

  .lg-hover-border-secondary-200:hover {
    border-color: rgba(80, 102, 144, 0.2);
  }

  .lg-focus-border-secondary-200:focus {
    border-color: rgba(80, 102, 144, 0.2);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-200 {
    border-color: rgba(80, 102, 144, 0.2);
  }

  .xl-hover-border-secondary-200:hover {
    border-color: rgba(80, 102, 144, 0.2);
  }

  .xl-focus-border-secondary-200:focus {
    border-color: rgba(80, 102, 144, 0.2);
  }
}
.border-secondary-300 {
  border-color: rgba(80, 102, 144, 0.3) !important;
}

.hover-border-secondary-300:hover {
  border-color: rgba(80, 102, 144, 0.3) !important;
}

.focus-border-secondary-300:focus {
  border-color: rgba(80, 102, 144, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-300 {
    border-color: rgba(80, 102, 144, 0.3);
  }

  .sm-hover-border-secondary-300:hover {
    border-color: rgba(80, 102, 144, 0.3);
  }

  .sm-focus-border-secondary-300:focus {
    border-color: rgba(80, 102, 144, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-300 {
    border-color: rgba(80, 102, 144, 0.3);
  }

  .md-hover-border-secondary-300:hover {
    border-color: rgba(80, 102, 144, 0.3);
  }

  .md-focus-border-secondary-300:focus {
    border-color: rgba(80, 102, 144, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-300 {
    border-color: rgba(80, 102, 144, 0.3);
  }

  .lg-hover-border-secondary-300:hover {
    border-color: rgba(80, 102, 144, 0.3);
  }

  .lg-focus-border-secondary-300:focus {
    border-color: rgba(80, 102, 144, 0.3);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-300 {
    border-color: rgba(80, 102, 144, 0.3);
  }

  .xl-hover-border-secondary-300:hover {
    border-color: rgba(80, 102, 144, 0.3);
  }

  .xl-focus-border-secondary-300:focus {
    border-color: rgba(80, 102, 144, 0.3);
  }
}
.border-secondary-400 {
  border-color: rgba(80, 102, 144, 0.4) !important;
}

.hover-border-secondary-400:hover {
  border-color: rgba(80, 102, 144, 0.4) !important;
}

.focus-border-secondary-400:focus {
  border-color: rgba(80, 102, 144, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-400 {
    border-color: rgba(80, 102, 144, 0.4);
  }

  .sm-hover-border-secondary-400:hover {
    border-color: rgba(80, 102, 144, 0.4);
  }

  .sm-focus-border-secondary-400:focus {
    border-color: rgba(80, 102, 144, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-400 {
    border-color: rgba(80, 102, 144, 0.4);
  }

  .md-hover-border-secondary-400:hover {
    border-color: rgba(80, 102, 144, 0.4);
  }

  .md-focus-border-secondary-400:focus {
    border-color: rgba(80, 102, 144, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-400 {
    border-color: rgba(80, 102, 144, 0.4);
  }

  .lg-hover-border-secondary-400:hover {
    border-color: rgba(80, 102, 144, 0.4);
  }

  .lg-focus-border-secondary-400:focus {
    border-color: rgba(80, 102, 144, 0.4);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-400 {
    border-color: rgba(80, 102, 144, 0.4);
  }

  .xl-hover-border-secondary-400:hover {
    border-color: rgba(80, 102, 144, 0.4);
  }

  .xl-focus-border-secondary-400:focus {
    border-color: rgba(80, 102, 144, 0.4);
  }
}
.border-secondary-500 {
  border-color: rgba(80, 102, 144, 0.5) !important;
}

.hover-border-secondary-500:hover {
  border-color: rgba(80, 102, 144, 0.5) !important;
}

.focus-border-secondary-500:focus {
  border-color: rgba(80, 102, 144, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-500 {
    border-color: rgba(80, 102, 144, 0.5);
  }

  .sm-hover-border-secondary-500:hover {
    border-color: rgba(80, 102, 144, 0.5);
  }

  .sm-focus-border-secondary-500:focus {
    border-color: rgba(80, 102, 144, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-500 {
    border-color: rgba(80, 102, 144, 0.5);
  }

  .md-hover-border-secondary-500:hover {
    border-color: rgba(80, 102, 144, 0.5);
  }

  .md-focus-border-secondary-500:focus {
    border-color: rgba(80, 102, 144, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-500 {
    border-color: rgba(80, 102, 144, 0.5);
  }

  .lg-hover-border-secondary-500:hover {
    border-color: rgba(80, 102, 144, 0.5);
  }

  .lg-focus-border-secondary-500:focus {
    border-color: rgba(80, 102, 144, 0.5);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-500 {
    border-color: rgba(80, 102, 144, 0.5);
  }

  .xl-hover-border-secondary-500:hover {
    border-color: rgba(80, 102, 144, 0.5);
  }

  .xl-focus-border-secondary-500:focus {
    border-color: rgba(80, 102, 144, 0.5);
  }
}
.border-secondary-600 {
  border-color: rgba(80, 102, 144, 0.6) !important;
}

.hover-border-secondary-600:hover {
  border-color: rgba(80, 102, 144, 0.6) !important;
}

.focus-border-secondary-600:focus {
  border-color: rgba(80, 102, 144, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-600 {
    border-color: rgba(80, 102, 144, 0.6);
  }

  .sm-hover-border-secondary-600:hover {
    border-color: rgba(80, 102, 144, 0.6);
  }

  .sm-focus-border-secondary-600:focus {
    border-color: rgba(80, 102, 144, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-600 {
    border-color: rgba(80, 102, 144, 0.6);
  }

  .md-hover-border-secondary-600:hover {
    border-color: rgba(80, 102, 144, 0.6);
  }

  .md-focus-border-secondary-600:focus {
    border-color: rgba(80, 102, 144, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-600 {
    border-color: rgba(80, 102, 144, 0.6);
  }

  .lg-hover-border-secondary-600:hover {
    border-color: rgba(80, 102, 144, 0.6);
  }

  .lg-focus-border-secondary-600:focus {
    border-color: rgba(80, 102, 144, 0.6);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-600 {
    border-color: rgba(80, 102, 144, 0.6);
  }

  .xl-hover-border-secondary-600:hover {
    border-color: rgba(80, 102, 144, 0.6);
  }

  .xl-focus-border-secondary-600:focus {
    border-color: rgba(80, 102, 144, 0.6);
  }
}
.border-secondary-700 {
  border-color: rgba(80, 102, 144, 0.7) !important;
}

.hover-border-secondary-700:hover {
  border-color: rgba(80, 102, 144, 0.7) !important;
}

.focus-border-secondary-700:focus {
  border-color: rgba(80, 102, 144, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-700 {
    border-color: rgba(80, 102, 144, 0.7);
  }

  .sm-hover-border-secondary-700:hover {
    border-color: rgba(80, 102, 144, 0.7);
  }

  .sm-focus-border-secondary-700:focus {
    border-color: rgba(80, 102, 144, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-700 {
    border-color: rgba(80, 102, 144, 0.7);
  }

  .md-hover-border-secondary-700:hover {
    border-color: rgba(80, 102, 144, 0.7);
  }

  .md-focus-border-secondary-700:focus {
    border-color: rgba(80, 102, 144, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-700 {
    border-color: rgba(80, 102, 144, 0.7);
  }

  .lg-hover-border-secondary-700:hover {
    border-color: rgba(80, 102, 144, 0.7);
  }

  .lg-focus-border-secondary-700:focus {
    border-color: rgba(80, 102, 144, 0.7);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-700 {
    border-color: rgba(80, 102, 144, 0.7);
  }

  .xl-hover-border-secondary-700:hover {
    border-color: rgba(80, 102, 144, 0.7);
  }

  .xl-focus-border-secondary-700:focus {
    border-color: rgba(80, 102, 144, 0.7);
  }
}
.border-secondary-800 {
  border-color: rgba(80, 102, 144, 0.8) !important;
}

.hover-border-secondary-800:hover {
  border-color: rgba(80, 102, 144, 0.8) !important;
}

.focus-border-secondary-800:focus {
  border-color: rgba(80, 102, 144, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-800 {
    border-color: rgba(80, 102, 144, 0.8);
  }

  .sm-hover-border-secondary-800:hover {
    border-color: rgba(80, 102, 144, 0.8);
  }

  .sm-focus-border-secondary-800:focus {
    border-color: rgba(80, 102, 144, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-800 {
    border-color: rgba(80, 102, 144, 0.8);
  }

  .md-hover-border-secondary-800:hover {
    border-color: rgba(80, 102, 144, 0.8);
  }

  .md-focus-border-secondary-800:focus {
    border-color: rgba(80, 102, 144, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-800 {
    border-color: rgba(80, 102, 144, 0.8);
  }

  .lg-hover-border-secondary-800:hover {
    border-color: rgba(80, 102, 144, 0.8);
  }

  .lg-focus-border-secondary-800:focus {
    border-color: rgba(80, 102, 144, 0.8);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-800 {
    border-color: rgba(80, 102, 144, 0.8);
  }

  .xl-hover-border-secondary-800:hover {
    border-color: rgba(80, 102, 144, 0.8);
  }

  .xl-focus-border-secondary-800:focus {
    border-color: rgba(80, 102, 144, 0.8);
  }
}
.border-secondary-900 {
  border-color: rgba(80, 102, 144, 0.9) !important;
}

.hover-border-secondary-900:hover {
  border-color: rgba(80, 102, 144, 0.9) !important;
}

.focus-border-secondary-900:focus {
  border-color: rgba(80, 102, 144, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-secondary-900 {
    border-color: rgba(80, 102, 144, 0.9);
  }

  .sm-hover-border-secondary-900:hover {
    border-color: rgba(80, 102, 144, 0.9);
  }

  .sm-focus-border-secondary-900:focus {
    border-color: rgba(80, 102, 144, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-secondary-900 {
    border-color: rgba(80, 102, 144, 0.9);
  }

  .md-hover-border-secondary-900:hover {
    border-color: rgba(80, 102, 144, 0.9);
  }

  .md-focus-border-secondary-900:focus {
    border-color: rgba(80, 102, 144, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-secondary-900 {
    border-color: rgba(80, 102, 144, 0.9);
  }

  .lg-hover-border-secondary-900:hover {
    border-color: rgba(80, 102, 144, 0.9);
  }

  .lg-focus-border-secondary-900:focus {
    border-color: rgba(80, 102, 144, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-border-secondary-900 {
    border-color: rgba(80, 102, 144, 0.9);
  }

  .xl-hover-border-secondary-900:hover {
    border-color: rgba(80, 102, 144, 0.9);
  }

  .xl-focus-border-secondary-900:focus {
    border-color: rgba(80, 102, 144, 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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: #6AD6A2 !important;
}

.hover-border-black:hover {
  border-color: #6AD6A2 !important;
}

.focus-border-black:focus {
  border-color: #6AD6A2 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black {
    border-color: #6AD6A2;
  }

  .sm-hover-border-black:hover {
    border-color: #6AD6A2;
  }

  .sm-focus-border-black:focus {
    border-color: #6AD6A2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black {
    border-color: #6AD6A2;
  }

  .md-hover-border-black:hover {
    border-color: #6AD6A2;
  }

  .md-focus-border-black:focus {
    border-color: #6AD6A2;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black {
    border-color: #6AD6A2;
  }

  .lg-hover-border-black:hover {
    border-color: #6AD6A2;
  }

  .lg-focus-border-black:focus {
    border-color: #6AD6A2;
  }
}
@media (min-width: 1200px) {
  .xl-border-black {
    border-color: #6AD6A2;
  }

  .xl-hover-border-black:hover {
    border-color: #6AD6A2;
  }

  .xl-focus-border-black:focus {
    border-color: #6AD6A2;
  }
}
.border-black-100 {
  border-color: rgba(24, 59, 86, 0.1) !important;
}

.hover-border-black-100:hover {
  border-color: rgba(24, 59, 86, 0.1) !important;
}

.focus-border-black-100:focus {
  border-color: rgba(24, 59, 86, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-100 {
    border-color: rgba(24, 59, 86, 0.1);
  }

  .sm-hover-border-black-100:hover {
    border-color: rgba(24, 59, 86, 0.1);
  }

  .sm-focus-border-black-100:focus {
    border-color: rgba(24, 59, 86, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-100 {
    border-color: rgba(24, 59, 86, 0.1);
  }

  .md-hover-border-black-100:hover {
    border-color: rgba(24, 59, 86, 0.1);
  }

  .md-focus-border-black-100:focus {
    border-color: rgba(24, 59, 86, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-100 {
    border-color: rgba(24, 59, 86, 0.1);
  }

  .lg-hover-border-black-100:hover {
    border-color: rgba(24, 59, 86, 0.1);
  }

  .lg-focus-border-black-100:focus {
    border-color: rgba(24, 59, 86, 0.1);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-100 {
    border-color: rgba(24, 59, 86, 0.1);
  }

  .xl-hover-border-black-100:hover {
    border-color: rgba(24, 59, 86, 0.1);
  }

  .xl-focus-border-black-100:focus {
    border-color: rgba(24, 59, 86, 0.1);
  }
}
.border-black-200 {
  border-color: rgba(24, 59, 86, 0.2) !important;
}

.hover-border-black-200:hover {
  border-color: rgba(24, 59, 86, 0.2) !important;
}

.focus-border-black-200:focus {
  border-color: rgba(24, 59, 86, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-200 {
    border-color: rgba(24, 59, 86, 0.2);
  }

  .sm-hover-border-black-200:hover {
    border-color: rgba(24, 59, 86, 0.2);
  }

  .sm-focus-border-black-200:focus {
    border-color: rgba(24, 59, 86, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-200 {
    border-color: rgba(24, 59, 86, 0.2);
  }

  .md-hover-border-black-200:hover {
    border-color: rgba(24, 59, 86, 0.2);
  }

  .md-focus-border-black-200:focus {
    border-color: rgba(24, 59, 86, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-200 {
    border-color: rgba(24, 59, 86, 0.2);
  }

  .lg-hover-border-black-200:hover {
    border-color: rgba(24, 59, 86, 0.2);
  }

  .lg-focus-border-black-200:focus {
    border-color: rgba(24, 59, 86, 0.2);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-200 {
    border-color: rgba(24, 59, 86, 0.2);
  }

  .xl-hover-border-black-200:hover {
    border-color: rgba(24, 59, 86, 0.2);
  }

  .xl-focus-border-black-200:focus {
    border-color: rgba(24, 59, 86, 0.2);
  }
}
.border-black-300 {
  border-color: rgba(24, 59, 86, 0.3) !important;
}

.hover-border-black-300:hover {
  border-color: rgba(24, 59, 86, 0.3) !important;
}

.focus-border-black-300:focus {
  border-color: rgba(24, 59, 86, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-300 {
    border-color: rgba(24, 59, 86, 0.3);
  }

  .sm-hover-border-black-300:hover {
    border-color: rgba(24, 59, 86, 0.3);
  }

  .sm-focus-border-black-300:focus {
    border-color: rgba(24, 59, 86, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-300 {
    border-color: rgba(24, 59, 86, 0.3);
  }

  .md-hover-border-black-300:hover {
    border-color: rgba(24, 59, 86, 0.3);
  }

  .md-focus-border-black-300:focus {
    border-color: rgba(24, 59, 86, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-300 {
    border-color: rgba(24, 59, 86, 0.3);
  }

  .lg-hover-border-black-300:hover {
    border-color: rgba(24, 59, 86, 0.3);
  }

  .lg-focus-border-black-300:focus {
    border-color: rgba(24, 59, 86, 0.3);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-300 {
    border-color: rgba(24, 59, 86, 0.3);
  }

  .xl-hover-border-black-300:hover {
    border-color: rgba(24, 59, 86, 0.3);
  }

  .xl-focus-border-black-300:focus {
    border-color: rgba(24, 59, 86, 0.3);
  }
}
.border-black-400 {
  border-color: rgba(24, 59, 86, 0.4) !important;
}

.hover-border-black-400:hover {
  border-color: rgba(24, 59, 86, 0.4) !important;
}

.focus-border-black-400:focus {
  border-color: rgba(24, 59, 86, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-400 {
    border-color: rgba(24, 59, 86, 0.4);
  }

  .sm-hover-border-black-400:hover {
    border-color: rgba(24, 59, 86, 0.4);
  }

  .sm-focus-border-black-400:focus {
    border-color: rgba(24, 59, 86, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-400 {
    border-color: rgba(24, 59, 86, 0.4);
  }

  .md-hover-border-black-400:hover {
    border-color: rgba(24, 59, 86, 0.4);
  }

  .md-focus-border-black-400:focus {
    border-color: rgba(24, 59, 86, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-400 {
    border-color: rgba(24, 59, 86, 0.4);
  }

  .lg-hover-border-black-400:hover {
    border-color: rgba(24, 59, 86, 0.4);
  }

  .lg-focus-border-black-400:focus {
    border-color: rgba(24, 59, 86, 0.4);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-400 {
    border-color: rgba(24, 59, 86, 0.4);
  }

  .xl-hover-border-black-400:hover {
    border-color: rgba(24, 59, 86, 0.4);
  }

  .xl-focus-border-black-400:focus {
    border-color: rgba(24, 59, 86, 0.4);
  }
}
.border-black-500 {
  border-color: rgba(24, 59, 86, 0.5) !important;
}

.hover-border-black-500:hover {
  border-color: rgba(24, 59, 86, 0.5) !important;
}

.focus-border-black-500:focus {
  border-color: rgba(24, 59, 86, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-500 {
    border-color: rgba(24, 59, 86, 0.5);
  }

  .sm-hover-border-black-500:hover {
    border-color: rgba(24, 59, 86, 0.5);
  }

  .sm-focus-border-black-500:focus {
    border-color: rgba(24, 59, 86, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-500 {
    border-color: rgba(24, 59, 86, 0.5);
  }

  .md-hover-border-black-500:hover {
    border-color: rgba(24, 59, 86, 0.5);
  }

  .md-focus-border-black-500:focus {
    border-color: rgba(24, 59, 86, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-500 {
    border-color: rgba(24, 59, 86, 0.5);
  }

  .lg-hover-border-black-500:hover {
    border-color: rgba(24, 59, 86, 0.5);
  }

  .lg-focus-border-black-500:focus {
    border-color: rgba(24, 59, 86, 0.5);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-500 {
    border-color: rgba(24, 59, 86, 0.5);
  }

  .xl-hover-border-black-500:hover {
    border-color: rgba(24, 59, 86, 0.5);
  }

  .xl-focus-border-black-500:focus {
    border-color: rgba(24, 59, 86, 0.5);
  }
}
.border-black-600 {
  border-color: rgba(24, 59, 86, 0.6) !important;
}

.hover-border-black-600:hover {
  border-color: rgba(24, 59, 86, 0.6) !important;
}

.focus-border-black-600:focus {
  border-color: rgba(24, 59, 86, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-600 {
    border-color: rgba(24, 59, 86, 0.6);
  }

  .sm-hover-border-black-600:hover {
    border-color: rgba(24, 59, 86, 0.6);
  }

  .sm-focus-border-black-600:focus {
    border-color: rgba(24, 59, 86, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-600 {
    border-color: rgba(24, 59, 86, 0.6);
  }

  .md-hover-border-black-600:hover {
    border-color: rgba(24, 59, 86, 0.6);
  }

  .md-focus-border-black-600:focus {
    border-color: rgba(24, 59, 86, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-600 {
    border-color: rgba(24, 59, 86, 0.6);
  }

  .lg-hover-border-black-600:hover {
    border-color: rgba(24, 59, 86, 0.6);
  }

  .lg-focus-border-black-600:focus {
    border-color: rgba(24, 59, 86, 0.6);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-600 {
    border-color: rgba(24, 59, 86, 0.6);
  }

  .xl-hover-border-black-600:hover {
    border-color: rgba(24, 59, 86, 0.6);
  }

  .xl-focus-border-black-600:focus {
    border-color: rgba(24, 59, 86, 0.6);
  }
}
.border-black-700 {
  border-color: rgba(24, 59, 86, 0.7) !important;
}

.hover-border-black-700:hover {
  border-color: rgba(24, 59, 86, 0.7) !important;
}

.focus-border-black-700:focus {
  border-color: rgba(24, 59, 86, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-700 {
    border-color: rgba(24, 59, 86, 0.7);
  }

  .sm-hover-border-black-700:hover {
    border-color: rgba(24, 59, 86, 0.7);
  }

  .sm-focus-border-black-700:focus {
    border-color: rgba(24, 59, 86, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-700 {
    border-color: rgba(24, 59, 86, 0.7);
  }

  .md-hover-border-black-700:hover {
    border-color: rgba(24, 59, 86, 0.7);
  }

  .md-focus-border-black-700:focus {
    border-color: rgba(24, 59, 86, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-700 {
    border-color: rgba(24, 59, 86, 0.7);
  }

  .lg-hover-border-black-700:hover {
    border-color: rgba(24, 59, 86, 0.7);
  }

  .lg-focus-border-black-700:focus {
    border-color: rgba(24, 59, 86, 0.7);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-700 {
    border-color: rgba(24, 59, 86, 0.7);
  }

  .xl-hover-border-black-700:hover {
    border-color: rgba(24, 59, 86, 0.7);
  }

  .xl-focus-border-black-700:focus {
    border-color: rgba(24, 59, 86, 0.7);
  }
}
.border-black-800 {
  border-color: rgba(24, 59, 86, 0.8) !important;
}

.hover-border-black-800:hover {
  border-color: rgba(24, 59, 86, 0.8) !important;
}

.focus-border-black-800:focus {
  border-color: rgba(24, 59, 86, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-800 {
    border-color: rgba(24, 59, 86, 0.8);
  }

  .sm-hover-border-black-800:hover {
    border-color: rgba(24, 59, 86, 0.8);
  }

  .sm-focus-border-black-800:focus {
    border-color: rgba(24, 59, 86, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-800 {
    border-color: rgba(24, 59, 86, 0.8);
  }

  .md-hover-border-black-800:hover {
    border-color: rgba(24, 59, 86, 0.8);
  }

  .md-focus-border-black-800:focus {
    border-color: rgba(24, 59, 86, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-800 {
    border-color: rgba(24, 59, 86, 0.8);
  }

  .lg-hover-border-black-800:hover {
    border-color: rgba(24, 59, 86, 0.8);
  }

  .lg-focus-border-black-800:focus {
    border-color: rgba(24, 59, 86, 0.8);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-800 {
    border-color: rgba(24, 59, 86, 0.8);
  }

  .xl-hover-border-black-800:hover {
    border-color: rgba(24, 59, 86, 0.8);
  }

  .xl-focus-border-black-800:focus {
    border-color: rgba(24, 59, 86, 0.8);
  }
}
.border-black-900 {
  border-color: rgba(24, 59, 86, 0.9) !important;
}

.hover-border-black-900:hover {
  border-color: rgba(24, 59, 86, 0.9) !important;
}

.focus-border-black-900:focus {
  border-color: rgba(24, 59, 86, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-black-900 {
    border-color: rgba(24, 59, 86, 0.9);
  }

  .sm-hover-border-black-900:hover {
    border-color: rgba(24, 59, 86, 0.9);
  }

  .sm-focus-border-black-900:focus {
    border-color: rgba(24, 59, 86, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-black-900 {
    border-color: rgba(24, 59, 86, 0.9);
  }

  .md-hover-border-black-900:hover {
    border-color: rgba(24, 59, 86, 0.9);
  }

  .md-focus-border-black-900:focus {
    border-color: rgba(24, 59, 86, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-black-900 {
    border-color: rgba(24, 59, 86, 0.9);
  }

  .lg-hover-border-black-900:hover {
    border-color: rgba(24, 59, 86, 0.9);
  }

  .lg-focus-border-black-900:focus {
    border-color: rgba(24, 59, 86, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-border-black-900 {
    border-color: rgba(24, 59, 86, 0.9);
  }

  .xl-hover-border-black-900:hover {
    border-color: rgba(24, 59, 86, 0.9);
  }

  .xl-focus-border-black-900:focus {
    border-color: rgba(24, 59, 86, 0.9);
  }
}
.border-gray {
  border-color: #5a7184 !important;
}

.hover-border-gray:hover {
  border-color: #5a7184 !important;
}

.focus-border-gray:focus {
  border-color: #5a7184 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray {
    border-color: #5a7184;
  }

  .sm-hover-border-gray:hover {
    border-color: #5a7184;
  }

  .sm-focus-border-gray:focus {
    border-color: #5a7184;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray {
    border-color: #5a7184;
  }

  .md-hover-border-gray:hover {
    border-color: #5a7184;
  }

  .md-focus-border-gray:focus {
    border-color: #5a7184;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray {
    border-color: #5a7184;
  }

  .lg-hover-border-gray:hover {
    border-color: #5a7184;
  }

  .lg-focus-border-gray:focus {
    border-color: #5a7184;
  }
}
@media (min-width: 1200px) {
  .xl-border-gray {
    border-color: #5a7184;
  }

  .xl-hover-border-gray:hover {
    border-color: #5a7184;
  }

  .xl-focus-border-gray:focus {
    border-color: #5a7184;
  }
}
.border-gray-100 {
  border-color: rgba(90, 113, 132, 0.1) !important;
}

.hover-border-gray-100:hover {
  border-color: rgba(90, 113, 132, 0.1) !important;
}

.focus-border-gray-100:focus {
  border-color: rgba(90, 113, 132, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-100 {
    border-color: rgba(90, 113, 132, 0.1);
  }

  .sm-hover-border-gray-100:hover {
    border-color: rgba(90, 113, 132, 0.1);
  }

  .sm-focus-border-gray-100:focus {
    border-color: rgba(90, 113, 132, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-100 {
    border-color: rgba(90, 113, 132, 0.1);
  }

  .md-hover-border-gray-100:hover {
    border-color: rgba(90, 113, 132, 0.1);
  }

  .md-focus-border-gray-100:focus {
    border-color: rgba(90, 113, 132, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-100 {
    border-color: rgba(90, 113, 132, 0.1);
  }

  .lg-hover-border-gray-100:hover {
    border-color: rgba(90, 113, 132, 0.1);
  }

  .lg-focus-border-gray-100:focus {
    border-color: rgba(90, 113, 132, 0.1);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-100 {
    border-color: rgba(90, 113, 132, 0.1);
  }

  .xl-hover-border-gray-100:hover {
    border-color: rgba(90, 113, 132, 0.1);
  }

  .xl-focus-border-gray-100:focus {
    border-color: rgba(90, 113, 132, 0.1);
  }
}
.border-gray-200 {
  border-color: rgba(90, 113, 132, 0.2) !important;
}

.hover-border-gray-200:hover {
  border-color: rgba(90, 113, 132, 0.2) !important;
}

.focus-border-gray-200:focus {
  border-color: rgba(90, 113, 132, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-200 {
    border-color: rgba(90, 113, 132, 0.2);
  }

  .sm-hover-border-gray-200:hover {
    border-color: rgba(90, 113, 132, 0.2);
  }

  .sm-focus-border-gray-200:focus {
    border-color: rgba(90, 113, 132, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-200 {
    border-color: rgba(90, 113, 132, 0.2);
  }

  .md-hover-border-gray-200:hover {
    border-color: rgba(90, 113, 132, 0.2);
  }

  .md-focus-border-gray-200:focus {
    border-color: rgba(90, 113, 132, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-200 {
    border-color: rgba(90, 113, 132, 0.2);
  }

  .lg-hover-border-gray-200:hover {
    border-color: rgba(90, 113, 132, 0.2);
  }

  .lg-focus-border-gray-200:focus {
    border-color: rgba(90, 113, 132, 0.2);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-200 {
    border-color: rgba(90, 113, 132, 0.2);
  }

  .xl-hover-border-gray-200:hover {
    border-color: rgba(90, 113, 132, 0.2);
  }

  .xl-focus-border-gray-200:focus {
    border-color: rgba(90, 113, 132, 0.2);
  }
}
.border-gray-300 {
  border-color: rgba(90, 113, 132, 0.3) !important;
}

.hover-border-gray-300:hover {
  border-color: rgba(90, 113, 132, 0.3) !important;
}

.focus-border-gray-300:focus {
  border-color: rgba(90, 113, 132, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-300 {
    border-color: rgba(90, 113, 132, 0.3);
  }

  .sm-hover-border-gray-300:hover {
    border-color: rgba(90, 113, 132, 0.3);
  }

  .sm-focus-border-gray-300:focus {
    border-color: rgba(90, 113, 132, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-300 {
    border-color: rgba(90, 113, 132, 0.3);
  }

  .md-hover-border-gray-300:hover {
    border-color: rgba(90, 113, 132, 0.3);
  }

  .md-focus-border-gray-300:focus {
    border-color: rgba(90, 113, 132, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-300 {
    border-color: rgba(90, 113, 132, 0.3);
  }

  .lg-hover-border-gray-300:hover {
    border-color: rgba(90, 113, 132, 0.3);
  }

  .lg-focus-border-gray-300:focus {
    border-color: rgba(90, 113, 132, 0.3);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-300 {
    border-color: rgba(90, 113, 132, 0.3);
  }

  .xl-hover-border-gray-300:hover {
    border-color: rgba(90, 113, 132, 0.3);
  }

  .xl-focus-border-gray-300:focus {
    border-color: rgba(90, 113, 132, 0.3);
  }
}
.border-gray-400 {
  border-color: rgba(90, 113, 132, 0.4) !important;
}

.hover-border-gray-400:hover {
  border-color: rgba(90, 113, 132, 0.4) !important;
}

.focus-border-gray-400:focus {
  border-color: rgba(90, 113, 132, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-400 {
    border-color: rgba(90, 113, 132, 0.4);
  }

  .sm-hover-border-gray-400:hover {
    border-color: rgba(90, 113, 132, 0.4);
  }

  .sm-focus-border-gray-400:focus {
    border-color: rgba(90, 113, 132, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-400 {
    border-color: rgba(90, 113, 132, 0.4);
  }

  .md-hover-border-gray-400:hover {
    border-color: rgba(90, 113, 132, 0.4);
  }

  .md-focus-border-gray-400:focus {
    border-color: rgba(90, 113, 132, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-400 {
    border-color: rgba(90, 113, 132, 0.4);
  }

  .lg-hover-border-gray-400:hover {
    border-color: rgba(90, 113, 132, 0.4);
  }

  .lg-focus-border-gray-400:focus {
    border-color: rgba(90, 113, 132, 0.4);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-400 {
    border-color: rgba(90, 113, 132, 0.4);
  }

  .xl-hover-border-gray-400:hover {
    border-color: rgba(90, 113, 132, 0.4);
  }

  .xl-focus-border-gray-400:focus {
    border-color: rgba(90, 113, 132, 0.4);
  }
}
.border-gray-500 {
  border-color: rgba(90, 113, 132, 0.5) !important;
}

.hover-border-gray-500:hover {
  border-color: rgba(90, 113, 132, 0.5) !important;
}

.focus-border-gray-500:focus {
  border-color: rgba(90, 113, 132, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-500 {
    border-color: rgba(90, 113, 132, 0.5);
  }

  .sm-hover-border-gray-500:hover {
    border-color: rgba(90, 113, 132, 0.5);
  }

  .sm-focus-border-gray-500:focus {
    border-color: rgba(90, 113, 132, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-500 {
    border-color: rgba(90, 113, 132, 0.5);
  }

  .md-hover-border-gray-500:hover {
    border-color: rgba(90, 113, 132, 0.5);
  }

  .md-focus-border-gray-500:focus {
    border-color: rgba(90, 113, 132, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-500 {
    border-color: rgba(90, 113, 132, 0.5);
  }

  .lg-hover-border-gray-500:hover {
    border-color: rgba(90, 113, 132, 0.5);
  }

  .lg-focus-border-gray-500:focus {
    border-color: rgba(90, 113, 132, 0.5);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-500 {
    border-color: rgba(90, 113, 132, 0.5);
  }

  .xl-hover-border-gray-500:hover {
    border-color: rgba(90, 113, 132, 0.5);
  }

  .xl-focus-border-gray-500:focus {
    border-color: rgba(90, 113, 132, 0.5);
  }
}
.border-gray-600 {
  border-color: rgba(90, 113, 132, 0.6) !important;
}

.hover-border-gray-600:hover {
  border-color: rgba(90, 113, 132, 0.6) !important;
}

.focus-border-gray-600:focus {
  border-color: rgba(90, 113, 132, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-600 {
    border-color: rgba(90, 113, 132, 0.6);
  }

  .sm-hover-border-gray-600:hover {
    border-color: rgba(90, 113, 132, 0.6);
  }

  .sm-focus-border-gray-600:focus {
    border-color: rgba(90, 113, 132, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-600 {
    border-color: rgba(90, 113, 132, 0.6);
  }

  .md-hover-border-gray-600:hover {
    border-color: rgba(90, 113, 132, 0.6);
  }

  .md-focus-border-gray-600:focus {
    border-color: rgba(90, 113, 132, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-600 {
    border-color: rgba(90, 113, 132, 0.6);
  }

  .lg-hover-border-gray-600:hover {
    border-color: rgba(90, 113, 132, 0.6);
  }

  .lg-focus-border-gray-600:focus {
    border-color: rgba(90, 113, 132, 0.6);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-600 {
    border-color: rgba(90, 113, 132, 0.6);
  }

  .xl-hover-border-gray-600:hover {
    border-color: rgba(90, 113, 132, 0.6);
  }

  .xl-focus-border-gray-600:focus {
    border-color: rgba(90, 113, 132, 0.6);
  }
}
.border-gray-700 {
  border-color: rgba(90, 113, 132, 0.7) !important;
}

.hover-border-gray-700:hover {
  border-color: rgba(90, 113, 132, 0.7) !important;
}

.focus-border-gray-700:focus {
  border-color: rgba(90, 113, 132, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-700 {
    border-color: rgba(90, 113, 132, 0.7);
  }

  .sm-hover-border-gray-700:hover {
    border-color: rgba(90, 113, 132, 0.7);
  }

  .sm-focus-border-gray-700:focus {
    border-color: rgba(90, 113, 132, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-700 {
    border-color: rgba(90, 113, 132, 0.7);
  }

  .md-hover-border-gray-700:hover {
    border-color: rgba(90, 113, 132, 0.7);
  }

  .md-focus-border-gray-700:focus {
    border-color: rgba(90, 113, 132, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-700 {
    border-color: rgba(90, 113, 132, 0.7);
  }

  .lg-hover-border-gray-700:hover {
    border-color: rgba(90, 113, 132, 0.7);
  }

  .lg-focus-border-gray-700:focus {
    border-color: rgba(90, 113, 132, 0.7);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-700 {
    border-color: rgba(90, 113, 132, 0.7);
  }

  .xl-hover-border-gray-700:hover {
    border-color: rgba(90, 113, 132, 0.7);
  }

  .xl-focus-border-gray-700:focus {
    border-color: rgba(90, 113, 132, 0.7);
  }
}
.border-gray-800 {
  border-color: rgba(90, 113, 132, 0.8) !important;
}

.hover-border-gray-800:hover {
  border-color: rgba(90, 113, 132, 0.8) !important;
}

.focus-border-gray-800:focus {
  border-color: rgba(90, 113, 132, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-800 {
    border-color: rgba(90, 113, 132, 0.8);
  }

  .sm-hover-border-gray-800:hover {
    border-color: rgba(90, 113, 132, 0.8);
  }

  .sm-focus-border-gray-800:focus {
    border-color: rgba(90, 113, 132, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-800 {
    border-color: rgba(90, 113, 132, 0.8);
  }

  .md-hover-border-gray-800:hover {
    border-color: rgba(90, 113, 132, 0.8);
  }

  .md-focus-border-gray-800:focus {
    border-color: rgba(90, 113, 132, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-800 {
    border-color: rgba(90, 113, 132, 0.8);
  }

  .lg-hover-border-gray-800:hover {
    border-color: rgba(90, 113, 132, 0.8);
  }

  .lg-focus-border-gray-800:focus {
    border-color: rgba(90, 113, 132, 0.8);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-800 {
    border-color: rgba(90, 113, 132, 0.8);
  }

  .xl-hover-border-gray-800:hover {
    border-color: rgba(90, 113, 132, 0.8);
  }

  .xl-focus-border-gray-800:focus {
    border-color: rgba(90, 113, 132, 0.8);
  }
}
.border-gray-900 {
  border-color: rgba(90, 113, 132, 0.9) !important;
}

.hover-border-gray-900:hover {
  border-color: rgba(90, 113, 132, 0.9) !important;
}

.focus-border-gray-900:focus {
  border-color: rgba(90, 113, 132, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-900 {
    border-color: rgba(90, 113, 132, 0.9);
  }

  .sm-hover-border-gray-900:hover {
    border-color: rgba(90, 113, 132, 0.9);
  }

  .sm-focus-border-gray-900:focus {
    border-color: rgba(90, 113, 132, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-900 {
    border-color: rgba(90, 113, 132, 0.9);
  }

  .md-hover-border-gray-900:hover {
    border-color: rgba(90, 113, 132, 0.9);
  }

  .md-focus-border-gray-900:focus {
    border-color: rgba(90, 113, 132, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-900 {
    border-color: rgba(90, 113, 132, 0.9);
  }

  .lg-hover-border-gray-900:hover {
    border-color: rgba(90, 113, 132, 0.9);
  }

  .lg-focus-border-gray-900:focus {
    border-color: rgba(90, 113, 132, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-900 {
    border-color: rgba(90, 113, 132, 0.9);
  }

  .xl-hover-border-gray-900:hover {
    border-color: rgba(90, 113, 132, 0.9);
  }

  .xl-focus-border-gray-900:focus {
    border-color: rgba(90, 113, 132, 0.9);
  }
}
.border-gray-light {
  border-color: #b3bac5 !important;
}

.hover-border-gray-light:hover {
  border-color: #b3bac5 !important;
}

.focus-border-gray-light:focus {
  border-color: #b3bac5 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light {
    border-color: #b3bac5;
  }

  .sm-hover-border-gray-light:hover {
    border-color: #b3bac5;
  }

  .sm-focus-border-gray-light:focus {
    border-color: #b3bac5;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light {
    border-color: #b3bac5;
  }

  .md-hover-border-gray-light:hover {
    border-color: #b3bac5;
  }

  .md-focus-border-gray-light:focus {
    border-color: #b3bac5;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light {
    border-color: #b3bac5;
  }

  .lg-hover-border-gray-light:hover {
    border-color: #b3bac5;
  }

  .lg-focus-border-gray-light:focus {
    border-color: #b3bac5;
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light {
    border-color: #b3bac5;
  }

  .xl-hover-border-gray-light:hover {
    border-color: #b3bac5;
  }

  .xl-focus-border-gray-light:focus {
    border-color: #b3bac5;
  }
}
.border-gray-light-100 {
  border-color: rgba(179, 186, 197, 0.1) !important;
}

.hover-border-gray-light-100:hover {
  border-color: rgba(179, 186, 197, 0.1) !important;
}

.focus-border-gray-light-100:focus {
  border-color: rgba(179, 186, 197, 0.1) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-100 {
    border-color: rgba(179, 186, 197, 0.1);
  }

  .sm-hover-border-gray-light-100:hover {
    border-color: rgba(179, 186, 197, 0.1);
  }

  .sm-focus-border-gray-light-100:focus {
    border-color: rgba(179, 186, 197, 0.1);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-100 {
    border-color: rgba(179, 186, 197, 0.1);
  }

  .md-hover-border-gray-light-100:hover {
    border-color: rgba(179, 186, 197, 0.1);
  }

  .md-focus-border-gray-light-100:focus {
    border-color: rgba(179, 186, 197, 0.1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-100 {
    border-color: rgba(179, 186, 197, 0.1);
  }

  .lg-hover-border-gray-light-100:hover {
    border-color: rgba(179, 186, 197, 0.1);
  }

  .lg-focus-border-gray-light-100:focus {
    border-color: rgba(179, 186, 197, 0.1);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-100 {
    border-color: rgba(179, 186, 197, 0.1);
  }

  .xl-hover-border-gray-light-100:hover {
    border-color: rgba(179, 186, 197, 0.1);
  }

  .xl-focus-border-gray-light-100:focus {
    border-color: rgba(179, 186, 197, 0.1);
  }
}
.border-gray-light-200 {
  border-color: rgba(179, 186, 197, 0.2) !important;
}

.hover-border-gray-light-200:hover {
  border-color: rgba(179, 186, 197, 0.2) !important;
}

.focus-border-gray-light-200:focus {
  border-color: rgba(179, 186, 197, 0.2) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-200 {
    border-color: rgba(179, 186, 197, 0.2);
  }

  .sm-hover-border-gray-light-200:hover {
    border-color: rgba(179, 186, 197, 0.2);
  }

  .sm-focus-border-gray-light-200:focus {
    border-color: rgba(179, 186, 197, 0.2);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-200 {
    border-color: rgba(179, 186, 197, 0.2);
  }

  .md-hover-border-gray-light-200:hover {
    border-color: rgba(179, 186, 197, 0.2);
  }

  .md-focus-border-gray-light-200:focus {
    border-color: rgba(179, 186, 197, 0.2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-200 {
    border-color: rgba(179, 186, 197, 0.2);
  }

  .lg-hover-border-gray-light-200:hover {
    border-color: rgba(179, 186, 197, 0.2);
  }

  .lg-focus-border-gray-light-200:focus {
    border-color: rgba(179, 186, 197, 0.2);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-200 {
    border-color: rgba(179, 186, 197, 0.2);
  }

  .xl-hover-border-gray-light-200:hover {
    border-color: rgba(179, 186, 197, 0.2);
  }

  .xl-focus-border-gray-light-200:focus {
    border-color: rgba(179, 186, 197, 0.2);
  }
}
.border-gray-light-300 {
  border-color: rgba(179, 186, 197, 0.3) !important;
}

.hover-border-gray-light-300:hover {
  border-color: rgba(179, 186, 197, 0.3) !important;
}

.focus-border-gray-light-300:focus {
  border-color: rgba(179, 186, 197, 0.3) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-300 {
    border-color: rgba(179, 186, 197, 0.3);
  }

  .sm-hover-border-gray-light-300:hover {
    border-color: rgba(179, 186, 197, 0.3);
  }

  .sm-focus-border-gray-light-300:focus {
    border-color: rgba(179, 186, 197, 0.3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-300 {
    border-color: rgba(179, 186, 197, 0.3);
  }

  .md-hover-border-gray-light-300:hover {
    border-color: rgba(179, 186, 197, 0.3);
  }

  .md-focus-border-gray-light-300:focus {
    border-color: rgba(179, 186, 197, 0.3);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-300 {
    border-color: rgba(179, 186, 197, 0.3);
  }

  .lg-hover-border-gray-light-300:hover {
    border-color: rgba(179, 186, 197, 0.3);
  }

  .lg-focus-border-gray-light-300:focus {
    border-color: rgba(179, 186, 197, 0.3);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-300 {
    border-color: rgba(179, 186, 197, 0.3);
  }

  .xl-hover-border-gray-light-300:hover {
    border-color: rgba(179, 186, 197, 0.3);
  }

  .xl-focus-border-gray-light-300:focus {
    border-color: rgba(179, 186, 197, 0.3);
  }
}
.border-gray-light-400 {
  border-color: rgba(179, 186, 197, 0.4) !important;
}

.hover-border-gray-light-400:hover {
  border-color: rgba(179, 186, 197, 0.4) !important;
}

.focus-border-gray-light-400:focus {
  border-color: rgba(179, 186, 197, 0.4) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-400 {
    border-color: rgba(179, 186, 197, 0.4);
  }

  .sm-hover-border-gray-light-400:hover {
    border-color: rgba(179, 186, 197, 0.4);
  }

  .sm-focus-border-gray-light-400:focus {
    border-color: rgba(179, 186, 197, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-400 {
    border-color: rgba(179, 186, 197, 0.4);
  }

  .md-hover-border-gray-light-400:hover {
    border-color: rgba(179, 186, 197, 0.4);
  }

  .md-focus-border-gray-light-400:focus {
    border-color: rgba(179, 186, 197, 0.4);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-400 {
    border-color: rgba(179, 186, 197, 0.4);
  }

  .lg-hover-border-gray-light-400:hover {
    border-color: rgba(179, 186, 197, 0.4);
  }

  .lg-focus-border-gray-light-400:focus {
    border-color: rgba(179, 186, 197, 0.4);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-400 {
    border-color: rgba(179, 186, 197, 0.4);
  }

  .xl-hover-border-gray-light-400:hover {
    border-color: rgba(179, 186, 197, 0.4);
  }

  .xl-focus-border-gray-light-400:focus {
    border-color: rgba(179, 186, 197, 0.4);
  }
}
.border-gray-light-500 {
  border-color: rgba(179, 186, 197, 0.5) !important;
}

.hover-border-gray-light-500:hover {
  border-color: rgba(179, 186, 197, 0.5) !important;
}

.focus-border-gray-light-500:focus {
  border-color: rgba(179, 186, 197, 0.5) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-500 {
    border-color: rgba(179, 186, 197, 0.5);
  }

  .sm-hover-border-gray-light-500:hover {
    border-color: rgba(179, 186, 197, 0.5);
  }

  .sm-focus-border-gray-light-500:focus {
    border-color: rgba(179, 186, 197, 0.5);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-500 {
    border-color: rgba(179, 186, 197, 0.5);
  }

  .md-hover-border-gray-light-500:hover {
    border-color: rgba(179, 186, 197, 0.5);
  }

  .md-focus-border-gray-light-500:focus {
    border-color: rgba(179, 186, 197, 0.5);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-500 {
    border-color: rgba(179, 186, 197, 0.5);
  }

  .lg-hover-border-gray-light-500:hover {
    border-color: rgba(179, 186, 197, 0.5);
  }

  .lg-focus-border-gray-light-500:focus {
    border-color: rgba(179, 186, 197, 0.5);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-500 {
    border-color: rgba(179, 186, 197, 0.5);
  }

  .xl-hover-border-gray-light-500:hover {
    border-color: rgba(179, 186, 197, 0.5);
  }

  .xl-focus-border-gray-light-500:focus {
    border-color: rgba(179, 186, 197, 0.5);
  }
}
.border-gray-light-600 {
  border-color: rgba(179, 186, 197, 0.6) !important;
}

.hover-border-gray-light-600:hover {
  border-color: rgba(179, 186, 197, 0.6) !important;
}

.focus-border-gray-light-600:focus {
  border-color: rgba(179, 186, 197, 0.6) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-600 {
    border-color: rgba(179, 186, 197, 0.6);
  }

  .sm-hover-border-gray-light-600:hover {
    border-color: rgba(179, 186, 197, 0.6);
  }

  .sm-focus-border-gray-light-600:focus {
    border-color: rgba(179, 186, 197, 0.6);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-600 {
    border-color: rgba(179, 186, 197, 0.6);
  }

  .md-hover-border-gray-light-600:hover {
    border-color: rgba(179, 186, 197, 0.6);
  }

  .md-focus-border-gray-light-600:focus {
    border-color: rgba(179, 186, 197, 0.6);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-600 {
    border-color: rgba(179, 186, 197, 0.6);
  }

  .lg-hover-border-gray-light-600:hover {
    border-color: rgba(179, 186, 197, 0.6);
  }

  .lg-focus-border-gray-light-600:focus {
    border-color: rgba(179, 186, 197, 0.6);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-600 {
    border-color: rgba(179, 186, 197, 0.6);
  }

  .xl-hover-border-gray-light-600:hover {
    border-color: rgba(179, 186, 197, 0.6);
  }

  .xl-focus-border-gray-light-600:focus {
    border-color: rgba(179, 186, 197, 0.6);
  }
}
.border-gray-light-700 {
  border-color: rgba(179, 186, 197, 0.7) !important;
}

.hover-border-gray-light-700:hover {
  border-color: rgba(179, 186, 197, 0.7) !important;
}

.focus-border-gray-light-700:focus {
  border-color: rgba(179, 186, 197, 0.7) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-700 {
    border-color: rgba(179, 186, 197, 0.7);
  }

  .sm-hover-border-gray-light-700:hover {
    border-color: rgba(179, 186, 197, 0.7);
  }

  .sm-focus-border-gray-light-700:focus {
    border-color: rgba(179, 186, 197, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-700 {
    border-color: rgba(179, 186, 197, 0.7);
  }

  .md-hover-border-gray-light-700:hover {
    border-color: rgba(179, 186, 197, 0.7);
  }

  .md-focus-border-gray-light-700:focus {
    border-color: rgba(179, 186, 197, 0.7);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-700 {
    border-color: rgba(179, 186, 197, 0.7);
  }

  .lg-hover-border-gray-light-700:hover {
    border-color: rgba(179, 186, 197, 0.7);
  }

  .lg-focus-border-gray-light-700:focus {
    border-color: rgba(179, 186, 197, 0.7);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-700 {
    border-color: rgba(179, 186, 197, 0.7);
  }

  .xl-hover-border-gray-light-700:hover {
    border-color: rgba(179, 186, 197, 0.7);
  }

  .xl-focus-border-gray-light-700:focus {
    border-color: rgba(179, 186, 197, 0.7);
  }
}
.border-gray-light-800 {
  border-color: rgba(179, 186, 197, 0.8) !important;
}

.hover-border-gray-light-800:hover {
  border-color: rgba(179, 186, 197, 0.8) !important;
}

.focus-border-gray-light-800:focus {
  border-color: rgba(179, 186, 197, 0.8) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-800 {
    border-color: rgba(179, 186, 197, 0.8);
  }

  .sm-hover-border-gray-light-800:hover {
    border-color: rgba(179, 186, 197, 0.8);
  }

  .sm-focus-border-gray-light-800:focus {
    border-color: rgba(179, 186, 197, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-800 {
    border-color: rgba(179, 186, 197, 0.8);
  }

  .md-hover-border-gray-light-800:hover {
    border-color: rgba(179, 186, 197, 0.8);
  }

  .md-focus-border-gray-light-800:focus {
    border-color: rgba(179, 186, 197, 0.8);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-800 {
    border-color: rgba(179, 186, 197, 0.8);
  }

  .lg-hover-border-gray-light-800:hover {
    border-color: rgba(179, 186, 197, 0.8);
  }

  .lg-focus-border-gray-light-800:focus {
    border-color: rgba(179, 186, 197, 0.8);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-800 {
    border-color: rgba(179, 186, 197, 0.8);
  }

  .xl-hover-border-gray-light-800:hover {
    border-color: rgba(179, 186, 197, 0.8);
  }

  .xl-focus-border-gray-light-800:focus {
    border-color: rgba(179, 186, 197, 0.8);
  }
}
.border-gray-light-900 {
  border-color: rgba(179, 186, 197, 0.9) !important;
}

.hover-border-gray-light-900:hover {
  border-color: rgba(179, 186, 197, 0.9) !important;
}

.focus-border-gray-light-900:focus {
  border-color: rgba(179, 186, 197, 0.9) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-gray-light-900 {
    border-color: rgba(179, 186, 197, 0.9);
  }

  .sm-hover-border-gray-light-900:hover {
    border-color: rgba(179, 186, 197, 0.9);
  }

  .sm-focus-border-gray-light-900:focus {
    border-color: rgba(179, 186, 197, 0.9);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-gray-light-900 {
    border-color: rgba(179, 186, 197, 0.9);
  }

  .md-hover-border-gray-light-900:hover {
    border-color: rgba(179, 186, 197, 0.9);
  }

  .md-focus-border-gray-light-900:focus {
    border-color: rgba(179, 186, 197, 0.9);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-gray-light-900 {
    border-color: rgba(179, 186, 197, 0.9);
  }

  .lg-hover-border-gray-light-900:hover {
    border-color: rgba(179, 186, 197, 0.9);
  }

  .lg-focus-border-gray-light-900:focus {
    border-color: rgba(179, 186, 197, 0.9);
  }
}
@media (min-width: 1200px) {
  .xl-border-gray-light-900 {
    border-color: rgba(179, 186, 197, 0.9);
  }

  .xl-hover-border-gray-light-900:hover {
    border-color: rgba(179, 186, 197, 0.9);
  }

  .xl-focus-border-gray-light-900:focus {
    border-color: rgba(179, 186, 197, 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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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-bright-red {
  border-color: #e95432 !important;
}

.hover-border-bright-red:hover {
  border-color: #e95432 !important;
}

.focus-border-bright-red:focus {
  border-color: #e95432 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-bright-red {
    border-color: #e95432;
  }

  .sm-hover-border-bright-red:hover {
    border-color: #e95432;
  }

  .sm-focus-border-bright-red:focus {
    border-color: #e95432;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-bright-red {
    border-color: #e95432;
  }

  .md-hover-border-bright-red:hover {
    border-color: #e95432;
  }

  .md-focus-border-bright-red:focus {
    border-color: #e95432;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-bright-red {
    border-color: #e95432;
  }

  .lg-hover-border-bright-red:hover {
    border-color: #e95432;
  }

  .lg-focus-border-bright-red:focus {
    border-color: #e95432;
  }
}
@media (min-width: 1200px) {
  .xl-border-bright-red {
    border-color: #e95432;
  }

  .xl-hover-border-bright-red:hover {
    border-color: #e95432;
  }

  .xl-focus-border-bright-red:focus {
    border-color: #e95432;
  }
}
.border-regal-blue {
  border-color: #6AD6A2 !important;
}

.hover-border-regal-blue:hover {
  border-color: #6AD6A2 !important;
}

.focus-border-regal-blue:focus {
  border-color: #6AD6A2 !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-border-regal-blue {
    border-color: #6AD6A2;
  }

  .sm-hover-border-regal-blue:hover {
    border-color: #6AD6A2;
  }

  .sm-focus-border-regal-blue:focus {
    border-color: #6AD6A2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-border-regal-blue {
    border-color: #6AD6A2;
  }

  .md-hover-border-regal-blue:hover {
    border-color: #6AD6A2;
  }

  .md-focus-border-regal-blue:focus {
    border-color: #6AD6A2;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-border-regal-blue {
    border-color: #6AD6A2;
  }

  .lg-hover-border-regal-blue:hover {
    border-color: #6AD6A2;
  }

  .lg-focus-border-regal-blue:focus {
    border-color: #6AD6A2;
  }
}
@media (min-width: 1200px) {
  .xl-border-regal-blue {
    border-color: #6AD6A2;
  }

  .xl-hover-border-regal-blue:hover {
    border-color: #6AD6A2;
  }

  .xl-focus-border-regal-blue:focus {
    border-color: #6AD6A2;
  }
}
/*
  Border Style
 */
.border-solid {
  border-style: solid !important;
}

.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: 1199.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: 1200px) {
  .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 !important;
}

.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: 1199.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: 1200px) {
  .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 !important;
}

.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: 1199.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: 1200px) {
  .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 !important;
}

.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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-rounded-4 {
    border-radius: 0.25rem;
  }

  .xs-rounded-8 {
    border-radius: 0.5rem;
  }

  .xs-rounded-12 {
    border-radius: 0.75rem;
  }

  .xs-rounded-16 {
    border-radius: 1rem;
  }

  .xs-rounded-t-8 {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
  }

  .xs-rounded-t-12 {
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
  }

  .xs-rounded-t-16 {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
  }

  .xs-rounded-b-8 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xs-rounded-b-12 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xs-rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xs-rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xs-rounded-l-12 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xs-rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xs-rounded-r-8 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xs-rounded-r-12 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .xs-rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .xs-rounded-none {
    border-radius: 0;
  }

  .xs-rounded-xs {
    border-radius: 0.125rem;
  }

  .xs-rounded {
    border-radius: 0.25rem;
  }

  .xs-rounded-lg {
    border-radius: 0.5rem;
  }

  .xs-rounded-full {
    border-radius: 9999px;
  }

  .xs-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xs-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xs-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xs-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xs-rounded-t-xs {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .xs-rounded-r-xs {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .xs-rounded-b-xs {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xs-rounded-l-xs {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xs-rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .xs-rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .xs-rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xs-rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xs-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .xs-rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xs-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xs-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xs-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xs-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xs-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xs-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xs-rounded-tl-8 {
    border-top-left-radius: 0.5rem;
  }

  .xs-rounded-tl-12 {
    border-top-left-radius: 0.75rem;
  }

  .xs-rounded-tl-16 {
    border-top-left-radius: 1rem;
  }

  .xs-rounded-tr-8 {
    border-top-right-radius: 0.5rem;
  }

  .xs-rounded-tr-12 {
    border-top-right-radius: 0.75rem;
  }

  .xs-rounded-tr-16 {
    border-top-right-radius: 1rem;
  }

  .xs-rounded-bl-8 {
    border-bottom-left-radius: 0.5rem;
  }

  .xs-rounded-bl-12 {
    border-bottom-left-radius: 0.75rem;
  }

  .xs-rounded-bl-16 {
    border-bottom-left-radius: 1rem;
  }

  .xs-rounded-br-8 {
    border-bottom-right-radius: 0.5rem;
  }

  .xs-rounded-br-12 {
    border-bottom-right-radius: 0.75rem;
  }

  .xs-rounded-br-16 {
    border-bottom-right-radius: 1rem;
  }

  .xs-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .xs-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .xs-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .xs-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .xs-rounded-tl-xs {
    border-top-left-radius: 0.125rem;
  }

  .xs-rounded-tr-xs {
    border-top-right-radius: 0.125rem;
  }

  .xs-rounded-br-xs {
    border-bottom-right-radius: 0.125rem;
  }

  .xs-rounded-bl-xs {
    border-bottom-left-radius: 0.125rem;
  }

  .xs-rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .xs-rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .xs-rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .xs-rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .xs-rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .xs-rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .xs-rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .xs-rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .xs-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xs-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xs-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xs-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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-flex-row {
    flex-direction: row !important;
  }
}
@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: 1199.98px) {
  .lg-flex-row {
    flex-direction: row !important;
  }
}
@media (min-width: 1200px) {
  .xl-flex-row {
    flex-direction: row !important;
  }
}
.flex-row-reverse {
  flex-direction: row-reverse;
}

@media (max-width: 575.98px) {
  .xs-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@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: 1199.98px) {
  .lg-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 1200px) {
  .xl-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}
.flex-col {
  flex-direction: column;
}

@media (max-width: 575.98px) {
  .xs-flex-col {
    flex-direction: column !important;
  }
}
@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: 1199.98px) {
  .lg-flex-col {
    flex-direction: column !important;
  }
}
@media (min-width: 1200px) {
  .xl-flex-col {
    flex-direction: column !important;
  }
}
.flex-col-reverse {
  flex-direction: column-reverse;
}

@media (max-width: 575.98px) {
  .xs-flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@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: 1199.98px) {
  .lg-flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .xl-flex-col-reverse {
    flex-direction: column-reverse !important;
  }
}
/*
  Flex Wrap
 */
.flex-wrap {
  flex-wrap: wrap;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .xl-flex-wrap {
    flex-wrap: wrap;
  }
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1200px) {
  .xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
.flex-no-wrap {
  flex-wrap: nowrap;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .xl-flex-no-wrap {
    flex-wrap: nowrap;
  }
}
/*
  Align Items
 */
.items-start {
  align-items: flex-start;
}

@media (max-width: 575.98px) {
  .xs-items-start {
    align-items: flex-start !important;
  }
}
@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: 1199.98px) {
  .lg-items-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .xl-items-start {
    align-items: flex-start !important;
  }
}
.items-end {
  align-items: flex-end;
}

@media (max-width: 575.98px) {
  .xs-items-end {
    align-items: flex-end !important;
  }
}
@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: 1199.98px) {
  .lg-items-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .xl-items-end {
    align-items: flex-end !important;
  }
}
.items-center {
  align-items: center;
}

@media (max-width: 575.98px) {
  .xs-items-center {
    align-items: center !important;
  }
}
@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: 1199.98px) {
  .lg-items-center {
    align-items: center !important;
  }
}
@media (min-width: 1200px) {
  .xl-items-center {
    align-items: center !important;
  }
}
.items-baseline {
  align-items: baseline;
}

@media (max-width: 575.98px) {
  .xs-items-baseline {
    align-items: baseline !important;
  }
}
@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: 1199.98px) {
  .lg-items-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .xl-items-baseline {
    align-items: baseline !important;
  }
}
.items-stretch {
  align-items: stretch;
}

@media (max-width: 575.98px) {
  .xs-items-stretch {
    align-items: stretch !important;
  }
}
@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: 1199.98px) {
  .lg-items-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-content-center {
    align-content: center !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-content-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-content-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-content-between {
    align-content: space-between !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-content-around {
    align-content: space-around !important;
  }
}
@media (min-width: 1200px) {
  .xl-content-around {
    align-content: space-around !important;
  }
}
/*
  Align Self
 */
.self-auto {
  align-self: auto;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-self-auto {
    align-self: auto;
  }
}
@media (min-width: 1200px) {
  .xl-self-auto {
    align-self: auto;
  }
}
.self-start {
  align-self: flex-start;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1200px) {
  .xl-self-start {
    align-self: flex-start;
  }
}
.self-end {
  align-self: flex-end;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1200px) {
  .xl-self-end {
    align-self: flex-end;
  }
}
.self-center {
  align-self: center;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-self-center {
    align-self: center;
  }
}
@media (min-width: 1200px) {
  .xl-self-center {
    align-self: center;
  }
}
.self-stretch {
  align-self: stretch;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1200px) {
  .xl-self-stretch {
    align-self: stretch;
  }
}
/*
  Justify Content
 */
.justify-start {
  justify-content: flex-start;
}

@media (max-width: 575.98px) {
  .xs-justify-start {
    justify-content: flex-start !important;
  }
}
@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: 1199.98px) {
  .lg-justify-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .xl-justify-start {
    justify-content: flex-start !important;
  }
}
.justify-end {
  justify-content: flex-end;
}

@media (max-width: 575.98px) {
  .xs-justify-end {
    justify-content: flex-end !important;
  }
}
@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: 1199.98px) {
  .lg-justify-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .xl-justify-end {
    justify-content: flex-end !important;
  }
}
.justify-center {
  justify-content: center;
}

@media (max-width: 575.98px) {
  .xs-justify-center {
    justify-content: center !important;
  }
}
@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: 1199.98px) {
  .lg-justify-center {
    justify-content: center !important;
  }
}
@media (min-width: 1200px) {
  .xl-justify-center {
    justify-content: center !important;
  }
}
.justify-between {
  justify-content: space-between;
}

@media (max-width: 575.98px) {
  .xs-justify-between {
    justify-content: space-between !important;
  }
}
@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: 1199.98px) {
  .lg-justify-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 1200px) {
  .xl-justify-between {
    justify-content: space-between !important;
  }
}
.justify-around {
  justify-content: space-around;
}

@media (max-width: 575.98px) {
  .xs-justify-around {
    justify-content: space-around !important;
  }
}
@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: 1199.98px) {
  .lg-justify-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-flex-initial {
    flex: 0 1 auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-flex-auto {
    flex: 1 1 auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-flex-1 {
    flex: 1 1 0%;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-flex-none {
    flex: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-flex-grow-0 {
    flex-grow: 0;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-flex-shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 1200px) {
  .xl-flex-shrink-0 {
    flex-shrink: 0;
  }
}
/*
  Order
 */
.order-first {
  order: -9999;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-order-first {
    order: -9999;
  }
}
@media (min-width: 1200px) {
  .xl-order-first {
    order: -9999;
  }
}
.order-last {
  order: 9999;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-order-last {
    order: 9999;
  }
}
@media (min-width: 1200px) {
  .xl-order-last {
    order: 9999;
  }
}
.order-none {
  order: 0;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-order-none {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-1 {
    order: 1;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-2 {
    order: 2;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-3 {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-4 {
    order: 4;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-5 {
    order: 5;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-6 {
    order: 6;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-7 {
    order: 7;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-8 {
    order: 8;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-9 {
    order: 9;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-10 {
    order: 10;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-11 {
    order: 11;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-order-12 {
    order: 12;
  }
}
@media (min-width: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-0 {
    padding: 0 !important;
  }

  .xs-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xs-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .xs-pt-0 {
    padding-top: 0 !important;
  }

  .xs-pr-0 {
    padding-right: 0 !important;
  }

  .xs-pb-0 {
    padding-bottom: 0 !important;
  }

  .xs-pl-0 {
    padding-left: 0 !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-px {
    padding: 1px !important;
  }

  .xs-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .xs-px-px {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }

  .xs-pt-px {
    padding-top: 1px !important;
  }

  .xs-pr-px {
    padding-right: 1px !important;
  }

  .xs-pb-px {
    padding-bottom: 1px !important;
  }

  .xs-pl-px {
    padding-left: 1px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-2px {
    padding: 2px !important;
  }

  .xs-py-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .xs-px-2px {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  .xs-pt-2px {
    padding-top: 2px !important;
  }

  .xs-pr-2px {
    padding-right: 2px !important;
  }

  .xs-pb-2px {
    padding-bottom: 2px !important;
  }

  .xs-pl-2px {
    padding-left: 2px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-3px {
    padding: 3px !important;
  }

  .xs-py-3px {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .xs-px-3px {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  .xs-pt-3px {
    padding-top: 3px !important;
  }

  .xs-pr-3px {
    padding-right: 3px !important;
  }

  .xs-pb-3px {
    padding-bottom: 3px !important;
  }

  .xs-pl-3px {
    padding-left: 3px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-4px {
    padding: 4px !important;
  }

  .xs-py-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .xs-px-4px {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .xs-pt-4px {
    padding-top: 4px !important;
  }

  .xs-pr-4px {
    padding-right: 4px !important;
  }

  .xs-pb-4px {
    padding-bottom: 4px !important;
  }

  .xs-pl-4px {
    padding-left: 4px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-5px {
    padding: 5px !important;
  }

  .xs-py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .xs-px-5px {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .xs-pt-5px {
    padding-top: 5px !important;
  }

  .xs-pr-5px {
    padding-right: 5px !important;
  }

  .xs-pb-5px {
    padding-bottom: 5px !important;
  }

  .xs-pl-5px {
    padding-left: 5px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-6px {
    padding: 6px !important;
  }

  .xs-py-6px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .xs-px-6px {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .xs-pt-6px {
    padding-top: 6px !important;
  }

  .xs-pr-6px {
    padding-right: 6px !important;
  }

  .xs-pb-6px {
    padding-bottom: 6px !important;
  }

  .xs-pl-6px {
    padding-left: 6px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-7px {
    padding: 7px !important;
  }

  .xs-py-7px {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .xs-px-7px {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .xs-pt-7px {
    padding-top: 7px !important;
  }

  .xs-pr-7px {
    padding-right: 7px !important;
  }

  .xs-pb-7px {
    padding-bottom: 7px !important;
  }

  .xs-pl-7px {
    padding-left: 7px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-4 {
    padding: 0.25rem !important;
  }

  .xs-py-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .xs-px-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .xs-pt-4 {
    padding-top: 0.25rem !important;
  }

  .xs-pr-4 {
    padding-right: 0.25rem !important;
  }

  .xs-pb-4 {
    padding-bottom: 0.25rem !important;
  }

  .xs-pl-4 {
    padding-left: 0.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-8 {
    padding: 0.5rem !important;
  }

  .xs-py-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .xs-px-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .xs-pt-8 {
    padding-top: 0.5rem !important;
  }

  .xs-pr-8 {
    padding-right: 0.5rem !important;
  }

  .xs-pb-8 {
    padding-bottom: 0.5rem !important;
  }

  .xs-pl-8 {
    padding-left: 0.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-12 {
    padding: 0.75rem !important;
  }

  .xs-py-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .xs-px-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }

  .xs-pt-12 {
    padding-top: 0.75rem !important;
  }

  .xs-pr-12 {
    padding-right: 0.75rem !important;
  }

  .xs-pb-12 {
    padding-bottom: 0.75rem !important;
  }

  .xs-pl-12 {
    padding-left: 0.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-16 {
    padding: 1rem !important;
  }

  .xs-py-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xs-px-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .xs-pt-16 {
    padding-top: 1rem !important;
  }

  .xs-pr-16 {
    padding-right: 1rem !important;
  }

  .xs-pb-16 {
    padding-bottom: 1rem !important;
  }

  .xs-pl-16 {
    padding-left: 1rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-20 {
    padding: 1.25rem !important;
  }

  .xs-py-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .xs-px-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }

  .xs-pt-20 {
    padding-top: 1.25rem !important;
  }

  .xs-pr-20 {
    padding-right: 1.25rem !important;
  }

  .xs-pb-20 {
    padding-bottom: 1.25rem !important;
  }

  .xs-pl-20 {
    padding-left: 1.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-22 {
  padding: 1.375rem;
}

.py-22 {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}

.px-22 {
  padding-right: 1.375rem;
  padding-left: 1.375rem;
}

.pt-22 {
  padding-top: 1.375rem;
}

.pr-22 {
  padding-right: 1.375rem;
}

.pb-22 {
  padding-bottom: 1.375rem;
}

.pl-22 {
  padding-left: 1.375rem;
}

@media (max-width: 575.98px) {
  .xs-p-22 {
    padding: 1.375rem !important;
  }

  .xs-py-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }

  .xs-px-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }

  .xs-pt-22 {
    padding-top: 1.375rem !important;
  }

  .xs-pr-22 {
    padding-right: 1.375rem !important;
  }

  .xs-pb-22 {
    padding-bottom: 1.375rem !important;
  }

  .xs-pl-22 {
    padding-left: 1.375rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-22 {
    padding: 1.375rem !important;
  }

  .sm-py-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }

  .sm-px-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }

  .sm-pt-22 {
    padding-top: 1.375rem !important;
  }

  .sm-pr-22 {
    padding-right: 1.375rem !important;
  }

  .sm-pb-22 {
    padding-bottom: 1.375rem !important;
  }

  .sm-pl-22 {
    padding-left: 1.375rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-22 {
    padding: 1.375rem !important;
  }

  .md-py-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }

  .md-px-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }

  .md-pt-22 {
    padding-top: 1.375rem !important;
  }

  .md-pr-22 {
    padding-right: 1.375rem !important;
  }

  .md-pb-22 {
    padding-bottom: 1.375rem !important;
  }

  .md-pl-22 {
    padding-left: 1.375rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-p-22 {
    padding: 1.375rem !important;
  }

  .lg-py-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }

  .lg-px-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }

  .lg-pt-22 {
    padding-top: 1.375rem !important;
  }

  .lg-pr-22 {
    padding-right: 1.375rem !important;
  }

  .lg-pb-22 {
    padding-bottom: 1.375rem !important;
  }

  .lg-pl-22 {
    padding-left: 1.375rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-p-22 {
    padding: 1.375rem !important;
  }

  .xl-py-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }

  .xl-px-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }

  .xl-pt-22 {
    padding-top: 1.375rem !important;
  }

  .xl-pr-22 {
    padding-right: 1.375rem !important;
  }

  .xl-pb-22 {
    padding-bottom: 1.375rem !important;
  }

  .xl-pl-22 {
    padding-left: 1.375rem !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 (max-width: 575.98px) {
  .xs-p-24 {
    padding: 1.5rem !important;
  }

  .xs-py-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .xs-px-24 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .xs-pt-24 {
    padding-top: 1.5rem !important;
  }

  .xs-pr-24 {
    padding-right: 1.5rem !important;
  }

  .xs-pb-24 {
    padding-bottom: 1.5rem !important;
  }

  .xs-pl-24 {
    padding-left: 1.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-28 {
    padding: 1.75rem !important;
  }

  .xs-py-28 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .xs-px-28 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }

  .xs-pt-28 {
    padding-top: 1.75rem !important;
  }

  .xs-pr-28 {
    padding-right: 1.75rem !important;
  }

  .xs-pb-28 {
    padding-bottom: 1.75rem !important;
  }

  .xs-pl-28 {
    padding-left: 1.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-32 {
    padding: 2rem !important;
  }

  .xs-py-32 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xs-px-32 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .xs-pt-32 {
    padding-top: 2rem !important;
  }

  .xs-pr-32 {
    padding-right: 2rem !important;
  }

  .xs-pb-32 {
    padding-bottom: 2rem !important;
  }

  .xs-pl-32 {
    padding-left: 2rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-34 {
  padding: 2.125rem;
}

.py-34 {
  padding-top: 2.125rem;
  padding-bottom: 2.125rem;
}

.px-34 {
  padding-right: 2.125rem;
  padding-left: 2.125rem;
}

.pt-34 {
  padding-top: 2.125rem;
}

.pr-34 {
  padding-right: 2.125rem;
}

.pb-34 {
  padding-bottom: 2.125rem;
}

.pl-34 {
  padding-left: 2.125rem;
}

@media (max-width: 575.98px) {
  .xs-p-34 {
    padding: 2.125rem !important;
  }

  .xs-py-34 {
    padding-top: 2.125rem !important;
    padding-bottom: 2.125rem !important;
  }

  .xs-px-34 {
    padding-right: 2.125rem !important;
    padding-left: 2.125rem !important;
  }

  .xs-pt-34 {
    padding-top: 2.125rem !important;
  }

  .xs-pr-34 {
    padding-right: 2.125rem !important;
  }

  .xs-pb-34 {
    padding-bottom: 2.125rem !important;
  }

  .xs-pl-34 {
    padding-left: 2.125rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-34 {
    padding: 2.125rem !important;
  }

  .sm-py-34 {
    padding-top: 2.125rem !important;
    padding-bottom: 2.125rem !important;
  }

  .sm-px-34 {
    padding-right: 2.125rem !important;
    padding-left: 2.125rem !important;
  }

  .sm-pt-34 {
    padding-top: 2.125rem !important;
  }

  .sm-pr-34 {
    padding-right: 2.125rem !important;
  }

  .sm-pb-34 {
    padding-bottom: 2.125rem !important;
  }

  .sm-pl-34 {
    padding-left: 2.125rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-34 {
    padding: 2.125rem !important;
  }

  .md-py-34 {
    padding-top: 2.125rem !important;
    padding-bottom: 2.125rem !important;
  }

  .md-px-34 {
    padding-right: 2.125rem !important;
    padding-left: 2.125rem !important;
  }

  .md-pt-34 {
    padding-top: 2.125rem !important;
  }

  .md-pr-34 {
    padding-right: 2.125rem !important;
  }

  .md-pb-34 {
    padding-bottom: 2.125rem !important;
  }

  .md-pl-34 {
    padding-left: 2.125rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-p-34 {
    padding: 2.125rem !important;
  }

  .lg-py-34 {
    padding-top: 2.125rem !important;
    padding-bottom: 2.125rem !important;
  }

  .lg-px-34 {
    padding-right: 2.125rem !important;
    padding-left: 2.125rem !important;
  }

  .lg-pt-34 {
    padding-top: 2.125rem !important;
  }

  .lg-pr-34 {
    padding-right: 2.125rem !important;
  }

  .lg-pb-34 {
    padding-bottom: 2.125rem !important;
  }

  .lg-pl-34 {
    padding-left: 2.125rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-p-34 {
    padding: 2.125rem !important;
  }

  .xl-py-34 {
    padding-top: 2.125rem !important;
    padding-bottom: 2.125rem !important;
  }

  .xl-px-34 {
    padding-right: 2.125rem !important;
    padding-left: 2.125rem !important;
  }

  .xl-pt-34 {
    padding-top: 2.125rem !important;
  }

  .xl-pr-34 {
    padding-right: 2.125rem !important;
  }

  .xl-pb-34 {
    padding-bottom: 2.125rem !important;
  }

  .xl-pl-34 {
    padding-left: 2.125rem !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 (max-width: 575.98px) {
  .xs-p-36 {
    padding: 2.25rem !important;
  }

  .xs-py-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }

  .xs-px-36 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }

  .xs-pt-36 {
    padding-top: 2.25rem !important;
  }

  .xs-pr-36 {
    padding-right: 2.25rem !important;
  }

  .xs-pb-36 {
    padding-bottom: 2.25rem !important;
  }

  .xs-pl-36 {
    padding-left: 2.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-40 {
    padding: 2.5rem !important;
  }

  .xs-py-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .xs-px-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }

  .xs-pt-40 {
    padding-top: 2.5rem !important;
  }

  .xs-pr-40 {
    padding-right: 2.5rem !important;
  }

  .xs-pb-40 {
    padding-bottom: 2.5rem !important;
  }

  .xs-pl-40 {
    padding-left: 2.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-44 {
    padding: 2.75rem !important;
  }

  .xs-py-44 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .xs-px-44 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
  }

  .xs-pt-44 {
    padding-top: 2.75rem !important;
  }

  .xs-pr-44 {
    padding-right: 2.75rem !important;
  }

  .xs-pb-44 {
    padding-bottom: 2.75rem !important;
  }

  .xs-pl-44 {
    padding-left: 2.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-48 {
    padding: 3rem !important;
  }

  .xs-py-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xs-px-48 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .xs-pt-48 {
    padding-top: 3rem !important;
  }

  .xs-pr-48 {
    padding-right: 3rem !important;
  }

  .xs-pb-48 {
    padding-bottom: 3rem !important;
  }

  .xs-pl-48 {
    padding-left: 3rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-50 {
  padding: 3.125rem;
}

.py-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.px-50 {
  padding-right: 3.125rem;
  padding-left: 3.125rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pr-50 {
  padding-right: 3.125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.pl-50 {
  padding-left: 3.125rem;
}

@media (max-width: 575.98px) {
  .xs-p-50 {
    padding: 3.125rem !important;
  }

  .xs-py-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .xs-px-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }

  .xs-pt-50 {
    padding-top: 3.125rem !important;
  }

  .xs-pr-50 {
    padding-right: 3.125rem !important;
  }

  .xs-pb-50 {
    padding-bottom: 3.125rem !important;
  }

  .xs-pl-50 {
    padding-left: 3.125rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-50 {
    padding: 3.125rem !important;
  }

  .sm-py-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .sm-px-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }

  .sm-pt-50 {
    padding-top: 3.125rem !important;
  }

  .sm-pr-50 {
    padding-right: 3.125rem !important;
  }

  .sm-pb-50 {
    padding-bottom: 3.125rem !important;
  }

  .sm-pl-50 {
    padding-left: 3.125rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-50 {
    padding: 3.125rem !important;
  }

  .md-py-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .md-px-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }

  .md-pt-50 {
    padding-top: 3.125rem !important;
  }

  .md-pr-50 {
    padding-right: 3.125rem !important;
  }

  .md-pb-50 {
    padding-bottom: 3.125rem !important;
  }

  .md-pl-50 {
    padding-left: 3.125rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-p-50 {
    padding: 3.125rem !important;
  }

  .lg-py-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .lg-px-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }

  .lg-pt-50 {
    padding-top: 3.125rem !important;
  }

  .lg-pr-50 {
    padding-right: 3.125rem !important;
  }

  .lg-pb-50 {
    padding-bottom: 3.125rem !important;
  }

  .lg-pl-50 {
    padding-left: 3.125rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-p-50 {
    padding: 3.125rem !important;
  }

  .xl-py-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }

  .xl-px-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }

  .xl-pt-50 {
    padding-top: 3.125rem !important;
  }

  .xl-pr-50 {
    padding-right: 3.125rem !important;
  }

  .xl-pb-50 {
    padding-bottom: 3.125rem !important;
  }

  .xl-pl-50 {
    padding-left: 3.125rem !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 (max-width: 575.98px) {
  .xs-p-52 {
    padding: 3.25rem !important;
  }

  .xs-py-52 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  .xs-px-52 {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
  }

  .xs-pt-52 {
    padding-top: 3.25rem !important;
  }

  .xs-pr-52 {
    padding-right: 3.25rem !important;
  }

  .xs-pb-52 {
    padding-bottom: 3.25rem !important;
  }

  .xs-pl-52 {
    padding-left: 3.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-56 {
    padding: 3.5rem !important;
  }

  .xs-py-56 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .xs-px-56 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }

  .xs-pt-56 {
    padding-top: 3.5rem !important;
  }

  .xs-pr-56 {
    padding-right: 3.5rem !important;
  }

  .xs-pb-56 {
    padding-bottom: 3.5rem !important;
  }

  .xs-pl-56 {
    padding-left: 3.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-60 {
    padding: 3.75rem !important;
  }

  .xs-py-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  .xs-px-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }

  .xs-pt-60 {
    padding-top: 3.75rem !important;
  }

  .xs-pr-60 {
    padding-right: 3.75rem !important;
  }

  .xs-pb-60 {
    padding-bottom: 3.75rem !important;
  }

  .xs-pl-60 {
    padding-left: 3.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-64 {
    padding: 4rem !important;
  }

  .xs-py-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xs-px-64 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

  .xs-pt-64 {
    padding-top: 4rem !important;
  }

  .xs-pr-64 {
    padding-right: 4rem !important;
  }

  .xs-pb-64 {
    padding-bottom: 4rem !important;
  }

  .xs-pl-64 {
    padding-left: 4rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-68 {
    padding: 4.25rem !important;
  }

  .xs-py-68 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }

  .xs-px-68 {
    padding-right: 4.25rem !important;
    padding-left: 4.25rem !important;
  }

  .xs-pt-68 {
    padding-top: 4.25rem !important;
  }

  .xs-pr-68 {
    padding-right: 4.25rem !important;
  }

  .xs-pb-68 {
    padding-bottom: 4.25rem !important;
  }

  .xs-pl-68 {
    padding-left: 4.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-72 {
    padding: 4.5rem !important;
  }

  .xs-py-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .xs-px-72 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }

  .xs-pt-72 {
    padding-top: 4.5rem !important;
  }

  .xs-pr-72 {
    padding-right: 4.5rem !important;
  }

  .xs-pb-72 {
    padding-bottom: 4.5rem !important;
  }

  .xs-pl-72 {
    padding-left: 4.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-76 {
    padding: 4.75rem !important;
  }

  .xs-py-76 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }

  .xs-px-76 {
    padding-right: 4.75rem !important;
    padding-left: 4.75rem !important;
  }

  .xs-pt-76 {
    padding-top: 4.75rem !important;
  }

  .xs-pr-76 {
    padding-right: 4.75rem !important;
  }

  .xs-pb-76 {
    padding-bottom: 4.75rem !important;
  }

  .xs-pl-76 {
    padding-left: 4.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-80 {
    padding: 5rem !important;
  }

  .xs-py-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xs-px-80 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }

  .xs-pt-80 {
    padding-top: 5rem !important;
  }

  .xs-pr-80 {
    padding-right: 5rem !important;
  }

  .xs-pb-80 {
    padding-bottom: 5rem !important;
  }

  .xs-pl-80 {
    padding-left: 5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-84 {
    padding: 5.25rem !important;
  }

  .xs-py-84 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }

  .xs-px-84 {
    padding-right: 5.25rem !important;
    padding-left: 5.25rem !important;
  }

  .xs-pt-84 {
    padding-top: 5.25rem !important;
  }

  .xs-pr-84 {
    padding-right: 5.25rem !important;
  }

  .xs-pb-84 {
    padding-bottom: 5.25rem !important;
  }

  .xs-pl-84 {
    padding-left: 5.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-88 {
    padding: 5.5rem !important;
  }

  .xs-py-88 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }

  .xs-px-88 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }

  .xs-pt-88 {
    padding-top: 5.5rem !important;
  }

  .xs-pr-88 {
    padding-right: 5.5rem !important;
  }

  .xs-pb-88 {
    padding-bottom: 5.5rem !important;
  }

  .xs-pl-88 {
    padding-left: 5.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-92 {
    padding: 5.75rem !important;
  }

  .xs-py-92 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }

  .xs-px-92 {
    padding-right: 5.75rem !important;
    padding-left: 5.75rem !important;
  }

  .xs-pt-92 {
    padding-top: 5.75rem !important;
  }

  .xs-pr-92 {
    padding-right: 5.75rem !important;
  }

  .xs-pb-92 {
    padding-bottom: 5.75rem !important;
  }

  .xs-pl-92 {
    padding-left: 5.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-96 {
    padding: 6rem !important;
  }

  .xs-py-96 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xs-px-96 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }

  .xs-pt-96 {
    padding-top: 6rem !important;
  }

  .xs-pr-96 {
    padding-right: 6rem !important;
  }

  .xs-pb-96 {
    padding-bottom: 6rem !important;
  }

  .xs-pl-96 {
    padding-left: 6rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-100 {
    padding: 6.25rem !important;
  }

  .xs-py-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }

  .xs-px-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }

  .xs-pt-100 {
    padding-top: 6.25rem !important;
  }

  .xs-pr-100 {
    padding-right: 6.25rem !important;
  }

  .xs-pb-100 {
    padding-bottom: 6.25rem !important;
  }

  .xs-pl-100 {
    padding-left: 6.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-104 {
    padding: 6.5rem !important;
  }

  .xs-py-104 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }

  .xs-px-104 {
    padding-right: 6.5rem !important;
    padding-left: 6.5rem !important;
  }

  .xs-pt-104 {
    padding-top: 6.5rem !important;
  }

  .xs-pr-104 {
    padding-right: 6.5rem !important;
  }

  .xs-pb-104 {
    padding-bottom: 6.5rem !important;
  }

  .xs-pl-104 {
    padding-left: 6.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-108 {
    padding: 6.75rem !important;
  }

  .xs-py-108 {
    padding-top: 6.75rem !important;
    padding-bottom: 6.75rem !important;
  }

  .xs-px-108 {
    padding-right: 6.75rem !important;
    padding-left: 6.75rem !important;
  }

  .xs-pt-108 {
    padding-top: 6.75rem !important;
  }

  .xs-pr-108 {
    padding-right: 6.75rem !important;
  }

  .xs-pb-108 {
    padding-bottom: 6.75rem !important;
  }

  .xs-pl-108 {
    padding-left: 6.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-112 {
    padding: 7rem !important;
  }

  .xs-py-112 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .xs-px-112 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }

  .xs-pt-112 {
    padding-top: 7rem !important;
  }

  .xs-pr-112 {
    padding-right: 7rem !important;
  }

  .xs-pb-112 {
    padding-bottom: 7rem !important;
  }

  .xs-pl-112 {
    padding-left: 7rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-116 {
    padding: 7.25rem !important;
  }

  .xs-py-116 {
    padding-top: 7.25rem !important;
    padding-bottom: 7.25rem !important;
  }

  .xs-px-116 {
    padding-right: 7.25rem !important;
    padding-left: 7.25rem !important;
  }

  .xs-pt-116 {
    padding-top: 7.25rem !important;
  }

  .xs-pr-116 {
    padding-right: 7.25rem !important;
  }

  .xs-pb-116 {
    padding-bottom: 7.25rem !important;
  }

  .xs-pl-116 {
    padding-left: 7.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-120 {
    padding: 7.5rem !important;
  }

  .xs-py-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }

  .xs-px-120 {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important;
  }

  .xs-pt-120 {
    padding-top: 7.5rem !important;
  }

  .xs-pr-120 {
    padding-right: 7.5rem !important;
  }

  .xs-pb-120 {
    padding-bottom: 7.5rem !important;
  }

  .xs-pl-120 {
    padding-left: 7.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-124 {
    padding: 7.75rem !important;
  }

  .xs-py-124 {
    padding-top: 7.75rem !important;
    padding-bottom: 7.75rem !important;
  }

  .xs-px-124 {
    padding-right: 7.75rem !important;
    padding-left: 7.75rem !important;
  }

  .xs-pt-124 {
    padding-top: 7.75rem !important;
  }

  .xs-pr-124 {
    padding-right: 7.75rem !important;
  }

  .xs-pb-124 {
    padding-bottom: 7.75rem !important;
  }

  .xs-pl-124 {
    padding-left: 7.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-128 {
    padding: 8rem !important;
  }

  .xs-py-128 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xs-px-128 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }

  .xs-pt-128 {
    padding-top: 8rem !important;
  }

  .xs-pr-128 {
    padding-right: 8rem !important;
  }

  .xs-pb-128 {
    padding-bottom: 8rem !important;
  }

  .xs-pl-128 {
    padding-left: 8rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-132 {
    padding: 8.25rem !important;
  }

  .xs-py-132 {
    padding-top: 8.25rem !important;
    padding-bottom: 8.25rem !important;
  }

  .xs-px-132 {
    padding-right: 8.25rem !important;
    padding-left: 8.25rem !important;
  }

  .xs-pt-132 {
    padding-top: 8.25rem !important;
  }

  .xs-pr-132 {
    padding-right: 8.25rem !important;
  }

  .xs-pb-132 {
    padding-bottom: 8.25rem !important;
  }

  .xs-pl-132 {
    padding-left: 8.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-136 {
    padding: 8.5rem !important;
  }

  .xs-py-136 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }

  .xs-px-136 {
    padding-right: 8.5rem !important;
    padding-left: 8.5rem !important;
  }

  .xs-pt-136 {
    padding-top: 8.5rem !important;
  }

  .xs-pr-136 {
    padding-right: 8.5rem !important;
  }

  .xs-pb-136 {
    padding-bottom: 8.5rem !important;
  }

  .xs-pl-136 {
    padding-left: 8.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-140 {
    padding: 8.75rem !important;
  }

  .xs-py-140 {
    padding-top: 8.75rem !important;
    padding-bottom: 8.75rem !important;
  }

  .xs-px-140 {
    padding-right: 8.75rem !important;
    padding-left: 8.75rem !important;
  }

  .xs-pt-140 {
    padding-top: 8.75rem !important;
  }

  .xs-pr-140 {
    padding-right: 8.75rem !important;
  }

  .xs-pb-140 {
    padding-bottom: 8.75rem !important;
  }

  .xs-pl-140 {
    padding-left: 8.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-144 {
    padding: 9rem !important;
  }

  .xs-py-144 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }

  .xs-px-144 {
    padding-right: 9rem !important;
    padding-left: 9rem !important;
  }

  .xs-pt-144 {
    padding-top: 9rem !important;
  }

  .xs-pr-144 {
    padding-right: 9rem !important;
  }

  .xs-pb-144 {
    padding-bottom: 9rem !important;
  }

  .xs-pl-144 {
    padding-left: 9rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-148 {
    padding: 9.25rem !important;
  }

  .xs-py-148 {
    padding-top: 9.25rem !important;
    padding-bottom: 9.25rem !important;
  }

  .xs-px-148 {
    padding-right: 9.25rem !important;
    padding-left: 9.25rem !important;
  }

  .xs-pt-148 {
    padding-top: 9.25rem !important;
  }

  .xs-pr-148 {
    padding-right: 9.25rem !important;
  }

  .xs-pb-148 {
    padding-bottom: 9.25rem !important;
  }

  .xs-pl-148 {
    padding-left: 9.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-152 {
    padding: 9.5rem !important;
  }

  .xs-py-152 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }

  .xs-px-152 {
    padding-right: 9.5rem !important;
    padding-left: 9.5rem !important;
  }

  .xs-pt-152 {
    padding-top: 9.5rem !important;
  }

  .xs-pr-152 {
    padding-right: 9.5rem !important;
  }

  .xs-pb-152 {
    padding-bottom: 9.5rem !important;
  }

  .xs-pl-152 {
    padding-left: 9.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-156 {
    padding: 9.75rem !important;
  }

  .xs-py-156 {
    padding-top: 9.75rem !important;
    padding-bottom: 9.75rem !important;
  }

  .xs-px-156 {
    padding-right: 9.75rem !important;
    padding-left: 9.75rem !important;
  }

  .xs-pt-156 {
    padding-top: 9.75rem !important;
  }

  .xs-pr-156 {
    padding-right: 9.75rem !important;
  }

  .xs-pb-156 {
    padding-bottom: 9.75rem !important;
  }

  .xs-pl-156 {
    padding-left: 9.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-160 {
    padding: 10rem !important;
  }

  .xs-py-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .xs-px-160 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }

  .xs-pt-160 {
    padding-top: 10rem !important;
  }

  .xs-pr-160 {
    padding-right: 10rem !important;
  }

  .xs-pb-160 {
    padding-bottom: 10rem !important;
  }

  .xs-pl-160 {
    padding-left: 10rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-164 {
    padding: 10.25rem !important;
  }

  .xs-py-164 {
    padding-top: 10.25rem !important;
    padding-bottom: 10.25rem !important;
  }

  .xs-px-164 {
    padding-right: 10.25rem !important;
    padding-left: 10.25rem !important;
  }

  .xs-pt-164 {
    padding-top: 10.25rem !important;
  }

  .xs-pr-164 {
    padding-right: 10.25rem !important;
  }

  .xs-pb-164 {
    padding-bottom: 10.25rem !important;
  }

  .xs-pl-164 {
    padding-left: 10.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-168 {
    padding: 10.5rem !important;
  }

  .xs-py-168 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }

  .xs-px-168 {
    padding-right: 10.5rem !important;
    padding-left: 10.5rem !important;
  }

  .xs-pt-168 {
    padding-top: 10.5rem !important;
  }

  .xs-pr-168 {
    padding-right: 10.5rem !important;
  }

  .xs-pb-168 {
    padding-bottom: 10.5rem !important;
  }

  .xs-pl-168 {
    padding-left: 10.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-172 {
    padding: 10.75rem !important;
  }

  .xs-py-172 {
    padding-top: 10.75rem !important;
    padding-bottom: 10.75rem !important;
  }

  .xs-px-172 {
    padding-right: 10.75rem !important;
    padding-left: 10.75rem !important;
  }

  .xs-pt-172 {
    padding-top: 10.75rem !important;
  }

  .xs-pr-172 {
    padding-right: 10.75rem !important;
  }

  .xs-pb-172 {
    padding-bottom: 10.75rem !important;
  }

  .xs-pl-172 {
    padding-left: 10.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-176 {
    padding: 11rem !important;
  }

  .xs-py-176 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }

  .xs-px-176 {
    padding-right: 11rem !important;
    padding-left: 11rem !important;
  }

  .xs-pt-176 {
    padding-top: 11rem !important;
  }

  .xs-pr-176 {
    padding-right: 11rem !important;
  }

  .xs-pb-176 {
    padding-bottom: 11rem !important;
  }

  .xs-pl-176 {
    padding-left: 11rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-180 {
    padding: 11.25rem !important;
  }

  .xs-py-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }

  .xs-px-180 {
    padding-right: 11.25rem !important;
    padding-left: 11.25rem !important;
  }

  .xs-pt-180 {
    padding-top: 11.25rem !important;
  }

  .xs-pr-180 {
    padding-right: 11.25rem !important;
  }

  .xs-pb-180 {
    padding-bottom: 11.25rem !important;
  }

  .xs-pl-180 {
    padding-left: 11.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-184 {
    padding: 11.5rem !important;
  }

  .xs-py-184 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }

  .xs-px-184 {
    padding-right: 11.5rem !important;
    padding-left: 11.5rem !important;
  }

  .xs-pt-184 {
    padding-top: 11.5rem !important;
  }

  .xs-pr-184 {
    padding-right: 11.5rem !important;
  }

  .xs-pb-184 {
    padding-bottom: 11.5rem !important;
  }

  .xs-pl-184 {
    padding-left: 11.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-188 {
    padding: 11.75rem !important;
  }

  .xs-py-188 {
    padding-top: 11.75rem !important;
    padding-bottom: 11.75rem !important;
  }

  .xs-px-188 {
    padding-right: 11.75rem !important;
    padding-left: 11.75rem !important;
  }

  .xs-pt-188 {
    padding-top: 11.75rem !important;
  }

  .xs-pr-188 {
    padding-right: 11.75rem !important;
  }

  .xs-pb-188 {
    padding-bottom: 11.75rem !important;
  }

  .xs-pl-188 {
    padding-left: 11.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-192 {
    padding: 12rem !important;
  }

  .xs-py-192 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .xs-px-192 {
    padding-right: 12rem !important;
    padding-left: 12rem !important;
  }

  .xs-pt-192 {
    padding-top: 12rem !important;
  }

  .xs-pr-192 {
    padding-right: 12rem !important;
  }

  .xs-pb-192 {
    padding-bottom: 12rem !important;
  }

  .xs-pl-192 {
    padding-left: 12rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-196 {
    padding: 12.25rem !important;
  }

  .xs-py-196 {
    padding-top: 12.25rem !important;
    padding-bottom: 12.25rem !important;
  }

  .xs-px-196 {
    padding-right: 12.25rem !important;
    padding-left: 12.25rem !important;
  }

  .xs-pt-196 {
    padding-top: 12.25rem !important;
  }

  .xs-pr-196 {
    padding-right: 12.25rem !important;
  }

  .xs-pb-196 {
    padding-bottom: 12.25rem !important;
  }

  .xs-pl-196 {
    padding-left: 12.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-p-200 {
    padding: 12.5rem !important;
  }

  .xs-py-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }

  .xs-px-200 {
    padding-right: 12.5rem !important;
    padding-left: 12.5rem !important;
  }

  .xs-pt-200 {
    padding-top: 12.5rem !important;
  }

  .xs-pr-200 {
    padding-right: 12.5rem !important;
  }

  .xs-pb-200 {
    padding-bottom: 12.5rem !important;
  }

  .xs-pl-200 {
    padding-left: 12.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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;
  }
}
.p-216 {
  padding: 13.5rem;
}

.py-216 {
  padding-top: 13.5rem;
  padding-bottom: 13.5rem;
}

.px-216 {
  padding-right: 13.5rem;
  padding-left: 13.5rem;
}

.pt-216 {
  padding-top: 13.5rem;
}

.pr-216 {
  padding-right: 13.5rem;
}

.pb-216 {
  padding-bottom: 13.5rem;
}

.pl-216 {
  padding-left: 13.5rem;
}

@media (max-width: 575.98px) {
  .xs-p-216 {
    padding: 13.5rem !important;
  }

  .xs-py-216 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }

  .xs-px-216 {
    padding-right: 13.5rem !important;
    padding-left: 13.5rem !important;
  }

  .xs-pt-216 {
    padding-top: 13.5rem !important;
  }

  .xs-pr-216 {
    padding-right: 13.5rem !important;
  }

  .xs-pb-216 {
    padding-bottom: 13.5rem !important;
  }

  .xs-pl-216 {
    padding-left: 13.5rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-216 {
    padding: 13.5rem !important;
  }

  .sm-py-216 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }

  .sm-px-216 {
    padding-right: 13.5rem !important;
    padding-left: 13.5rem !important;
  }

  .sm-pt-216 {
    padding-top: 13.5rem !important;
  }

  .sm-pr-216 {
    padding-right: 13.5rem !important;
  }

  .sm-pb-216 {
    padding-bottom: 13.5rem !important;
  }

  .sm-pl-216 {
    padding-left: 13.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-216 {
    padding: 13.5rem !important;
  }

  .md-py-216 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }

  .md-px-216 {
    padding-right: 13.5rem !important;
    padding-left: 13.5rem !important;
  }

  .md-pt-216 {
    padding-top: 13.5rem !important;
  }

  .md-pr-216 {
    padding-right: 13.5rem !important;
  }

  .md-pb-216 {
    padding-bottom: 13.5rem !important;
  }

  .md-pl-216 {
    padding-left: 13.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-p-216 {
    padding: 13.5rem !important;
  }

  .lg-py-216 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }

  .lg-px-216 {
    padding-right: 13.5rem !important;
    padding-left: 13.5rem !important;
  }

  .lg-pt-216 {
    padding-top: 13.5rem !important;
  }

  .lg-pr-216 {
    padding-right: 13.5rem !important;
  }

  .lg-pb-216 {
    padding-bottom: 13.5rem !important;
  }

  .lg-pl-216 {
    padding-left: 13.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-p-216 {
    padding: 13.5rem !important;
  }

  .xl-py-216 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }

  .xl-px-216 {
    padding-right: 13.5rem !important;
    padding-left: 13.5rem !important;
  }

  .xl-pt-216 {
    padding-top: 13.5rem !important;
  }

  .xl-pr-216 {
    padding-right: 13.5rem !important;
  }

  .xl-pb-216 {
    padding-bottom: 13.5rem !important;
  }

  .xl-pl-216 {
    padding-left: 13.5rem !important;
  }
}
.p-244 {
  padding: 15.25rem;
}

.py-244 {
  padding-top: 15.25rem;
  padding-bottom: 15.25rem;
}

.px-244 {
  padding-right: 15.25rem;
  padding-left: 15.25rem;
}

.pt-244 {
  padding-top: 15.25rem;
}

.pr-244 {
  padding-right: 15.25rem;
}

.pb-244 {
  padding-bottom: 15.25rem;
}

.pl-244 {
  padding-left: 15.25rem;
}

@media (max-width: 575.98px) {
  .xs-p-244 {
    padding: 15.25rem !important;
  }

  .xs-py-244 {
    padding-top: 15.25rem !important;
    padding-bottom: 15.25rem !important;
  }

  .xs-px-244 {
    padding-right: 15.25rem !important;
    padding-left: 15.25rem !important;
  }

  .xs-pt-244 {
    padding-top: 15.25rem !important;
  }

  .xs-pr-244 {
    padding-right: 15.25rem !important;
  }

  .xs-pb-244 {
    padding-bottom: 15.25rem !important;
  }

  .xs-pl-244 {
    padding-left: 15.25rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-244 {
    padding: 15.25rem !important;
  }

  .sm-py-244 {
    padding-top: 15.25rem !important;
    padding-bottom: 15.25rem !important;
  }

  .sm-px-244 {
    padding-right: 15.25rem !important;
    padding-left: 15.25rem !important;
  }

  .sm-pt-244 {
    padding-top: 15.25rem !important;
  }

  .sm-pr-244 {
    padding-right: 15.25rem !important;
  }

  .sm-pb-244 {
    padding-bottom: 15.25rem !important;
  }

  .sm-pl-244 {
    padding-left: 15.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-244 {
    padding: 15.25rem !important;
  }

  .md-py-244 {
    padding-top: 15.25rem !important;
    padding-bottom: 15.25rem !important;
  }

  .md-px-244 {
    padding-right: 15.25rem !important;
    padding-left: 15.25rem !important;
  }

  .md-pt-244 {
    padding-top: 15.25rem !important;
  }

  .md-pr-244 {
    padding-right: 15.25rem !important;
  }

  .md-pb-244 {
    padding-bottom: 15.25rem !important;
  }

  .md-pl-244 {
    padding-left: 15.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-p-244 {
    padding: 15.25rem !important;
  }

  .lg-py-244 {
    padding-top: 15.25rem !important;
    padding-bottom: 15.25rem !important;
  }

  .lg-px-244 {
    padding-right: 15.25rem !important;
    padding-left: 15.25rem !important;
  }

  .lg-pt-244 {
    padding-top: 15.25rem !important;
  }

  .lg-pr-244 {
    padding-right: 15.25rem !important;
  }

  .lg-pb-244 {
    padding-bottom: 15.25rem !important;
  }

  .lg-pl-244 {
    padding-left: 15.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-p-244 {
    padding: 15.25rem !important;
  }

  .xl-py-244 {
    padding-top: 15.25rem !important;
    padding-bottom: 15.25rem !important;
  }

  .xl-px-244 {
    padding-right: 15.25rem !important;
    padding-left: 15.25rem !important;
  }

  .xl-pt-244 {
    padding-top: 15.25rem !important;
  }

  .xl-pr-244 {
    padding-right: 15.25rem !important;
  }

  .xl-pb-244 {
    padding-bottom: 15.25rem !important;
  }

  .xl-pl-244 {
    padding-left: 15.25rem !important;
  }
}
.p-300 {
  padding: 18.75rem;
}

.py-300 {
  padding-top: 18.75rem;
  padding-bottom: 18.75rem;
}

.px-300 {
  padding-right: 18.75rem;
  padding-left: 18.75rem;
}

.pt-300 {
  padding-top: 18.75rem;
}

.pr-300 {
  padding-right: 18.75rem;
}

.pb-300 {
  padding-bottom: 18.75rem;
}

.pl-300 {
  padding-left: 18.75rem;
}

@media (max-width: 575.98px) {
  .xs-p-300 {
    padding: 18.75rem !important;
  }

  .xs-py-300 {
    padding-top: 18.75rem !important;
    padding-bottom: 18.75rem !important;
  }

  .xs-px-300 {
    padding-right: 18.75rem !important;
    padding-left: 18.75rem !important;
  }

  .xs-pt-300 {
    padding-top: 18.75rem !important;
  }

  .xs-pr-300 {
    padding-right: 18.75rem !important;
  }

  .xs-pb-300 {
    padding-bottom: 18.75rem !important;
  }

  .xs-pl-300 {
    padding-left: 18.75rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-300 {
    padding: 18.75rem !important;
  }

  .sm-py-300 {
    padding-top: 18.75rem !important;
    padding-bottom: 18.75rem !important;
  }

  .sm-px-300 {
    padding-right: 18.75rem !important;
    padding-left: 18.75rem !important;
  }

  .sm-pt-300 {
    padding-top: 18.75rem !important;
  }

  .sm-pr-300 {
    padding-right: 18.75rem !important;
  }

  .sm-pb-300 {
    padding-bottom: 18.75rem !important;
  }

  .sm-pl-300 {
    padding-left: 18.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-300 {
    padding: 18.75rem !important;
  }

  .md-py-300 {
    padding-top: 18.75rem !important;
    padding-bottom: 18.75rem !important;
  }

  .md-px-300 {
    padding-right: 18.75rem !important;
    padding-left: 18.75rem !important;
  }

  .md-pt-300 {
    padding-top: 18.75rem !important;
  }

  .md-pr-300 {
    padding-right: 18.75rem !important;
  }

  .md-pb-300 {
    padding-bottom: 18.75rem !important;
  }

  .md-pl-300 {
    padding-left: 18.75rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-p-300 {
    padding: 18.75rem !important;
  }

  .lg-py-300 {
    padding-top: 18.75rem !important;
    padding-bottom: 18.75rem !important;
  }

  .lg-px-300 {
    padding-right: 18.75rem !important;
    padding-left: 18.75rem !important;
  }

  .lg-pt-300 {
    padding-top: 18.75rem !important;
  }

  .lg-pr-300 {
    padding-right: 18.75rem !important;
  }

  .lg-pb-300 {
    padding-bottom: 18.75rem !important;
  }

  .lg-pl-300 {
    padding-left: 18.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-p-300 {
    padding: 18.75rem !important;
  }

  .xl-py-300 {
    padding-top: 18.75rem !important;
    padding-bottom: 18.75rem !important;
  }

  .xl-px-300 {
    padding-right: 18.75rem !important;
    padding-left: 18.75rem !important;
  }

  .xl-pt-300 {
    padding-top: 18.75rem !important;
  }

  .xl-pr-300 {
    padding-right: 18.75rem !important;
  }

  .xl-pb-300 {
    padding-bottom: 18.75rem !important;
  }

  .xl-pl-300 {
    padding-left: 18.75rem !important;
  }
}
.p-352 {
  padding: 22rem;
}

.py-352 {
  padding-top: 22rem;
  padding-bottom: 22rem;
}

.px-352 {
  padding-right: 22rem;
  padding-left: 22rem;
}

.pt-352 {
  padding-top: 22rem;
}

.pr-352 {
  padding-right: 22rem;
}

.pb-352 {
  padding-bottom: 22rem;
}

.pl-352 {
  padding-left: 22rem;
}

@media (max-width: 575.98px) {
  .xs-p-352 {
    padding: 22rem !important;
  }

  .xs-py-352 {
    padding-top: 22rem !important;
    padding-bottom: 22rem !important;
  }

  .xs-px-352 {
    padding-right: 22rem !important;
    padding-left: 22rem !important;
  }

  .xs-pt-352 {
    padding-top: 22rem !important;
  }

  .xs-pr-352 {
    padding-right: 22rem !important;
  }

  .xs-pb-352 {
    padding-bottom: 22rem !important;
  }

  .xs-pl-352 {
    padding-left: 22rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-p-352 {
    padding: 22rem !important;
  }

  .sm-py-352 {
    padding-top: 22rem !important;
    padding-bottom: 22rem !important;
  }

  .sm-px-352 {
    padding-right: 22rem !important;
    padding-left: 22rem !important;
  }

  .sm-pt-352 {
    padding-top: 22rem !important;
  }

  .sm-pr-352 {
    padding-right: 22rem !important;
  }

  .sm-pb-352 {
    padding-bottom: 22rem !important;
  }

  .sm-pl-352 {
    padding-left: 22rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-p-352 {
    padding: 22rem !important;
  }

  .md-py-352 {
    padding-top: 22rem !important;
    padding-bottom: 22rem !important;
  }

  .md-px-352 {
    padding-right: 22rem !important;
    padding-left: 22rem !important;
  }

  .md-pt-352 {
    padding-top: 22rem !important;
  }

  .md-pr-352 {
    padding-right: 22rem !important;
  }

  .md-pb-352 {
    padding-bottom: 22rem !important;
  }

  .md-pl-352 {
    padding-left: 22rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-p-352 {
    padding: 22rem !important;
  }

  .lg-py-352 {
    padding-top: 22rem !important;
    padding-bottom: 22rem !important;
  }

  .lg-px-352 {
    padding-right: 22rem !important;
    padding-left: 22rem !important;
  }

  .lg-pt-352 {
    padding-top: 22rem !important;
  }

  .lg-pr-352 {
    padding-right: 22rem !important;
  }

  .lg-pb-352 {
    padding-bottom: 22rem !important;
  }

  .lg-pl-352 {
    padding-left: 22rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-p-352 {
    padding: 22rem !important;
  }

  .xl-py-352 {
    padding-top: 22rem !important;
    padding-bottom: 22rem !important;
  }

  .xl-px-352 {
    padding-right: 22rem !important;
    padding-left: 22rem !important;
  }

  .xl-pt-352 {
    padding-top: 22rem !important;
  }

  .xl-pr-352 {
    padding-right: 22rem !important;
  }

  .xl-pb-352 {
    padding-bottom: 22rem !important;
  }

  .xl-pl-352 {
    padding-left: 22rem !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 (max-width: 575.98px) {
  .xs-m-0 {
    margin: 0 !important;
  }

  .-xs-m-0 {
    margin: 0 !important;
  }

  .xs-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .-xs-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xs-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .-xs-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .xs-mt-0 {
    margin-top: 0 !important;
  }

  .-xs-mt-0 {
    margin-top: 0 !important;
  }

  .xs-mr-0 {
    margin-right: 0 !important;
  }

  .-xs-mr-0 {
    margin-right: 0 !important;
  }

  .xs-mb-0 {
    margin-bottom: 0 !important;
  }

  .-xs-mb-0 {
    margin-bottom: 0 !important;
  }

  .xs-ml-0 {
    margin-left: 0 !important;
  }

  .-xs-ml-0 {
    margin-left: 0 !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-px {
    margin: 1px !important;
  }

  .-xs-m-px {
    margin: -1px !important;
  }

  .xs-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .-xs-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .xs-mx-px {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }

  .-xs-mx-px {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }

  .xs-mt-px {
    margin-top: 1px !important;
  }

  .-xs-mt-px {
    margin-top: -1px !important;
  }

  .xs-mr-px {
    margin-right: 1px !important;
  }

  .-xs-mr-px {
    margin-right: -1px !important;
  }

  .xs-mb-px {
    margin-bottom: 1px !important;
  }

  .-xs-mb-px {
    margin-bottom: -1px !important;
  }

  .xs-ml-px {
    margin-left: 1px !important;
  }

  .-xs-ml-px {
    margin-left: -1px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-2px {
    margin: 2px !important;
  }

  .-xs-m-2px {
    margin: -2px !important;
  }

  .xs-my-2px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .-xs-my-2px {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .xs-mx-2px {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }

  .-xs-mx-2px {
    margin-right: -2px !important;
    margin-left: -2px !important;
  }

  .xs-mt-2px {
    margin-top: 2px !important;
  }

  .-xs-mt-2px {
    margin-top: -2px !important;
  }

  .xs-mr-2px {
    margin-right: 2px !important;
  }

  .-xs-mr-2px {
    margin-right: -2px !important;
  }

  .xs-mb-2px {
    margin-bottom: 2px !important;
  }

  .-xs-mb-2px {
    margin-bottom: -2px !important;
  }

  .xs-ml-2px {
    margin-left: 2px !important;
  }

  .-xs-ml-2px {
    margin-left: -2px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-3px {
    margin: 3px !important;
  }

  .-xs-m-3px {
    margin: -3px !important;
  }

  .xs-my-3px {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .-xs-my-3px {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .xs-mx-3px {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }

  .-xs-mx-3px {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }

  .xs-mt-3px {
    margin-top: 3px !important;
  }

  .-xs-mt-3px {
    margin-top: -3px !important;
  }

  .xs-mr-3px {
    margin-right: 3px !important;
  }

  .-xs-mr-3px {
    margin-right: -3px !important;
  }

  .xs-mb-3px {
    margin-bottom: 3px !important;
  }

  .-xs-mb-3px {
    margin-bottom: -3px !important;
  }

  .xs-ml-3px {
    margin-left: 3px !important;
  }

  .-xs-ml-3px {
    margin-left: -3px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-4px {
    margin: 4px !important;
  }

  .-xs-m-4px {
    margin: -4px !important;
  }

  .xs-my-4px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .-xs-my-4px {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .xs-mx-4px {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }

  .-xs-mx-4px {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }

  .xs-mt-4px {
    margin-top: 4px !important;
  }

  .-xs-mt-4px {
    margin-top: -4px !important;
  }

  .xs-mr-4px {
    margin-right: 4px !important;
  }

  .-xs-mr-4px {
    margin-right: -4px !important;
  }

  .xs-mb-4px {
    margin-bottom: 4px !important;
  }

  .-xs-mb-4px {
    margin-bottom: -4px !important;
  }

  .xs-ml-4px {
    margin-left: 4px !important;
  }

  .-xs-ml-4px {
    margin-left: -4px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-5px {
    margin: 5px !important;
  }

  .-xs-m-5px {
    margin: -5px !important;
  }

  .xs-my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .-xs-my-5px {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .xs-mx-5px {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .-xs-mx-5px {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .xs-mt-5px {
    margin-top: 5px !important;
  }

  .-xs-mt-5px {
    margin-top: -5px !important;
  }

  .xs-mr-5px {
    margin-right: 5px !important;
  }

  .-xs-mr-5px {
    margin-right: -5px !important;
  }

  .xs-mb-5px {
    margin-bottom: 5px !important;
  }

  .-xs-mb-5px {
    margin-bottom: -5px !important;
  }

  .xs-ml-5px {
    margin-left: 5px !important;
  }

  .-xs-ml-5px {
    margin-left: -5px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-6px {
    margin: 6px !important;
  }

  .-xs-m-6px {
    margin: -6px !important;
  }

  .xs-my-6px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .-xs-my-6px {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
  }

  .xs-mx-6px {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }

  .-xs-mx-6px {
    margin-right: -6px !important;
    margin-left: -6px !important;
  }

  .xs-mt-6px {
    margin-top: 6px !important;
  }

  .-xs-mt-6px {
    margin-top: -6px !important;
  }

  .xs-mr-6px {
    margin-right: 6px !important;
  }

  .-xs-mr-6px {
    margin-right: -6px !important;
  }

  .xs-mb-6px {
    margin-bottom: 6px !important;
  }

  .-xs-mb-6px {
    margin-bottom: -6px !important;
  }

  .xs-ml-6px {
    margin-left: 6px !important;
  }

  .-xs-ml-6px {
    margin-left: -6px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-7px {
    margin: 7px !important;
  }

  .-xs-m-7px {
    margin: -7px !important;
  }

  .xs-my-7px {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .-xs-my-7px {
    margin-top: -7px !important;
    margin-bottom: -7px !important;
  }

  .xs-mx-7px {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }

  .-xs-mx-7px {
    margin-right: -7px !important;
    margin-left: -7px !important;
  }

  .xs-mt-7px {
    margin-top: 7px !important;
  }

  .-xs-mt-7px {
    margin-top: -7px !important;
  }

  .xs-mr-7px {
    margin-right: 7px !important;
  }

  .-xs-mr-7px {
    margin-right: -7px !important;
  }

  .xs-mb-7px {
    margin-bottom: 7px !important;
  }

  .-xs-mb-7px {
    margin-bottom: -7px !important;
  }

  .xs-ml-7px {
    margin-left: 7px !important;
  }

  .-xs-ml-7px {
    margin-left: -7px !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-4 {
    margin: 0.25rem !important;
  }

  .-xs-m-4 {
    margin: -0.25rem !important;
  }

  .xs-my-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .-xs-my-4 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .xs-mx-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .-xs-mx-4 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .xs-mt-4 {
    margin-top: 0.25rem !important;
  }

  .-xs-mt-4 {
    margin-top: -0.25rem !important;
  }

  .xs-mr-4 {
    margin-right: 0.25rem !important;
  }

  .-xs-mr-4 {
    margin-right: -0.25rem !important;
  }

  .xs-mb-4 {
    margin-bottom: 0.25rem !important;
  }

  .-xs-mb-4 {
    margin-bottom: -0.25rem !important;
  }

  .xs-ml-4 {
    margin-left: 0.25rem !important;
  }

  .-xs-ml-4 {
    margin-left: -0.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-8 {
    margin: 0.5rem !important;
  }

  .-xs-m-8 {
    margin: -0.5rem !important;
  }

  .xs-my-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .-xs-my-8 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .xs-mx-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .-xs-mx-8 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .xs-mt-8 {
    margin-top: 0.5rem !important;
  }

  .-xs-mt-8 {
    margin-top: -0.5rem !important;
  }

  .xs-mr-8 {
    margin-right: 0.5rem !important;
  }

  .-xs-mr-8 {
    margin-right: -0.5rem !important;
  }

  .xs-mb-8 {
    margin-bottom: 0.5rem !important;
  }

  .-xs-mb-8 {
    margin-bottom: -0.5rem !important;
  }

  .xs-ml-8 {
    margin-left: 0.5rem !important;
  }

  .-xs-ml-8 {
    margin-left: -0.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-10 {
  margin: 0.625rem;
}

.-m-10 {
  margin: -0.625rem;
}

.my-10 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.-my-10 {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

.mx-10 {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}

.-mx-10 {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.mt-10 {
  margin-top: 0.625rem;
}

.-mt-10 {
  margin-top: -0.625rem;
}

.mr-10 {
  margin-right: 0.625rem;
}

.-mr-10 {
  margin-right: -0.625rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.-mb-10 {
  margin-bottom: -0.625rem;
}

.ml-10 {
  margin-left: 0.625rem;
}

.-ml-10 {
  margin-left: -0.625rem;
}

@media (max-width: 575.98px) {
  .xs-m-10 {
    margin: 0.625rem !important;
  }

  .-xs-m-10 {
    margin: -0.625rem !important;
  }

  .xs-my-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }

  .-xs-my-10 {
    margin-top: -0.625rem !important;
    margin-bottom: -0.625rem !important;
  }

  .xs-mx-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }

  .-xs-mx-10 {
    margin-right: -0.625rem !important;
    margin-left: -0.625rem !important;
  }

  .xs-mt-10 {
    margin-top: 0.625rem !important;
  }

  .-xs-mt-10 {
    margin-top: -0.625rem !important;
  }

  .xs-mr-10 {
    margin-right: 0.625rem !important;
  }

  .-xs-mr-10 {
    margin-right: -0.625rem !important;
  }

  .xs-mb-10 {
    margin-bottom: 0.625rem !important;
  }

  .-xs-mb-10 {
    margin-bottom: -0.625rem !important;
  }

  .xs-ml-10 {
    margin-left: 0.625rem !important;
  }

  .-xs-ml-10 {
    margin-left: -0.625rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-10 {
    margin: 0.625rem !important;
  }

  .-sm-m-10 {
    margin: -0.625rem !important;
  }

  .sm-my-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }

  .-sm-my-10 {
    margin-top: -0.625rem !important;
    margin-bottom: -0.625rem !important;
  }

  .sm-mx-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }

  .-sm-mx-10 {
    margin-right: -0.625rem !important;
    margin-left: -0.625rem !important;
  }

  .sm-mt-10 {
    margin-top: 0.625rem !important;
  }

  .-sm-mt-10 {
    margin-top: -0.625rem !important;
  }

  .sm-mr-10 {
    margin-right: 0.625rem !important;
  }

  .-sm-mr-10 {
    margin-right: -0.625rem !important;
  }

  .sm-mb-10 {
    margin-bottom: 0.625rem !important;
  }

  .-sm-mb-10 {
    margin-bottom: -0.625rem !important;
  }

  .sm-ml-10 {
    margin-left: 0.625rem !important;
  }

  .-sm-ml-10 {
    margin-left: -0.625rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-10 {
    margin: 0.625rem !important;
  }

  .-md-m-10 {
    margin: -0.625rem !important;
  }

  .md-my-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }

  .-md-my-10 {
    margin-top: -0.625rem !important;
    margin-bottom: -0.625rem !important;
  }

  .md-mx-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }

  .-md-mx-10 {
    margin-right: -0.625rem !important;
    margin-left: -0.625rem !important;
  }

  .md-mt-10 {
    margin-top: 0.625rem !important;
  }

  .-md-mt-10 {
    margin-top: -0.625rem !important;
  }

  .md-mr-10 {
    margin-right: 0.625rem !important;
  }

  .-md-mr-10 {
    margin-right: -0.625rem !important;
  }

  .md-mb-10 {
    margin-bottom: 0.625rem !important;
  }

  .-md-mb-10 {
    margin-bottom: -0.625rem !important;
  }

  .md-ml-10 {
    margin-left: 0.625rem !important;
  }

  .-md-ml-10 {
    margin-left: -0.625rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-m-10 {
    margin: 0.625rem !important;
  }

  .-lg-m-10 {
    margin: -0.625rem !important;
  }

  .lg-my-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }

  .-lg-my-10 {
    margin-top: -0.625rem !important;
    margin-bottom: -0.625rem !important;
  }

  .lg-mx-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }

  .-lg-mx-10 {
    margin-right: -0.625rem !important;
    margin-left: -0.625rem !important;
  }

  .lg-mt-10 {
    margin-top: 0.625rem !important;
  }

  .-lg-mt-10 {
    margin-top: -0.625rem !important;
  }

  .lg-mr-10 {
    margin-right: 0.625rem !important;
  }

  .-lg-mr-10 {
    margin-right: -0.625rem !important;
  }

  .lg-mb-10 {
    margin-bottom: 0.625rem !important;
  }

  .-lg-mb-10 {
    margin-bottom: -0.625rem !important;
  }

  .lg-ml-10 {
    margin-left: 0.625rem !important;
  }

  .-lg-ml-10 {
    margin-left: -0.625rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-m-10 {
    margin: 0.625rem !important;
  }

  .-xl-m-10 {
    margin: -0.625rem !important;
  }

  .xl-my-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }

  .-xl-my-10 {
    margin-top: -0.625rem !important;
    margin-bottom: -0.625rem !important;
  }

  .xl-mx-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }

  .-xl-mx-10 {
    margin-right: -0.625rem !important;
    margin-left: -0.625rem !important;
  }

  .xl-mt-10 {
    margin-top: 0.625rem !important;
  }

  .-xl-mt-10 {
    margin-top: -0.625rem !important;
  }

  .xl-mr-10 {
    margin-right: 0.625rem !important;
  }

  .-xl-mr-10 {
    margin-right: -0.625rem !important;
  }

  .xl-mb-10 {
    margin-bottom: 0.625rem !important;
  }

  .-xl-mb-10 {
    margin-bottom: -0.625rem !important;
  }

  .xl-ml-10 {
    margin-left: 0.625rem !important;
  }

  .-xl-ml-10 {
    margin-left: -0.625rem !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 (max-width: 575.98px) {
  .xs-m-12 {
    margin: 0.75rem !important;
  }

  .-xs-m-12 {
    margin: -0.75rem !important;
  }

  .xs-my-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .-xs-my-12 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .xs-mx-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }

  .-xs-mx-12 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }

  .xs-mt-12 {
    margin-top: 0.75rem !important;
  }

  .-xs-mt-12 {
    margin-top: -0.75rem !important;
  }

  .xs-mr-12 {
    margin-right: 0.75rem !important;
  }

  .-xs-mr-12 {
    margin-right: -0.75rem !important;
  }

  .xs-mb-12 {
    margin-bottom: 0.75rem !important;
  }

  .-xs-mb-12 {
    margin-bottom: -0.75rem !important;
  }

  .xs-ml-12 {
    margin-left: 0.75rem !important;
  }

  .-xs-ml-12 {
    margin-left: -0.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-16 {
    margin: 1rem !important;
  }

  .-xs-m-16 {
    margin: -1rem !important;
  }

  .xs-my-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .-xs-my-16 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .xs-mx-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .-xs-mx-16 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .xs-mt-16 {
    margin-top: 1rem !important;
  }

  .-xs-mt-16 {
    margin-top: -1rem !important;
  }

  .xs-mr-16 {
    margin-right: 1rem !important;
  }

  .-xs-mr-16 {
    margin-right: -1rem !important;
  }

  .xs-mb-16 {
    margin-bottom: 1rem !important;
  }

  .-xs-mb-16 {
    margin-bottom: -1rem !important;
  }

  .xs-ml-16 {
    margin-left: 1rem !important;
  }

  .-xs-ml-16 {
    margin-left: -1rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-18 {
  margin: 1.125rem;
}

.-m-18 {
  margin: -1.125rem;
}

.my-18 {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.-my-18 {
  margin-top: -1.125rem;
  margin-bottom: -1.125rem;
}

.mx-18 {
  margin-right: 1.125rem;
  margin-left: 1.125rem;
}

.-mx-18 {
  margin-right: -1.125rem;
  margin-left: -1.125rem;
}

.mt-18 {
  margin-top: 1.125rem;
}

.-mt-18 {
  margin-top: -1.125rem;
}

.mr-18 {
  margin-right: 1.125rem;
}

.-mr-18 {
  margin-right: -1.125rem;
}

.mb-18 {
  margin-bottom: 1.125rem;
}

.-mb-18 {
  margin-bottom: -1.125rem;
}

.ml-18 {
  margin-left: 1.125rem;
}

.-ml-18 {
  margin-left: -1.125rem;
}

@media (max-width: 575.98px) {
  .xs-m-18 {
    margin: 1.125rem !important;
  }

  .-xs-m-18 {
    margin: -1.125rem !important;
  }

  .xs-my-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }

  .-xs-my-18 {
    margin-top: -1.125rem !important;
    margin-bottom: -1.125rem !important;
  }

  .xs-mx-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }

  .-xs-mx-18 {
    margin-right: -1.125rem !important;
    margin-left: -1.125rem !important;
  }

  .xs-mt-18 {
    margin-top: 1.125rem !important;
  }

  .-xs-mt-18 {
    margin-top: -1.125rem !important;
  }

  .xs-mr-18 {
    margin-right: 1.125rem !important;
  }

  .-xs-mr-18 {
    margin-right: -1.125rem !important;
  }

  .xs-mb-18 {
    margin-bottom: 1.125rem !important;
  }

  .-xs-mb-18 {
    margin-bottom: -1.125rem !important;
  }

  .xs-ml-18 {
    margin-left: 1.125rem !important;
  }

  .-xs-ml-18 {
    margin-left: -1.125rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-18 {
    margin: 1.125rem !important;
  }

  .-sm-m-18 {
    margin: -1.125rem !important;
  }

  .sm-my-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }

  .-sm-my-18 {
    margin-top: -1.125rem !important;
    margin-bottom: -1.125rem !important;
  }

  .sm-mx-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }

  .-sm-mx-18 {
    margin-right: -1.125rem !important;
    margin-left: -1.125rem !important;
  }

  .sm-mt-18 {
    margin-top: 1.125rem !important;
  }

  .-sm-mt-18 {
    margin-top: -1.125rem !important;
  }

  .sm-mr-18 {
    margin-right: 1.125rem !important;
  }

  .-sm-mr-18 {
    margin-right: -1.125rem !important;
  }

  .sm-mb-18 {
    margin-bottom: 1.125rem !important;
  }

  .-sm-mb-18 {
    margin-bottom: -1.125rem !important;
  }

  .sm-ml-18 {
    margin-left: 1.125rem !important;
  }

  .-sm-ml-18 {
    margin-left: -1.125rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-18 {
    margin: 1.125rem !important;
  }

  .-md-m-18 {
    margin: -1.125rem !important;
  }

  .md-my-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }

  .-md-my-18 {
    margin-top: -1.125rem !important;
    margin-bottom: -1.125rem !important;
  }

  .md-mx-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }

  .-md-mx-18 {
    margin-right: -1.125rem !important;
    margin-left: -1.125rem !important;
  }

  .md-mt-18 {
    margin-top: 1.125rem !important;
  }

  .-md-mt-18 {
    margin-top: -1.125rem !important;
  }

  .md-mr-18 {
    margin-right: 1.125rem !important;
  }

  .-md-mr-18 {
    margin-right: -1.125rem !important;
  }

  .md-mb-18 {
    margin-bottom: 1.125rem !important;
  }

  .-md-mb-18 {
    margin-bottom: -1.125rem !important;
  }

  .md-ml-18 {
    margin-left: 1.125rem !important;
  }

  .-md-ml-18 {
    margin-left: -1.125rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-m-18 {
    margin: 1.125rem !important;
  }

  .-lg-m-18 {
    margin: -1.125rem !important;
  }

  .lg-my-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }

  .-lg-my-18 {
    margin-top: -1.125rem !important;
    margin-bottom: -1.125rem !important;
  }

  .lg-mx-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }

  .-lg-mx-18 {
    margin-right: -1.125rem !important;
    margin-left: -1.125rem !important;
  }

  .lg-mt-18 {
    margin-top: 1.125rem !important;
  }

  .-lg-mt-18 {
    margin-top: -1.125rem !important;
  }

  .lg-mr-18 {
    margin-right: 1.125rem !important;
  }

  .-lg-mr-18 {
    margin-right: -1.125rem !important;
  }

  .lg-mb-18 {
    margin-bottom: 1.125rem !important;
  }

  .-lg-mb-18 {
    margin-bottom: -1.125rem !important;
  }

  .lg-ml-18 {
    margin-left: 1.125rem !important;
  }

  .-lg-ml-18 {
    margin-left: -1.125rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-m-18 {
    margin: 1.125rem !important;
  }

  .-xl-m-18 {
    margin: -1.125rem !important;
  }

  .xl-my-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }

  .-xl-my-18 {
    margin-top: -1.125rem !important;
    margin-bottom: -1.125rem !important;
  }

  .xl-mx-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }

  .-xl-mx-18 {
    margin-right: -1.125rem !important;
    margin-left: -1.125rem !important;
  }

  .xl-mt-18 {
    margin-top: 1.125rem !important;
  }

  .-xl-mt-18 {
    margin-top: -1.125rem !important;
  }

  .xl-mr-18 {
    margin-right: 1.125rem !important;
  }

  .-xl-mr-18 {
    margin-right: -1.125rem !important;
  }

  .xl-mb-18 {
    margin-bottom: 1.125rem !important;
  }

  .-xl-mb-18 {
    margin-bottom: -1.125rem !important;
  }

  .xl-ml-18 {
    margin-left: 1.125rem !important;
  }

  .-xl-ml-18 {
    margin-left: -1.125rem !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 (max-width: 575.98px) {
  .xs-m-20 {
    margin: 1.25rem !important;
  }

  .-xs-m-20 {
    margin: -1.25rem !important;
  }

  .xs-my-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .-xs-my-20 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .xs-mx-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }

  .-xs-mx-20 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }

  .xs-mt-20 {
    margin-top: 1.25rem !important;
  }

  .-xs-mt-20 {
    margin-top: -1.25rem !important;
  }

  .xs-mr-20 {
    margin-right: 1.25rem !important;
  }

  .-xs-mr-20 {
    margin-right: -1.25rem !important;
  }

  .xs-mb-20 {
    margin-bottom: 1.25rem !important;
  }

  .-xs-mb-20 {
    margin-bottom: -1.25rem !important;
  }

  .xs-ml-20 {
    margin-left: 1.25rem !important;
  }

  .-xs-ml-20 {
    margin-left: -1.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-22 {
    margin: 1.375rem !important;
  }

  .-xs-m-22 {
    margin: -1.375rem !important;
  }

  .xs-my-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }

  .-xs-my-22 {
    margin-top: -1.375rem !important;
    margin-bottom: -1.375rem !important;
  }

  .xs-mx-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }

  .-xs-mx-22 {
    margin-right: -1.375rem !important;
    margin-left: -1.375rem !important;
  }

  .xs-mt-22 {
    margin-top: 1.375rem !important;
  }

  .-xs-mt-22 {
    margin-top: -1.375rem !important;
  }

  .xs-mr-22 {
    margin-right: 1.375rem !important;
  }

  .-xs-mr-22 {
    margin-right: -1.375rem !important;
  }

  .xs-mb-22 {
    margin-bottom: 1.375rem !important;
  }

  .-xs-mb-22 {
    margin-bottom: -1.375rem !important;
  }

  .xs-ml-22 {
    margin-left: 1.375rem !important;
  }

  .-xs-ml-22 {
    margin-left: -1.375rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-24 {
    margin: 1.5rem !important;
  }

  .-xs-m-24 {
    margin: -1.5rem !important;
  }

  .xs-my-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .-xs-my-24 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .xs-mx-24 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .-xs-mx-24 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .xs-mt-24 {
    margin-top: 1.5rem !important;
  }

  .-xs-mt-24 {
    margin-top: -1.5rem !important;
  }

  .xs-mr-24 {
    margin-right: 1.5rem !important;
  }

  .-xs-mr-24 {
    margin-right: -1.5rem !important;
  }

  .xs-mb-24 {
    margin-bottom: 1.5rem !important;
  }

  .-xs-mb-24 {
    margin-bottom: -1.5rem !important;
  }

  .xs-ml-24 {
    margin-left: 1.5rem !important;
  }

  .-xs-ml-24 {
    margin-left: -1.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-26 {
  margin: 1.625rem;
}

.-m-26 {
  margin: -1.625rem;
}

.my-26 {
  margin-top: 1.625rem;
  margin-bottom: 1.625rem;
}

.-my-26 {
  margin-top: -1.625rem;
  margin-bottom: -1.625rem;
}

.mx-26 {
  margin-right: 1.625rem;
  margin-left: 1.625rem;
}

.-mx-26 {
  margin-right: -1.625rem;
  margin-left: -1.625rem;
}

.mt-26 {
  margin-top: 1.625rem;
}

.-mt-26 {
  margin-top: -1.625rem;
}

.mr-26 {
  margin-right: 1.625rem;
}

.-mr-26 {
  margin-right: -1.625rem;
}

.mb-26 {
  margin-bottom: 1.625rem;
}

.-mb-26 {
  margin-bottom: -1.625rem;
}

.ml-26 {
  margin-left: 1.625rem;
}

.-ml-26 {
  margin-left: -1.625rem;
}

@media (max-width: 575.98px) {
  .xs-m-26 {
    margin: 1.625rem !important;
  }

  .-xs-m-26 {
    margin: -1.625rem !important;
  }

  .xs-my-26 {
    margin-top: 1.625rem !important;
    margin-bottom: 1.625rem !important;
  }

  .-xs-my-26 {
    margin-top: -1.625rem !important;
    margin-bottom: -1.625rem !important;
  }

  .xs-mx-26 {
    margin-right: 1.625rem !important;
    margin-left: 1.625rem !important;
  }

  .-xs-mx-26 {
    margin-right: -1.625rem !important;
    margin-left: -1.625rem !important;
  }

  .xs-mt-26 {
    margin-top: 1.625rem !important;
  }

  .-xs-mt-26 {
    margin-top: -1.625rem !important;
  }

  .xs-mr-26 {
    margin-right: 1.625rem !important;
  }

  .-xs-mr-26 {
    margin-right: -1.625rem !important;
  }

  .xs-mb-26 {
    margin-bottom: 1.625rem !important;
  }

  .-xs-mb-26 {
    margin-bottom: -1.625rem !important;
  }

  .xs-ml-26 {
    margin-left: 1.625rem !important;
  }

  .-xs-ml-26 {
    margin-left: -1.625rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-26 {
    margin: 1.625rem !important;
  }

  .-sm-m-26 {
    margin: -1.625rem !important;
  }

  .sm-my-26 {
    margin-top: 1.625rem !important;
    margin-bottom: 1.625rem !important;
  }

  .-sm-my-26 {
    margin-top: -1.625rem !important;
    margin-bottom: -1.625rem !important;
  }

  .sm-mx-26 {
    margin-right: 1.625rem !important;
    margin-left: 1.625rem !important;
  }

  .-sm-mx-26 {
    margin-right: -1.625rem !important;
    margin-left: -1.625rem !important;
  }

  .sm-mt-26 {
    margin-top: 1.625rem !important;
  }

  .-sm-mt-26 {
    margin-top: -1.625rem !important;
  }

  .sm-mr-26 {
    margin-right: 1.625rem !important;
  }

  .-sm-mr-26 {
    margin-right: -1.625rem !important;
  }

  .sm-mb-26 {
    margin-bottom: 1.625rem !important;
  }

  .-sm-mb-26 {
    margin-bottom: -1.625rem !important;
  }

  .sm-ml-26 {
    margin-left: 1.625rem !important;
  }

  .-sm-ml-26 {
    margin-left: -1.625rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-26 {
    margin: 1.625rem !important;
  }

  .-md-m-26 {
    margin: -1.625rem !important;
  }

  .md-my-26 {
    margin-top: 1.625rem !important;
    margin-bottom: 1.625rem !important;
  }

  .-md-my-26 {
    margin-top: -1.625rem !important;
    margin-bottom: -1.625rem !important;
  }

  .md-mx-26 {
    margin-right: 1.625rem !important;
    margin-left: 1.625rem !important;
  }

  .-md-mx-26 {
    margin-right: -1.625rem !important;
    margin-left: -1.625rem !important;
  }

  .md-mt-26 {
    margin-top: 1.625rem !important;
  }

  .-md-mt-26 {
    margin-top: -1.625rem !important;
  }

  .md-mr-26 {
    margin-right: 1.625rem !important;
  }

  .-md-mr-26 {
    margin-right: -1.625rem !important;
  }

  .md-mb-26 {
    margin-bottom: 1.625rem !important;
  }

  .-md-mb-26 {
    margin-bottom: -1.625rem !important;
  }

  .md-ml-26 {
    margin-left: 1.625rem !important;
  }

  .-md-ml-26 {
    margin-left: -1.625rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-m-26 {
    margin: 1.625rem !important;
  }

  .-lg-m-26 {
    margin: -1.625rem !important;
  }

  .lg-my-26 {
    margin-top: 1.625rem !important;
    margin-bottom: 1.625rem !important;
  }

  .-lg-my-26 {
    margin-top: -1.625rem !important;
    margin-bottom: -1.625rem !important;
  }

  .lg-mx-26 {
    margin-right: 1.625rem !important;
    margin-left: 1.625rem !important;
  }

  .-lg-mx-26 {
    margin-right: -1.625rem !important;
    margin-left: -1.625rem !important;
  }

  .lg-mt-26 {
    margin-top: 1.625rem !important;
  }

  .-lg-mt-26 {
    margin-top: -1.625rem !important;
  }

  .lg-mr-26 {
    margin-right: 1.625rem !important;
  }

  .-lg-mr-26 {
    margin-right: -1.625rem !important;
  }

  .lg-mb-26 {
    margin-bottom: 1.625rem !important;
  }

  .-lg-mb-26 {
    margin-bottom: -1.625rem !important;
  }

  .lg-ml-26 {
    margin-left: 1.625rem !important;
  }

  .-lg-ml-26 {
    margin-left: -1.625rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-m-26 {
    margin: 1.625rem !important;
  }

  .-xl-m-26 {
    margin: -1.625rem !important;
  }

  .xl-my-26 {
    margin-top: 1.625rem !important;
    margin-bottom: 1.625rem !important;
  }

  .-xl-my-26 {
    margin-top: -1.625rem !important;
    margin-bottom: -1.625rem !important;
  }

  .xl-mx-26 {
    margin-right: 1.625rem !important;
    margin-left: 1.625rem !important;
  }

  .-xl-mx-26 {
    margin-right: -1.625rem !important;
    margin-left: -1.625rem !important;
  }

  .xl-mt-26 {
    margin-top: 1.625rem !important;
  }

  .-xl-mt-26 {
    margin-top: -1.625rem !important;
  }

  .xl-mr-26 {
    margin-right: 1.625rem !important;
  }

  .-xl-mr-26 {
    margin-right: -1.625rem !important;
  }

  .xl-mb-26 {
    margin-bottom: 1.625rem !important;
  }

  .-xl-mb-26 {
    margin-bottom: -1.625rem !important;
  }

  .xl-ml-26 {
    margin-left: 1.625rem !important;
  }

  .-xl-ml-26 {
    margin-left: -1.625rem !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 (max-width: 575.98px) {
  .xs-m-28 {
    margin: 1.75rem !important;
  }

  .-xs-m-28 {
    margin: -1.75rem !important;
  }

  .xs-my-28 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }

  .-xs-my-28 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
  }

  .xs-mx-28 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }

  .-xs-mx-28 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
  }

  .xs-mt-28 {
    margin-top: 1.75rem !important;
  }

  .-xs-mt-28 {
    margin-top: -1.75rem !important;
  }

  .xs-mr-28 {
    margin-right: 1.75rem !important;
  }

  .-xs-mr-28 {
    margin-right: -1.75rem !important;
  }

  .xs-mb-28 {
    margin-bottom: 1.75rem !important;
  }

  .-xs-mb-28 {
    margin-bottom: -1.75rem !important;
  }

  .xs-ml-28 {
    margin-left: 1.75rem !important;
  }

  .-xs-ml-28 {
    margin-left: -1.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-30 {
  margin: 1.875rem;
}

.-m-30 {
  margin: -1.875rem;
}

.my-30 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.-my-30 {
  margin-top: -1.875rem;
  margin-bottom: -1.875rem;
}

.mx-30 {
  margin-right: 1.875rem;
  margin-left: 1.875rem;
}

.-mx-30 {
  margin-right: -1.875rem;
  margin-left: -1.875rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.-mt-30 {
  margin-top: -1.875rem;
}

.mr-30 {
  margin-right: 1.875rem;
}

.-mr-30 {
  margin-right: -1.875rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.-mb-30 {
  margin-bottom: -1.875rem;
}

.ml-30 {
  margin-left: 1.875rem;
}

.-ml-30 {
  margin-left: -1.875rem;
}

@media (max-width: 575.98px) {
  .xs-m-30 {
    margin: 1.875rem !important;
  }

  .-xs-m-30 {
    margin: -1.875rem !important;
  }

  .xs-my-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }

  .-xs-my-30 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }

  .xs-mx-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }

  .-xs-mx-30 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }

  .xs-mt-30 {
    margin-top: 1.875rem !important;
  }

  .-xs-mt-30 {
    margin-top: -1.875rem !important;
  }

  .xs-mr-30 {
    margin-right: 1.875rem !important;
  }

  .-xs-mr-30 {
    margin-right: -1.875rem !important;
  }

  .xs-mb-30 {
    margin-bottom: 1.875rem !important;
  }

  .-xs-mb-30 {
    margin-bottom: -1.875rem !important;
  }

  .xs-ml-30 {
    margin-left: 1.875rem !important;
  }

  .-xs-ml-30 {
    margin-left: -1.875rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-30 {
    margin: 1.875rem !important;
  }

  .-sm-m-30 {
    margin: -1.875rem !important;
  }

  .sm-my-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }

  .-sm-my-30 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }

  .sm-mx-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }

  .-sm-mx-30 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }

  .sm-mt-30 {
    margin-top: 1.875rem !important;
  }

  .-sm-mt-30 {
    margin-top: -1.875rem !important;
  }

  .sm-mr-30 {
    margin-right: 1.875rem !important;
  }

  .-sm-mr-30 {
    margin-right: -1.875rem !important;
  }

  .sm-mb-30 {
    margin-bottom: 1.875rem !important;
  }

  .-sm-mb-30 {
    margin-bottom: -1.875rem !important;
  }

  .sm-ml-30 {
    margin-left: 1.875rem !important;
  }

  .-sm-ml-30 {
    margin-left: -1.875rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-30 {
    margin: 1.875rem !important;
  }

  .-md-m-30 {
    margin: -1.875rem !important;
  }

  .md-my-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }

  .-md-my-30 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }

  .md-mx-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }

  .-md-mx-30 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }

  .md-mt-30 {
    margin-top: 1.875rem !important;
  }

  .-md-mt-30 {
    margin-top: -1.875rem !important;
  }

  .md-mr-30 {
    margin-right: 1.875rem !important;
  }

  .-md-mr-30 {
    margin-right: -1.875rem !important;
  }

  .md-mb-30 {
    margin-bottom: 1.875rem !important;
  }

  .-md-mb-30 {
    margin-bottom: -1.875rem !important;
  }

  .md-ml-30 {
    margin-left: 1.875rem !important;
  }

  .-md-ml-30 {
    margin-left: -1.875rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-m-30 {
    margin: 1.875rem !important;
  }

  .-lg-m-30 {
    margin: -1.875rem !important;
  }

  .lg-my-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }

  .-lg-my-30 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }

  .lg-mx-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }

  .-lg-mx-30 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }

  .lg-mt-30 {
    margin-top: 1.875rem !important;
  }

  .-lg-mt-30 {
    margin-top: -1.875rem !important;
  }

  .lg-mr-30 {
    margin-right: 1.875rem !important;
  }

  .-lg-mr-30 {
    margin-right: -1.875rem !important;
  }

  .lg-mb-30 {
    margin-bottom: 1.875rem !important;
  }

  .-lg-mb-30 {
    margin-bottom: -1.875rem !important;
  }

  .lg-ml-30 {
    margin-left: 1.875rem !important;
  }

  .-lg-ml-30 {
    margin-left: -1.875rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-m-30 {
    margin: 1.875rem !important;
  }

  .-xl-m-30 {
    margin: -1.875rem !important;
  }

  .xl-my-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }

  .-xl-my-30 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }

  .xl-mx-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }

  .-xl-mx-30 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }

  .xl-mt-30 {
    margin-top: 1.875rem !important;
  }

  .-xl-mt-30 {
    margin-top: -1.875rem !important;
  }

  .xl-mr-30 {
    margin-right: 1.875rem !important;
  }

  .-xl-mr-30 {
    margin-right: -1.875rem !important;
  }

  .xl-mb-30 {
    margin-bottom: 1.875rem !important;
  }

  .-xl-mb-30 {
    margin-bottom: -1.875rem !important;
  }

  .xl-ml-30 {
    margin-left: 1.875rem !important;
  }

  .-xl-ml-30 {
    margin-left: -1.875rem !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 (max-width: 575.98px) {
  .xs-m-32 {
    margin: 2rem !important;
  }

  .-xs-m-32 {
    margin: -2rem !important;
  }

  .xs-my-32 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .-xs-my-32 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .xs-mx-32 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }

  .-xs-mx-32 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }

  .xs-mt-32 {
    margin-top: 2rem !important;
  }

  .-xs-mt-32 {
    margin-top: -2rem !important;
  }

  .xs-mr-32 {
    margin-right: 2rem !important;
  }

  .-xs-mr-32 {
    margin-right: -2rem !important;
  }

  .xs-mb-32 {
    margin-bottom: 2rem !important;
  }

  .-xs-mb-32 {
    margin-bottom: -2rem !important;
  }

  .xs-ml-32 {
    margin-left: 2rem !important;
  }

  .-xs-ml-32 {
    margin-left: -2rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-36 {
    margin: 2.25rem !important;
  }

  .-xs-m-36 {
    margin: -2.25rem !important;
  }

  .xs-my-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }

  .-xs-my-36 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
  }

  .xs-mx-36 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }

  .-xs-mx-36 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
  }

  .xs-mt-36 {
    margin-top: 2.25rem !important;
  }

  .-xs-mt-36 {
    margin-top: -2.25rem !important;
  }

  .xs-mr-36 {
    margin-right: 2.25rem !important;
  }

  .-xs-mr-36 {
    margin-right: -2.25rem !important;
  }

  .xs-mb-36 {
    margin-bottom: 2.25rem !important;
  }

  .-xs-mb-36 {
    margin-bottom: -2.25rem !important;
  }

  .xs-ml-36 {
    margin-left: 2.25rem !important;
  }

  .-xs-ml-36 {
    margin-left: -2.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-40 {
    margin: 2.5rem !important;
  }

  .-xs-m-40 {
    margin: -2.5rem !important;
  }

  .xs-my-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .-xs-my-40 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .xs-mx-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }

  .-xs-mx-40 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }

  .xs-mt-40 {
    margin-top: 2.5rem !important;
  }

  .-xs-mt-40 {
    margin-top: -2.5rem !important;
  }

  .xs-mr-40 {
    margin-right: 2.5rem !important;
  }

  .-xs-mr-40 {
    margin-right: -2.5rem !important;
  }

  .xs-mb-40 {
    margin-bottom: 2.5rem !important;
  }

  .-xs-mb-40 {
    margin-bottom: -2.5rem !important;
  }

  .xs-ml-40 {
    margin-left: 2.5rem !important;
  }

  .-xs-ml-40 {
    margin-left: -2.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-44 {
    margin: 2.75rem !important;
  }

  .-xs-m-44 {
    margin: -2.75rem !important;
  }

  .xs-my-44 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }

  .-xs-my-44 {
    margin-top: -2.75rem !important;
    margin-bottom: -2.75rem !important;
  }

  .xs-mx-44 {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
  }

  .-xs-mx-44 {
    margin-right: -2.75rem !important;
    margin-left: -2.75rem !important;
  }

  .xs-mt-44 {
    margin-top: 2.75rem !important;
  }

  .-xs-mt-44 {
    margin-top: -2.75rem !important;
  }

  .xs-mr-44 {
    margin-right: 2.75rem !important;
  }

  .-xs-mr-44 {
    margin-right: -2.75rem !important;
  }

  .xs-mb-44 {
    margin-bottom: 2.75rem !important;
  }

  .-xs-mb-44 {
    margin-bottom: -2.75rem !important;
  }

  .xs-ml-44 {
    margin-left: 2.75rem !important;
  }

  .-xs-ml-44 {
    margin-left: -2.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-50 {
  margin: 3.125rem;
}

.-m-50 {
  margin: -3.125rem;
}

.my-50 {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}

.-my-50 {
  margin-top: -3.125rem;
  margin-bottom: -3.125rem;
}

.mx-50 {
  margin-right: 3.125rem;
  margin-left: 3.125rem;
}

.-mx-50 {
  margin-right: -3.125rem;
  margin-left: -3.125rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.-mt-50 {
  margin-top: -3.125rem;
}

.mr-50 {
  margin-right: 3.125rem;
}

.-mr-50 {
  margin-right: -3.125rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.-mb-50 {
  margin-bottom: -3.125rem;
}

.ml-50 {
  margin-left: 3.125rem;
}

.-ml-50 {
  margin-left: -3.125rem;
}

@media (max-width: 575.98px) {
  .xs-m-50 {
    margin: 3.125rem !important;
  }

  .-xs-m-50 {
    margin: -3.125rem !important;
  }

  .xs-my-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }

  .-xs-my-50 {
    margin-top: -3.125rem !important;
    margin-bottom: -3.125rem !important;
  }

  .xs-mx-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }

  .-xs-mx-50 {
    margin-right: -3.125rem !important;
    margin-left: -3.125rem !important;
  }

  .xs-mt-50 {
    margin-top: 3.125rem !important;
  }

  .-xs-mt-50 {
    margin-top: -3.125rem !important;
  }

  .xs-mr-50 {
    margin-right: 3.125rem !important;
  }

  .-xs-mr-50 {
    margin-right: -3.125rem !important;
  }

  .xs-mb-50 {
    margin-bottom: 3.125rem !important;
  }

  .-xs-mb-50 {
    margin-bottom: -3.125rem !important;
  }

  .xs-ml-50 {
    margin-left: 3.125rem !important;
  }

  .-xs-ml-50 {
    margin-left: -3.125rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-50 {
    margin: 3.125rem !important;
  }

  .-sm-m-50 {
    margin: -3.125rem !important;
  }

  .sm-my-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }

  .-sm-my-50 {
    margin-top: -3.125rem !important;
    margin-bottom: -3.125rem !important;
  }

  .sm-mx-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }

  .-sm-mx-50 {
    margin-right: -3.125rem !important;
    margin-left: -3.125rem !important;
  }

  .sm-mt-50 {
    margin-top: 3.125rem !important;
  }

  .-sm-mt-50 {
    margin-top: -3.125rem !important;
  }

  .sm-mr-50 {
    margin-right: 3.125rem !important;
  }

  .-sm-mr-50 {
    margin-right: -3.125rem !important;
  }

  .sm-mb-50 {
    margin-bottom: 3.125rem !important;
  }

  .-sm-mb-50 {
    margin-bottom: -3.125rem !important;
  }

  .sm-ml-50 {
    margin-left: 3.125rem !important;
  }

  .-sm-ml-50 {
    margin-left: -3.125rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-50 {
    margin: 3.125rem !important;
  }

  .-md-m-50 {
    margin: -3.125rem !important;
  }

  .md-my-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }

  .-md-my-50 {
    margin-top: -3.125rem !important;
    margin-bottom: -3.125rem !important;
  }

  .md-mx-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }

  .-md-mx-50 {
    margin-right: -3.125rem !important;
    margin-left: -3.125rem !important;
  }

  .md-mt-50 {
    margin-top: 3.125rem !important;
  }

  .-md-mt-50 {
    margin-top: -3.125rem !important;
  }

  .md-mr-50 {
    margin-right: 3.125rem !important;
  }

  .-md-mr-50 {
    margin-right: -3.125rem !important;
  }

  .md-mb-50 {
    margin-bottom: 3.125rem !important;
  }

  .-md-mb-50 {
    margin-bottom: -3.125rem !important;
  }

  .md-ml-50 {
    margin-left: 3.125rem !important;
  }

  .-md-ml-50 {
    margin-left: -3.125rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-m-50 {
    margin: 3.125rem !important;
  }

  .-lg-m-50 {
    margin: -3.125rem !important;
  }

  .lg-my-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }

  .-lg-my-50 {
    margin-top: -3.125rem !important;
    margin-bottom: -3.125rem !important;
  }

  .lg-mx-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }

  .-lg-mx-50 {
    margin-right: -3.125rem !important;
    margin-left: -3.125rem !important;
  }

  .lg-mt-50 {
    margin-top: 3.125rem !important;
  }

  .-lg-mt-50 {
    margin-top: -3.125rem !important;
  }

  .lg-mr-50 {
    margin-right: 3.125rem !important;
  }

  .-lg-mr-50 {
    margin-right: -3.125rem !important;
  }

  .lg-mb-50 {
    margin-bottom: 3.125rem !important;
  }

  .-lg-mb-50 {
    margin-bottom: -3.125rem !important;
  }

  .lg-ml-50 {
    margin-left: 3.125rem !important;
  }

  .-lg-ml-50 {
    margin-left: -3.125rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-m-50 {
    margin: 3.125rem !important;
  }

  .-xl-m-50 {
    margin: -3.125rem !important;
  }

  .xl-my-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }

  .-xl-my-50 {
    margin-top: -3.125rem !important;
    margin-bottom: -3.125rem !important;
  }

  .xl-mx-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }

  .-xl-mx-50 {
    margin-right: -3.125rem !important;
    margin-left: -3.125rem !important;
  }

  .xl-mt-50 {
    margin-top: 3.125rem !important;
  }

  .-xl-mt-50 {
    margin-top: -3.125rem !important;
  }

  .xl-mr-50 {
    margin-right: 3.125rem !important;
  }

  .-xl-mr-50 {
    margin-right: -3.125rem !important;
  }

  .xl-mb-50 {
    margin-bottom: 3.125rem !important;
  }

  .-xl-mb-50 {
    margin-bottom: -3.125rem !important;
  }

  .xl-ml-50 {
    margin-left: 3.125rem !important;
  }

  .-xl-ml-50 {
    margin-left: -3.125rem !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 (max-width: 575.98px) {
  .xs-m-48 {
    margin: 3rem !important;
  }

  .-xs-m-48 {
    margin: -3rem !important;
  }

  .xs-my-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .-xs-my-48 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .xs-mx-48 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .-xs-mx-48 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .xs-mt-48 {
    margin-top: 3rem !important;
  }

  .-xs-mt-48 {
    margin-top: -3rem !important;
  }

  .xs-mr-48 {
    margin-right: 3rem !important;
  }

  .-xs-mr-48 {
    margin-right: -3rem !important;
  }

  .xs-mb-48 {
    margin-bottom: 3rem !important;
  }

  .-xs-mb-48 {
    margin-bottom: -3rem !important;
  }

  .xs-ml-48 {
    margin-left: 3rem !important;
  }

  .-xs-ml-48 {
    margin-left: -3rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-52 {
    margin: 3.25rem !important;
  }

  .-xs-m-52 {
    margin: -3.25rem !important;
  }

  .xs-my-52 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }

  .-xs-my-52 {
    margin-top: -3.25rem !important;
    margin-bottom: -3.25rem !important;
  }

  .xs-mx-52 {
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
  }

  .-xs-mx-52 {
    margin-right: -3.25rem !important;
    margin-left: -3.25rem !important;
  }

  .xs-mt-52 {
    margin-top: 3.25rem !important;
  }

  .-xs-mt-52 {
    margin-top: -3.25rem !important;
  }

  .xs-mr-52 {
    margin-right: 3.25rem !important;
  }

  .-xs-mr-52 {
    margin-right: -3.25rem !important;
  }

  .xs-mb-52 {
    margin-bottom: 3.25rem !important;
  }

  .-xs-mb-52 {
    margin-bottom: -3.25rem !important;
  }

  .xs-ml-52 {
    margin-left: 3.25rem !important;
  }

  .-xs-ml-52 {
    margin-left: -3.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-56 {
    margin: 3.5rem !important;
  }

  .-xs-m-56 {
    margin: -3.5rem !important;
  }

  .xs-my-56 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .-xs-my-56 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }

  .xs-mx-56 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }

  .-xs-mx-56 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }

  .xs-mt-56 {
    margin-top: 3.5rem !important;
  }

  .-xs-mt-56 {
    margin-top: -3.5rem !important;
  }

  .xs-mr-56 {
    margin-right: 3.5rem !important;
  }

  .-xs-mr-56 {
    margin-right: -3.5rem !important;
  }

  .xs-mb-56 {
    margin-bottom: 3.5rem !important;
  }

  .-xs-mb-56 {
    margin-bottom: -3.5rem !important;
  }

  .xs-ml-56 {
    margin-left: 3.5rem !important;
  }

  .-xs-ml-56 {
    margin-left: -3.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-60 {
    margin: 3.75rem !important;
  }

  .-xs-m-60 {
    margin: -3.75rem !important;
  }

  .xs-my-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }

  .-xs-my-60 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }

  .xs-mx-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }

  .-xs-mx-60 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }

  .xs-mt-60 {
    margin-top: 3.75rem !important;
  }

  .-xs-mt-60 {
    margin-top: -3.75rem !important;
  }

  .xs-mr-60 {
    margin-right: 3.75rem !important;
  }

  .-xs-mr-60 {
    margin-right: -3.75rem !important;
  }

  .xs-mb-60 {
    margin-bottom: 3.75rem !important;
  }

  .-xs-mb-60 {
    margin-bottom: -3.75rem !important;
  }

  .xs-ml-60 {
    margin-left: 3.75rem !important;
  }

  .-xs-ml-60 {
    margin-left: -3.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-64 {
    margin: 4rem !important;
  }

  .-xs-m-64 {
    margin: -4rem !important;
  }

  .xs-my-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .-xs-my-64 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .xs-mx-64 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }

  .-xs-mx-64 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }

  .xs-mt-64 {
    margin-top: 4rem !important;
  }

  .-xs-mt-64 {
    margin-top: -4rem !important;
  }

  .xs-mr-64 {
    margin-right: 4rem !important;
  }

  .-xs-mr-64 {
    margin-right: -4rem !important;
  }

  .xs-mb-64 {
    margin-bottom: 4rem !important;
  }

  .-xs-mb-64 {
    margin-bottom: -4rem !important;
  }

  .xs-ml-64 {
    margin-left: 4rem !important;
  }

  .-xs-ml-64 {
    margin-left: -4rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-68 {
    margin: 4.25rem !important;
  }

  .-xs-m-68 {
    margin: -4.25rem !important;
  }

  .xs-my-68 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
  }

  .-xs-my-68 {
    margin-top: -4.25rem !important;
    margin-bottom: -4.25rem !important;
  }

  .xs-mx-68 {
    margin-right: 4.25rem !important;
    margin-left: 4.25rem !important;
  }

  .-xs-mx-68 {
    margin-right: -4.25rem !important;
    margin-left: -4.25rem !important;
  }

  .xs-mt-68 {
    margin-top: 4.25rem !important;
  }

  .-xs-mt-68 {
    margin-top: -4.25rem !important;
  }

  .xs-mr-68 {
    margin-right: 4.25rem !important;
  }

  .-xs-mr-68 {
    margin-right: -4.25rem !important;
  }

  .xs-mb-68 {
    margin-bottom: 4.25rem !important;
  }

  .-xs-mb-68 {
    margin-bottom: -4.25rem !important;
  }

  .xs-ml-68 {
    margin-left: 4.25rem !important;
  }

  .-xs-ml-68 {
    margin-left: -4.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-72 {
    margin: 4.5rem !important;
  }

  .-xs-m-72 {
    margin: -4.5rem !important;
  }

  .xs-my-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .-xs-my-72 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
  }

  .xs-mx-72 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }

  .-xs-mx-72 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
  }

  .xs-mt-72 {
    margin-top: 4.5rem !important;
  }

  .-xs-mt-72 {
    margin-top: -4.5rem !important;
  }

  .xs-mr-72 {
    margin-right: 4.5rem !important;
  }

  .-xs-mr-72 {
    margin-right: -4.5rem !important;
  }

  .xs-mb-72 {
    margin-bottom: 4.5rem !important;
  }

  .-xs-mb-72 {
    margin-bottom: -4.5rem !important;
  }

  .xs-ml-72 {
    margin-left: 4.5rem !important;
  }

  .-xs-ml-72 {
    margin-left: -4.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-76 {
    margin: 4.75rem !important;
  }

  .-xs-m-76 {
    margin: -4.75rem !important;
  }

  .xs-my-76 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
  }

  .-xs-my-76 {
    margin-top: -4.75rem !important;
    margin-bottom: -4.75rem !important;
  }

  .xs-mx-76 {
    margin-right: 4.75rem !important;
    margin-left: 4.75rem !important;
  }

  .-xs-mx-76 {
    margin-right: -4.75rem !important;
    margin-left: -4.75rem !important;
  }

  .xs-mt-76 {
    margin-top: 4.75rem !important;
  }

  .-xs-mt-76 {
    margin-top: -4.75rem !important;
  }

  .xs-mr-76 {
    margin-right: 4.75rem !important;
  }

  .-xs-mr-76 {
    margin-right: -4.75rem !important;
  }

  .xs-mb-76 {
    margin-bottom: 4.75rem !important;
  }

  .-xs-mb-76 {
    margin-bottom: -4.75rem !important;
  }

  .xs-ml-76 {
    margin-left: 4.75rem !important;
  }

  .-xs-ml-76 {
    margin-left: -4.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-80 {
    margin: 5rem !important;
  }

  .-xs-m-80 {
    margin: -5rem !important;
  }

  .xs-my-80 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .-xs-my-80 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .xs-mx-80 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }

  .-xs-mx-80 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }

  .xs-mt-80 {
    margin-top: 5rem !important;
  }

  .-xs-mt-80 {
    margin-top: -5rem !important;
  }

  .xs-mr-80 {
    margin-right: 5rem !important;
  }

  .-xs-mr-80 {
    margin-right: -5rem !important;
  }

  .xs-mb-80 {
    margin-bottom: 5rem !important;
  }

  .-xs-mb-80 {
    margin-bottom: -5rem !important;
  }

  .xs-ml-80 {
    margin-left: 5rem !important;
  }

  .-xs-ml-80 {
    margin-left: -5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-84 {
    margin: 5.25rem !important;
  }

  .-xs-m-84 {
    margin: -5.25rem !important;
  }

  .xs-my-84 {
    margin-top: 5.25rem !important;
    margin-bottom: 5.25rem !important;
  }

  .-xs-my-84 {
    margin-top: -5.25rem !important;
    margin-bottom: -5.25rem !important;
  }

  .xs-mx-84 {
    margin-right: 5.25rem !important;
    margin-left: 5.25rem !important;
  }

  .-xs-mx-84 {
    margin-right: -5.25rem !important;
    margin-left: -5.25rem !important;
  }

  .xs-mt-84 {
    margin-top: 5.25rem !important;
  }

  .-xs-mt-84 {
    margin-top: -5.25rem !important;
  }

  .xs-mr-84 {
    margin-right: 5.25rem !important;
  }

  .-xs-mr-84 {
    margin-right: -5.25rem !important;
  }

  .xs-mb-84 {
    margin-bottom: 5.25rem !important;
  }

  .-xs-mb-84 {
    margin-bottom: -5.25rem !important;
  }

  .xs-ml-84 {
    margin-left: 5.25rem !important;
  }

  .-xs-ml-84 {
    margin-left: -5.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-88 {
    margin: 5.5rem !important;
  }

  .-xs-m-88 {
    margin: -5.5rem !important;
  }

  .xs-my-88 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }

  .-xs-my-88 {
    margin-top: -5.5rem !important;
    margin-bottom: -5.5rem !important;
  }

  .xs-mx-88 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }

  .-xs-mx-88 {
    margin-right: -5.5rem !important;
    margin-left: -5.5rem !important;
  }

  .xs-mt-88 {
    margin-top: 5.5rem !important;
  }

  .-xs-mt-88 {
    margin-top: -5.5rem !important;
  }

  .xs-mr-88 {
    margin-right: 5.5rem !important;
  }

  .-xs-mr-88 {
    margin-right: -5.5rem !important;
  }

  .xs-mb-88 {
    margin-bottom: 5.5rem !important;
  }

  .-xs-mb-88 {
    margin-bottom: -5.5rem !important;
  }

  .xs-ml-88 {
    margin-left: 5.5rem !important;
  }

  .-xs-ml-88 {
    margin-left: -5.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-92 {
    margin: 5.75rem !important;
  }

  .-xs-m-92 {
    margin: -5.75rem !important;
  }

  .xs-my-92 {
    margin-top: 5.75rem !important;
    margin-bottom: 5.75rem !important;
  }

  .-xs-my-92 {
    margin-top: -5.75rem !important;
    margin-bottom: -5.75rem !important;
  }

  .xs-mx-92 {
    margin-right: 5.75rem !important;
    margin-left: 5.75rem !important;
  }

  .-xs-mx-92 {
    margin-right: -5.75rem !important;
    margin-left: -5.75rem !important;
  }

  .xs-mt-92 {
    margin-top: 5.75rem !important;
  }

  .-xs-mt-92 {
    margin-top: -5.75rem !important;
  }

  .xs-mr-92 {
    margin-right: 5.75rem !important;
  }

  .-xs-mr-92 {
    margin-right: -5.75rem !important;
  }

  .xs-mb-92 {
    margin-bottom: 5.75rem !important;
  }

  .-xs-mb-92 {
    margin-bottom: -5.75rem !important;
  }

  .xs-ml-92 {
    margin-left: 5.75rem !important;
  }

  .-xs-ml-92 {
    margin-left: -5.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-96 {
    margin: 6rem !important;
  }

  .-xs-m-96 {
    margin: -6rem !important;
  }

  .xs-my-96 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .-xs-my-96 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .xs-mx-96 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .-xs-mx-96 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }

  .xs-mt-96 {
    margin-top: 6rem !important;
  }

  .-xs-mt-96 {
    margin-top: -6rem !important;
  }

  .xs-mr-96 {
    margin-right: 6rem !important;
  }

  .-xs-mr-96 {
    margin-right: -6rem !important;
  }

  .xs-mb-96 {
    margin-bottom: 6rem !important;
  }

  .-xs-mb-96 {
    margin-bottom: -6rem !important;
  }

  .xs-ml-96 {
    margin-left: 6rem !important;
  }

  .-xs-ml-96 {
    margin-left: -6rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-100 {
    margin: 6.25rem !important;
  }

  .-xs-m-100 {
    margin: -6.25rem !important;
  }

  .xs-my-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }

  .-xs-my-100 {
    margin-top: -6.25rem !important;
    margin-bottom: -6.25rem !important;
  }

  .xs-mx-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }

  .-xs-mx-100 {
    margin-right: -6.25rem !important;
    margin-left: -6.25rem !important;
  }

  .xs-mt-100 {
    margin-top: 6.25rem !important;
  }

  .-xs-mt-100 {
    margin-top: -6.25rem !important;
  }

  .xs-mr-100 {
    margin-right: 6.25rem !important;
  }

  .-xs-mr-100 {
    margin-right: -6.25rem !important;
  }

  .xs-mb-100 {
    margin-bottom: 6.25rem !important;
  }

  .-xs-mb-100 {
    margin-bottom: -6.25rem !important;
  }

  .xs-ml-100 {
    margin-left: 6.25rem !important;
  }

  .-xs-ml-100 {
    margin-left: -6.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-104 {
    margin: 6.5rem !important;
  }

  .-xs-m-104 {
    margin: -6.5rem !important;
  }

  .xs-my-104 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }

  .-xs-my-104 {
    margin-top: -6.5rem !important;
    margin-bottom: -6.5rem !important;
  }

  .xs-mx-104 {
    margin-right: 6.5rem !important;
    margin-left: 6.5rem !important;
  }

  .-xs-mx-104 {
    margin-right: -6.5rem !important;
    margin-left: -6.5rem !important;
  }

  .xs-mt-104 {
    margin-top: 6.5rem !important;
  }

  .-xs-mt-104 {
    margin-top: -6.5rem !important;
  }

  .xs-mr-104 {
    margin-right: 6.5rem !important;
  }

  .-xs-mr-104 {
    margin-right: -6.5rem !important;
  }

  .xs-mb-104 {
    margin-bottom: 6.5rem !important;
  }

  .-xs-mb-104 {
    margin-bottom: -6.5rem !important;
  }

  .xs-ml-104 {
    margin-left: 6.5rem !important;
  }

  .-xs-ml-104 {
    margin-left: -6.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-108 {
    margin: 6.75rem !important;
  }

  .-xs-m-108 {
    margin: -6.75rem !important;
  }

  .xs-my-108 {
    margin-top: 6.75rem !important;
    margin-bottom: 6.75rem !important;
  }

  .-xs-my-108 {
    margin-top: -6.75rem !important;
    margin-bottom: -6.75rem !important;
  }

  .xs-mx-108 {
    margin-right: 6.75rem !important;
    margin-left: 6.75rem !important;
  }

  .-xs-mx-108 {
    margin-right: -6.75rem !important;
    margin-left: -6.75rem !important;
  }

  .xs-mt-108 {
    margin-top: 6.75rem !important;
  }

  .-xs-mt-108 {
    margin-top: -6.75rem !important;
  }

  .xs-mr-108 {
    margin-right: 6.75rem !important;
  }

  .-xs-mr-108 {
    margin-right: -6.75rem !important;
  }

  .xs-mb-108 {
    margin-bottom: 6.75rem !important;
  }

  .-xs-mb-108 {
    margin-bottom: -6.75rem !important;
  }

  .xs-ml-108 {
    margin-left: 6.75rem !important;
  }

  .-xs-ml-108 {
    margin-left: -6.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-112 {
    margin: 7rem !important;
  }

  .-xs-m-112 {
    margin: -7rem !important;
  }

  .xs-my-112 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .-xs-my-112 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .xs-mx-112 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }

  .-xs-mx-112 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }

  .xs-mt-112 {
    margin-top: 7rem !important;
  }

  .-xs-mt-112 {
    margin-top: -7rem !important;
  }

  .xs-mr-112 {
    margin-right: 7rem !important;
  }

  .-xs-mr-112 {
    margin-right: -7rem !important;
  }

  .xs-mb-112 {
    margin-bottom: 7rem !important;
  }

  .-xs-mb-112 {
    margin-bottom: -7rem !important;
  }

  .xs-ml-112 {
    margin-left: 7rem !important;
  }

  .-xs-ml-112 {
    margin-left: -7rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-116 {
    margin: 7.25rem !important;
  }

  .-xs-m-116 {
    margin: -7.25rem !important;
  }

  .xs-my-116 {
    margin-top: 7.25rem !important;
    margin-bottom: 7.25rem !important;
  }

  .-xs-my-116 {
    margin-top: -7.25rem !important;
    margin-bottom: -7.25rem !important;
  }

  .xs-mx-116 {
    margin-right: 7.25rem !important;
    margin-left: 7.25rem !important;
  }

  .-xs-mx-116 {
    margin-right: -7.25rem !important;
    margin-left: -7.25rem !important;
  }

  .xs-mt-116 {
    margin-top: 7.25rem !important;
  }

  .-xs-mt-116 {
    margin-top: -7.25rem !important;
  }

  .xs-mr-116 {
    margin-right: 7.25rem !important;
  }

  .-xs-mr-116 {
    margin-right: -7.25rem !important;
  }

  .xs-mb-116 {
    margin-bottom: 7.25rem !important;
  }

  .-xs-mb-116 {
    margin-bottom: -7.25rem !important;
  }

  .xs-ml-116 {
    margin-left: 7.25rem !important;
  }

  .-xs-ml-116 {
    margin-left: -7.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-120 {
    margin: 7.5rem !important;
  }

  .-xs-m-120 {
    margin: -7.5rem !important;
  }

  .xs-my-120 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .-xs-my-120 {
    margin-top: -7.5rem !important;
    margin-bottom: -7.5rem !important;
  }

  .xs-mx-120 {
    margin-right: 7.5rem !important;
    margin-left: 7.5rem !important;
  }

  .-xs-mx-120 {
    margin-right: -7.5rem !important;
    margin-left: -7.5rem !important;
  }

  .xs-mt-120 {
    margin-top: 7.5rem !important;
  }

  .-xs-mt-120 {
    margin-top: -7.5rem !important;
  }

  .xs-mr-120 {
    margin-right: 7.5rem !important;
  }

  .-xs-mr-120 {
    margin-right: -7.5rem !important;
  }

  .xs-mb-120 {
    margin-bottom: 7.5rem !important;
  }

  .-xs-mb-120 {
    margin-bottom: -7.5rem !important;
  }

  .xs-ml-120 {
    margin-left: 7.5rem !important;
  }

  .-xs-ml-120 {
    margin-left: -7.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-124 {
    margin: 7.75rem !important;
  }

  .-xs-m-124 {
    margin: -7.75rem !important;
  }

  .xs-my-124 {
    margin-top: 7.75rem !important;
    margin-bottom: 7.75rem !important;
  }

  .-xs-my-124 {
    margin-top: -7.75rem !important;
    margin-bottom: -7.75rem !important;
  }

  .xs-mx-124 {
    margin-right: 7.75rem !important;
    margin-left: 7.75rem !important;
  }

  .-xs-mx-124 {
    margin-right: -7.75rem !important;
    margin-left: -7.75rem !important;
  }

  .xs-mt-124 {
    margin-top: 7.75rem !important;
  }

  .-xs-mt-124 {
    margin-top: -7.75rem !important;
  }

  .xs-mr-124 {
    margin-right: 7.75rem !important;
  }

  .-xs-mr-124 {
    margin-right: -7.75rem !important;
  }

  .xs-mb-124 {
    margin-bottom: 7.75rem !important;
  }

  .-xs-mb-124 {
    margin-bottom: -7.75rem !important;
  }

  .xs-ml-124 {
    margin-left: 7.75rem !important;
  }

  .-xs-ml-124 {
    margin-left: -7.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-128 {
    margin: 8rem !important;
  }

  .-xs-m-128 {
    margin: -8rem !important;
  }

  .xs-my-128 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .-xs-my-128 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .xs-mx-128 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }

  .-xs-mx-128 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
  }

  .xs-mt-128 {
    margin-top: 8rem !important;
  }

  .-xs-mt-128 {
    margin-top: -8rem !important;
  }

  .xs-mr-128 {
    margin-right: 8rem !important;
  }

  .-xs-mr-128 {
    margin-right: -8rem !important;
  }

  .xs-mb-128 {
    margin-bottom: 8rem !important;
  }

  .-xs-mb-128 {
    margin-bottom: -8rem !important;
  }

  .xs-ml-128 {
    margin-left: 8rem !important;
  }

  .-xs-ml-128 {
    margin-left: -8rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-132 {
    margin: 8.25rem !important;
  }

  .-xs-m-132 {
    margin: -8.25rem !important;
  }

  .xs-my-132 {
    margin-top: 8.25rem !important;
    margin-bottom: 8.25rem !important;
  }

  .-xs-my-132 {
    margin-top: -8.25rem !important;
    margin-bottom: -8.25rem !important;
  }

  .xs-mx-132 {
    margin-right: 8.25rem !important;
    margin-left: 8.25rem !important;
  }

  .-xs-mx-132 {
    margin-right: -8.25rem !important;
    margin-left: -8.25rem !important;
  }

  .xs-mt-132 {
    margin-top: 8.25rem !important;
  }

  .-xs-mt-132 {
    margin-top: -8.25rem !important;
  }

  .xs-mr-132 {
    margin-right: 8.25rem !important;
  }

  .-xs-mr-132 {
    margin-right: -8.25rem !important;
  }

  .xs-mb-132 {
    margin-bottom: 8.25rem !important;
  }

  .-xs-mb-132 {
    margin-bottom: -8.25rem !important;
  }

  .xs-ml-132 {
    margin-left: 8.25rem !important;
  }

  .-xs-ml-132 {
    margin-left: -8.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-136 {
    margin: 8.5rem !important;
  }

  .-xs-m-136 {
    margin: -8.5rem !important;
  }

  .xs-my-136 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }

  .-xs-my-136 {
    margin-top: -8.5rem !important;
    margin-bottom: -8.5rem !important;
  }

  .xs-mx-136 {
    margin-right: 8.5rem !important;
    margin-left: 8.5rem !important;
  }

  .-xs-mx-136 {
    margin-right: -8.5rem !important;
    margin-left: -8.5rem !important;
  }

  .xs-mt-136 {
    margin-top: 8.5rem !important;
  }

  .-xs-mt-136 {
    margin-top: -8.5rem !important;
  }

  .xs-mr-136 {
    margin-right: 8.5rem !important;
  }

  .-xs-mr-136 {
    margin-right: -8.5rem !important;
  }

  .xs-mb-136 {
    margin-bottom: 8.5rem !important;
  }

  .-xs-mb-136 {
    margin-bottom: -8.5rem !important;
  }

  .xs-ml-136 {
    margin-left: 8.5rem !important;
  }

  .-xs-ml-136 {
    margin-left: -8.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-140 {
    margin: 8.75rem !important;
  }

  .-xs-m-140 {
    margin: -8.75rem !important;
  }

  .xs-my-140 {
    margin-top: 8.75rem !important;
    margin-bottom: 8.75rem !important;
  }

  .-xs-my-140 {
    margin-top: -8.75rem !important;
    margin-bottom: -8.75rem !important;
  }

  .xs-mx-140 {
    margin-right: 8.75rem !important;
    margin-left: 8.75rem !important;
  }

  .-xs-mx-140 {
    margin-right: -8.75rem !important;
    margin-left: -8.75rem !important;
  }

  .xs-mt-140 {
    margin-top: 8.75rem !important;
  }

  .-xs-mt-140 {
    margin-top: -8.75rem !important;
  }

  .xs-mr-140 {
    margin-right: 8.75rem !important;
  }

  .-xs-mr-140 {
    margin-right: -8.75rem !important;
  }

  .xs-mb-140 {
    margin-bottom: 8.75rem !important;
  }

  .-xs-mb-140 {
    margin-bottom: -8.75rem !important;
  }

  .xs-ml-140 {
    margin-left: 8.75rem !important;
  }

  .-xs-ml-140 {
    margin-left: -8.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-144 {
    margin: 9rem !important;
  }

  .-xs-m-144 {
    margin: -9rem !important;
  }

  .xs-my-144 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .-xs-my-144 {
    margin-top: -9rem !important;
    margin-bottom: -9rem !important;
  }

  .xs-mx-144 {
    margin-right: 9rem !important;
    margin-left: 9rem !important;
  }

  .-xs-mx-144 {
    margin-right: -9rem !important;
    margin-left: -9rem !important;
  }

  .xs-mt-144 {
    margin-top: 9rem !important;
  }

  .-xs-mt-144 {
    margin-top: -9rem !important;
  }

  .xs-mr-144 {
    margin-right: 9rem !important;
  }

  .-xs-mr-144 {
    margin-right: -9rem !important;
  }

  .xs-mb-144 {
    margin-bottom: 9rem !important;
  }

  .-xs-mb-144 {
    margin-bottom: -9rem !important;
  }

  .xs-ml-144 {
    margin-left: 9rem !important;
  }

  .-xs-ml-144 {
    margin-left: -9rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-148 {
    margin: 9.25rem !important;
  }

  .-xs-m-148 {
    margin: -9.25rem !important;
  }

  .xs-my-148 {
    margin-top: 9.25rem !important;
    margin-bottom: 9.25rem !important;
  }

  .-xs-my-148 {
    margin-top: -9.25rem !important;
    margin-bottom: -9.25rem !important;
  }

  .xs-mx-148 {
    margin-right: 9.25rem !important;
    margin-left: 9.25rem !important;
  }

  .-xs-mx-148 {
    margin-right: -9.25rem !important;
    margin-left: -9.25rem !important;
  }

  .xs-mt-148 {
    margin-top: 9.25rem !important;
  }

  .-xs-mt-148 {
    margin-top: -9.25rem !important;
  }

  .xs-mr-148 {
    margin-right: 9.25rem !important;
  }

  .-xs-mr-148 {
    margin-right: -9.25rem !important;
  }

  .xs-mb-148 {
    margin-bottom: 9.25rem !important;
  }

  .-xs-mb-148 {
    margin-bottom: -9.25rem !important;
  }

  .xs-ml-148 {
    margin-left: 9.25rem !important;
  }

  .-xs-ml-148 {
    margin-left: -9.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-152 {
    margin: 9.5rem !important;
  }

  .-xs-m-152 {
    margin: -9.5rem !important;
  }

  .xs-my-152 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }

  .-xs-my-152 {
    margin-top: -9.5rem !important;
    margin-bottom: -9.5rem !important;
  }

  .xs-mx-152 {
    margin-right: 9.5rem !important;
    margin-left: 9.5rem !important;
  }

  .-xs-mx-152 {
    margin-right: -9.5rem !important;
    margin-left: -9.5rem !important;
  }

  .xs-mt-152 {
    margin-top: 9.5rem !important;
  }

  .-xs-mt-152 {
    margin-top: -9.5rem !important;
  }

  .xs-mr-152 {
    margin-right: 9.5rem !important;
  }

  .-xs-mr-152 {
    margin-right: -9.5rem !important;
  }

  .xs-mb-152 {
    margin-bottom: 9.5rem !important;
  }

  .-xs-mb-152 {
    margin-bottom: -9.5rem !important;
  }

  .xs-ml-152 {
    margin-left: 9.5rem !important;
  }

  .-xs-ml-152 {
    margin-left: -9.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-156 {
    margin: 9.75rem !important;
  }

  .-xs-m-156 {
    margin: -9.75rem !important;
  }

  .xs-my-156 {
    margin-top: 9.75rem !important;
    margin-bottom: 9.75rem !important;
  }

  .-xs-my-156 {
    margin-top: -9.75rem !important;
    margin-bottom: -9.75rem !important;
  }

  .xs-mx-156 {
    margin-right: 9.75rem !important;
    margin-left: 9.75rem !important;
  }

  .-xs-mx-156 {
    margin-right: -9.75rem !important;
    margin-left: -9.75rem !important;
  }

  .xs-mt-156 {
    margin-top: 9.75rem !important;
  }

  .-xs-mt-156 {
    margin-top: -9.75rem !important;
  }

  .xs-mr-156 {
    margin-right: 9.75rem !important;
  }

  .-xs-mr-156 {
    margin-right: -9.75rem !important;
  }

  .xs-mb-156 {
    margin-bottom: 9.75rem !important;
  }

  .-xs-mb-156 {
    margin-bottom: -9.75rem !important;
  }

  .xs-ml-156 {
    margin-left: 9.75rem !important;
  }

  .-xs-ml-156 {
    margin-left: -9.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-160 {
    margin: 10rem !important;
  }

  .-xs-m-160 {
    margin: -10rem !important;
  }

  .xs-my-160 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .-xs-my-160 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .xs-mx-160 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }

  .-xs-mx-160 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
  }

  .xs-mt-160 {
    margin-top: 10rem !important;
  }

  .-xs-mt-160 {
    margin-top: -10rem !important;
  }

  .xs-mr-160 {
    margin-right: 10rem !important;
  }

  .-xs-mr-160 {
    margin-right: -10rem !important;
  }

  .xs-mb-160 {
    margin-bottom: 10rem !important;
  }

  .-xs-mb-160 {
    margin-bottom: -10rem !important;
  }

  .xs-ml-160 {
    margin-left: 10rem !important;
  }

  .-xs-ml-160 {
    margin-left: -10rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-164 {
    margin: 10.25rem !important;
  }

  .-xs-m-164 {
    margin: -10.25rem !important;
  }

  .xs-my-164 {
    margin-top: 10.25rem !important;
    margin-bottom: 10.25rem !important;
  }

  .-xs-my-164 {
    margin-top: -10.25rem !important;
    margin-bottom: -10.25rem !important;
  }

  .xs-mx-164 {
    margin-right: 10.25rem !important;
    margin-left: 10.25rem !important;
  }

  .-xs-mx-164 {
    margin-right: -10.25rem !important;
    margin-left: -10.25rem !important;
  }

  .xs-mt-164 {
    margin-top: 10.25rem !important;
  }

  .-xs-mt-164 {
    margin-top: -10.25rem !important;
  }

  .xs-mr-164 {
    margin-right: 10.25rem !important;
  }

  .-xs-mr-164 {
    margin-right: -10.25rem !important;
  }

  .xs-mb-164 {
    margin-bottom: 10.25rem !important;
  }

  .-xs-mb-164 {
    margin-bottom: -10.25rem !important;
  }

  .xs-ml-164 {
    margin-left: 10.25rem !important;
  }

  .-xs-ml-164 {
    margin-left: -10.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-168 {
    margin: 10.5rem !important;
  }

  .-xs-m-168 {
    margin: -10.5rem !important;
  }

  .xs-my-168 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }

  .-xs-my-168 {
    margin-top: -10.5rem !important;
    margin-bottom: -10.5rem !important;
  }

  .xs-mx-168 {
    margin-right: 10.5rem !important;
    margin-left: 10.5rem !important;
  }

  .-xs-mx-168 {
    margin-right: -10.5rem !important;
    margin-left: -10.5rem !important;
  }

  .xs-mt-168 {
    margin-top: 10.5rem !important;
  }

  .-xs-mt-168 {
    margin-top: -10.5rem !important;
  }

  .xs-mr-168 {
    margin-right: 10.5rem !important;
  }

  .-xs-mr-168 {
    margin-right: -10.5rem !important;
  }

  .xs-mb-168 {
    margin-bottom: 10.5rem !important;
  }

  .-xs-mb-168 {
    margin-bottom: -10.5rem !important;
  }

  .xs-ml-168 {
    margin-left: 10.5rem !important;
  }

  .-xs-ml-168 {
    margin-left: -10.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-172 {
    margin: 10.75rem !important;
  }

  .-xs-m-172 {
    margin: -10.75rem !important;
  }

  .xs-my-172 {
    margin-top: 10.75rem !important;
    margin-bottom: 10.75rem !important;
  }

  .-xs-my-172 {
    margin-top: -10.75rem !important;
    margin-bottom: -10.75rem !important;
  }

  .xs-mx-172 {
    margin-right: 10.75rem !important;
    margin-left: 10.75rem !important;
  }

  .-xs-mx-172 {
    margin-right: -10.75rem !important;
    margin-left: -10.75rem !important;
  }

  .xs-mt-172 {
    margin-top: 10.75rem !important;
  }

  .-xs-mt-172 {
    margin-top: -10.75rem !important;
  }

  .xs-mr-172 {
    margin-right: 10.75rem !important;
  }

  .-xs-mr-172 {
    margin-right: -10.75rem !important;
  }

  .xs-mb-172 {
    margin-bottom: 10.75rem !important;
  }

  .-xs-mb-172 {
    margin-bottom: -10.75rem !important;
  }

  .xs-ml-172 {
    margin-left: 10.75rem !important;
  }

  .-xs-ml-172 {
    margin-left: -10.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-176 {
    margin: 11rem !important;
  }

  .-xs-m-176 {
    margin: -11rem !important;
  }

  .xs-my-176 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }

  .-xs-my-176 {
    margin-top: -11rem !important;
    margin-bottom: -11rem !important;
  }

  .xs-mx-176 {
    margin-right: 11rem !important;
    margin-left: 11rem !important;
  }

  .-xs-mx-176 {
    margin-right: -11rem !important;
    margin-left: -11rem !important;
  }

  .xs-mt-176 {
    margin-top: 11rem !important;
  }

  .-xs-mt-176 {
    margin-top: -11rem !important;
  }

  .xs-mr-176 {
    margin-right: 11rem !important;
  }

  .-xs-mr-176 {
    margin-right: -11rem !important;
  }

  .xs-mb-176 {
    margin-bottom: 11rem !important;
  }

  .-xs-mb-176 {
    margin-bottom: -11rem !important;
  }

  .xs-ml-176 {
    margin-left: 11rem !important;
  }

  .-xs-ml-176 {
    margin-left: -11rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-180 {
    margin: 11.25rem !important;
  }

  .-xs-m-180 {
    margin: -11.25rem !important;
  }

  .xs-my-180 {
    margin-top: 11.25rem !important;
    margin-bottom: 11.25rem !important;
  }

  .-xs-my-180 {
    margin-top: -11.25rem !important;
    margin-bottom: -11.25rem !important;
  }

  .xs-mx-180 {
    margin-right: 11.25rem !important;
    margin-left: 11.25rem !important;
  }

  .-xs-mx-180 {
    margin-right: -11.25rem !important;
    margin-left: -11.25rem !important;
  }

  .xs-mt-180 {
    margin-top: 11.25rem !important;
  }

  .-xs-mt-180 {
    margin-top: -11.25rem !important;
  }

  .xs-mr-180 {
    margin-right: 11.25rem !important;
  }

  .-xs-mr-180 {
    margin-right: -11.25rem !important;
  }

  .xs-mb-180 {
    margin-bottom: 11.25rem !important;
  }

  .-xs-mb-180 {
    margin-bottom: -11.25rem !important;
  }

  .xs-ml-180 {
    margin-left: 11.25rem !important;
  }

  .-xs-ml-180 {
    margin-left: -11.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-184 {
    margin: 11.5rem !important;
  }

  .-xs-m-184 {
    margin: -11.5rem !important;
  }

  .xs-my-184 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }

  .-xs-my-184 {
    margin-top: -11.5rem !important;
    margin-bottom: -11.5rem !important;
  }

  .xs-mx-184 {
    margin-right: 11.5rem !important;
    margin-left: 11.5rem !important;
  }

  .-xs-mx-184 {
    margin-right: -11.5rem !important;
    margin-left: -11.5rem !important;
  }

  .xs-mt-184 {
    margin-top: 11.5rem !important;
  }

  .-xs-mt-184 {
    margin-top: -11.5rem !important;
  }

  .xs-mr-184 {
    margin-right: 11.5rem !important;
  }

  .-xs-mr-184 {
    margin-right: -11.5rem !important;
  }

  .xs-mb-184 {
    margin-bottom: 11.5rem !important;
  }

  .-xs-mb-184 {
    margin-bottom: -11.5rem !important;
  }

  .xs-ml-184 {
    margin-left: 11.5rem !important;
  }

  .-xs-ml-184 {
    margin-left: -11.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-188 {
    margin: 11.75rem !important;
  }

  .-xs-m-188 {
    margin: -11.75rem !important;
  }

  .xs-my-188 {
    margin-top: 11.75rem !important;
    margin-bottom: 11.75rem !important;
  }

  .-xs-my-188 {
    margin-top: -11.75rem !important;
    margin-bottom: -11.75rem !important;
  }

  .xs-mx-188 {
    margin-right: 11.75rem !important;
    margin-left: 11.75rem !important;
  }

  .-xs-mx-188 {
    margin-right: -11.75rem !important;
    margin-left: -11.75rem !important;
  }

  .xs-mt-188 {
    margin-top: 11.75rem !important;
  }

  .-xs-mt-188 {
    margin-top: -11.75rem !important;
  }

  .xs-mr-188 {
    margin-right: 11.75rem !important;
  }

  .-xs-mr-188 {
    margin-right: -11.75rem !important;
  }

  .xs-mb-188 {
    margin-bottom: 11.75rem !important;
  }

  .-xs-mb-188 {
    margin-bottom: -11.75rem !important;
  }

  .xs-ml-188 {
    margin-left: 11.75rem !important;
  }

  .-xs-ml-188 {
    margin-left: -11.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-192 {
    margin: 12rem !important;
  }

  .-xs-m-192 {
    margin: -12rem !important;
  }

  .xs-my-192 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .-xs-my-192 {
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .xs-mx-192 {
    margin-right: 12rem !important;
    margin-left: 12rem !important;
  }

  .-xs-mx-192 {
    margin-right: -12rem !important;
    margin-left: -12rem !important;
  }

  .xs-mt-192 {
    margin-top: 12rem !important;
  }

  .-xs-mt-192 {
    margin-top: -12rem !important;
  }

  .xs-mr-192 {
    margin-right: 12rem !important;
  }

  .-xs-mr-192 {
    margin-right: -12rem !important;
  }

  .xs-mb-192 {
    margin-bottom: 12rem !important;
  }

  .-xs-mb-192 {
    margin-bottom: -12rem !important;
  }

  .xs-ml-192 {
    margin-left: 12rem !important;
  }

  .-xs-ml-192 {
    margin-left: -12rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-196 {
    margin: 12.25rem !important;
  }

  .-xs-m-196 {
    margin: -12.25rem !important;
  }

  .xs-my-196 {
    margin-top: 12.25rem !important;
    margin-bottom: 12.25rem !important;
  }

  .-xs-my-196 {
    margin-top: -12.25rem !important;
    margin-bottom: -12.25rem !important;
  }

  .xs-mx-196 {
    margin-right: 12.25rem !important;
    margin-left: 12.25rem !important;
  }

  .-xs-mx-196 {
    margin-right: -12.25rem !important;
    margin-left: -12.25rem !important;
  }

  .xs-mt-196 {
    margin-top: 12.25rem !important;
  }

  .-xs-mt-196 {
    margin-top: -12.25rem !important;
  }

  .xs-mr-196 {
    margin-right: 12.25rem !important;
  }

  .-xs-mr-196 {
    margin-right: -12.25rem !important;
  }

  .xs-mb-196 {
    margin-bottom: 12.25rem !important;
  }

  .-xs-mb-196 {
    margin-bottom: -12.25rem !important;
  }

  .xs-ml-196 {
    margin-left: 12.25rem !important;
  }

  .-xs-ml-196 {
    margin-left: -12.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-200 {
    margin: 12.5rem !important;
  }

  .-xs-m-200 {
    margin: -12.5rem !important;
  }

  .xs-my-200 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }

  .-xs-my-200 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
  }

  .xs-mx-200 {
    margin-right: 12.5rem !important;
    margin-left: 12.5rem !important;
  }

  .-xs-mx-200 {
    margin-right: -12.5rem !important;
    margin-left: -12.5rem !important;
  }

  .xs-mt-200 {
    margin-top: 12.5rem !important;
  }

  .-xs-mt-200 {
    margin-top: -12.5rem !important;
  }

  .xs-mr-200 {
    margin-right: 12.5rem !important;
  }

  .-xs-mr-200 {
    margin-right: -12.5rem !important;
  }

  .xs-mb-200 {
    margin-bottom: 12.5rem !important;
  }

  .-xs-mb-200 {
    margin-bottom: -12.5rem !important;
  }

  .xs-ml-200 {
    margin-left: 12.5rem !important;
  }

  .-xs-ml-200 {
    margin-left: -12.5rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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-216 {
  margin: 13.5rem;
}

.-m-216 {
  margin: -13.5rem;
}

.my-216 {
  margin-top: 13.5rem;
  margin-bottom: 13.5rem;
}

.-my-216 {
  margin-top: -13.5rem;
  margin-bottom: -13.5rem;
}

.mx-216 {
  margin-right: 13.5rem;
  margin-left: 13.5rem;
}

.-mx-216 {
  margin-right: -13.5rem;
  margin-left: -13.5rem;
}

.mt-216 {
  margin-top: 13.5rem;
}

.-mt-216 {
  margin-top: -13.5rem;
}

.mr-216 {
  margin-right: 13.5rem;
}

.-mr-216 {
  margin-right: -13.5rem;
}

.mb-216 {
  margin-bottom: 13.5rem;
}

.-mb-216 {
  margin-bottom: -13.5rem;
}

.ml-216 {
  margin-left: 13.5rem;
}

.-ml-216 {
  margin-left: -13.5rem;
}

@media (max-width: 575.98px) {
  .xs-m-216 {
    margin: 13.5rem !important;
  }

  .-xs-m-216 {
    margin: -13.5rem !important;
  }

  .xs-my-216 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }

  .-xs-my-216 {
    margin-top: -13.5rem !important;
    margin-bottom: -13.5rem !important;
  }

  .xs-mx-216 {
    margin-right: 13.5rem !important;
    margin-left: 13.5rem !important;
  }

  .-xs-mx-216 {
    margin-right: -13.5rem !important;
    margin-left: -13.5rem !important;
  }

  .xs-mt-216 {
    margin-top: 13.5rem !important;
  }

  .-xs-mt-216 {
    margin-top: -13.5rem !important;
  }

  .xs-mr-216 {
    margin-right: 13.5rem !important;
  }

  .-xs-mr-216 {
    margin-right: -13.5rem !important;
  }

  .xs-mb-216 {
    margin-bottom: 13.5rem !important;
  }

  .-xs-mb-216 {
    margin-bottom: -13.5rem !important;
  }

  .xs-ml-216 {
    margin-left: 13.5rem !important;
  }

  .-xs-ml-216 {
    margin-left: -13.5rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-m-216 {
    margin: 13.5rem !important;
  }

  .-sm-m-216 {
    margin: -13.5rem !important;
  }

  .sm-my-216 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }

  .-sm-my-216 {
    margin-top: -13.5rem !important;
    margin-bottom: -13.5rem !important;
  }

  .sm-mx-216 {
    margin-right: 13.5rem !important;
    margin-left: 13.5rem !important;
  }

  .-sm-mx-216 {
    margin-right: -13.5rem !important;
    margin-left: -13.5rem !important;
  }

  .sm-mt-216 {
    margin-top: 13.5rem !important;
  }

  .-sm-mt-216 {
    margin-top: -13.5rem !important;
  }

  .sm-mr-216 {
    margin-right: 13.5rem !important;
  }

  .-sm-mr-216 {
    margin-right: -13.5rem !important;
  }

  .sm-mb-216 {
    margin-bottom: 13.5rem !important;
  }

  .-sm-mb-216 {
    margin-bottom: -13.5rem !important;
  }

  .sm-ml-216 {
    margin-left: 13.5rem !important;
  }

  .-sm-ml-216 {
    margin-left: -13.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-m-216 {
    margin: 13.5rem !important;
  }

  .-md-m-216 {
    margin: -13.5rem !important;
  }

  .md-my-216 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }

  .-md-my-216 {
    margin-top: -13.5rem !important;
    margin-bottom: -13.5rem !important;
  }

  .md-mx-216 {
    margin-right: 13.5rem !important;
    margin-left: 13.5rem !important;
  }

  .-md-mx-216 {
    margin-right: -13.5rem !important;
    margin-left: -13.5rem !important;
  }

  .md-mt-216 {
    margin-top: 13.5rem !important;
  }

  .-md-mt-216 {
    margin-top: -13.5rem !important;
  }

  .md-mr-216 {
    margin-right: 13.5rem !important;
  }

  .-md-mr-216 {
    margin-right: -13.5rem !important;
  }

  .md-mb-216 {
    margin-bottom: 13.5rem !important;
  }

  .-md-mb-216 {
    margin-bottom: -13.5rem !important;
  }

  .md-ml-216 {
    margin-left: 13.5rem !important;
  }

  .-md-ml-216 {
    margin-left: -13.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-m-216 {
    margin: 13.5rem !important;
  }

  .-lg-m-216 {
    margin: -13.5rem !important;
  }

  .lg-my-216 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }

  .-lg-my-216 {
    margin-top: -13.5rem !important;
    margin-bottom: -13.5rem !important;
  }

  .lg-mx-216 {
    margin-right: 13.5rem !important;
    margin-left: 13.5rem !important;
  }

  .-lg-mx-216 {
    margin-right: -13.5rem !important;
    margin-left: -13.5rem !important;
  }

  .lg-mt-216 {
    margin-top: 13.5rem !important;
  }

  .-lg-mt-216 {
    margin-top: -13.5rem !important;
  }

  .lg-mr-216 {
    margin-right: 13.5rem !important;
  }

  .-lg-mr-216 {
    margin-right: -13.5rem !important;
  }

  .lg-mb-216 {
    margin-bottom: 13.5rem !important;
  }

  .-lg-mb-216 {
    margin-bottom: -13.5rem !important;
  }

  .lg-ml-216 {
    margin-left: 13.5rem !important;
  }

  .-lg-ml-216 {
    margin-left: -13.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-m-216 {
    margin: 13.5rem !important;
  }

  .-xl-m-216 {
    margin: -13.5rem !important;
  }

  .xl-my-216 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }

  .-xl-my-216 {
    margin-top: -13.5rem !important;
    margin-bottom: -13.5rem !important;
  }

  .xl-mx-216 {
    margin-right: 13.5rem !important;
    margin-left: 13.5rem !important;
  }

  .-xl-mx-216 {
    margin-right: -13.5rem !important;
    margin-left: -13.5rem !important;
  }

  .xl-mt-216 {
    margin-top: 13.5rem !important;
  }

  .-xl-mt-216 {
    margin-top: -13.5rem !important;
  }

  .xl-mr-216 {
    margin-right: 13.5rem !important;
  }

  .-xl-mr-216 {
    margin-right: -13.5rem !important;
  }

  .xl-mb-216 {
    margin-bottom: 13.5rem !important;
  }

  .-xl-mb-216 {
    margin-bottom: -13.5rem !important;
  }

  .xl-ml-216 {
    margin-left: 13.5rem !important;
  }

  .-xl-ml-216 {
    margin-left: -13.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 (max-width: 575.98px) {
  .xs-m-244 {
    margin: 15.25rem !important;
  }

  .-xs-m-244 {
    margin: -15.25rem !important;
  }

  .xs-my-244 {
    margin-top: 15.25rem !important;
    margin-bottom: 15.25rem !important;
  }

  .-xs-my-244 {
    margin-top: -15.25rem !important;
    margin-bottom: -15.25rem !important;
  }

  .xs-mx-244 {
    margin-right: 15.25rem !important;
    margin-left: 15.25rem !important;
  }

  .-xs-mx-244 {
    margin-right: -15.25rem !important;
    margin-left: -15.25rem !important;
  }

  .xs-mt-244 {
    margin-top: 15.25rem !important;
  }

  .-xs-mt-244 {
    margin-top: -15.25rem !important;
  }

  .xs-mr-244 {
    margin-right: 15.25rem !important;
  }

  .-xs-mr-244 {
    margin-right: -15.25rem !important;
  }

  .xs-mb-244 {
    margin-bottom: 15.25rem !important;
  }

  .-xs-mb-244 {
    margin-bottom: -15.25rem !important;
  }

  .xs-ml-244 {
    margin-left: 15.25rem !important;
  }

  .-xs-ml-244 {
    margin-left: -15.25rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-300 {
    margin: 18.75rem !important;
  }

  .-xs-m-300 {
    margin: -18.75rem !important;
  }

  .xs-my-300 {
    margin-top: 18.75rem !important;
    margin-bottom: 18.75rem !important;
  }

  .-xs-my-300 {
    margin-top: -18.75rem !important;
    margin-bottom: -18.75rem !important;
  }

  .xs-mx-300 {
    margin-right: 18.75rem !important;
    margin-left: 18.75rem !important;
  }

  .-xs-mx-300 {
    margin-right: -18.75rem !important;
    margin-left: -18.75rem !important;
  }

  .xs-mt-300 {
    margin-top: 18.75rem !important;
  }

  .-xs-mt-300 {
    margin-top: -18.75rem !important;
  }

  .xs-mr-300 {
    margin-right: 18.75rem !important;
  }

  .-xs-mr-300 {
    margin-right: -18.75rem !important;
  }

  .xs-mb-300 {
    margin-bottom: 18.75rem !important;
  }

  .-xs-mb-300 {
    margin-bottom: -18.75rem !important;
  }

  .xs-ml-300 {
    margin-left: 18.75rem !important;
  }

  .-xs-ml-300 {
    margin-left: -18.75rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-352 {
    margin: 22rem !important;
  }

  .-xs-m-352 {
    margin: -22rem !important;
  }

  .xs-my-352 {
    margin-top: 22rem !important;
    margin-bottom: 22rem !important;
  }

  .-xs-my-352 {
    margin-top: -22rem !important;
    margin-bottom: -22rem !important;
  }

  .xs-mx-352 {
    margin-right: 22rem !important;
    margin-left: 22rem !important;
  }

  .-xs-mx-352 {
    margin-right: -22rem !important;
    margin-left: -22rem !important;
  }

  .xs-mt-352 {
    margin-top: 22rem !important;
  }

  .-xs-mt-352 {
    margin-top: -22rem !important;
  }

  .xs-mr-352 {
    margin-right: 22rem !important;
  }

  .-xs-mr-352 {
    margin-right: -22rem !important;
  }

  .xs-mb-352 {
    margin-bottom: 22rem !important;
  }

  .-xs-mb-352 {
    margin-bottom: -22rem !important;
  }

  .xs-ml-352 {
    margin-left: 22rem !important;
  }

  .-xs-ml-352 {
    margin-left: -22rem !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-m-auto {
    margin: auto !important;
  }

  .-xs-m-auto {
    margin: -auto !important;
  }

  .xs-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .-xs-my-auto {
    margin-top: -auto !important;
    margin-bottom: -auto !important;
  }

  .xs-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .-xs-mx-auto {
    margin-right: -auto !important;
    margin-left: -auto !important;
  }

  .xs-mt-auto {
    margin-top: auto !important;
  }

  .-xs-mt-auto {
    margin-top: -auto !important;
  }

  .xs-mr-auto {
    margin-right: auto !important;
  }

  .-xs-mr-auto {
    margin-right: -auto !important;
  }

  .xs-mb-auto {
    margin-bottom: auto !important;
  }

  .-xs-mb-auto {
    margin-bottom: -auto !important;
  }

  .xs-ml-auto {
    margin-left: auto !important;
  }

  .-xs-ml-auto {
    margin-left: -auto !important;
  }
}
@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: 1199.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: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-w-auto {
    width: auto !important;
  }
}
@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: 1199.98px) {
  .lg-w-auto {
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-auto {
    width: auto !important;
  }
}
.w-full {
  width: 100%;
}

@media (max-width: 575.98px) {
  .xs-w-full {
    width: 100% !important;
  }
}
@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: 1199.98px) {
  .lg-w-full {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-full {
    width: 100% !important;
  }
}
.w-screen {
  width: 100vw;
}

@media (max-width: 575.98px) {
  .xs-w-screen {
    width: 100vw !important;
  }
}
@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: 1199.98px) {
  .lg-w-screen {
    width: 100vw !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-screen {
    width: 100vw !important;
  }
}
.w-0 {
  width: 0;
}

@media (max-width: 575.98px) {
  .xs-w-0 {
    width: 0 !important;
  }
}
@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: 1199.98px) {
  .lg-w-0 {
    width: 0 !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-0 {
    width: 0 !important;
  }
}
.w-1 {
  width: 1px;
}

@media (max-width: 575.98px) {
  .xs-w-1 {
    width: 1px !important;
  }
}
@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: 1199.98px) {
  .lg-w-1 {
    width: 1px !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-1 {
    width: 1px !important;
  }
}
.w-2 {
  width: 2px;
}

@media (max-width: 575.98px) {
  .xs-w-2 {
    width: 2px !important;
  }
}
@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: 1199.98px) {
  .lg-w-2 {
    width: 2px !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-2 {
    width: 2px !important;
  }
}
.w-3 {
  width: 3px;
}

@media (max-width: 575.98px) {
  .xs-w-3 {
    width: 3px !important;
  }
}
@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: 1199.98px) {
  .lg-w-3 {
    width: 3px !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-3 {
    width: 3px !important;
  }
}
.w-4 {
  width: 4px;
}

@media (max-width: 575.98px) {
  .xs-w-4 {
    width: 4px !important;
  }
}
@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: 1199.98px) {
  .lg-w-4 {
    width: 4px !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-4 {
    width: 4px !important;
  }
}
.w-5 {
  width: 5px;
}

@media (max-width: 575.98px) {
  .xs-w-5 {
    width: 5px !important;
  }
}
@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: 1199.98px) {
  .lg-w-5 {
    width: 5px !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-5 {
    width: 5px !important;
  }
}
.w-6 {
  width: 6px;
}

@media (max-width: 575.98px) {
  .xs-w-6 {
    width: 6px !important;
  }
}
@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: 1199.98px) {
  .lg-w-6 {
    width: 6px !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-6 {
    width: 6px !important;
  }
}
.w-7 {
  width: 7px;
}

@media (max-width: 575.98px) {
  .xs-w-7 {
    width: 7px !important;
  }
}
@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: 1199.98px) {
  .lg-w-7 {
    width: 7px !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-7 {
    width: 7px !important;
  }
}
.w-8 {
  width: 0.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-8 {
    width: 0.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-8 {
    width: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-8 {
    width: 0.5rem !important;
  }
}
.w-10 {
  width: 0.625rem;
}

@media (max-width: 575.98px) {
  .xs-w-10 {
    width: 0.625rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-10 {
    width: 0.625rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-10 {
    width: 0.625rem !important;
  }
}
.w-12 {
  width: 0.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-12 {
    width: 0.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-12 {
    width: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-12 {
    width: 0.75rem !important;
  }
}
.w-14 {
  width: 0.875rem;
}

@media (max-width: 575.98px) {
  .xs-w-14 {
    width: 0.875rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-14 {
    width: 0.875rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-14 {
    width: 0.875rem !important;
  }
}
.w-16 {
  width: 1rem;
}

@media (max-width: 575.98px) {
  .xs-w-16 {
    width: 1rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-16 {
    width: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-16 {
    width: 1rem !important;
  }
}
.w-18 {
  width: 1.125rem;
}

@media (max-width: 575.98px) {
  .xs-w-18 {
    width: 1.125rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-18 {
    width: 1.125rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-18 {
    width: 1.125rem !important;
  }
}
.w-20 {
  width: 1.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-20 {
    width: 1.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-20 {
    width: 1.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-20 {
    width: 1.25rem !important;
  }
}
.w-24 {
  width: 1.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-24 {
    width: 1.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-24 {
    width: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-24 {
    width: 1.5rem !important;
  }
}
.w-28 {
  width: 1.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-28 {
    width: 1.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-28 {
    width: 1.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-28 {
    width: 1.75rem !important;
  }
}
.w-32 {
  width: 2rem;
}

@media (max-width: 575.98px) {
  .xs-w-32 {
    width: 2rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-32 {
    width: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-32 {
    width: 2rem !important;
  }
}
.w-36 {
  width: 2.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-36 {
    width: 2.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-36 {
    width: 2.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-36 {
    width: 2.25rem !important;
  }
}
.w-40 {
  width: 2.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-40 {
    width: 2.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-40 {
    width: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-40 {
    width: 2.5rem !important;
  }
}
.w-44 {
  width: 2.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-44 {
    width: 2.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-44 {
    width: 2.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-44 {
    width: 2.75rem !important;
  }
}
.w-48 {
  width: 3rem;
}

@media (max-width: 575.98px) {
  .xs-w-48 {
    width: 3rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-48 {
    width: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-48 {
    width: 3rem !important;
  }
}
.w-52 {
  width: 3.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-52 {
    width: 3.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-52 {
    width: 3.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-52 {
    width: 3.25rem !important;
  }
}
.w-56 {
  width: 3.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-56 {
    width: 3.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-56 {
    width: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-56 {
    width: 3.5rem !important;
  }
}
.w-60 {
  width: 3.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-60 {
    width: 3.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-60 {
    width: 3.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-60 {
    width: 3.75rem !important;
  }
}
.w-64 {
  width: 4rem;
}

@media (max-width: 575.98px) {
  .xs-w-64 {
    width: 4rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-64 {
    width: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-64 {
    width: 4rem !important;
  }
}
.w-68 {
  width: 4.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-68 {
    width: 4.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-68 {
    width: 4.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-68 {
    width: 4.25rem !important;
  }
}
.w-72 {
  width: 4.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-72 {
    width: 4.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-72 {
    width: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-72 {
    width: 4.5rem !important;
  }
}
.w-76 {
  width: 4.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-76 {
    width: 4.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-76 {
    width: 4.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-76 {
    width: 4.75rem !important;
  }
}
.w-80 {
  width: 5rem;
}

@media (max-width: 575.98px) {
  .xs-w-80 {
    width: 5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-80 {
    width: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-80 {
    width: 5rem !important;
  }
}
.w-84 {
  width: 5.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-84 {
    width: 5.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-84 {
    width: 5.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-84 {
    width: 5.25rem !important;
  }
}
.w-88 {
  width: 5.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-88 {
    width: 5.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-88 {
    width: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-88 {
    width: 5.5rem !important;
  }
}
.w-92 {
  width: 5.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-92 {
    width: 5.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-92 {
    width: 5.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-92 {
    width: 5.75rem !important;
  }
}
.w-96 {
  width: 6rem;
}

@media (max-width: 575.98px) {
  .xs-w-96 {
    width: 6rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-96 {
    width: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-96 {
    width: 6rem !important;
  }
}
.w-100 {
  width: 6.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-100 {
    width: 6.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-100 {
    width: 6.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-100 {
    width: 6.25rem !important;
  }
}
.w-104 {
  width: 6.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-104 {
    width: 6.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-104 {
    width: 6.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-104 {
    width: 6.5rem !important;
  }
}
.w-108 {
  width: 6.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-108 {
    width: 6.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-108 {
    width: 6.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-108 {
    width: 6.75rem !important;
  }
}
.w-112 {
  width: 7rem;
}

@media (max-width: 575.98px) {
  .xs-w-112 {
    width: 7rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-112 {
    width: 7rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-112 {
    width: 7rem !important;
  }
}
.w-116 {
  width: 7.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-116 {
    width: 7.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-116 {
    width: 7.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-116 {
    width: 7.25rem !important;
  }
}
.w-120 {
  width: 7.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-120 {
    width: 7.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-120 {
    width: 7.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-120 {
    width: 7.5rem !important;
  }
}
.w-124 {
  width: 7.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-124 {
    width: 7.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-124 {
    width: 7.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-124 {
    width: 7.75rem !important;
  }
}
.w-128 {
  width: 8rem;
}

@media (max-width: 575.98px) {
  .xs-w-128 {
    width: 8rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-128 {
    width: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-128 {
    width: 8rem !important;
  }
}
.w-132 {
  width: 8.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-132 {
    width: 8.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-132 {
    width: 8.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-132 {
    width: 8.25rem !important;
  }
}
.w-136 {
  width: 8.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-136 {
    width: 8.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-136 {
    width: 8.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-136 {
    width: 8.5rem !important;
  }
}
.w-140 {
  width: 8.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-140 {
    width: 8.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-140 {
    width: 8.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-140 {
    width: 8.75rem !important;
  }
}
.w-144 {
  width: 9rem;
}

@media (max-width: 575.98px) {
  .xs-w-144 {
    width: 9rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-144 {
    width: 9rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-144 {
    width: 9rem !important;
  }
}
.w-148 {
  width: 9.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-148 {
    width: 9.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-148 {
    width: 9.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-148 {
    width: 9.25rem !important;
  }
}
.w-152 {
  width: 9.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-152 {
    width: 9.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-152 {
    width: 9.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-152 {
    width: 9.5rem !important;
  }
}
.w-156 {
  width: 9.75rem;
}

@media (max-width: 575.98px) {
  .xs-w-156 {
    width: 9.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-156 {
    width: 9.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-156 {
    width: 9.75rem !important;
  }
}
.w-160 {
  width: 10rem;
}

@media (max-width: 575.98px) {
  .xs-w-160 {
    width: 10rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-160 {
    width: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-160 {
    width: 10rem !important;
  }
}
.w-168 {
  width: 10.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-168 {
    width: 10.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-168 {
    width: 10.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-168 {
    width: 10.5rem !important;
  }
}
.w-176 {
  width: 11rem;
}

@media (max-width: 575.98px) {
  .xs-w-176 {
    width: 11rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-176 {
    width: 11rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-176 {
    width: 11rem !important;
  }
}
.w-180 {
  width: 11.25rem;
}

@media (max-width: 575.98px) {
  .xs-w-180 {
    width: 11.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-180 {
    width: 11.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-180 {
    width: 11.25rem !important;
  }
}
.w-184 {
  width: 11.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-184 {
    width: 11.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-184 {
    width: 11.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-184 {
    width: 11.5rem !important;
  }
}
.w-192 {
  width: 12rem;
}

@media (max-width: 575.98px) {
  .xs-w-192 {
    width: 12rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-192 {
    width: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-192 {
    width: 12rem !important;
  }
}
.w-200 {
  width: 12.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-200 {
    width: 12.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-200 {
    width: 12.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-200 {
    width: 12.5rem !important;
  }
}
.w-208 {
  width: 13rem;
}

@media (max-width: 575.98px) {
  .xs-w-208 {
    width: 13rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-208 {
    width: 13rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-208 {
    width: 13rem !important;
  }
}
.w-224 {
  width: 14rem;
}

@media (max-width: 575.98px) {
  .xs-w-224 {
    width: 14rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-224 {
    width: 14rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-224 {
    width: 14rem !important;
  }
}
.w-240 {
  width: 15rem;
}

@media (max-width: 575.98px) {
  .xs-w-240 {
    width: 15rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-240 {
    width: 15rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-240 {
    width: 15rem !important;
  }
}
.w-256 {
  width: 16rem;
}

@media (max-width: 575.98px) {
  .xs-w-256 {
    width: 16rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-256 {
    width: 16rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-256 {
    width: 16rem !important;
  }
}
.w-272 {
  width: 17rem;
}

@media (max-width: 575.98px) {
  .xs-w-272 {
    width: 17rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-272 {
    width: 17rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-272 {
    width: 17rem !important;
  }
}
.w-280 {
  width: 17.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-280 {
    width: 17.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-280 {
    width: 17.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-280 {
    width: 17.5rem !important;
  }
}
.w-288 {
  width: 18rem;
}

@media (max-width: 575.98px) {
  .xs-w-288 {
    width: 18rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-288 {
    width: 18rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-288 {
    width: 18rem !important;
  }
}
.w-304 {
  width: 19rem;
}

@media (max-width: 575.98px) {
  .xs-w-304 {
    width: 19rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-304 {
    width: 19rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-304 {
    width: 19rem !important;
  }
}
.w-314 {
  width: 19.625rem;
}

@media (max-width: 575.98px) {
  .xs-w-314 {
    width: 19.625rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-314 {
    width: 19.625rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-314 {
    width: 19.625rem !important;
  }
}
.w-320 {
  width: 20rem;
}

@media (max-width: 575.98px) {
  .xs-w-320 {
    width: 20rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-320 {
    width: 20rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-320 {
    width: 20rem !important;
  }
}
.w-336 {
  width: 21rem;
}

@media (max-width: 575.98px) {
  .xs-w-336 {
    width: 21rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-336 {
    width: 21rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-336 {
    width: 21rem !important;
  }
}
.w-352 {
  width: 22rem;
}

@media (max-width: 575.98px) {
  .xs-w-352 {
    width: 22rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-352 {
    width: 22rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-352 {
    width: 22rem !important;
  }
}
.w-368 {
  width: 23rem;
}

@media (max-width: 575.98px) {
  .xs-w-368 {
    width: 23rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-368 {
    width: 23rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-368 {
    width: 23rem !important;
  }
}
.w-376 {
  width: 23.5rem;
}

@media (max-width: 575.98px) {
  .xs-w-376 {
    width: 23.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-376 {
    width: 23.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-376 {
    width: 23.5rem !important;
  }
}
.w-384 {
  width: 24rem;
}

@media (max-width: 575.98px) {
  .xs-w-384 {
    width: 24rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-384 {
    width: 24rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-384 {
    width: 24rem !important;
  }
}
.w-400 {
  width: 25rem;
}

@media (max-width: 575.98px) {
  .xs-w-400 {
    width: 25rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-400 {
    width: 25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-400 {
    width: 25rem !important;
  }
}
.w-416 {
  width: 26rem;
}

@media (max-width: 575.98px) {
  .xs-w-416 {
    width: 26rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-416 {
    width: 26rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-416 {
    width: 26rem !important;
  }
}
.w-432 {
  width: 27rem;
}

@media (max-width: 575.98px) {
  .xs-w-432 {
    width: 27rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-432 {
    width: 27rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-432 {
    width: 27rem !important;
  }
}
.w-448 {
  width: 28rem;
}

@media (max-width: 575.98px) {
  .xs-w-448 {
    width: 28rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-448 {
    width: 28rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-448 {
    width: 28rem !important;
  }
}
.w-464 {
  width: 29rem;
}

@media (max-width: 575.98px) {
  .xs-w-464 {
    width: 29rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-464 {
    width: 29rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-464 {
    width: 29rem !important;
  }
}
.w-480 {
  width: 30rem;
}

@media (max-width: 575.98px) {
  .xs-w-480 {
    width: 30rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-480 {
    width: 30rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-480 {
    width: 30rem !important;
  }
}
.w-496 {
  width: 31rem;
}

@media (max-width: 575.98px) {
  .xs-w-496 {
    width: 31rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-496 {
    width: 31rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-496 {
    width: 31rem !important;
  }
}
.w-512 {
  width: 32rem;
}

@media (max-width: 575.98px) {
  .xs-w-512 {
    width: 32rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-512 {
    width: 32rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-512 {
    width: 32rem !important;
  }
}
.w-528 {
  width: 33rem;
}

@media (max-width: 575.98px) {
  .xs-w-528 {
    width: 33rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-528 {
    width: 33rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-528 {
    width: 33rem !important;
  }
}
.w-544 {
  width: 34rem;
}

@media (max-width: 575.98px) {
  .xs-w-544 {
    width: 34rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-544 {
    width: 34rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-544 {
    width: 34rem !important;
  }
}
.w-560 {
  width: 35rem;
}

@media (max-width: 575.98px) {
  .xs-w-560 {
    width: 35rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-560 {
    width: 35rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-560 {
    width: 35rem !important;
  }
}
.w-576 {
  width: 36rem;
}

@media (max-width: 575.98px) {
  .xs-w-576 {
    width: 36rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-576 {
    width: 36rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-576 {
    width: 36rem !important;
  }
}
.w-592 {
  width: 37rem;
}

@media (max-width: 575.98px) {
  .xs-w-592 {
    width: 37rem !important;
  }
}
@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: 1199.98px) {
  .lg-w-592 {
    width: 37rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-592 {
    width: 37rem !important;
  }
}
.w-33p {
  width: 33.33333%;
}

@media (max-width: 575.98px) {
  .xs-w-33p {
    width: 33.33333% !important;
  }
}
@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: 1199.98px) {
  .lg-w-33p {
    width: 33.33333% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-33p {
    width: 33.33333% !important;
  }
}
.w-66p {
  width: 66.66666%;
}

@media (max-width: 575.98px) {
  .xs-w-66p {
    width: 66.66666% !important;
  }
}
@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: 1199.98px) {
  .lg-w-66p {
    width: 66.66666% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-66p {
    width: 66.66666% !important;
  }
}
.w-25p {
  width: 25%;
}

@media (max-width: 575.98px) {
  .xs-w-25p {
    width: 25% !important;
  }
}
@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: 1199.98px) {
  .lg-w-25p {
    width: 25% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-25p {
    width: 25% !important;
  }
}
.w-20p {
  width: 20%;
}

@media (max-width: 575.98px) {
  .xs-w-20p {
    width: 20% !important;
  }
}
@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: 1199.98px) {
  .lg-w-20p {
    width: 20% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-20p {
    width: 20% !important;
  }
}
.w-40p {
  width: 40%;
}

@media (max-width: 575.98px) {
  .xs-w-40p {
    width: 40% !important;
  }
}
@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: 1199.98px) {
  .lg-w-40p {
    width: 40% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-40p {
    width: 40% !important;
  }
}
.w-45p {
  width: 45%;
}

@media (max-width: 575.98px) {
  .xs-w-45p {
    width: 45% !important;
  }
}
@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: 1199.98px) {
  .lg-w-45p {
    width: 45% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-45p {
    width: 45% !important;
  }
}
.w-50p {
  width: 50%;
}

@media (max-width: 575.98px) {
  .xs-w-50p {
    width: 50% !important;
  }
}
@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: 1199.98px) {
  .lg-w-50p {
    width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-50p {
    width: 50% !important;
  }
}
.w-55p {
  width: 55%;
}

@media (max-width: 575.98px) {
  .xs-w-55p {
    width: 55% !important;
  }
}
@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: 1199.98px) {
  .lg-w-55p {
    width: 55% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-55p {
    width: 55% !important;
  }
}
.w-60p {
  width: 60%;
}

@media (max-width: 575.98px) {
  .xs-w-60p {
    width: 60% !important;
  }
}
@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: 1199.98px) {
  .lg-w-60p {
    width: 60% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-60p {
    width: 60% !important;
  }
}
.w-65p {
  width: 65%;
}

@media (max-width: 575.98px) {
  .xs-w-65p {
    width: 65% !important;
  }
}
@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: 1199.98px) {
  .lg-w-65p {
    width: 65% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-65p {
    width: 65% !important;
  }
}
.w-70p {
  width: 70%;
}

@media (max-width: 575.98px) {
  .xs-w-70p {
    width: 70% !important;
  }
}
@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: 1199.98px) {
  .lg-w-70p {
    width: 70% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-70p {
    width: 70% !important;
  }
}
.w-75p {
  width: 75%;
}

@media (max-width: 575.98px) {
  .xs-w-75p {
    width: 75% !important;
  }
}
@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: 1199.98px) {
  .lg-w-75p {
    width: 75% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-75p {
    width: 75% !important;
  }
}
.w-80p {
  width: 80%;
}

@media (max-width: 575.98px) {
  .xs-w-80p {
    width: 80% !important;
  }
}
@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: 1199.98px) {
  .lg-w-80p {
    width: 80% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-80p {
    width: 80% !important;
  }
}
.w-16p {
  width: 16.66666%;
}

@media (max-width: 575.98px) {
  .xs-w-16p {
    width: 16.66666% !important;
  }
}
@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: 1199.98px) {
  .lg-w-16p {
    width: 16.66666% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-16p {
    width: 16.66666% !important;
  }
}
.w-83p {
  width: 83.33333%;
}

@media (max-width: 575.98px) {
  .xs-w-83p {
    width: 83.33333% !important;
  }
}
@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: 1199.98px) {
  .lg-w-83p {
    width: 83.33333% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-83p {
    width: 83.33333% !important;
  }
}
.w-8p {
  width: 8.33333%;
}

@media (max-width: 575.98px) {
  .xs-w-8p {
    width: 8.33333% !important;
  }
}
@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: 1199.98px) {
  .lg-w-8p {
    width: 8.33333% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-8p {
    width: 8.33333% !important;
  }
}
.w-41p {
  width: 41.66666%;
}

@media (max-width: 575.98px) {
  .xs-w-41p {
    width: 41.66666% !important;
  }
}
@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: 1199.98px) {
  .lg-w-41p {
    width: 41.66666% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-41p {
    width: 41.66666% !important;
  }
}
.w-58p {
  width: 58.33333%;
}

@media (max-width: 575.98px) {
  .xs-w-58p {
    width: 58.33333% !important;
  }
}
@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: 1199.98px) {
  .lg-w-58p {
    width: 58.33333% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-58p {
    width: 58.33333% !important;
  }
}
.w-91p {
  width: 91.66666%;
}

@media (max-width: 575.98px) {
  .xs-w-91p {
    width: 91.66666% !important;
  }
}
@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: 1199.98px) {
  .lg-w-91p {
    width: 91.66666% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-91p {
    width: 91.66666% !important;
  }
}
.w-100p {
  width: 100%;
}

@media (max-width: 575.98px) {
  .xs-w-100p {
    width: 100% !important;
  }
}
@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: 1199.98px) {
  .lg-w-100p {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .xl-w-100p {
    width: 100% !important;
  }
}
/*
  Min Width
 */
.min-w-0 {
  min-width: 0;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-0 {
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-0 {
    min-width: 0;
  }
}
.min-w-1 {
  min-width: 1px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-1 {
    min-width: 1px;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-1 {
    min-width: 1px;
  }
}
.min-w-2 {
  min-width: 2px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-2 {
    min-width: 2px;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-2 {
    min-width: 2px;
  }
}
.min-w-3 {
  min-width: 3px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-3 {
    min-width: 3px;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-3 {
    min-width: 3px;
  }
}
.min-w-4 {
  min-width: 4px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-4 {
    min-width: 4px;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-4 {
    min-width: 4px;
  }
}
.min-w-5 {
  min-width: 5px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-5 {
    min-width: 5px;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-5 {
    min-width: 5px;
  }
}
.min-w-6 {
  min-width: 6px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-6 {
    min-width: 6px;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-6 {
    min-width: 6px;
  }
}
.min-w-7 {
  min-width: 7px;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-7 {
    min-width: 7px;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-7 {
    min-width: 7px;
  }
}
.min-w-8 {
  min-width: 0.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-8 {
    min-width: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-8 {
    min-width: 0.5rem;
  }
}
.min-w-10 {
  min-width: 0.625rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-10 {
    min-width: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-10 {
    min-width: 0.625rem;
  }
}
.min-w-12 {
  min-width: 0.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-12 {
    min-width: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-12 {
    min-width: 0.75rem;
  }
}
.min-w-14 {
  min-width: 0.875rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-14 {
    min-width: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-14 {
    min-width: 0.875rem;
  }
}
.min-w-16 {
  min-width: 1rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-16 {
    min-width: 1rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-16 {
    min-width: 1rem;
  }
}
.min-w-18 {
  min-width: 1.125rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-18 {
    min-width: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-18 {
    min-width: 1.125rem;
  }
}
.min-w-20 {
  min-width: 1.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-20 {
    min-width: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-20 {
    min-width: 1.25rem;
  }
}
.min-w-24 {
  min-width: 1.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-24 {
    min-width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-24 {
    min-width: 1.5rem;
  }
}
.min-w-28 {
  min-width: 1.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-28 {
    min-width: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-28 {
    min-width: 1.75rem;
  }
}
.min-w-32 {
  min-width: 2rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-32 {
    min-width: 2rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-32 {
    min-width: 2rem;
  }
}
.min-w-36 {
  min-width: 2.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-36 {
    min-width: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-36 {
    min-width: 2.25rem;
  }
}
.min-w-40 {
  min-width: 2.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-40 {
    min-width: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-40 {
    min-width: 2.5rem;
  }
}
.min-w-44 {
  min-width: 2.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-44 {
    min-width: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-44 {
    min-width: 2.75rem;
  }
}
.min-w-48 {
  min-width: 3rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-48 {
    min-width: 3rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-48 {
    min-width: 3rem;
  }
}
.min-w-52 {
  min-width: 3.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-52 {
    min-width: 3.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-52 {
    min-width: 3.25rem;
  }
}
.min-w-56 {
  min-width: 3.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-56 {
    min-width: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-56 {
    min-width: 3.5rem;
  }
}
.min-w-60 {
  min-width: 3.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-60 {
    min-width: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-60 {
    min-width: 3.75rem;
  }
}
.min-w-64 {
  min-width: 4rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-64 {
    min-width: 4rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-64 {
    min-width: 4rem;
  }
}
.min-w-68 {
  min-width: 4.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-68 {
    min-width: 4.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-68 {
    min-width: 4.25rem;
  }
}
.min-w-72 {
  min-width: 4.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-72 {
    min-width: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-72 {
    min-width: 4.5rem;
  }
}
.min-w-76 {
  min-width: 4.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-76 {
    min-width: 4.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-76 {
    min-width: 4.75rem;
  }
}
.min-w-80 {
  min-width: 5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-80 {
    min-width: 5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-80 {
    min-width: 5rem;
  }
}
.min-w-84 {
  min-width: 5.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-84 {
    min-width: 5.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-84 {
    min-width: 5.25rem;
  }
}
.min-w-88 {
  min-width: 5.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-88 {
    min-width: 5.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-88 {
    min-width: 5.5rem;
  }
}
.min-w-92 {
  min-width: 5.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-92 {
    min-width: 5.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-92 {
    min-width: 5.75rem;
  }
}
.min-w-96 {
  min-width: 6rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-96 {
    min-width: 6rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-96 {
    min-width: 6rem;
  }
}
.min-w-100 {
  min-width: 6.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-100 {
    min-width: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-100 {
    min-width: 6.25rem;
  }
}
.min-w-104 {
  min-width: 6.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-104 {
    min-width: 6.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-104 {
    min-width: 6.5rem;
  }
}
.min-w-108 {
  min-width: 6.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-108 {
    min-width: 6.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-108 {
    min-width: 6.75rem;
  }
}
.min-w-112 {
  min-width: 7rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-112 {
    min-width: 7rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-112 {
    min-width: 7rem;
  }
}
.min-w-116 {
  min-width: 7.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-116 {
    min-width: 7.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-116 {
    min-width: 7.25rem;
  }
}
.min-w-120 {
  min-width: 7.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-120 {
    min-width: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-120 {
    min-width: 7.5rem;
  }
}
.min-w-124 {
  min-width: 7.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-124 {
    min-width: 7.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-124 {
    min-width: 7.75rem;
  }
}
.min-w-128 {
  min-width: 8rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-128 {
    min-width: 8rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-128 {
    min-width: 8rem;
  }
}
.min-w-132 {
  min-width: 8.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-132 {
    min-width: 8.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-132 {
    min-width: 8.25rem;
  }
}
.min-w-136 {
  min-width: 8.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-136 {
    min-width: 8.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-136 {
    min-width: 8.5rem;
  }
}
.min-w-140 {
  min-width: 8.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-140 {
    min-width: 8.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-140 {
    min-width: 8.75rem;
  }
}
.min-w-144 {
  min-width: 9rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-144 {
    min-width: 9rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-144 {
    min-width: 9rem;
  }
}
.min-w-148 {
  min-width: 9.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-148 {
    min-width: 9.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-148 {
    min-width: 9.25rem;
  }
}
.min-w-152 {
  min-width: 9.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-152 {
    min-width: 9.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-152 {
    min-width: 9.5rem;
  }
}
.min-w-156 {
  min-width: 9.75rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-156 {
    min-width: 9.75rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-156 {
    min-width: 9.75rem;
  }
}
.min-w-160 {
  min-width: 10rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-160 {
    min-width: 10rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-160 {
    min-width: 10rem;
  }
}
.min-w-168 {
  min-width: 10.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-168 {
    min-width: 10.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-168 {
    min-width: 10.5rem;
  }
}
.min-w-176 {
  min-width: 11rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-176 {
    min-width: 11rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-176 {
    min-width: 11rem;
  }
}
.min-w-180 {
  min-width: 11.25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-180 {
    min-width: 11.25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-180 {
    min-width: 11.25rem;
  }
}
.min-w-184 {
  min-width: 11.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-184 {
    min-width: 11.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-184 {
    min-width: 11.5rem;
  }
}
.min-w-192 {
  min-width: 12rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-192 {
    min-width: 12rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-192 {
    min-width: 12rem;
  }
}
.min-w-200 {
  min-width: 12.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-200 {
    min-width: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-200 {
    min-width: 12.5rem;
  }
}
.min-w-208 {
  min-width: 13rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-208 {
    min-width: 13rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-208 {
    min-width: 13rem;
  }
}
.min-w-224 {
  min-width: 14rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-224 {
    min-width: 14rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-224 {
    min-width: 14rem;
  }
}
.min-w-240 {
  min-width: 15rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-240 {
    min-width: 15rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-240 {
    min-width: 15rem;
  }
}
.min-w-256 {
  min-width: 16rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-256 {
    min-width: 16rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-256 {
    min-width: 16rem;
  }
}
.min-w-272 {
  min-width: 17rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-272 {
    min-width: 17rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-272 {
    min-width: 17rem;
  }
}
.min-w-280 {
  min-width: 17.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-280 {
    min-width: 17.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-280 {
    min-width: 17.5rem;
  }
}
.min-w-288 {
  min-width: 18rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-288 {
    min-width: 18rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-288 {
    min-width: 18rem;
  }
}
.min-w-304 {
  min-width: 19rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-304 {
    min-width: 19rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-304 {
    min-width: 19rem;
  }
}
.min-w-314 {
  min-width: 19.625rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-314 {
    min-width: 19.625rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-314 {
    min-width: 19.625rem;
  }
}
.min-w-320 {
  min-width: 20rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-320 {
    min-width: 20rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-320 {
    min-width: 20rem;
  }
}
.min-w-336 {
  min-width: 21rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-336 {
    min-width: 21rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-336 {
    min-width: 21rem;
  }
}
.min-w-352 {
  min-width: 22rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-352 {
    min-width: 22rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-352 {
    min-width: 22rem;
  }
}
.min-w-368 {
  min-width: 23rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-368 {
    min-width: 23rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-368 {
    min-width: 23rem;
  }
}
.min-w-376 {
  min-width: 23.5rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-376 {
    min-width: 23.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-376 {
    min-width: 23.5rem;
  }
}
.min-w-384 {
  min-width: 24rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-384 {
    min-width: 24rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-384 {
    min-width: 24rem;
  }
}
.min-w-400 {
  min-width: 25rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-400 {
    min-width: 25rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-400 {
    min-width: 25rem;
  }
}
.min-w-416 {
  min-width: 26rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-416 {
    min-width: 26rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-416 {
    min-width: 26rem;
  }
}
.min-w-432 {
  min-width: 27rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-432 {
    min-width: 27rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-432 {
    min-width: 27rem;
  }
}
.min-w-448 {
  min-width: 28rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-448 {
    min-width: 28rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-448 {
    min-width: 28rem;
  }
}
.min-w-464 {
  min-width: 29rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-464 {
    min-width: 29rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-464 {
    min-width: 29rem;
  }
}
.min-w-480 {
  min-width: 30rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-480 {
    min-width: 30rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-480 {
    min-width: 30rem;
  }
}
.min-w-496 {
  min-width: 31rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-496 {
    min-width: 31rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-496 {
    min-width: 31rem;
  }
}
.min-w-512 {
  min-width: 32rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-512 {
    min-width: 32rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-512 {
    min-width: 32rem;
  }
}
.min-w-528 {
  min-width: 33rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-528 {
    min-width: 33rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-528 {
    min-width: 33rem;
  }
}
.min-w-544 {
  min-width: 34rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-544 {
    min-width: 34rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-544 {
    min-width: 34rem;
  }
}
.min-w-560 {
  min-width: 35rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-560 {
    min-width: 35rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-560 {
    min-width: 35rem;
  }
}
.min-w-576 {
  min-width: 36rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-576 {
    min-width: 36rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-576 {
    min-width: 36rem;
  }
}
.min-w-592 {
  min-width: 37rem;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-592 {
    min-width: 37rem;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-592 {
    min-width: 37rem;
  }
}
.min-w-33p {
  min-width: 33.33333%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-33p {
    min-width: 33.33333%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-33p {
    min-width: 33.33333%;
  }
}
.min-w-66p {
  min-width: 66.66666%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-66p {
    min-width: 66.66666%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-66p {
    min-width: 66.66666%;
  }
}
.min-w-25p {
  min-width: 25%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-25p {
    min-width: 25%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-25p {
    min-width: 25%;
  }
}
.min-w-20p {
  min-width: 20%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-20p {
    min-width: 20%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-20p {
    min-width: 20%;
  }
}
.min-w-40p {
  min-width: 40%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-40p {
    min-width: 40%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-40p {
    min-width: 40%;
  }
}
.min-w-45p {
  min-width: 45%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-45p {
    min-width: 45%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-45p {
    min-width: 45%;
  }
}
.min-w-50p {
  min-width: 50%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-50p {
    min-width: 50%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-50p {
    min-width: 50%;
  }
}
.min-w-55p {
  min-width: 55%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-55p {
    min-width: 55%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-55p {
    min-width: 55%;
  }
}
.min-w-60p {
  min-width: 60%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-60p {
    min-width: 60%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-60p {
    min-width: 60%;
  }
}
.min-w-65p {
  min-width: 65%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-65p {
    min-width: 65%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-65p {
    min-width: 65%;
  }
}
.min-w-70p {
  min-width: 70%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-70p {
    min-width: 70%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-70p {
    min-width: 70%;
  }
}
.min-w-75p {
  min-width: 75%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-75p {
    min-width: 75%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-75p {
    min-width: 75%;
  }
}
.min-w-80p {
  min-width: 80%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-80p {
    min-width: 80%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-80p {
    min-width: 80%;
  }
}
.min-w-16p {
  min-width: 16.66666%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-16p {
    min-width: 16.66666%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-16p {
    min-width: 16.66666%;
  }
}
.min-w-83p {
  min-width: 83.33333%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-83p {
    min-width: 83.33333%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-83p {
    min-width: 83.33333%;
  }
}
.min-w-8p {
  min-width: 8.33333%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-8p {
    min-width: 8.33333%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-8p {
    min-width: 8.33333%;
  }
}
.min-w-41p {
  min-width: 41.66666%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-41p {
    min-width: 41.66666%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-41p {
    min-width: 41.66666%;
  }
}
.min-w-58p {
  min-width: 58.33333%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-58p {
    min-width: 58.33333%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-58p {
    min-width: 58.33333%;
  }
}
.min-w-91p {
  min-width: 91.66666%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-91p {
    min-width: 91.66666%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-91p {
    min-width: 91.66666%;
  }
}
.min-w-100p {
  min-width: 100%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-100p {
    min-width: 100%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-100p {
    min-width: 100%;
  }
}
.min-w-half {
  min-width: 50%;
}

@media (max-width: 575.98px) {
  .xs-min-w-half {
    min-width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-min-w-half {
    min-width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-min-w-half {
    min-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-min-w-half {
    min-width: 50%;
  }
}
@media (min-width: 1200px) {
  .xl-min-w-half {
    min-width: 50%;
  }
}
.min-w-full {
  min-width: 100%;
}

@media (max-width: 575.98px) {
  .xs-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: 1199.98px) {
  .lg-min-w-full {
    min-width: 100%;
  }
}
@media (min-width: 1200px) {
  .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 (max-width: 575.98px) {
  .xs-max-w-360 {
    max-width: 22.5rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-max-w-full {
    max-width: 100%;
  }

  .sm-max-w-none {
    max-width: none;
  }

  .sm-max-w-xs {
    max-width: 20rem;
  }
}
@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: 1199.98px) {
  .lg-max-w-full {
    max-width: 100%;
  }

  .lg-max-w-none {
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .xl-max-w-full {
    max-width: 100%;
  }

  .xl-max-w-none {
    max-width: none;
  }
}
/*
  Height
 */
.h-auto {
  height: auto;
}

@media (max-width: 575.98px) {
  .xs-h-auto {
    height: auto !important;
  }
}
@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: 1199.98px) {
  .lg-h-auto {
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-auto {
    height: auto !important;
  }
}
.h-full {
  height: 100%;
}

@media (max-width: 575.98px) {
  .xs-h-full {
    height: 100% !important;
  }
}
@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: 1199.98px) {
  .lg-h-full {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-full {
    height: 100% !important;
  }
}
.h-screen {
  height: 100vh;
}

@media (max-width: 575.98px) {
  .xs-h-screen {
    height: 100vh !important;
  }
}
@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: 1199.98px) {
  .lg-h-screen {
    height: 100vh !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-screen {
    height: 100vh !important;
  }
}
.h-0 {
  height: 0;
}

@media (max-width: 575.98px) {
  .xs-h-0 {
    height: 0 !important;
  }
}
@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: 1199.98px) {
  .lg-h-0 {
    height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-0 {
    height: 0 !important;
  }
}
.h-1 {
  height: 1px;
}

@media (max-width: 575.98px) {
  .xs-h-1 {
    height: 1px !important;
  }
}
@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: 1199.98px) {
  .lg-h-1 {
    height: 1px !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-1 {
    height: 1px !important;
  }
}
.h-2 {
  height: 2px;
}

@media (max-width: 575.98px) {
  .xs-h-2 {
    height: 2px !important;
  }
}
@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: 1199.98px) {
  .lg-h-2 {
    height: 2px !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-2 {
    height: 2px !important;
  }
}
.h-3 {
  height: 3px;
}

@media (max-width: 575.98px) {
  .xs-h-3 {
    height: 3px !important;
  }
}
@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: 1199.98px) {
  .lg-h-3 {
    height: 3px !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-3 {
    height: 3px !important;
  }
}
.h-4 {
  height: 4px;
}

@media (max-width: 575.98px) {
  .xs-h-4 {
    height: 4px !important;
  }
}
@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: 1199.98px) {
  .lg-h-4 {
    height: 4px !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-4 {
    height: 4px !important;
  }
}
.h-5 {
  height: 5px;
}

@media (max-width: 575.98px) {
  .xs-h-5 {
    height: 5px !important;
  }
}
@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: 1199.98px) {
  .lg-h-5 {
    height: 5px !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-5 {
    height: 5px !important;
  }
}
.h-6 {
  height: 6px;
}

@media (max-width: 575.98px) {
  .xs-h-6 {
    height: 6px !important;
  }
}
@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: 1199.98px) {
  .lg-h-6 {
    height: 6px !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-6 {
    height: 6px !important;
  }
}
.h-7 {
  height: 7px;
}

@media (max-width: 575.98px) {
  .xs-h-7 {
    height: 7px !important;
  }
}
@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: 1199.98px) {
  .lg-h-7 {
    height: 7px !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-7 {
    height: 7px !important;
  }
}
.h-8 {
  height: 0.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-8 {
    height: 0.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-8 {
    height: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-8 {
    height: 0.5rem !important;
  }
}
.h-10 {
  height: 0.625rem;
}

@media (max-width: 575.98px) {
  .xs-h-10 {
    height: 0.625rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-10 {
    height: 0.625rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-10 {
    height: 0.625rem !important;
  }
}
.h-12 {
  height: 0.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-12 {
    height: 0.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-12 {
    height: 0.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-12 {
    height: 0.75rem !important;
  }
}
.h-14 {
  height: 0.875rem;
}

@media (max-width: 575.98px) {
  .xs-h-14 {
    height: 0.875rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-14 {
    height: 0.875rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-14 {
    height: 0.875rem !important;
  }
}
.h-16 {
  height: 1rem;
}

@media (max-width: 575.98px) {
  .xs-h-16 {
    height: 1rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-16 {
    height: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-16 {
    height: 1rem !important;
  }
}
.h-18 {
  height: 1.125rem;
}

@media (max-width: 575.98px) {
  .xs-h-18 {
    height: 1.125rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-18 {
    height: 1.125rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-18 {
    height: 1.125rem !important;
  }
}
.h-20 {
  height: 1.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-20 {
    height: 1.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-20 {
    height: 1.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-20 {
    height: 1.25rem !important;
  }
}
.h-24 {
  height: 1.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-24 {
    height: 1.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-24 {
    height: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-24 {
    height: 1.5rem !important;
  }
}
.h-28 {
  height: 1.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-28 {
    height: 1.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-28 {
    height: 1.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-28 {
    height: 1.75rem !important;
  }
}
.h-32 {
  height: 2rem;
}

@media (max-width: 575.98px) {
  .xs-h-32 {
    height: 2rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-32 {
    height: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-32 {
    height: 2rem !important;
  }
}
.h-36 {
  height: 2.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-36 {
    height: 2.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-36 {
    height: 2.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-36 {
    height: 2.25rem !important;
  }
}
.h-40 {
  height: 2.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-40 {
    height: 2.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-40 {
    height: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-40 {
    height: 2.5rem !important;
  }
}
.h-44 {
  height: 2.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-44 {
    height: 2.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-44 {
    height: 2.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-44 {
    height: 2.75rem !important;
  }
}
.h-48 {
  height: 3rem;
}

@media (max-width: 575.98px) {
  .xs-h-48 {
    height: 3rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-48 {
    height: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-48 {
    height: 3rem !important;
  }
}
.h-52 {
  height: 3.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-52 {
    height: 3.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-52 {
    height: 3.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-52 {
    height: 3.25rem !important;
  }
}
.h-56 {
  height: 3.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-56 {
    height: 3.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-56 {
    height: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-56 {
    height: 3.5rem !important;
  }
}
.h-60 {
  height: 3.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-60 {
    height: 3.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-60 {
    height: 3.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-60 {
    height: 3.75rem !important;
  }
}
.h-64 {
  height: 4rem;
}

@media (max-width: 575.98px) {
  .xs-h-64 {
    height: 4rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-64 {
    height: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-64 {
    height: 4rem !important;
  }
}
.h-68 {
  height: 4.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-68 {
    height: 4.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-68 {
    height: 4.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-68 {
    height: 4.25rem !important;
  }
}
.h-72 {
  height: 4.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-72 {
    height: 4.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-72 {
    height: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-72 {
    height: 4.5rem !important;
  }
}
.h-76 {
  height: 4.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-76 {
    height: 4.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-76 {
    height: 4.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-76 {
    height: 4.75rem !important;
  }
}
.h-80 {
  height: 5rem;
}

@media (max-width: 575.98px) {
  .xs-h-80 {
    height: 5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-80 {
    height: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-80 {
    height: 5rem !important;
  }
}
.h-84 {
  height: 5.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-84 {
    height: 5.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-84 {
    height: 5.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-84 {
    height: 5.25rem !important;
  }
}
.h-88 {
  height: 5.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-88 {
    height: 5.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-88 {
    height: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-88 {
    height: 5.5rem !important;
  }
}
.h-92 {
  height: 5.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-92 {
    height: 5.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-92 {
    height: 5.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-92 {
    height: 5.75rem !important;
  }
}
.h-96 {
  height: 6rem;
}

@media (max-width: 575.98px) {
  .xs-h-96 {
    height: 6rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-96 {
    height: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-96 {
    height: 6rem !important;
  }
}
.h-100 {
  height: 6.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-100 {
    height: 6.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-100 {
    height: 6.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-100 {
    height: 6.25rem !important;
  }
}
.h-104 {
  height: 6.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-104 {
    height: 6.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-104 {
    height: 6.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-104 {
    height: 6.5rem !important;
  }
}
.h-108 {
  height: 6.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-108 {
    height: 6.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-108 {
    height: 6.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-108 {
    height: 6.75rem !important;
  }
}
.h-112 {
  height: 7rem;
}

@media (max-width: 575.98px) {
  .xs-h-112 {
    height: 7rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-112 {
    height: 7rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-112 {
    height: 7rem !important;
  }
}
.h-116 {
  height: 7.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-116 {
    height: 7.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-116 {
    height: 7.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-116 {
    height: 7.25rem !important;
  }
}
.h-120 {
  height: 7.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-120 {
    height: 7.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-120 {
    height: 7.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-120 {
    height: 7.5rem !important;
  }
}
.h-124 {
  height: 7.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-124 {
    height: 7.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-124 {
    height: 7.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-124 {
    height: 7.75rem !important;
  }
}
.h-128 {
  height: 8rem;
}

@media (max-width: 575.98px) {
  .xs-h-128 {
    height: 8rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-128 {
    height: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-128 {
    height: 8rem !important;
  }
}
.h-132 {
  height: 8.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-132 {
    height: 8.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-132 {
    height: 8.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-132 {
    height: 8.25rem !important;
  }
}
.h-136 {
  height: 8.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-136 {
    height: 8.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-136 {
    height: 8.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-136 {
    height: 8.5rem !important;
  }
}
.h-140 {
  height: 8.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-140 {
    height: 8.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-140 {
    height: 8.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-140 {
    height: 8.75rem !important;
  }
}
.h-144 {
  height: 9rem;
}

@media (max-width: 575.98px) {
  .xs-h-144 {
    height: 9rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-144 {
    height: 9rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-144 {
    height: 9rem !important;
  }
}
.h-148 {
  height: 9.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-148 {
    height: 9.25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-148 {
    height: 9.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-148 {
    height: 9.25rem !important;
  }
}
.h-152 {
  height: 9.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-152 {
    height: 9.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-152 {
    height: 9.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-152 {
    height: 9.5rem !important;
  }
}
.h-156 {
  height: 9.75rem;
}

@media (max-width: 575.98px) {
  .xs-h-156 {
    height: 9.75rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-156 {
    height: 9.75rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-156 {
    height: 9.75rem !important;
  }
}
.h-160 {
  height: 10rem;
}

@media (max-width: 575.98px) {
  .xs-h-160 {
    height: 10rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-160 {
    height: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-160 {
    height: 10rem !important;
  }
}
.h-168 {
  height: 10.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-168 {
    height: 10.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-168 {
    height: 10.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-168 {
    height: 10.5rem !important;
  }
}
.h-176 {
  height: 11rem;
}

@media (max-width: 575.98px) {
  .xs-h-176 {
    height: 11rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-176 {
    height: 11rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-176 {
    height: 11rem !important;
  }
}
.h-180 {
  height: 11.25rem;
}

@media (max-width: 575.98px) {
  .xs-h-180 {
    height: 11.25rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-h-180 {
    height: 11.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-h-180 {
    height: 11.25rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-h-180 {
    height: 11.25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-180 {
    height: 11.25rem !important;
  }
}
.h-184 {
  height: 11.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-184 {
    height: 11.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-184 {
    height: 11.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-184 {
    height: 11.5rem !important;
  }
}
.h-192 {
  height: 12rem;
}

@media (max-width: 575.98px) {
  .xs-h-192 {
    height: 12rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-192 {
    height: 12rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-192 {
    height: 12rem !important;
  }
}
.h-200 {
  height: 12.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-200 {
    height: 12.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-200 {
    height: 12.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-200 {
    height: 12.5rem !important;
  }
}
.h-208 {
  height: 13rem;
}

@media (max-width: 575.98px) {
  .xs-h-208 {
    height: 13rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-208 {
    height: 13rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-208 {
    height: 13rem !important;
  }
}
.h-216 {
  height: 13.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-216 {
    height: 13.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-216 {
    height: 13.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-216 {
    height: 13.5rem !important;
  }
}
.h-224 {
  height: 14rem;
}

@media (max-width: 575.98px) {
  .xs-h-224 {
    height: 14rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-224 {
    height: 14rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-224 {
    height: 14rem !important;
  }
}
.h-232 {
  height: 14.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-232 {
    height: 14.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-232 {
    height: 14.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-232 {
    height: 14.5rem !important;
  }
}
.h-240 {
  height: 15rem;
}

@media (max-width: 575.98px) {
  .xs-h-240 {
    height: 15rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-240 {
    height: 15rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-240 {
    height: 15rem !important;
  }
}
.h-256 {
  height: 16rem;
}

@media (max-width: 575.98px) {
  .xs-h-256 {
    height: 16rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-256 {
    height: 16rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-256 {
    height: 16rem !important;
  }
}
.h-272 {
  height: 17rem;
}

@media (max-width: 575.98px) {
  .xs-h-272 {
    height: 17rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-272 {
    height: 17rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-272 {
    height: 17rem !important;
  }
}
.h-280 {
  height: 17.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-280 {
    height: 17.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-280 {
    height: 17.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-280 {
    height: 17.5rem !important;
  }
}
.h-288 {
  height: 18rem;
}

@media (max-width: 575.98px) {
  .xs-h-288 {
    height: 18rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-288 {
    height: 18rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-288 {
    height: 18rem !important;
  }
}
.h-304 {
  height: 19rem;
}

@media (max-width: 575.98px) {
  .xs-h-304 {
    height: 19rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-304 {
    height: 19rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-304 {
    height: 19rem !important;
  }
}
.h-320 {
  height: 20rem;
}

@media (max-width: 575.98px) {
  .xs-h-320 {
    height: 20rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-320 {
    height: 20rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-320 {
    height: 20rem !important;
  }
}
.h-336 {
  height: 21rem;
}

@media (max-width: 575.98px) {
  .xs-h-336 {
    height: 21rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-336 {
    height: 21rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-336 {
    height: 21rem !important;
  }
}
.h-352 {
  height: 22rem;
}

@media (max-width: 575.98px) {
  .xs-h-352 {
    height: 22rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-352 {
    height: 22rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-352 {
    height: 22rem !important;
  }
}
.h-368 {
  height: 23rem;
}

@media (max-width: 575.98px) {
  .xs-h-368 {
    height: 23rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-368 {
    height: 23rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-368 {
    height: 23rem !important;
  }
}
.h-376 {
  height: 23.5rem;
}

@media (max-width: 575.98px) {
  .xs-h-376 {
    height: 23.5rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-376 {
    height: 23.5rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-376 {
    height: 23.5rem !important;
  }
}
.h-384 {
  height: 24rem;
}

@media (max-width: 575.98px) {
  .xs-h-384 {
    height: 24rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-384 {
    height: 24rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-384 {
    height: 24rem !important;
  }
}
.h-400 {
  height: 25rem;
}

@media (max-width: 575.98px) {
  .xs-h-400 {
    height: 25rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-400 {
    height: 25rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-400 {
    height: 25rem !important;
  }
}
.h-416 {
  height: 26rem;
}

@media (max-width: 575.98px) {
  .xs-h-416 {
    height: 26rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-416 {
    height: 26rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-416 {
    height: 26rem !important;
  }
}
.h-432 {
  height: 27rem;
}

@media (max-width: 575.98px) {
  .xs-h-432 {
    height: 27rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-432 {
    height: 27rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-432 {
    height: 27rem !important;
  }
}
.h-448 {
  height: 28rem;
}

@media (max-width: 575.98px) {
  .xs-h-448 {
    height: 28rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-448 {
    height: 28rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-448 {
    height: 28rem !important;
  }
}
.h-464 {
  height: 29rem;
}

@media (max-width: 575.98px) {
  .xs-h-464 {
    height: 29rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-464 {
    height: 29rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-464 {
    height: 29rem !important;
  }
}
.h-480 {
  height: 30rem;
}

@media (max-width: 575.98px) {
  .xs-h-480 {
    height: 30rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-480 {
    height: 30rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-480 {
    height: 30rem !important;
  }
}
.h-496 {
  height: 31rem;
}

@media (max-width: 575.98px) {
  .xs-h-496 {
    height: 31rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-496 {
    height: 31rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-496 {
    height: 31rem !important;
  }
}
.h-512 {
  height: 32rem;
}

@media (max-width: 575.98px) {
  .xs-h-512 {
    height: 32rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-512 {
    height: 32rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-512 {
    height: 32rem !important;
  }
}
.h-528 {
  height: 33rem;
}

@media (max-width: 575.98px) {
  .xs-h-528 {
    height: 33rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-528 {
    height: 33rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-528 {
    height: 33rem !important;
  }
}
.h-544 {
  height: 34rem;
}

@media (max-width: 575.98px) {
  .xs-h-544 {
    height: 34rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-544 {
    height: 34rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-544 {
    height: 34rem !important;
  }
}
.h-560 {
  height: 35rem;
}

@media (max-width: 575.98px) {
  .xs-h-560 {
    height: 35rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-560 {
    height: 35rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-560 {
    height: 35rem !important;
  }
}
.h-576 {
  height: 36rem;
}

@media (max-width: 575.98px) {
  .xs-h-576 {
    height: 36rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-576 {
    height: 36rem !important;
  }
}
@media (min-width: 1200px) {
  .xl-h-576 {
    height: 36rem !important;
  }
}
.h-592 {
  height: 37rem;
}

@media (max-width: 575.98px) {
  .xs-h-592 {
    height: 37rem !important;
  }
}
@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: 1199.98px) {
  .lg-h-592 {
    height: 37rem !important;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-min-h-0 {
    min-height: 0;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-min-h-full {
    min-height: 100%;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-min-h-screen {
    min-height: 100vh;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-min-h-84 {
    min-height: 5.25rem;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-max-h-full {
    max-height: 100%;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-max-h-screen {
    max-height: 100vh;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-max-h-5em {
    max-height: 5em;
  }
}
@media (min-width: 1200px) {
  .xl-max-h-5em {
    max-height: 5em;
  }
}
.max-h-72 {
  max-height: 4.5rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-max-h-72 {
    max-height: 4.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-max-h-72 {
    max-height: 4.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-max-h-72 {
    max-height: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .xl-max-h-72 {
    max-height: 4.5rem;
  }
}
/*
  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: 1199.98px) {
  .lg-border-collapse {
    border-collapse: collapse;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-border-separate {
    border-collapse: separate;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-table-auto {
    table-layout: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-table-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-sm {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-md {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-lg {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-xl {
    box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-xl-min {
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 1200px) {
  .xl-shadow-xl-min {
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
  }
}
.shadow-primary {
  box-shadow: 0 10px 25px 0 #1565d8;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-primary {
    box-shadow: 0 10px 25px 0 #1565d8;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-primary {
    box-shadow: 0 10px 25px 0 #1565d8;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-shadow-primary {
    box-shadow: 0 10px 25px 0 #1565d8;
  }
}
@media (min-width: 1200px) {
  .xl-shadow-primary {
    box-shadow: 0 10px 25px 0 #1565d8;
  }
}
.shadow-secondary {
  box-shadow: 0 10px 25px 0 #506690;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-secondary {
    box-shadow: 0 10px 25px 0 #506690;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-secondary {
    box-shadow: 0 10px 25px 0 #506690;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-shadow-secondary {
    box-shadow: 0 10px 25px 0 #506690;
  }
}
@media (min-width: 1200px) {
  .xl-shadow-secondary {
    box-shadow: 0 10px 25px 0 #506690;
  }
}
.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: 1199.98px) {
  .lg-shadow-success {
    box-shadow: 0 10px 25px 0 #36b37e;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-info {
    box-shadow: 0 10px 25px 0 #00b8d9;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-warning {
    box-shadow: 0 10px 25px 0 #faad13;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-shadow-danger {
    box-shadow: 0 10px 25px 0 #f2607b;
  }
}
@media (min-width: 1200px) {
  .xl-shadow-danger {
    box-shadow: 0 10px 25px 0 #f2607b;
  }
}
.shadow-black {
  box-shadow: 0 10px 25px 0 #6AD6A2;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-black {
    box-shadow: 0 10px 25px 0 #6AD6A2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-black {
    box-shadow: 0 10px 25px 0 #6AD6A2;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-shadow-black {
    box-shadow: 0 10px 25px 0 #6AD6A2;
  }
}
@media (min-width: 1200px) {
  .xl-shadow-black {
    box-shadow: 0 10px 25px 0 #6AD6A2;
  }
}
.shadow-gray {
  box-shadow: 0 10px 25px 0 #5a7184;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-gray {
    box-shadow: 0 10px 25px 0 #5a7184;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-gray {
    box-shadow: 0 10px 25px 0 #5a7184;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-shadow-gray {
    box-shadow: 0 10px 25px 0 #5a7184;
  }
}
@media (min-width: 1200px) {
  .xl-shadow-gray {
    box-shadow: 0 10px 25px 0 #5a7184;
  }
}
.shadow-gray-light {
  box-shadow: 0 10px 25px 0 #b3bac5;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-shadow-gray-light {
    box-shadow: 0 10px 25px 0 #b3bac5;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-shadow-gray-light {
    box-shadow: 0 10px 25px 0 #b3bac5;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-shadow-gray-light {
    box-shadow: 0 10px 25px 0 #b3bac5;
  }
}
@media (min-width: 1200px) {
  .xl-shadow-gray-light {
    box-shadow: 0 10px 25px 0 #b3bac5;
  }
}
.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: 1199.98px) {
  .lg-shadow-white {
    box-shadow: 0 10px 25px 0 white;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-0 {
    opacity: 0;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-10 {
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-20 {
    opacity: 0.2;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-25 {
    opacity: 0.25;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-30 {
    opacity: 0.3;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-40 {
    opacity: 0.4;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-50 {
    opacity: 0.5;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-60 {
    opacity: 0.6;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-70 {
    opacity: 0.7;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-75 {
    opacity: 0.75;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-80 {
    opacity: 0.8;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-90 {
    opacity: 0.9;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-appearance-none {
    appearance: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-cursor-auto {
    cursor: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-cursor-default {
    cursor: default;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-cursor-pointer {
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-cursor-wait {
    cursor: wait;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-cursor-text {
    cursor: text;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-cursor-move {
    cursor: move;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-cursor-not-allowed {
    cursor: not-allowed;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-outline-none {
    outline: 0;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-pointer-events-none {
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-pointer-events-auto {
    pointer-events: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-resize {
    resize: both;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-resize-x {
    resize: horizontal;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-resize-y {
    resize: vertical;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-resize-none {
    resize: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-select-none {
    user-select: none;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-select-text {
    user-select: text;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-select-all {
    user-select: all;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-select-auto {
    user-select: auto;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-full-current {
    fill: currentColor;
  }
}
@media (min-width: 1200px) {
  .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: 1199.98px) {
  .lg-stroke-current {
    stroke: currentColor;
  }
}
@media (min-width: 1200px) {
  .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;
    z-index: 111;
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
  }
  .navbar .navbar-collapse .btn.btn-outline-white {
    border-color: #6AD6A2;
    color: #6AD6A2;
  }
  .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: #6AD6A2 !important;
    display: flex;
    line-height: 28px;
    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 10px;
    margin: -5px 0 0 0;
  }
  .navbar .navbar-nav .dropdown-menu.show {
    display: block;
  }
  .navbar .navbar-nav .sub-menu {
    min-width: initial;
  }
  .navbar .navbar-nav .sub-menu .sub-nav-items {
    padding: 0;
    margin: 10px 0;
  }
  .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: #6AD6A2 !important;
    display: flex;
    line-height: 28px;
    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;
    margin-left: 0;
  }
  .navbar .navbar-nav .dropdown-menu.show {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .navbar .container {
    position: relative;
  }
  .navbar .navbar-collapse {
    position: absolute;
    background: white;
    width: calc(100% - 145px);
    width: 100%;
    border-radius: 16px;
    top: 0;
    left: 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: #6AD6A2;
    color: #6AD6A2;
  }
  .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: #6AD6A2 !important;
    display: flex;
    line-height: 28px;
    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;
    margin-left: 0;
  }
  .navbar .navbar-nav .dropdown-menu.show {
    display: block;
  }
}
header {
  padding-top: 20px;
}
header .navbar {
  margin-bottom: 20px;
}

.navbar.navbar-white .navbar-nav > .nav-item > .nav-link {
  color: white;
}
.navbar.navbar-white .navbar-nav .dropdown-menu li a {
  color: #6AD6A2;
}
.navbar.navbar-dark .navbar-nav > .nav-item > .nav-link {
  color: #6AD6A2;
}
.navbar.navbar-dark .navbar-nav .dropdown-menu li a {
  color: #6AD6A2;
}
.navbar .navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .dropdown-menu li:hover > a {
  color: #1565d8;
}
.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;
}
.navbar .dropdown-menu {
  padding: 22px 0;
}
.navbar .dropdown-menu.show {
  display: flex;
}
.navbar .nav-item {
  position: relative;
  line-height: 22px;
}
.navbar .nav-item:hover > a, .navbar .nav-item > a:hover {
  font-weight: 600;
  color: #1565d8;
}
.navbar .nav-item .btn.btn-nav-white {
  color: #1565d8;
  line-height: 24px;
  font-weight: 700;
  padding: 14px 21px;
  background-color: #ffffff;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.12);
}
.navbar .nav-item .btn.btn-nav-white:hover {
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
}
.navbar.navbar-right {
  margin-right: 0;
}
.navbar.navbar-right .nav-item {
  margin: 0;
}
.navbar .nav-item-has-children > a i {
  line-height: inherit;
}
.navbar .nav-item-has-children::before {
  display: none;
  content: "";
  position: absolute;
  margin: 40px 0 0 0;
  width: 100%;
  height: 30px;
  background-color: rgba(255, 0, 0, 0);
}
.navbar .nav-item-has-children:hover::before {
  display: block;
}
.navbar .nav-item-has-children:hover .sub-menu {
  display: flex;
}
.navbar .sub-menu, .navbar .sub-menu-children {
  display: none;
  position: absolute;
  border-radius: 12px;
  box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  white-space: nowrap;
  padding: 26px 16px;
  width: initial;
  flex-direction: column;
  z-index: 9999;
}
.navbar .sub-menu {
  margin: 6px 0 0 -30px;
  min-width: 260px;
}
.navbar .sub-menu .nav-item > a {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  color: #6AD6A2;
  padding: 6px 12px;
}
.navbar .sub-menu .nav-item > a:hover {
  color: #6AD6A2;
  background: transparent;
  text-decoration: underline;
}
.navbar .sub-menu .nav-item-has-children {
  position: relative;
}
.navbar .sub-menu .nav-item-has-children:hover > a {
  color: #1565d8;
  font-weight: 600;
  text-decoration: none;
}
.navbar .sub-menu .nav-item-has-children:hover .sub-menu-children {
  display: flex;
}
.navbar .sub-menu .nav-item-has-children + .nav-item {
  margin-top: 8px;
}
.navbar .sub-menu .sub-nav-items {
  padding: 0 12px;
}
.navbar .sub-menu h5 {
  font-family: inherit;
  font-size: 16px;
  line-height: inherit;
  font-weight: bold;
  color: #1565d8;
  padding: 6px 12px;
  margin: 0;
}
.navbar .sub-menu.sub-menu-3-col {
  width: initial;
  flex-direction: row;
}
.navbar .sub-menu.sub-menu-3-col .nav-item > a {
  display: inline-block;
}
.navbar .sub-menu-children {
  left: 100%;
  top: 0;
  margin: -15px 0 0 -4px;
  min-width: 240px;
}

.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;
  z-index: 1111;
}
.dropdown-menu.dropdown-menu-sub {
  padding: 22px 0;
}
.dropdown-menu.dropdown-menu-sub .dropdown-submenu > .nav-link,
.dropdown-menu.dropdown-menu-sub .nav-item > .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: #6AD6A2;
  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;
}

@media (max-width: 991.98px) {
  .navbar .nav-item-has-children:hover .sub-menu {
    display: block;
  }
  .navbar .sub-menu, .navbar .sub-menu-children {
    position: relative;
    left: initial;
    top: initial;
    box-shadow: none;
    background: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
  }
  .navbar .sub-menu {
    margin-top: -10px;
  }
  .navbar .sub-menu .nav-item > a {
    padding-right: 0;
    line-height: 28px;
  }
  .navbar .sub-menu .nav-item-has-children > a i {
    transform: rotate(90deg);
  }
  .navbar .sub-menu-with-child {
    margin: 0 0 10px;
  }
  .navbar .sub-menu-children {
    padding-left: 15px;
  }
}
.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 #6AD6A2;
}
.card-pricing-primary {
  border-top: 3px solid #1565d8;
}
.card-pricing-primary .price h2 {
  color: #1565d8 !important;
}
.card-pricing-secondary {
  border-top: 3px solid #506690;
}
.card-pricing-secondary .price h2 {
  color: #506690 !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 #5a7184;
}
.card-pricing-gray .price h2 {
  color: #5a7184 !important;
}
.card-pricing-gray-light {
  border-top: 3px solid #b3bac5;
}
.card-pricing-gray-light .price h2 {
  color: #b3bac5 !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: #6AD6A2;
}
.card-pricing .price h2 span {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  color: #5a7184;
}
.card-pricing .price h4 {
  color: #6AD6A2;
}
.card-pricing .price p {
  color: #5a7184;
}
.card-pricing .pricing-list li {
  display: flex;
  align-items: center;
  color: #6AD6A2;
}
.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 #1565d8;
  font-size: 1rem;
  color: #6AD6A2;
}

.bootstrap-select .btn-light {
  height: 3.5rem !important;
}

select.form-control {
  height: 3.375rem;
  padding-left: 1.25rem;
  color: #6AD6A2;
  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: #5a7184;
  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: #6AD6A2;
  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: #5a7184;
  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(21, 101, 216, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-f .play-content {
  width: 36px;
  height: 36px;
  border-radius: 100px;
  background-color: #1565d8;
  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: 32px;
}
.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;
  }

  .c-customer-review-meta .meta p {
    font-size: 14px;
  }
  .c-customer-review-meta .meta span {
    font-size: 12px;
  }
}
@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: 10%;
  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 {
  background-color: #1A1A1A;
}
.footer-white .footer-widget h5 {
  color: #6AD6A2;
}
.footer-white .footer-widget .description {
  color: #5a7184;
}
.footer-white .footer-widget-link li a {
  color: #6AD6A2;
}
.footer-white .footer-copyright p {
  font-family: "effra-cc", sans-serif;
font-weight: 300;
  font-weight: 100!important;
  font-size: 16px;
  color: #5a7184;
}

.footer-white .footer-copyright p a{
  font-weight: 100!important;
  font-size: 16px;
  color: #5a7184;
}

.footer-dark {
  background-color: #0d2436;
}
.footer-dark .footer-widget h5 {
  color: #5a7184;
}
.footer-dark .footer-widget .description {
  color: #5a7184;
}
.footer-dark .footer-widget-link li a {
  color: #959ead;
}
.footer-dark .footer-copyright p {
  color: #5a7184;
}

@media (max-width: 767.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: inline-block;
    flex-direction: column;
    align-items: center;
  }


  .footer .footer-right .col-sm-6 {
    width: 50% !important;
  }
  .footer .footer-right .footer-widget {
    margin-bottom: 39px;
  }
  .footer .footer-right .footer-widget h5 {
    margin-bottom: 20px;
  }
  .footer-copyright {
    font-size: 1rem;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .footer .footer-right {
    margin-bottom: 8px;
  }
  .footer .footer-right .footer-widget h5 {
    font-size: 1rem;
  }
  .footer .footer-right .footer-widget li {
    margin-bottom: 15px;
  }
  .footer .footer-right .footer-widget li a {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .footer-right .footer-widget {
    margin-bottom: 48px;
  }
  .footer-copyright {
    margin-top: 14px;
  }
}
.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;
}

.company-about header {
  background-image: url("../images/covers/cover-4@2x.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.company-about header .hero {
  padding-top: 96px;
  padding-bottom: 110px;
}
.company-about .about {
  padding-top: 64px;
}
.company-about .about-gallery-top, .company-about .about-gallery-bottom {
  display: flex;
}
.company-about .about-gallery-top li, .company-about .about-gallery-bottom li {
  border-radius: 0.5rem;
}
.company-about .about-gallery-top li img, .company-about .about-gallery-bottom li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.company-about .about-gallery-top {
  padding-top: 140px;
}
.company-about .about-gallery-top li:nth-of-type(1) {
  width: 380px;
  height: 460px;
  margin-left: 70px;
}
.company-about .about-gallery-top li:nth-of-type(2) {
  width: 360px;
  height: 240px;
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 25px;
  margin-top: 120px;
}
.company-about .about-gallery-top li:nth-of-type(3) {
  width: 440px;
  height: 320px;
  position: absolute;
  right: 0;
  margin-right: -145px;
  margin-bottom: 25px;
  margin-top: 40px;
}
.company-about .about-gallery-bottom li:nth-of-type(1) {
  width: 440px;
  height: 320px;
  margin-top: 25px;
  margin-left: -150px;
}
.company-about .about-gallery-bottom li:nth-of-type(2) {
  width: 210px;
  height: 240px;
  margin-left: 25px;
  margin-top: 25px;
}
.company-about .about-gallery-bottom li:nth-of-type(3) {
  width: 600px;
  height: 420px;
  margin-left: 25px;
  margin-top: -75px;
}
.company-about .about-gallery-bottom li.pattern {
  width: 120px;
  height: 142px;
  margin-top: -80px;
  margin-left: 25px;
}
.company-about .about-gallery-bottom li.pattern img {
  object-fit: unset;
}
.company-about .values {
  padding-top: 200px;
  padding-bottom: 122px;
}
.company-about .values .heading {
  margin-bottom: 110px;
}
.company-about .team {
  padding-top: 200px;
  padding-bottom: 165px;
  background-image: url("../images/covers/cover-7@2x.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
.company-about .team .left {
  padding-right: 180px;
}
.company-about .team .heading {
  margin-bottom: 40px;
}
.company-about .team .team-list-top,
.company-about .team .team-list-bottom {
  border-radius: 12px;
}
.company-about .team .team-list-top img,
.company-about .team .team-list-bottom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 50px 0 rgba(15, 24, 44, 0.25);
}
.company-about .team .team-list-top {
  display: flex;
}
.company-about .team .team-list-top li:nth-of-type(1) {
  width: 96px;
  height: 96px;
  margin-top: 70px;
  z-index: 1;
}
.company-about .team .team-list-top li:nth-of-type(2) {
  width: 64px;
  height: 64px;
  position: absolute;
  margin-left: 170px;
  margin-top: 165px;
}
.company-about .team .team-list-top li:nth-of-type(3) {
  width: 160px;
  height: 180px;
  margin-top: -60px;
  position: absolute;
  right: 0;
  margin-right: 100px;
  z-index: 1;
}
.company-about .team .team-list-top li.blue-circle {
  width: 32px;
  height: 32px;
  border-radius: 100px;
  background-color: #1565d8;
  position: absolute;
  right: 0;
  margin-right: 85px;
  margin-top: 100px;
}
.company-about .team .team-list-top li.gray-circle {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background-color: #e5eaf4;
  position: absolute;
  margin-top: 155px;
  margin-left: -10px;
}
.company-about .team .team-list-bottom {
  display: flex;
}
.company-about .team .team-list-bottom li:nth-of-type(1) {
  width: 120px;
  height: 120px;
  margin-top: 118px;
  margin-left: 90px;
  z-index: 1;
}
.company-about .team .team-list-bottom li:nth-of-type(2) {
  width: 96px;
  height: 96px;
  position: absolute;
  margin-left: 350px;
  margin-top: 30px;
}
.company-about .team .team-list-bottom li.pattern {
  width: 86px;
  height: 102px;
  position: absolute;
  margin-top: 90px;
  margin-left: 165px;
}
.company-about .team .team-list-bottom li.pattern img {
  object-fit: unset !important;
  box-shadow: none;
  border-radius: 0;
}
.company-about .customers {
  background-image: linear-gradient(to bottom, #f8fbff, rgba(250, 251, 251, 0));
  padding-top: 64px;
  padding-bottom: 144px;
}
.company-about .customers .heading {
  margin-bottom: 64px;
  padding-right: 100px;
}
.company-about .customers-list {
  display: flex;
  align-items: center;
}
.company-about .customers-list li {
  margin-right: 58px;
}
.company-about .customers-list li:last-child {
  margin-right: 0;
}
.company-about .customers-list li img {
  height: 25px;
}
.company-about .footer {
  padding-top: 128px;
}

@media (max-width: 575.98px) {
  .company-about .divider {
    display: none;
  }
  .company-about .relative svg {
    display: none;
  }
  .company-about header .hero {
    padding-top: 40px;
    padding-bottom: 64px;
  }
  .company-about .about .about-gallery-top {
    padding-top: 48px;
  }
  .company-about .about .about-gallery-top li:nth-of-type(1) {
    width: 80px;
    height: 210px;
    margin-left: -40px;
    position: relative;
    margin-right: 0;
  }
  .company-about .about .about-gallery-top li:nth-of-type(2) {
    width: 157px;
    height: 105px;
    margin: 75px 10px 10px;
  }
  .company-about .about .about-gallery-top li:nth-of-type(3) {
    width: 200px;
    height: 140px;
    position: absolute;
    right: 0;
    margin-right: -75px;
    margin-bottom: 25px;
    margin-top: 40px;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(1), .company-about .about .about-gallery-bottom li:nth-of-type(4) {
    display: none;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(2) {
    width: 70px;
    height: 105px;
    margin-left: -30px;
    margin-top: 10px;
    position: relative;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(3) {
    width: 251px;
    height: 183px;
    margin-left: 10px;
    margin-top: -20px;
  }
  .company-about .values {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .company-about .values .heading {
    margin-bottom: 48px;
  }
  .company-about .team {
    padding-top: 120px;
    padding-bottom: 82px;
  }
  .company-about .team .left {
    padding-right: 15px;
    text-align: center;
  }
  .company-about .team-list-top li:nth-of-type(1) {
    margin-left: -76px !important;
    margin-top: 110px !important;
  }
  .company-about .team-list-top li:nth-of-type(2) {
    margin-left: 80px !important;
    margin-top: 210px !important;
  }
  .company-about .team-list-top li:nth-of-type(3) {
    margin-top: 22px !important;
    margin-right: -53px !important;
  }
  .company-about .team-list-top li.gray-circle, .company-about .team-list-top li.blue-circle {
    display: none;
  }
  .company-about .team-list-bottom li:nth-of-type(1) {
    margin-left: 10px !important;
  }
  .company-about .team-list-bottom li:nth-of-type(2) {
    margin-left: 284px !important;
    margin-top: 40px !important;
  }
  .company-about .team-list-bottom li.pattern {
    margin-left: 90px !important;
  }
  .company-about .customers {
    padding-bottom: 0;
  }
  .company-about .customers .heading {
    padding-right: 0;
    margin-bottom: 48px;
    text-align: center;
  }
  .company-about .customers .content .customers-list {
    flex-direction: column;
  }
  .company-about .customers .content .customers-list li {
    margin-right: 0;
    margin-bottom: 53px;
  }
  .company-about .customers .content .customers-list li img {
    height: 30px;
  }
  .company-about .footer {
    padding-top: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .company-about .divider {
    display: none;
  }
  .company-about .relative svg {
    display: none;
  }
  .company-about header .hero {
    padding-top: 40px;
    padding-bottom: 64px;
  }
  .company-about .about .about-gallery-top {
    padding-top: 48px;
  }
  .company-about .about .about-gallery-top li:nth-of-type(1) {
    width: 80px;
    height: 210px;
    margin-left: -40px;
    position: relative;
    margin-right: 0;
  }
  .company-about .about .about-gallery-top li:nth-of-type(2) {
    width: 157px;
    height: 105px;
    margin: 75px 10px 10px;
  }
  .company-about .about .about-gallery-top li:nth-of-type(3) {
    width: 200px;
    height: 140px;
    position: absolute;
    right: 0;
    margin-right: -75px;
    margin-bottom: 25px;
    margin-top: 40px;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(1), .company-about .about .about-gallery-bottom li:nth-of-type(4) {
    display: none;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(2) {
    width: 70px;
    height: 105px;
    margin-left: -30px;
    margin-top: 10px;
    position: relative;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(3) {
    width: 251px;
    height: 183px;
    margin-left: 10px;
    margin-top: -20px;
  }
  .company-about .values {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .company-about .values .heading {
    margin-bottom: 48px;
  }
  .company-about .team {
    padding-top: 120px;
    padding-bottom: 82px;
  }
  .company-about .team .left {
    padding-right: 15px;
    text-align: center;
  }
  .company-about .team-list-top li:nth-of-type(1) {
    margin-left: -76px !important;
    margin-top: 110px !important;
  }
  .company-about .team-list-top li:nth-of-type(2) {
    margin-left: 80px !important;
    margin-top: 210px !important;
  }
  .company-about .team-list-top li:nth-of-type(3) {
    margin-top: 22px !important;
    margin-right: -53px !important;
  }
  .company-about .team-list-top li.gray-circle, .company-about .team-list-top li.blue-circle {
    display: none;
  }
  .company-about .team-list-bottom li:nth-of-type(1) {
    margin-left: 10px !important;
  }
  .company-about .team-list-bottom li:nth-of-type(2) {
    margin-left: 284px !important;
    margin-top: 40px !important;
  }
  .company-about .team-list-bottom li.pattern {
    margin-left: 90px !important;
  }
  .company-about .customers {
    padding-bottom: 0;
  }
  .company-about .customers .heading {
    padding-right: 0;
    margin-bottom: 48px;
    text-align: center;
  }
  .company-about .customers .content .customers-list {
    flex-direction: column;
  }
  .company-about .customers .content .customers-list li {
    margin-right: 0;
    margin-bottom: 53px;
  }
  .company-about .customers .content .customers-list li img {
    height: 30px;
  }
  .company-about .footer {
    padding-top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .company-about .about .about-gallery-top li:nth-of-type(1) {
    width: 180px !important;
    margin-left: -80px !important;
  }
  .company-about .about .about-gallery-top li:nth-of-type(3) {
    margin-right: -310px !important;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(1), .company-about .about .about-gallery-bottom li.pattern {
    display: none;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(2) {
    width: 256px !important;
    margin-left: -110px !important;
  }
  .company-about .about .about-gallery-bottom li:nth-of-type(3) {
    width: 720px !important;
    margin-right: -100px !important;
  }
  .company-about .team {
    padding-top: 120px;
  }
  .company-about .team .right {
    margin-left: 200px;
    position: relative;
  }
  .company-about .customers {
    padding-top: 65px;
    padding-bottom: 192px;
  }
  .company-about .customers .heading {
    margin-bottom: 49px;
  }
  .company-about .customers .content .customers-list {
    flex-wrap: wrap;
  }
  .company-about .customers .content .customers-list li {
    width: calc(100% / 5);
    margin-right: 0;
  }
  .company-about .customers .content .customers-list li .btn {
    position: absolute;
    margin-top: 40px;
  }
}
.company-pricing header {
  background-image: linear-gradient(to bottom, rgba(250, 251, 251, 0), #f8fbff);
  padding-bottom: 238px;
}
.company-pricing header.clip-eb {
  clip-path: ellipse(150% 122% at 50% -30%);
}
.company-pricing header .hero {
  padding-top: 96px;
  padding-bottom: 63px;
}
.company-pricing header .hero .heading p {
  font-size: 1.25rem !important;
  line-height: 2.25rem !important;
}
.company-pricing .features {
  padding-top: 64px;
  padding-bottom: 135px;
}
.company-pricing .features .heading {
  margin-bottom: 64px;
}
.company-pricing .faq {
  padding-top: 147px;
  background-image: linear-gradient(to bottom, rgba(250, 251, 251, 0), #f8fbff);
}
.company-pricing .faq.clip-eb {
  clip-path: ellipse(170% 125% at 50% -30%);
}
.company-pricing .faq .heading {
  margin-bottom: 64px;
}
.company-pricing .faq-question {
  margin-top: 144px;
  padding-bottom: 48px;
}
.company-pricing .footer {
  padding-top: 64px;
}

@media (max-width: 575.98px) {
  .company-pricing header.clip-eb {
    clip-path: none;
    padding-bottom: 0 !important;
  }
  .company-pricing header .hero {
    padding-top: 40px;
  }
  .company-pricing header .hero p {
    font-size: 1rem !important;
    line-height: 28px !important;
  }
  .company-pricing header .hero .card-pricing {
    margin-bottom: 24px;
  }
  .company-pricing .features {
    padding-top: 96px;
    padding-bottom: 63px;
  }
  .company-pricing .features .card-f {
    margin-bottom: 33px;
  }
  .company-pricing .faq {
    padding-top: 96px;
  }
  .company-pricing .faq.clip-eb {
    clip-path: ellipse(300% 125% at 50% -30%);
  }
  .company-pricing .faq .faq-question {
    margin-top: 96px;
  }
  .company-pricing .faq .faq-question .card-f {
    margin-bottom: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .company-pricing header.clip-eb {
    clip-path: none;
    padding-bottom: 0 !important;
  }
  .company-pricing header .hero {
    padding-top: 40px;
  }
  .company-pricing header .hero p {
    font-size: 1rem !important;
    line-height: 28px !important;
  }
  .company-pricing header .hero .card-pricing {
    margin-bottom: 24px;
  }
  .company-pricing .features {
    padding-top: 96px;
    padding-bottom: 63px;
  }
  .company-pricing .features .card-f {
    margin-bottom: 33px;
  }
  .company-pricing .faq {
    padding-top: 96px;
  }
  .company-pricing .faq.clip-eb {
    clip-path: ellipse(300% 125% at 50% -30%);
  }
  .company-pricing .faq .faq-question {
    margin-top: 96px;
  }
  .company-pricing .faq .faq-question .card-f {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .company-pricing header.clip-eb {
    clip-path: none;
    padding-bottom: 0 !important;
  }
  .company-pricing header .hero .card-pricing {
    margin-bottom: 24px;
  }
  .company-pricing .features {
    padding-top: 96px;
    padding-bottom: 63px;
  }
  .company-pricing .features .card-f {
    margin-bottom: 33px;
  }
  .company-pricing .faq {
    padding-top: 96px;
  }
  .company-pricing .faq.clip-eb {
    clip-path: ellipse(300% 125% at 50% -30%);
  }
  .company-pricing .faq .faq-question {
    margin-top: 96px;
  }
  .company-pricing .faq .faq-question .card-f {
    margin-bottom: 16px;
  }
}
.company-faq header {
  background-image: url("../images/covers/cover-4@2x.png");
  background-position: top center;
  background-size: cover;
}
.company-faq header .hero {
  padding-top: 120px;
  padding-bottom: 145px;
}
.company-faq .categories {
  padding-top: 46px;
}
.company-faq .categories .heading {
  margin-bottom: 50px;
}
.company-faq .faq {
  padding-top: 147px;
  background-image: linear-gradient(to bottom, rgba(250, 251, 251, 0), #f8fbff);
}
.company-faq .faq.clip-eb {
  clip-path: ellipse(180% 125% at 50% -30%);
}
.company-faq .faq .heading {
  margin-bottom: 64px;
}
.company-faq .faq-question {
  margin-top: 144px;
  padding-bottom: 48px;
}

@media (max-width: 575.98px) {
  .company-faq header .hero {
    padding-top: 40px;
    padding-bottom: 64px;
  }
  .company-faq .categories .heading h3 {
    font-size: 18px !important;
    line-height: normal !important;
  }
  .company-faq .categories .content .card-f {
    margin-bottom: 16px;
  }
  .company-faq .faq {
    padding-top: 48px;
  }
  .company-faq .faq-question {
    margin-top: 72px;
  }
  .company-faq .faq-question .card-f {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .company-faq header .hero {
    padding-top: 40px;
    padding-bottom: 64px;
  }
  .company-faq .categories .heading h3 {
    font-size: 18px !important;
    line-height: normal !important;
  }
  .company-faq .categories .content .card-f {
    margin-bottom: 16px;
  }
  .company-faq .faq {
    padding-top: 48px;
  }
  .company-faq .faq-question {
    margin-top: 72px;
  }
  .company-faq .faq-question .card-f {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .company-faq header.clip-eb {
    clip-path: ellipse(200% 120% at 50% -30%);
  }
  .company-faq header .hero {
    padding-top: 40px;
    padding-bottom: 64px;
  }
  .company-faq .categories .heading h3 {
    font-size: 18px !important;
    line-height: normal !important;
  }
  .company-faq .categories .content .card-f {
    margin-bottom: 16px;
  }
  .company-faq .faq {
    padding-top: 48px;
  }
  .company-faq .faq.clip-eb {
    clip-path: ellipse(300% 120% at 50% -30%);
  }
  .company-faq .faq-question {
    margin-top: 72px;
  }
  .company-faq .faq-question .card-f {
    margin-bottom: 1rem;
  }
}
.company-contact header {
  background-image: url("../images/covers/cover-5@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.company-contact header .hero {
  padding-top: 98px;
  padding-bottom: 175px;
}
.company-contact .contact-form {
  margin-top: -350px;
}
.company-contact .contact-form .content {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.03);
}
.company-contact .contact-form-detail {
  background-image: linear-gradient(to bottom, rgba(250, 251, 251, 0), #f8fbff);
  padding-top: 142px;
}

@media (max-width: 575.98px) {
  .company-contact header .hero {
    padding-top: 40px;
  }
  .company-contact header .hero p {
    font-size: 1rem !important;
  }
  .company-contact .contact-form {
    margin-top: -180px;
  }
  .company-contact .contact-form .content {
    padding: 24px 20px;
  }
  .company-contact .contact-form .content .form-row .col {
    flex-basis: auto;
  }
  .company-contact .contact-form-detail {
    padding-top: 80px;
  }
  .company-contact .contact-form-detail .card-f {
    margin-bottom: 56px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .company-contact header .hero {
    padding-top: 40px;
  }
  .company-contact header .hero p {
    font-size: 1rem !important;
  }
  .company-contact .contact-form {
    margin-top: -180px;
  }
  .company-contact .contact-form .content {
    padding: 24px 20px;
  }
  .company-contact .contact-form .content .form-row .col {
    flex-basis: auto;
  }
  .company-contact .contact-form-detail {
    padding-top: 80px;
  }
  .company-contact .contact-form-detail .card-f {
    margin-bottom: 56px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .company-contact header .hero {
    padding-top: 88px;
  }
  .company-contact header .hero .heading p {
    font-size: 20px !important;
    line-height: 36px !important;
  }
  .company-contact .contact-form-detail {
    padding-top: 120px;
  }
  .company-contact .contact-form-detail.clip-eb {
    clip-path: ellipse(300% 120% at 50% -30%);
  }
  .company-contact .contact-form-detail .card-f {
    margin-bottom: 48px;
    padding-left: 140px;
    padding-right: 140px;
  }
}
.company-career header {
  background-image: url("../images/career/header-bg-left@2x.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 500px auto;
  margin-bottom: 0;
}
.company-career header .hero {
  background-image: url("../images/career/header-bg-right@2x.png") !important;
  background-repeat: no-repeat;
  background-position: top 50px right;
  background-size: 539px auto;
  padding-bottom: 234px;
}
.company-career header .ill-1 {
  width: 370px;
  height: 434px;
}
.company-career header .ill-2 {
  width: 354px;
  height: 455px;
}
.company-career .about {
  background-image: linear-gradient(to bottom, rgba(250, 251, 251, 0), #f8fbff);
  padding-bottom: 200px;
}
.company-career .about::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 345px;
  height: 393px;
  background-image: url("../images/career/career-about-bg@2x.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.company-career .who-we-are {
  position: relative;
  z-index: 2;
  padding-bottom: 75px;
  background: url(../images/career/career-wwa-bg@2x.png) bottom 90px right;
  background-size: 696px auto;
  background-repeat: no-repeat;
  background-blend-mode: screen;
}
.company-career .who-we-are::before {
  content: "";
  position: absolute;
  left: 0;
  top: -195px;
  width: 100%;
  height: 200px;
  background: url(../images/components/wave-bottom-out.svg) center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
.company-career .who-we-are img {
  box-shadow: 0 24px 60px 0 rgba(15, 24, 44, 0.15);
}
.company-career .what-we-do {
  padding-top: 75px;
  padding-bottom: 225px;
}
.company-career .why-work-here {
  padding-top: 200px;
  padding-bottom: 130px;
  margin-top: -195px;
  background: url(../images/components/wave-top-out.svg) top center, linear-gradient(to bottom, #f8fbff, rgba(250, 251, 251, 0));
  background-size: 100%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
}
.company-career .why-work-here .box-wwh {
  padding: 56px 56px 24px;
}
.company-career .card-career {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #e5eaf4;
  padding: 20px 32px;
}
.company-career .card-career:hover {
  text-decoration: none;
}
.company-career .card-career .card-header {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: none;
  border: none;
}

@media (max-width: 1199.98px) {
  .company-career header {
    text-align: center;
  }
  .company-career header p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
  .company-career header .hero {
    background-position: bottom 50px right -100px;
    padding-bottom: 172px;
  }
  .company-career header .ill-1 {
    width: 252px;
    height: 296px;
  }
  .company-career header .ill-2 {
    width: 312px;
    height: 400px;
  }
  .company-career .about::before {
    display: none;
  }
  .company-career .who-we-are img {
    width: 314px;
  }
  .company-career .what-we-do img {
    width: 475px;
    height: 462px;
  }
}
@media (max-width: 767.98px) {
  .company-career header .ill-1 {
    width: 175px;
    height: 205px;
  }
  .company-career header .ill-2 {
    width: 216px;
    height: 278px;
  }
}
@media (max-width: 575.98px) {
  .company-career header .hero {
    padding-bottom: 56px;
    background-size: 300px auto;
  }
  .company-career .about {
    padding-bottom: 12px;
  }
  .company-career .who-we-are {
    padding-top: 64px;
  }
  .company-career .who-we-are::before {
    display: none;
  }
  .company-career .who-we-are img {
    width: 166px;
  }
}
.company-career-detail header .hero {
  background: linear-gradient(to bottom, rgba(250, 251, 251, 0), #f8fbff), url(../images/components/wave-bottom-out.svg) center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  padding-bottom: 180px;
}
.company-career-detail .card-f-career-detail {
  border-radius: 8px;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.03);
  background-color: #ffffff;
  padding: 24px;
}
.company-career-detail .career-detail-form .content {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.03);
}
.company-career-detail .career-detail-form .career-detail-form-bg {
  background: linear-gradient(to bottom, #f8fbff, rgba(250, 251, 251, 0)), url(../images/components/wave-top-out.svg) center top;
  background-size: 100%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  height: 1356px;
  margin-bottom: -1400px;
  margin-top: 50px;
}

@media (max-width: 991.98px) {
  .company-career-detail header .hero {
    padding-bottom: 152px;
  }
}
header.company-styleguide .sidebar-menu {
  display: none;
}

main.company-styleguide {
  padding-bottom: 80px;
}
main.company-styleguide .sidebar {
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 20px;
  padding-left: 10px;
  width: 263px;
  height: fit-content;
}
main.company-styleguide .sidebar-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  padding-left: 14px;
}
main.company-styleguide .sidebar-content > a {
  font-size: 16px;
  color: #6AD6A2;
  display: block;
  padding-top: 13px;
  padding-bottom: 15px;
  padding-left: 14px;
}
main.company-styleguide .sidebar-content > a:hover {
  background-color: white;
  text-decoration: none;
}
main.company-styleguide .sidebar-content.active > a {
  color: #1565d8;
  background-color: white;
  border-radius: 8px;
  font-weight: bold;
}
main.company-styleguide .content {
  width: 817px;
}
main.company-styleguide .content .badge {
  padding: 2px 8px;
}
main.company-styleguide .content hr {
  margin-top: 56.5px;
  margin-bottom: 55.5px;
}
main.company-styleguide .content .main-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-styleguide .content .main-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
main.company-styleguide .content .content-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-styleguide .content .content-desc {
  font-size: 16px;
  line-height: 1.75;
  color: #6AD6A2;
}
main.company-styleguide .content .new-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #1565d8;
}
main.company-styleguide .content .new-date {
  font-size: 14px;
  line-height: 1.43;
  color: #6AD6A2;
  margin-left: 13px;
}
main.company-styleguide .content .new-date::before {
  content: "\a";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b3bac5;
  display: inline-block;
  margin-right: 12px;
}
main.company-styleguide .content .subcontent-logo {
  padding: 36px;
  padding-right: 35px;
  padding-bottom: 48px;
}
main.company-styleguide .content .subcontent-logo .fa-download:hover {
  opacity: 0.8;
  cursor: pointer;
}
main.company-styleguide .content .logo-card img {
  padding: 117px;
  padding-top: 70px;
  padding-bottom: 58px;
}
main.company-styleguide .content .logo-card.bg-black .flex {
  background-color: #2f4e67;
}
main.company-styleguide .content .logo-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-styleguide .content .illustration-card {
  height: 310px;
}
main.company-styleguide .content .illustration-card img {
  padding-right: 91px;
  padding-left: 92px;
  height: 100%;
}
main.company-styleguide .content .illustration-card .illustration-text {
  height: 100%;
  width: 321px;
  padding: 0 53px;
}
main.company-styleguide .content .illustration-card .illustration-text .content-title {
  margin-right: 74px;
}
main.company-styleguide .content .illustration-card .illustration-text .illustration-desc {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
main.company-styleguide .content .subcontent-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-styleguide .content .subcontent-desc {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
main.company-styleguide .content .color-boxes {
  margin: -19px;
}
main.company-styleguide .content .color-box-container {
  padding: 19px;
}
main.company-styleguide .content .color-box {
  width: 132px;
  height: 144px;
  border-radius: 4.8px;
}
main.company-styleguide .content .color-hex {
  font-size: 14.4px;
  font-weight: bold;
  color: #6AD6A2;
}
main.company-styleguide .content .color-name {
  font-size: 10.8px;
  font-weight: 600;
  color: #5a7184;
}
main.company-styleguide .content .table-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-styleguide .content .typography-category {
  width: 200px;
}
main.company-styleguide .content .typography-typeface {
  width: 179px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  letter-spacing: 0.18px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .typography-font {
  width: 153px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.18px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .typography-size {
  width: 128px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.18px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .typography-spacing {
  width: 153px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.18px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .border-b {
  border-width: 0 0 1px 0;
  border-color: #e3e7ed;
  border-style: solid;
}
main.company-styleguide .content .border-r {
  border-width: 0 1px 1px 0;
  border-color: #e3e7ed;
  border-right-style: solid !important;
}
main.company-styleguide .content .row-h1 {
  height: 88px;
}
main.company-styleguide .content .row-h1 .typography-category {
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-h2 {
  height: 72px;
}
main.company-styleguide .content .row-h2 .typography-category {
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-h3 {
  height: 60px;
}
main.company-styleguide .content .row-h3 .typography-category {
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-h4 {
  height: 52px;
}
main.company-styleguide .content .row-h4 .typography-category {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-h5 {
  height: 44px;
}
main.company-styleguide .content .row-h5 .typography-category {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-h6 {
  height: 41px;
}
main.company-styleguide .content .row-h6 .typography-category {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-p1 {
  height: 55.5px;
}
main.company-styleguide .content .row-p1 .typography-category {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-p2 {
  height: 49px;
}
main.company-styleguide .content .row-p2 .typography-category {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-p3 {
  height: 45px;
}
main.company-styleguide .content .row-p3 .typography-category {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .row-icon {
  height: 39.5px;
}
main.company-styleguide .content .row-icon .typography-category {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #6AD6A2;
}
main.company-styleguide .content .subcontent-icon .icon-name {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-styleguide .content .subcontent-icon .senja-icon {
  width: 524px;
  height: 318px;
  padding: 9px 22px;
  box-shadow: 0px 28px 32px 0px rgba(0, 0, 0, 0.06);
}
main.company-styleguide .content .subcontent-icon .fa-icon {
  width: 262px;
  height: 318px;
  box-shadow: 0px 28px 32px 0px rgba(0, 0, 0, 0.06);
  padding: 38px 0;
}
main.company-styleguide .content .subcontent-icon img {
  width: 30px;
  height: 30px;
  margin: 15px;
}
main.company-styleguide .content .varian-header {
  padding: 14px 0;
  margin-bottom: 38px;
}
main.company-styleguide .content .varian-description {
  width: 507px;
}
main.company-styleguide .content .varian-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-styleguide .content .varian-desc {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
main.company-styleguide .content .varian-button {
  width: 310px;
}
main.company-styleguide .content .varian-button .btn {
  display: flex;
  align-items: center;
  width: 112px;
  justify-content: center;
}
main.company-styleguide .content .varian-button .btn-extended {
  width: 129px;
}
main.company-styleguide .content .form-title {
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 14px;
}
main.company-styleguide .content .form-group.no-title {
  padding-top: 34px;
}
main.company-styleguide .content .input-group {
  border: solid 1px #c3cad9;
  margin-bottom: 42px;
  width: 253px;
}
main.company-styleguide .content .input-group > :first-child {
  padding-left: 20px;
}
main.company-styleguide .content .input-group > :nth-child(2) {
  padding-left: 12px;
}
main.company-styleguide .content .input-group > :last-child {
  padding-right: 20px;
}
main.company-styleguide .content .form-control.font-semibold::placeholder {
  font-weight: 600;
  color: #6AD6A2;
}
main.company-styleguide .content .form-control:focus {
  box-shadow: none;
}

@media (min-width: 991.98px) {
  main.company-styleguide .overlay {
    display: none !important;
  }
  main.company-styleguide .sidebar {
    width: 263px !important;
  }
}
@media (max-width: 1199.98px) {
  main.company-styleguide .subcontent#form .input-group {
    width: 213px;
  }
}
@media (min-width: 767.98px) and (max-width: 1199.98px) {
  main.company-styleguide .content {
    width: 688px;
  }
  main.company-styleguide .content .subcontent-logo {
    padding-right: 49px;
    padding-bottom: 37px;
  }
  main.company-styleguide .content .subcontent#illustration img {
    width: 418px;
    padding: 41px 77px;
  }
  main.company-styleguide .content .subcontent#illustration .illustration-text {
    width: 270px;
  }
  main.company-styleguide .content .subcontent-icon .senja-icon {
    width: 419px;
  }
  main.company-styleguide .content .subcontent-icon .fa-icon {
    width: 210px;
  }
  main.company-styleguide .content .subcontent#button .varian-button {
    width: 201px;
  }
  main.company-styleguide .content .subcontent#button .varian-description {
    width: 487px;
  }
}
@media (max-width: 991.98px) {
  header.company-styleguide .sidebar-menu {
    display: block;
  }

  main.company-styleguide .md-fixed {
    top: 0;
    left: 0;
    width: 0;
    padding-right: 0;
    padding-left: 0;
  }
  main.company-styleguide .md-fixed * {
    visibility: hidden;
  }
  main.company-styleguide .sidebar-content.active > a {
    color: #1565d8;
    background-color: rgba(179, 186, 197, 0.1);
    border-radius: 8px;
    font-weight: bold;
  }
}
@media (max-width: 575.98px) {
  main.company-styleguide .content .content-title {
    font-size: 24px;
  }
  main.company-styleguide .content .content-desc {
    font-size: 14px;
  }
  main.company-styleguide .content .subcontent#illustration .illustration-card > * {
    background: transparent !important;
  }
  main.company-styleguide .content .subcontent#color .color-box-container {
    padding-right: 10px;
    padding-left: 10px;
  }
  main.company-styleguide .content .subcontent#button .varian-button {
    width: 105px;
  }
  main.company-styleguide .content .subcontent#button .varian-button .btn {
    width: 74px;
  }
  main.company-styleguide .content .subcontent#button .varian-description {
    width: 175px;
  }
  main.company-styleguide .content .subcontent#button .varian-description .varian-title {
    margin-left: 25px;
  }
  main.company-styleguide .content .typography-table {
    width: fit-content;
  }
  main.company-styleguide .content .table-title {
    font-size: 6.3px;
  }
  main.company-styleguide .content .typography-category {
    width: 78px;
  }
  main.company-styleguide .content .typography-typeface {
    width: 70.7px;
    font-size: 5.5px;
  }
  main.company-styleguide .content .typography-font {
    width: 59.7px;
    font-size: 5.5px;
  }
  main.company-styleguide .content .typography-size {
    width: 49.7px;
    font-size: 5.5px;
  }
  main.company-styleguide .content .typography-spacing {
    width: 59.7px;
    font-size: 5.5px;
  }
  main.company-styleguide .content .row-h1 {
    height: 33.7px;
  }
  main.company-styleguide .content .row-h1 .typography-category {
    font-size: 21.9px;
  }
  main.company-styleguide .content .row-h2 {
    height: 27.7px;
  }
  main.company-styleguide .content .row-h2 .typography-category {
    font-size: 15.7px;
  }
  main.company-styleguide .content .row-h3 {
    height: 23.7px;
  }
  main.company-styleguide .content .row-h3 .typography-category {
    font-size: 12.5px;
  }
  main.company-styleguide .content .row-h4 {
    height: 19.7px;
  }
  main.company-styleguide .content .row-h4 .typography-category {
    font-size: 9.4px;
  }
  main.company-styleguide .content .row-h5 {
    height: 16.7px;
  }
  main.company-styleguide .content .row-h5 .typography-category {
    font-size: 7.8px;
  }
  main.company-styleguide .content .row-h6 {
    height: 16.7px;
  }
  main.company-styleguide .content .row-h6 .typography-category {
    font-size: 6.3px;
  }
  main.company-styleguide .content .row-p1 {
    height: 20.7px;
  }
  main.company-styleguide .content .row-p1 .typography-category {
    font-size: 7.1px;
  }
  main.company-styleguide .content .row-p2 {
    height: 18.7px;
  }
  main.company-styleguide .content .row-p2 .typography-category {
    font-size: 6.3px;
  }
  main.company-styleguide .content .row-p3 {
    height: 17.7px;
  }
  main.company-styleguide .content .row-p3 .typography-category {
    font-size: 5.5px;
  }
  main.company-styleguide .content .row-icon {
    height: 15.7px;
  }
  main.company-styleguide .content .row-icon .typography-category {
    font-size: 7.1px;
  }
  main.company-styleguide .content .subcontent#form .input-group {
    width: 272px;
  }
}
.bp_checking {
  display: none;
}

@media only screen and (max-width: 575px) {
  #bp_xs {
    display: block;
  }
}
body.company-documentation .overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 40;
  top: 0;
  left: 0;
  background-color: rgba(24, 59, 86, 0.3);
  overflow-x: hidden;
  transition: 0.5s;
  display: none;
}

header.company-documentation .sidebar-menu {
  display: none;
}

main.company-documentation {
  padding-top: 74px;
  padding-bottom: 131px;
}
main.company-documentation .sidebar {
  width: 282px;
  height: fit-content;
  border: 1px solid #eceef2;
  padding: 11px;
  padding-top: 24px;
  padding-bottom: 16px;
}
main.company-documentation .sidebar .bg-info-100 {
  padding-top: 13px;
  padding-bottom: 15px;
}
main.company-documentation .sidebar li {
  font-size: 16px;
  color: #6AD6A2;
  padding-right: 10px;
  padding-left: 13px;
}
main.company-documentation .sidebar .list-child > a {
  font-size: 16px;
  color: #6AD6A2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-left: 1px;
}
main.company-documentation .sidebar .list-child > a:hover {
  text-decoration: none;
}
main.company-documentation .sidebar .list-child:hover {
  background-color: rgba(0, 184, 217, 0.1);
}
main.company-documentation .sidebar .btn-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 13px;
  padding-right: 22px;
  padding-bottom: 13px;
}
main.company-documentation .content {
  width: 818px;
}
main.company-documentation .content .content-desc {
  font-size: 16px;
  line-height: 1.75;
  color: #6AD6A2;
}
main.company-documentation .content .content-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-documentation .content .greeting {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
main.company-documentation .content .btn-outline-primary {
  line-height: 1.43;
  border-radius: 2000px;
  padding-top: 11px;
  padding-right: 20px;
  padding-bottom: 9px;
  padding-left: 18px;
}
main.company-documentation .content .author {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
  margin-top: 15px;
}
main.company-documentation .content .profile-image img {
  width: 100%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
main.company-documentation .content .author-name::after {
  content: "\a";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b3bac5;
  display: inline-block;
  margin-right: 12px;
}
main.company-documentation .content .image-big {
  width: 684px;
}
main.company-documentation .content .image-big.dashboard {
  width: 782px;
}

@media (min-width: 991.98px) {
  main.company-documentation .overlay {
    display: none !important;
  }
  main.company-documentation .sidebar {
    width: 282px !important;
  }
}
@media (max-width: 991.98px) {
  header.company-documentation .sidebar-menu {
    display: block;
  }

  main.company-documentation .sidebar {
    padding-right: 0px;
    padding-left: 0px;
    width: 0;
    top: 0;
    left: 0;
  }
  main.company-documentation .sidebar * {
    visibility: hidden;
  }
}
@media (max-width: 575.98px) {
  main.company-documentation .content .author-name::after {
    content: none;
  }
}
.bp_checking {
  display: none;
}

@media only screen and (max-width: 767px) {
  #bp_sm {
    display: block;
  }
}
.app-desktop header {
  background-image: url("../images/covers/cover-8@2x.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  height: 1000px;
  margin-bottom: -175px;
}
.app-desktop header .hero {
  padding-top: 96px;
}
.app-desktop header .hero .illustration {
  margin-top: 64px;
  position: relative;
  z-index: 11;
}
.app-desktop .features {
  padding-top: 144px;
  padding-bottom: 320px;
  margin-bottom: -175px;
}
.app-desktop .features .heading {
  margin-bottom: 64px;
}
.app-desktop .more-features {
  background-image: linear-gradient(to bottom, #f8fbff, rgba(250, 251, 251, 0));
}
.app-desktop .analytics {
  padding-top: 48px;
}
.app-desktop .analytics .illustration {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-desktop .analytics .heading {
  margin-bottom: 40px;
}
.app-desktop .analytics .content .pattern {
  position: absolute;
  margin-left: 159px;
  margin-top: -68px;
  z-index: -1;
}
.app-desktop .analytics .content .pattern img {
  width: 86px;
  height: 102px;
}
.app-desktop .feature {
  padding-top: 184px;
  padding-bottom: 143px;
}
.app-desktop .feature .heading {
  margin-bottom: 64px;
}
.app-desktop .collaborate {
  padding-top: 260px;
}
.app-desktop .collaborate .heading {
  margin-bottom: 32px;
  padding-right: 100px;
}
.app-desktop .collaborate .collaborate-pic {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(1) {
  width: 200px;
  height: 257px;
  border-radius: 8px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(2) {
  width: 262px;
  height: 355px;
  border-radius: 8px;
  position: relative;
  margin-top: -375px;
  margin-left: 220px;
  margin-bottom: 20px;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(2) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: -35px 35px 100px 0 rgba(0, 0, 0, 0.25);
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(3) {
  width: 166px;
  height: 166px;
  border-radius: 8px;
  position: relative;
  margin-left: 70px;
  margin-right: 20px;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(3) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(4) {
  width: 200px;
  height: 200px;
  border-radius: 8px;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(4) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(5) {
  position: relative;
  margin-top: -92px;
  margin-left: 180px;
  z-index: -1;
}
.app-desktop .collaborate .collaborate-pic li:nth-of-type(5) img {
  width: 102px;
  height: 118px;
}
.app-desktop .integration {
  padding-top: 144px;
}
.app-desktop .integration .content {
  background-image: url("../images/covers/cover-9@2x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 650px;
}
.app-desktop .integration .integration-list-left {
  display: flex;
  align-items: center;
  height: 100%;
}
.app-desktop .integration .integration-list-left li {
  min-width: 76px;
  min-height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: white;
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
}
.app-desktop .integration .integration-list-left li img {
  width: 40px;
}
.app-desktop .integration .integration-list-left li:nth-of-type(1) {
  position: relative;
  margin-top: -280px;
}
.app-desktop .integration .integration-list-left li:nth-of-type(2) {
  margin-bottom: -230px;
  margin-left: -10px;
}
.app-desktop .integration .integration-list-left li:nth-of-type(3) {
  margin-top: -40px;
  margin-left: -45px;
}
.app-desktop .integration .integration-list-right {
  display: flex;
  align-items: center;
  height: 100%;
}
.app-desktop .integration .integration-list-right li {
  min-width: 76px;
  min-height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: white;
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
}
.app-desktop .integration .integration-list-right li img {
  width: 40px;
}
.app-desktop .integration .integration-list-right li:nth-of-type(1) {
  position: relative;
  margin-bottom: -160px;
  margin-left: 25px;
}
.app-desktop .integration .integration-list-right li:nth-of-type(2) {
  margin-top: -180px;
  position: relative;
  margin-left: -10px;
}
.app-desktop .integration .integration-list-right li:nth-of-type(3) {
  margin-top: 25px;
  position: relative;
}
.app-desktop .integration .heading {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.app-desktop .customer {
  padding-top: 146px;
  padding-bottom: 80px;
}
.app-desktop .customer .heading {
  margin-bottom: 50px;
}
.app-desktop .customer .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
}
.app-desktop .customer .list li img {
  height: 32px;
}
.app-desktop .customer .content .c-customer-review.border-right {
  border-right: 1px solid #e5eaf4;
}
.app-desktop .pricing {
  background-image: linear-gradient(to bottom, #f8fbff, #fcfeff);
  padding-top: 287px;
  padding-bottom: 96px;
  margin-top: -175px;
}
.app-desktop .pricing.clip-eb {
  clip-path: ellipse(170% 123% at 50% -30%);
}

@media (max-width: 575.98px) {
  .app-desktop .relative svg {
    display: none;
  }
  .app-desktop header {
    background-size: cover !important;
    height: 850px !important;
    margin-bottom: -25px !important;
  }
  .app-desktop header .hero {
    padding-top: 40px;
  }
  .app-desktop header .hero .btn {
    width: 100%;
    margin-bottom: 12px;
  }
  .app-desktop header .hero .illustration {
    margin-top: 48px;
    position: relative;
    margin-left: -10%;
  }
  .app-desktop header .hero .illustration img {
    width: 110%;
  }
  .app-desktop .features {
    padding-top: 96px;
    padding-bottom: 175px;
  }
  .app-desktop .features .card-f {
    margin-bottom: 48px;
  }
  .app-desktop .analytics {
    padding-top: 0;
  }
  .app-desktop .analytics .illustration {
    margin-bottom: 48px;
  }
  .app-desktop .analytics .heading {
    text-align: center;
  }
  .app-desktop .analytics .content {
    text-align: center;
  }
  .app-desktop .analytics .content .card-f {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 48px;
  }
  .app-desktop .collaborate {
    padding-top: 96px;
    padding-bottom: 80px;
  }
  .app-desktop .collaborate .heading {
    padding-right: 0;
    text-align: center;
  }
  .app-desktop .collaborate .c-list {
    margin-left: 20%;
  }
  .app-desktop .collaborate .c-list li {
    width: 100% !important;
  }
  .app-desktop .collaborate-pic {
    position: relative;
  }
  .app-desktop .collaborate-pic li:nth-of-type(1) {
    width: 119px !important;
    height: 153px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    margin-top: 100px !important;
    margin-left: 25px;
  }
  .app-desktop .collaborate-pic li:nth-of-type(2) {
    width: 156px !important;
    height: 211px !important;
    margin-top: -220px !important;
    margin-left: 155px !important;
    margin-bottom: 20px !important;
  }
  .app-desktop .collaborate-pic li:nth-of-type(3) {
    margin-top: -10px;
    width: 99px !important;
    height: 99px !important;
    margin-left: 66px !important;
    margin-right: 10px !important;
  }
  .app-desktop .collaborate-pic li:nth-of-type(4) {
    width: 119px !important;
    height: 119px !important;
    margin-top: -10px !important;
  }
  .app-desktop .collaborate-pic li.pattern {
    display: none;
  }
  .app-desktop .integration {
    margin-bottom: -200px;
  }
  .app-desktop .integration-list-left {
    margin-left: 100px;
    margin-top: 10px;
  }
  .app-desktop .integration-list-left li {
    min-width: 32px !important;
    min-height: 32px !important;
  }
  .app-desktop .integration-list-left li img {
    width: 17px !important;
  }
  .app-desktop .integration-list-left li:nth-of-type(1) {
    margin-top: 90px !important;
    margin-left: -80px !important;
  }
  .app-desktop .integration-list-left li:nth-of-type(2) {
    margin-bottom: -380px !important;
    margin-left: -10px !important;
  }
  .app-desktop .integration-list-left li:nth-of-type(3) {
    margin-top: 240px !important;
    margin-left: -40px !important;
  }
  .app-desktop .integration .heading {
    position: absolute;
    margin-top: -400px;
  }
  .app-desktop .integration-list-right {
    right: 0;
    position: absolute;
    margin-top: -290px;
  }
  .app-desktop .integration-list-right li {
    min-width: 32px !important;
    min-height: 32px !important;
  }
  .app-desktop .integration-list-right li img {
    width: 17px !important;
  }
  .app-desktop .integration-list-right li:nth-of-type(1) {
    margin-bottom: -213px !important;
    margin-left: -85px !important;
  }
  .app-desktop .integration-list-right li:nth-of-type(2) {
    margin-top: -100px !important;
  }
  .app-desktop .integration-list-right li:nth-of-type(3) {
    margin-left: -20px;
  }
  .app-desktop .feature {
    padding-top: 96px;
    padding-bottom: 50px;
  }
  .app-desktop .feature .card-f {
    margin-bottom: 48px;
    flex-direction: column !important;
  }
  .app-desktop .feature .card-f .card-f-heading {
    margin-right: 0 !important;
  }
  .app-desktop .feature .card-f .card-f-heading .ic {
    margin-bottom: 24px;
  }
  .app-desktop .customer {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .app-desktop .customer .c-customer-review {
    margin-bottom: 41px;
  }
  .app-desktop .customer .c-customer-review.border-right {
    border-right: none !important;
  }
  .app-desktop .customer .list {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .app-desktop .customer .list li {
    width: calc(100%/ 2);
    text-align: center;
    margin-bottom: 33px;
  }
  .app-desktop .pricing {
    padding-top: 96px;
    margin-top: -80px;
  }
  .app-desktop .pricing .card-pricing {
    margin-bottom: 24px;
  }
  .app-desktop .pricing.clip-eb {
    clip-path: none;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .app-desktop .relative svg {
    display: none;
  }
  .app-desktop header {
    background-size: cover !important;
    height: 850px !important;
    margin-bottom: -25px !important;
  }
  .app-desktop header .hero {
    padding-top: 40px;
  }
  .app-desktop header .hero .btn {
    width: 100%;
    margin-bottom: 12px;
  }
  .app-desktop header .hero .illustration {
    margin-top: 48px;
    position: relative;
    margin-left: -10%;
  }
  .app-desktop header .hero .illustration img {
    width: 110%;
  }
  .app-desktop .features {
    padding-top: 96px;
    padding-bottom: 175px;
  }
  .app-desktop .features .card-f {
    margin-bottom: 48px;
  }
  .app-desktop .analytics {
    padding-top: 0;
  }
  .app-desktop .analytics .illustration {
    margin-bottom: 48px;
  }
  .app-desktop .analytics .heading {
    text-align: center;
  }
  .app-desktop .analytics .content {
    text-align: center;
  }
  .app-desktop .analytics .content .card-f {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 48px;
  }
  .app-desktop .collaborate {
    padding-top: 96px;
    padding-bottom: 80px;
  }
  .app-desktop .collaborate .heading {
    padding-right: 0;
    text-align: center;
  }
  .app-desktop .collaborate .c-list {
    margin-left: 20%;
  }
  .app-desktop .collaborate .c-list li {
    width: 100% !important;
  }
  .app-desktop .collaborate-pic {
    position: relative;
  }
  .app-desktop .collaborate-pic li:nth-of-type(1) {
    width: 119px !important;
    height: 153px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    margin-top: 100px !important;
    margin-left: 25px;
  }
  .app-desktop .collaborate-pic li:nth-of-type(2) {
    width: 156px !important;
    height: 211px !important;
    margin-top: -220px !important;
    margin-left: 155px !important;
    margin-bottom: 20px !important;
  }
  .app-desktop .collaborate-pic li:nth-of-type(3) {
    margin-top: -10px;
    width: 99px !important;
    height: 99px !important;
    margin-left: 66px !important;
    margin-right: 10px !important;
  }
  .app-desktop .collaborate-pic li:nth-of-type(4) {
    width: 119px !important;
    height: 119px !important;
    margin-top: -10px !important;
  }
  .app-desktop .collaborate-pic li.pattern {
    display: none;
  }
  .app-desktop .integration {
    margin-bottom: -200px;
  }
  .app-desktop .integration-list-left {
    margin-left: 100px;
    margin-top: 10px;
  }
  .app-desktop .integration-list-left li {
    min-width: 32px !important;
    min-height: 32px !important;
  }
  .app-desktop .integration-list-left li img {
    width: 17px !important;
  }
  .app-desktop .integration-list-left li:nth-of-type(1) {
    margin-top: 90px !important;
    margin-left: -80px !important;
  }
  .app-desktop .integration-list-left li:nth-of-type(2) {
    margin-bottom: -380px !important;
    margin-left: -10px !important;
  }
  .app-desktop .integration-list-left li:nth-of-type(3) {
    margin-top: 240px !important;
    margin-left: -40px !important;
  }
  .app-desktop .integration .heading {
    position: absolute;
    margin-top: -400px;
  }
  .app-desktop .integration-list-right {
    right: 0;
    position: absolute;
    margin-top: -290px;
  }
  .app-desktop .integration-list-right li {
    min-width: 32px !important;
    min-height: 32px !important;
  }
  .app-desktop .integration-list-right li img {
    width: 17px !important;
  }
  .app-desktop .integration-list-right li:nth-of-type(1) {
    margin-bottom: -213px !important;
    margin-left: -85px !important;
  }
  .app-desktop .integration-list-right li:nth-of-type(2) {
    margin-top: -100px !important;
  }
  .app-desktop .integration-list-right li:nth-of-type(3) {
    margin-left: -20px;
  }
  .app-desktop .feature {
    padding-top: 96px;
    padding-bottom: 50px;
  }
  .app-desktop .feature .card-f {
    margin-bottom: 48px;
    flex-direction: column !important;
  }
  .app-desktop .feature .card-f .card-f-heading {
    margin-right: 0 !important;
  }
  .app-desktop .feature .card-f .card-f-heading .ic {
    margin-bottom: 24px;
  }
  .app-desktop .customer {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .app-desktop .customer .c-customer-review {
    margin-bottom: 41px;
  }
  .app-desktop .customer .c-customer-review.border-right {
    border-right: none !important;
  }
  .app-desktop .customer .list {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .app-desktop .customer .list li {
    width: calc(100%/ 2);
    text-align: center;
    margin-bottom: 33px;
  }
  .app-desktop .pricing {
    padding-top: 96px;
    margin-top: -80px;
  }
  .app-desktop .pricing .card-pricing {
    margin-bottom: 24px;
  }
  .app-desktop .pricing.clip-eb {
    clip-path: none;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .app-desktop header {
    background-size: cover !important;
    height: 900px !important;
    margin-bottom: -25px !important;
  }
  .app-desktop .features {
    padding-top: 96px;
    padding-bottom: 175px;
  }
  .app-desktop .features .card-f {
    margin-bottom: 48px;
  }
  .app-desktop .analytics {
    padding-top: 0;
  }
  .app-desktop .analytics .illustration {
    margin-bottom: 48px;
  }
  .app-desktop .collaborate {
    padding-top: 96px;
    padding-bottom: 250px;
  }
  .app-desktop .collaborate .c-list li {
    width: 100% !important;
  }
  .app-desktop .collaborate-pic {
    margin-left: 250px;
    position: absolute;
    margin-top: -120px;
  }
  .app-desktop .integration-list-left li:nth-of-type(1) {
    position: relative;
    margin-top: -254px;
  }
  .app-desktop .integration-list-left li:nth-of-type(3) {
    margin-top: 20px !important;
    margin-left: -80px !important;
  }
  .app-desktop .integration-list-right li:nth-of-type(1) {
    margin-bottom: -213px !important;
    margin-left: -85px !important;
  }
  .app-desktop .integration-list-right li:nth-of-type(3) {
    margin-left: -20px;
  }
  .app-desktop .feature {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .app-desktop .feature .card-f {
    margin-bottom: 48px;
    flex-direction: column !important;
  }
  .app-desktop .feature .card-f .card-f-heading {
    margin-right: 0 !important;
  }
  .app-desktop .feature .card-f .card-f-heading .ic {
    margin-bottom: 24px;
  }
  .app-desktop .customer {
    padding-top: 96px;
  }
  .app-desktop .customer .list {
    flex-wrap: wrap;
  }
  .app-desktop .customer .list li {
    width: calc(100%/ 3);
    text-align: center;
    margin-bottom: 33px;
  }
  .app-desktop .pricing {
    padding-top: 96px;
    margin-top: -80px;
  }
  .app-desktop .pricing .card-pricing {
    margin-bottom: 24px;
  }
  .app-desktop .pricing.clip-eb {
    clip-path: none;
    padding-bottom: 0 !important;
  }
}
.apps-mobile header .hero {
  background: url(../images/covers/cover-10@2x.png) center bottom, url(../images/components/wave-bottom-out.svg) center bottom;
  background-size: 100%, 102%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  padding-bottom: 175px;
}

.apps-mobile header .hero .button-cta img {
  height: 54px;
}

.apps-mobile header .hero .touch p {
  color: #b3bac5;
}

.apps-mobile header .hero .touch p span {
  color: #5A7184;
}

.apps-mobile header .illustration img {
  width: 540px;
}

.apps-mobile .more-features {
  background: url(../images/components/wave-top-in.svg) center top, url("../images/covers/cover-13@2x.png") center center, url(../images/components/wave-bottom-out.svg) center bottom;
  background-size: 100%, cover, 102%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
}

.apps-mobile .more-features .content p {
  color: rgba(250, 250, 251, 0.6);
}

.apps-mobile .more-features .content .iphone img {
  width: 340px;
  height: 678px;
  box-shadow: 0 27px 53px 0 rgba(0, 0, 0, 0.06);
  border-radius: 48px;
}

.apps-mobile .multi-platform .pattern {
  margin-left: 136px;
  margin-top: -62px;
  z-index: -1;
  position: relative;
}

.apps-mobile .pricing {
  background: url(../images/components/wave-top-out.svg) center top, url(../images/components/wave-bottom-out.svg) center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  background-color: #f8fbff;
}

.apps-mobile .pricing .card-pricing {
  background-color: #fff;
}

.apps-mobile .cta {
  position: relative;
  margin-top: -291px;
}

.apps-mobile .cta .content {
  background-image: url("../images/covers/cover-11@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 991.98px) {
  .apps-mobile header .hero {
    background-position: center bottom 2px, center bottom;
    background-size: 1200px auto;
  }
  .apps-mobile .multi-platform .illustration {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .apps-mobile header .hero {
    background-size: 800px auto;
  }
  .apps-mobile header .hero .button-cta img {
    height: 40px;
  }
  .apps-mobile header .illustration img {
    width: 295px;
  }
}
.services-rent header .hero-mobile {
  padding-left: 0;
  padding-right: 0;
}
.services-rent header .hero-mobile .hero-top {
  background-image: url("../images/covers/cover-1@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.services-rent header .hero-mobile .hero-top .overlay {
  background-image: linear-gradient(214deg, rgba(53, 109, 143, 0.6), rgba(24, 59, 86, 0.5) 1%);
  padding-top: 52px;
  padding-bottom: 150px;
}
.services-rent header .hero-mobile .hero-top .overlay .content {
  color: white;
}
.services-rent header .hero-mobile .hero-bottom {
  margin-top: -100px;
}
.services-rent header .hero-mobile .hero-bottom .card {
  margin-left: 16px;
  margin-right: 16px;
  background: white;
  padding: 35px 24px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 15px 50px -10px rgba(21, 37, 72, 0.1);
}
.services-rent header .hero {
  margin-left: 24px;
  margin-right: 24px;
}
.services-rent header .hero .card {
  border-radius: 1rem;
  border: none;
}
.services-rent header .hero .card-img {
  border-radius: 1rem;
}
.services-rent header .hero .card-img-overlay {
  background-image: linear-gradient(248deg, rgba(53, 109, 143, 0.5), rgba(24, 59, 86, 0.75));
  border-radius: 1rem;
  padding-top: 130px;
  padding-bottom: 48px;
}
.services-rent header .hero .card-img-overlay .left {
  display: flex;
  flex-direction: column;
}
.services-rent header .hero .card-img-overlay .left-bottom {
  margin-top: 122px;
}
.services-rent header .hero .card-img-overlay .left-bottom ul {
  display: flex;
  align-items: center;
}
.services-rent header .hero .card-img-overlay .left-bottom ul li {
  margin-right: 1rem;
}
.services-rent header .hero .card-img-overlay .left-bottom ul li img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.services-rent header .hero .card-img-overlay .left-bottom ul li span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.services-rent header .hero .card-form {
  padding: 32px;
  border-radius: 0.5rem;
  box-shadow: 0 15px 50px -10px rgba(21, 37, 72, 0.1);
}
.services-rent .tips {
  padding-top: 144px;
  padding-bottom: 144px;
}
.services-rent .step {
  padding-top: 144px;
}
.services-rent .step .content {
  padding-top: 48px;
}
.services-rent .step .content .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.services-rent .step .number {
  width: 48px;
  height: 48px;
  border: solid 1px rgba(21, 101, 216, 0.18);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.services-rent .step .number-sec {
  width: 36px;
  height: 36px;
  box-shadow: 0 10px 15px 0 rgba(21, 37, 71, 0.15);
  background-color: rgba(21, 101, 216, 0.9);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: "hk_groteskbold", sans-serif;
  font-weight: bold;
}
.services-rent .step .illustration img {
  margin-left: -145px;
}
.services-rent .quotes {
  padding-top: 94px;
  padding-bottom: 200px;
}
.services-rent .quotes .content {
  padding: 24px;
}
.services-rent .quotes .content .fas {
  font-size: 40px;
}
.services-rent .quotes .content p {
  font-family: "hk_groteskregular", sans-serif;
  font-size: 40px !important;
  line-height: 60px !important;
  letter-spacing: 0.1px;
}
.services-rent .quotes .content span {
  font-size: 18px;
}
.services-rent .quotes .right {
  display: flex;
  justify-content: center;
}
.services-rent .quotes-user {
  width: 460px;
  height: 460px;
  border-radius: 0.5rem;
}
.services-rent .quotes-user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.services-rent .features {
  background-image: linear-gradient(to bottom, #f8fbff, rgba(250, 251, 251, 0));
  padding-top: 140px;
  padding-bottom: 160px;
}
.services-rent .features .heading {
  margin-bottom: 126px;
}
.services-rent .features .content-top {
  margin-bottom: 144px;
}
.services-rent .features .content .left {
  padding: 27px 36px 27px 64px;
}
.services-rent .features .content .right {
  display: flex;
  justify-content: center;
}
.services-rent .features .content .right .features-photos {
  width: 326px;
  height: 360px;
  border-radius: 0.5rem;
}
.services-rent .features .content .right .features-photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.services-rent .blog {
  padding-top: 144px;
}
.services-rent .blog .heading {
  margin-bottom: 64px;
}
.services-rent .blog .content .card-article {
  height: 520px;
}
.services-rent .blog .content .card-article .card-img {
  height: 515px;
}
.services-rent .information {
  padding-top: 147px;
  padding-bottom: 147px;
}
.services-rent .information .heading {
  margin-bottom: 65px;
}
.services-rent .cta .content {
  background-image: url("../images/covers/cover-3@2x.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 96px;
  border-radius: 1rem;
}
.services-rent .cta .content .card-f {
  width: 388px;
}
.services-rent .cta .content .card-f-body .btn {
  box-shadow: 0 10px 25px 0 rgba(21, 37, 72, 0.1);
}
.services-rent .footer {
  padding-top: 128px;
}

@media (max-width: 575.98px) {
  .services-rent .tips {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .services-rent .tips .heading {
    text-align: center;
    margin-bottom: 40px;
  }
  .services-rent .tips .card-f {
    margin-bottom: 40px;
  }
  .services-rent .step {
    padding-top: 80px;
  }
  .services-rent .step .content .left .illustration {
    margin-bottom: 40px;
  }
  .services-rent .step .content .left .illustration img {
    margin-left: 0 !important;
    width: 100%;
  }
  .services-rent .step .content .right .card-f-heading {
    margin-bottom: 24px;
  }
  .services-rent .step .content .right .card-f .btn {
    margin-left: 0;
  }
  .services-rent .cta .container {
    padding-left: 0;
    padding-right: 0;
  }
  .services-rent .cta .container .content {
    border-radius: 0;
    padding: 64px 24px;
  }
  .services-rent .cta .container .content .card-f {
    width: auto !important;
  }
  .services-rent .quotes {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .quotes .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .services-rent .quotes .content p {
    font-size: 28px !important;
    line-height: 44px !important;
  }
  .services-rent .quotes .content span {
    font-size: 1rem;
  }
  .services-rent .quotes-user {
    display: none;
  }
  .services-rent .features {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .features .heading {
    margin-bottom: 64px;
  }
  .services-rent .features .content-top {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 64px;
  }
  .services-rent .features .content-top .right {
    margin-bottom: 40px;
  }
  .services-rent .features .content-bottom .right {
    margin-bottom: 40px;
  }
  .services-rent .features .content-bottom .left .c-list li {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .services-rent .features .content .left {
    padding: 0 !important;
    text-align: center;
  }
  .services-rent .blog {
    padding-top: 80px;
  }
  .services-rent .blog .card-article {
    margin-bottom: 32px;
    height: 400px !important;
  }
  .services-rent .blog .card-article-4 {
    height: auto !important;
  }
  .services-rent .blog .card-article .card-img {
    height: 395px !important;
  }
  .services-rent .information {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .footer {
    padding-top: 48px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .services-rent .tips {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .services-rent .tips .heading {
    text-align: center;
    margin-bottom: 40px;
  }
  .services-rent .tips .card-f {
    margin-bottom: 40px;
  }
  .services-rent .step {
    padding-top: 80px;
  }
  .services-rent .step .content .left .illustration {
    margin-bottom: 40px;
  }
  .services-rent .step .content .left .illustration img {
    margin-left: 0 !important;
    width: 100%;
  }
  .services-rent .step .content .right .card-f-heading {
    margin-bottom: 24px;
  }
  .services-rent .step .content .right .card-f .btn {
    margin-left: 0;
  }
  .services-rent .cta .container {
    padding-left: 0;
    padding-right: 0;
  }
  .services-rent .cta .container .content {
    border-radius: 0;
    padding: 64px 24px;
  }
  .services-rent .cta .container .content .card-f {
    width: auto !important;
  }
  .services-rent .quotes {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .quotes .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .services-rent .quotes .content p {
    font-size: 28px !important;
    line-height: 44px !important;
  }
  .services-rent .quotes .content span {
    font-size: 1rem;
  }
  .services-rent .quotes-user {
    display: none;
  }
  .services-rent .features {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .features .heading {
    margin-bottom: 64px;
  }
  .services-rent .features .content-top {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 64px;
  }
  .services-rent .features .content-top .right {
    margin-bottom: 40px;
  }
  .services-rent .features .content-bottom .right {
    margin-bottom: 40px;
  }
  .services-rent .features .content-bottom .left .c-list li {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .services-rent .features .content .left {
    padding: 0 !important;
    text-align: center;
  }
  .services-rent .blog {
    padding-top: 80px;
  }
  .services-rent .blog .card-article {
    margin-bottom: 32px;
    height: 400px !important;
  }
  .services-rent .blog .card-article-4 {
    height: auto !important;
  }
  .services-rent .blog .card-article .card-img {
    height: 395px !important;
  }
  .services-rent .information {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .footer {
    padding-top: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .services-rent .tips {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .services-rent .tips .heading {
    text-align: center;
    margin-bottom: 40px;
  }
  .services-rent .tips .card-f {
    margin-bottom: 40px;
  }
  .services-rent .step {
    padding-top: 80px;
  }
  .services-rent .step .content .left .illustration {
    margin-bottom: 40px;
  }
  .services-rent .step .content .left .illustration img {
    margin-left: 0 !important;
    width: 100%;
  }
  .services-rent .step .content .right .card-f-heading {
    margin-bottom: 24px;
  }
  .services-rent .step .content .right .card-f .btn {
    margin-left: 0;
  }
  .services-rent .cta .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
  }
  .services-rent .cta .container .content {
    border-radius: 0;
    padding: 64px;
  }
  .services-rent .quotes {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .quotes .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .services-rent .quotes .content p {
    font-size: 40px !important;
    line-height: 60px !important;
  }
  .services-rent .quotes .content span {
    font-size: 18px;
  }
  .services-rent .quotes-user {
    margin-top: 64px;
    width: 320px;
    height: 320px;
  }
  .services-rent .features {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .features .heading {
    margin-bottom: 64px;
  }
  .services-rent .features .left {
    padding: 0 !important;
  }
  .services-rent .features .content-top .features-photos {
    position: absolute;
    right: 0;
    margin-right: -120px;
  }
  .services-rent .features .content-bottom .features-photos {
    position: absolute;
    left: 0;
    margin-left: -120px;
  }
  .services-rent .blog {
    padding-top: 80px;
  }
  .services-rent .information {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-rent .footer {
    padding-top: 48px;
  }
}
.services-insurance header .hero .illustration {
  margin-left: -220px;
}
.services-insurance header .hero .content {
  padding-top: 125px;
}
.services-insurance header .hero .content .card-f .ic img {
  width: 32px;
  height: 32px;
}
.services-insurance .our-services {
  padding-top: 144px;
  padding-bottom: 144px;
}
.services-insurance .our-services .heading {
  margin-bottom: 65px;
}
.services-insurance .our-services .c-list {
  margin-bottom: 64px;
}
.services-insurance .quote {
  background-image: url("../images/covers/cover-2@2x.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-top: 48px;
}
.services-insurance .quote.clip-eb {
  padding-bottom: 75px !important;
}
.services-insurance .quote .card-f {
  border-radius: 1rem;
  border: none;
  padding: 64px;
}
.services-insurance .quote .card-f-body .fas {
  font-size: 40px;
}
.services-insurance .quote .card-f-body > p {
  font-family: "hk_groteskregular", sans-serif;
  font-size: 32px !important;
  line-height: 52px !important;
  font-weight: normal !important;
}
.services-insurance .quote .card-f-body .meta {
  display: flex;
}
.services-insurance .quote .card-f-body .meta p {
  margin-bottom: 0;
}
.services-insurance .quote .card-f-body .meta p:last-child img {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}
.services-insurance .benefits {
  padding-top: 64px;
  padding-bottom: 144px;
}
.services-insurance .tips {
  padding-top: 144px;
}
.services-insurance .tips .heading {
  margin-bottom: 64px;
}
.services-insurance .tips .content .card-article {
  min-height: 600px;
}
.services-insurance .testimonials {
  padding-top: 144px;
  padding-bottom: 121px;
}
.services-insurance .testimonials .heading {
  margin-bottom: 64px;
}
.services-insurance .testimonials .content .c-customer-review {
  padding-left: 0;
  padding-right: 0;
}
.services-insurance .testimonials .content .c-customer-review-body {
  margin-top: 24px;
}
.services-insurance .testimonials .content .customer-review-result {
  margin-top: 147px;
}
.services-insurance .testimonials .content .customer-review-result .left ul {
  display: flex;
  justify-content: center;
}
.services-insurance .testimonials .content .customer-review-result .left ul li {
  width: 40px;
  height: 40px;
  border: 2px solid white;
  border-radius: 100px;
}
.services-insurance .testimonials .content .customer-review-result .left ul li:nth-of-type(1) {
  margin-right: -10px;
  z-index: 11;
}
.services-insurance .testimonials .content .customer-review-result .left ul li:nth-of-type(2) {
  margin-top: -10px;
  z-index: 1;
}
.services-insurance .testimonials .content .customer-review-result .left ul li:nth-of-type(3) {
  margin-left: -10px;
}
.services-insurance .testimonials .content .customer-review-result .left ul li img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.services-insurance .testimonials .content .customer-review-result .middle img {
  height: 32px;
}
.services-insurance .testimonials .content .customer-review-result .middle .star {
  display: flex;
  justify-content: center;
  align-items: center;
}
.services-insurance .testimonials .content .customer-review-result .middle .star li {
  margin-left: 2px;
  margin-right: 2px;
}
.services-insurance .testimonials .content .customer-review-result .middle .star li .fas {
  color: #faad13;
}
.services-insurance .cta {
  background-color: #0d2436;
  padding-top: 67px;
}
.services-insurance .cta .heading {
  margin-bottom: 48px;
}
.services-insurance .cta .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.services-insurance .cta .card-f {
  width: 466px;
  padding: 32px;
  border-radius: 16px;
  box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.15);
}
.services-insurance .cta .divider {
  padding-top: 158px;
  border-bottom: 1px solid #1a3245;
}
.services-insurance .footer {
  padding-top: 127px;
}

@media (max-width: 575.98px) {
  .services-insurance .relative svg {
    display: none;
  }
  .services-insurance header .hero > .container > .row {
    flex-direction: column-reverse;
  }
  .services-insurance header .hero .illustration {
    margin-left: -30px;
  }
  .services-insurance header .hero .illustration img {
    width: 100%;
  }
  .services-insurance header .hero .content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .services-insurance header .hero .content .card-f {
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left;
    margin-bottom: 15px;
  }
  .services-insurance header .hero .content .card-f-heading {
    margin-right: 14px;
  }
  .services-insurance .our-services {
    padding-top: 80px;
    padding-bottom: 56px;
  }
  .services-insurance .our-services .heading {
    margin-bottom: 24px;
  }
  .services-insurance .our-services .c-list {
    justify-content: flex-start;
  }
  .services-insurance .our-services .card-f {
    margin-bottom: 24px;
  }
  .services-insurance .quote {
    padding-top: 24px;
    padding-bottom: 0 !important;
  }
  .services-insurance .quote.clip-eb {
    padding-bottom: 0 !important;
  }
  .services-insurance .quote .card-f {
    margin-right: 0;
    padding: 40px 24px;
    margin-bottom: -80px;
  }
  .services-insurance .quote .card-f-body .fas {
    font-size: 32px;
  }
  .services-insurance .quote .card-f-body > p {
    font-size: 20px !important;
    line-height: 36px !important;
  }
  .services-insurance .quote .card-f-body .meta {
    flex-direction: column;
  }
  .services-insurance .benefits {
    padding-top: 160px;
    padding-bottom: 40px;
  }
  .services-insurance .benefits .heading {
    margin-bottom: 40px;
    text-align: center;
  }
  .services-insurance .benefits .card-f {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
  }
  .services-insurance .tips {
    padding-top: 80px;
  }
  .services-insurance .tips .heading {
    margin-bottom: 40px;
  }
  .services-insurance .tips .content .card-article {
    min-height: 400px;
    margin-bottom: 24px;
  }
  .services-insurance .tips .content .card-article .card-img {
    height: 400px;
    object-fit: cover;
  }
  .services-insurance .tips .content .card-article .card-img-overlay {
    padding: 50px 24px;
  }
  .services-insurance .tips .content .card-article .card-img-overlay h3 {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .services-insurance .testimonials {
    padding-top: 56px;
    padding-bottom: 80px;
  }
  .services-insurance .testimonials .c-customer-review {
    margin-bottom: 51px;
  }
  .services-insurance .testimonials .customer-review-result {
    margin-top: 46px !important;
  }
  .services-insurance .testimonials .customer-review-result .left {
    margin-bottom: 50px;
  }
  .services-insurance .testimonials .customer-review-result .middle {
    margin-bottom: 70px;
  }
  .services-insurance .cta {
    margin-bottom: -1px;
  }
  .services-insurance .cta .divider {
    display: none;
    border-bottom: none;
  }
  .services-insurance .cta > .container > .row {
    flex-direction: column-reverse;
  }
  .services-insurance .cta .card-f {
    width: 100%;
    margin-right: 0;
    align-items: flex-start !important;
    text-align: left;
    padding: 32px 24px;
    margin-bottom: 0;
    margin-top: 12px;
  }
  .services-insurance .cta .heading {
    margin-top: 48px;
    margin-bottom: 40px;
  }
  .services-insurance .cta .heading h3 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .services-insurance .cta .content form {
    flex-wrap: wrap;
  }
  .services-insurance .cta .content form .form-control,
.services-insurance .cta .content form .form-group {
    width: 100% !important;
  }
  .services-insurance .footer {
    padding-top: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .services-insurance .relative svg {
    display: none;
  }
  .services-insurance header .hero > .container > .row {
    flex-direction: column-reverse;
  }
  .services-insurance header .hero .illustration {
    margin-left: -30px;
  }
  .services-insurance header .hero .illustration img {
    width: 100%;
  }
  .services-insurance header .hero .content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .services-insurance header .hero .content .card-f {
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left;
    margin-bottom: 15px;
  }
  .services-insurance header .hero .content .card-f-heading {
    margin-right: 14px;
  }
  .services-insurance .our-services {
    padding-top: 80px;
    padding-bottom: 56px;
  }
  .services-insurance .our-services .heading {
    margin-bottom: 24px;
  }
  .services-insurance .our-services .c-list {
    justify-content: flex-start;
  }
  .services-insurance .our-services .card-f {
    margin-bottom: 24px;
  }
  .services-insurance .quote {
    padding-top: 24px;
    padding-bottom: 0 !important;
  }
  .services-insurance .quote.clip-eb {
    padding-bottom: 0 !important;
  }
  .services-insurance .quote .card-f {
    margin-right: 0;
    padding: 40px 24px;
    margin-bottom: -80px;
  }
  .services-insurance .quote .card-f-body .fas {
    font-size: 32px;
  }
  .services-insurance .quote .card-f-body > p {
    font-size: 20px !important;
    line-height: 36px !important;
  }
  .services-insurance .quote .card-f-body .meta {
    flex-direction: column;
  }
  .services-insurance .benefits {
    padding-top: 160px;
    padding-bottom: 40px;
  }
  .services-insurance .benefits .heading {
    margin-bottom: 40px;
    text-align: center;
  }
  .services-insurance .benefits .card-f {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
  }
  .services-insurance .tips {
    padding-top: 80px;
  }
  .services-insurance .tips .heading {
    margin-bottom: 40px;
  }
  .services-insurance .tips .content .card-article {
    min-height: 400px;
    margin-bottom: 24px;
  }
  .services-insurance .tips .content .card-article .card-img {
    height: 400px;
    object-fit: cover;
  }
  .services-insurance .tips .content .card-article .card-img-overlay {
    padding: 50px 24px;
  }
  .services-insurance .tips .content .card-article .card-img-overlay h3 {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .services-insurance .testimonials {
    padding-top: 56px;
    padding-bottom: 80px;
  }
  .services-insurance .testimonials .c-customer-review {
    margin-bottom: 51px;
  }
  .services-insurance .testimonials .customer-review-result {
    margin-top: 46px !important;
  }
  .services-insurance .testimonials .customer-review-result .left {
    margin-bottom: 50px;
  }
  .services-insurance .testimonials .customer-review-result .middle {
    margin-bottom: 70px;
  }
  .services-insurance .cta {
    margin-bottom: -1px;
  }
  .services-insurance .cta .divider {
    display: none;
    border-bottom: none;
  }
  .services-insurance .cta > .container > .row {
    flex-direction: column-reverse;
  }
  .services-insurance .cta .card-f {
    width: 100%;
    margin-right: 0;
    align-items: flex-start !important;
    text-align: left;
    padding: 32px 24px;
    margin-bottom: 0;
    margin-top: 12px;
  }
  .services-insurance .cta .heading {
    margin-top: 48px;
    margin-bottom: 40px;
  }
  .services-insurance .cta .heading h3 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .services-insurance .cta .content form {
    flex-wrap: wrap;
  }
  .services-insurance .cta .content form .form-control,
.services-insurance .cta .content form .form-group {
    width: 100% !important;
  }
  .services-insurance .footer {
    padding-top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .services-insurance header .hero > .container > .row {
    flex-direction: row-reverse;
  }
  .services-insurance header .hero .illustration {
    margin-left: 0;
  }
  .services-insurance header .hero .illustration img {
    border-radius: 16px !important;
    margin-top: 100px;
    height: 600px !important;
  }
  .services-insurance header .hero .content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .services-insurance header .hero .content .card-f {
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left;
    margin-bottom: 15px;
  }
  .services-insurance header .hero .content .card-f-heading {
    margin-right: 14px;
  }
  .services-insurance .our-services {
    padding-top: 80px;
    padding-bottom: 56px;
  }
  .services-insurance .our-services .heading {
    margin-bottom: 24px;
  }
  .services-insurance .our-services .c-list {
    justify-content: flex-start;
  }
  .services-insurance .our-services .c-list li {
    width: 100%;
    justify-content: center;
  }
  .services-insurance .our-services .card-f {
    margin-bottom: 24px;
  }
  .services-insurance .quote {
    padding-top: 24px;
    padding-bottom: 0 !important;
    background-image: url("../images/illustrations/bg-quote-insurance.svg");
    background-position: bottom left;
  }
  .services-insurance .quote.clip-eb {
    clip-path: none !important;
  }
  .services-insurance .quote .card-f {
    margin-right: 0;
    padding: 40px 24px;
    margin-bottom: -80px;
  }
  .services-insurance .quote .card-f-body .fas {
    font-size: 32px;
  }
  .services-insurance .quote .card-f-body > p {
    font-size: 20px !important;
    line-height: 36px !important;
  }
  .services-insurance .quote .card-f-body .meta {
    flex-direction: column;
  }
  .services-insurance .benefits {
    padding-top: 160px;
    padding-bottom: 40px;
  }
  .services-insurance .benefits .heading {
    margin-bottom: 40px;
    text-align: center;
  }
  .services-insurance .benefits .card-f {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
  }
  .services-insurance .tips {
    padding-top: 80px;
  }
  .services-insurance .tips .heading {
    margin-bottom: 40px;
  }
  .services-insurance .tips .content .card-article {
    min-height: 400px;
    margin-bottom: 24px;
  }
  .services-insurance .tips .content .card-article .card-img {
    height: 400px;
    object-fit: cover;
  }
  .services-insurance .tips .content .card-article .card-img-overlay {
    padding: 50px 24px;
  }
  .services-insurance .tips .content .card-article .card-img-overlay h3 {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .services-insurance .testimonials {
    padding-top: 56px;
    padding-bottom: 40px;
  }
  .services-insurance .testimonials .c-customer-review {
    margin-bottom: 51px;
  }
  .services-insurance .testimonials .customer-review-result {
    margin-top: 46px !important;
  }
  .services-insurance .testimonials .customer-review-result .left {
    margin-bottom: 50px;
  }
  .services-insurance .testimonials .customer-review-result .middle {
    margin-bottom: 70px;
  }
  .services-insurance .cta {
    margin-bottom: -1px;
  }
  .services-insurance .cta .divider {
    display: none;
    border-bottom: none;
  }
  .services-insurance .cta > .container > .row {
    flex-direction: column-reverse;
  }
  .services-insurance .cta .right {
    align-items: center;
  }
  .services-insurance .cta .card-f {
    width: 466px;
    flex-direction: row !important;
    text-align: left;
    align-items: flex-start !important;
    padding: 32px;
  }
  .services-insurance .cta .card-f-heading {
    margin-right: 24px;
  }
  .services-insurance .cta .heading {
    margin-top: 48px;
    margin-bottom: 40px;
    text-align: center;
  }
  .services-insurance .cta .heading h3 {
    font-size: 36px !important;
    line-height: 48px !important;
  }
  .services-insurance .cta .content {
    text-align: center;
  }
  .services-insurance .cta .content form {
    justify-content: center;
  }
  .services-insurance .cta .content form .btn {
    margin-left: 8px;
  }
  .services-insurance .footer {
    padding-top: 160px;
  }
}
.services-conference .topic .content .card {
  height: 500px;
}

.services-conference .topic .content .card-img-overlay {
  height: 500px;
  background-image: linear-gradient(to bottom, rgba(24, 59, 86, 0), #152532);
}

.services-conference .topic .content .card img {
  height: 500px;
}

.services-conference .speaker {
  background-image: linear-gradient(to bottom, #f8fbff, rgba(250, 251, 251, 0));
}

.services-conference .archive .box-shadow {
  box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
}

.services-conference .archive .card {
  height: 500px;
}

.services-conference .archive .card img,
.services-conference .archive .card-img-overlay {
  height: 500px;
}

.services-conference .ticket .box-shadow {
  box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
}

.services-conference .footer {
  padding-top: 128px;
}

.services-conference1 header .navbar {
  padding-top: 20px;
  padding-bottom: 20px;
}

.services-conference1 header .hero {
  padding-top: 96px;
  padding-bottom: 100px;
}

.services-conference1 header .hero-left > p {
  font-size: 20px !important;
  line-height: 36px !important;
}

.services-conference1 .topic .content .card {
  height: 500px;
}

.services-conference1 .topic .content .card-img-overlay {
  height: 500px;
  background-image: linear-gradient(to bottom, rgba(24, 59, 86, 0), #152532);
}

.services-conference1 .topic .content .card img {
  height: 500px;
}

.services-conference1 .speaker {
  background-image: linear-gradient(to bottom, #f8fbff, rgba(250, 251, 251, 0));
}

.services-conference1 .archive .box-shadow {
  box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.05);
}

.services-conference1 .archive .card {
  height: 500px;
}

.services-conference1 .archive .card img,
.services-conference1 .archive .card-img-overlay {
  height: 500px;
}

.services-conference1 .ticket .box-shadow {
  box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.05);
}

.services-conference1 .footer {
  padding-top: 128px;
}

.services-software-library .bg-linear-white {
  background-image: linear-gradient(to bottom, #f8fbff, rgba(250, 251, 251, 0));
}

.services-software-library header {
  background-image: url("../images/covers/cover-14@2x.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.services-software-library header .hero {
  padding-top: 96px;
  padding-bottom: 250px;
}

.services-software-library .features .card-featured.box-shadow {
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
}

.services-software-library .information .card-information {
  border-top: 3px solid #1565d8;
  background-color: #fff;
}

.services-software-library .information .card-information.box-shadow {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.03);
}

.services-software-library .information .card-information > div {
  border-radius: 0;
  border: none;
  border-right: 1px solid rgba(229, 234, 244, 0.5);
}

.services-software-library .information .card-information > div:last-child {
  border-right: none !important;
}

.services-software-library .sponsor .card-sponsor.box-shadow {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.05);
}

.services-software-library .question {
  background-color: #0d2436;
}

.services-software-library .question .accordion {
  background-color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top: 3px solid #36B37E;
  padding: 0 32px;
}

.services-software-library .question .accordion .card {
  margin-bottom: 0;
  border-radius: 0 !important;
  background-color: transparent;
  box-shadow: none !important;
  border: none !important;
  padding: 26px 0 28px;
}

.services-software-library .question .accordion .card.border {
  border-bottom: 1px solid #E5EAF4 !important;
}

.services-software-library .question .accordion .card-body {
  padding: 12px 0 0 !important;
}

.services-software-library .quotes {
  background-color: #0d2436;
}

.services-software-library .cta {
  background-image: url("../images/covers/cover-15@2x.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.services-software-library .footer {
  padding-top: 128px;
}

.install-wrap {
  border-radius: 16px;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1);
  background-color: #0f1f2b;
  padding: 32px;
}

.install-wrap .nav-quickstart .nav-item .nav-link {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #5A7184;
  border-radius: 0.375rem;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 0.5rem 1.125rem;
  margin-right: 0.75rem;
}

.install-wrap .nav-quickstart .nav-item .nav-link.active {
  background-color: #fff;
}

.install-wrap .nav-quickstart .nav-item:last-child .nav-link {
  margin-right: 0;
}

.auth.auth-sigin-basic .desc,
.auth.auth-sign-illustration .desc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.auth.auth-sigin-basic .desc span,
.auth.auth-sign-illustration .desc span {
  background-color: white;
  padding: 0.875rem;
  position: absolute;
  z-index: 11;
}

.auth.auth-sigin-basic .desc .hr,
.auth.auth-sign-illustration .desc .hr {
  width: 100%;
  border-bottom: 2px solid #e5eaf4;
}

.auth.auth-signin-popup .modal .ill-modal-images {
  height: 699px;
}

.auth.auth-signin-left-cover .auth-left {
  height: 900px;
}

.auth.auth-signin-left-cover .auth-left .logo {
  position: absolute;
  margin-left: 15%;
  margin-top: 40px;
}

.auth.auth-signin-left-cover .auth-left .bg-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.auth.auth-signin-left-cover .auth-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.auth.auth-signin-left-cover .auth-right .content {
  width: 360px;
}

.auth.auth-signin-right-cover .auth-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auth.auth-signin-right-cover .auth-left .logo {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 40px;
}

.auth.auth-signin-right-cover .auth-left .logo a {
  width: 360px;
}

.auth.auth-signin-right-cover .auth-left .content {
  width: 360px;
}

.auth.auth-signin-right-cover .auth-right {
  height: 900px;
}

.auth.auth-signin-right-cover .auth-right .bg-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.auth.auth-signin-right-cover .auth-right .content {
  width: 472px;
}

.auth.auth-signin-right-cover .auth-right .content #shape-1 {
  right: 0;
  position: absolute;
  margin-top: -100px;
  margin-right: -40px;
}

.auth.auth-signin-right-cover .auth-right .content #shape-2 {
  right: 0;
  position: absolute;
  margin-top: 40px;
  margin-right: -40px;
}

.auth.auth-signin-right-cover .auth-right .content #shape-3 {
  position: absolute;
  margin-top: 40px;
  margin-left: -40px;
}

.auth.auth-signup-image .modal .ill-modal-images {
  height: 813px;
}

.auth.auth-signup-left-cover .auth-left {
  height: 900px;
}

.auth.auth-signup-left-cover .auth-left .logo {
  position: absolute;
  margin-left: 15%;
  margin-top: 40px;
}

.auth.auth-signup-left-cover .auth-left .bg-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.auth.auth-signup-left-cover .auth-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.auth.auth-signup-left-cover .auth-right .content {
  width: 360px;
}

.auth.auth-signup-right-cover .auth-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auth.auth-signup-right-cover .auth-left .logo {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 40px;
}

.auth.auth-signup-right-cover .auth-left .logo a {
  width: 360px;
}

.auth.auth-signup-right-cover .auth-left .content {
  width: 360px;
}

.auth.auth-signup-right-cover .auth-right {
  height: 960px;
}

.auth.auth-signup-right-cover .auth-right .bg-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.auth.auth-signup-right-cover .auth-right .content {
  width: 472px;
}

.auth.auth-signup-right-cover .auth-right .content #shape-1 {
  right: 0;
  position: absolute;
  margin-top: -100px;
  margin-right: -40px;
}

.auth.auth-signup-right-cover .auth-right .content #shape-2 {
  right: 0;
  position: absolute;
  margin-top: 40px;
  margin-right: -40px;
}

.auth.auth-signup-right-cover .auth-right .content #shape-3 {
  position: absolute;
  margin-top: 40px;
  margin-left: -40px;
}

header.blog-alt-1 {
  background: url(../images/covers/cover-4@2x.png) center top, url(../images/components/wave-bottom-out.svg) center bottom -2px;
  background-size: cover, 102%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  padding-bottom: 175px;
}
header.blog-alt-1 .hero {
  padding-top: 120px;
  padding-bottom: 130px;
}
header.blog-alt-1 .popular-tags {
  display: flex;
  justify-content: start;
  align-items: center;
}
header.blog-alt-1 .popular-tags p {
  margin-right: 16px;
}
header.blog-alt-1 .popular-tags ul {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -8px;
}
header.blog-alt-1 .popular-tags ul li {
  margin: 0 8px 12px;
}

.box-featured-blog {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.03);
  background-color: #ffffff;
  text-decoration: none;
  color: inherit;
}
.box-featured-blog .featured-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 570px;
  width: 570px;
}
.box-featured-blog .featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-featured-blog .blog-metas {
  padding: 32px;
}
.box-featured-blog .blog-title {
  margin: 16px 0 20px;
  color: #6AD6A2;
  font-size: 2.25rem !important;
  line-height: 1.33 !important;
  max-height: 2.66em;
  letter-spacing: 0.2px;
  overflow: hidden;
}
.box-featured-blog .blog-excerpt {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  margin: 0 0 45px;
}
.box-featured-blog .c-customer-review-meta {
  margin-top: 0;
}
.box-featured-blog:hover {
  text-decoration: none;
  color: inherit;
}

.blog-section-title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.blog-section-title h2 {
  flex: 0 0 100%;
}
.blog-section-title p {
  max-width: 602px;
}
.blog-section-title .btn {
  min-width: 138px;
}

.blog-author-detail {
  margin-top: 28px;
}
.blog-author-detail .c-customer-review-meta {
  margin-top: 0;
}

.card-article-blog {
  margin-bottom: 30px;
  border-radius: 1rem;
  overflow: hidden;
}
.card-article-blog .blog-featured-badge {
  position: absolute;
  left: 32px;
  top: 32px;
}
.card-article-blog .card-img-overlay .user {
  margin-right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: none;
}
.card-article-blog .card-img-overlay p {
  font-size: 20px;
  line-height: 1.8;
}
.card-article-blog .c-customer-review-meta .meta p {
  font-size: 16px;
  line-height: 1.375;
}

.col-xl-4 .card-article-blog .card-img-overlay {
  padding: 20px 32px 40px;
}
.col-xl-4 .card-article-blog .card-img-overlay h3 {
  font-size: 28px !important;
  line-height: 1.29 !important;
  margin-bottom: 12px;
}

.carousel .carousel-control {
  top: 50%;
  bottom: initial;
  width: 54px;
  height: 56px;
  border-radius: 2000px;
  background: #1565d8;
  margin: -27px;
  opacity: 1;
}
.carousel .carousel-control-prev {
  background-image: none;
}
.carousel .carousel-control-prev .carousel-control-prev-icon:before {
  font-family: "Font Awesome 5 Free";
  content: "";
}
.carousel .carousel-control-next {
  background-image: none;
}
.carousel .carousel-control-next .carousel-control-next-icon:before {
  font-family: "Font Awesome 5 Free";
  content: "";
}

.blog-carousel-container {
  margin: -35px;
}
.blog-carousel-container .carousel-item {
  padding: 35px;
}

.blog-carousel .carousel-control {
  margin: -27px 9px;
}

.blog-figure-carousel .carousel-control {
  top: 50%;
  margin-top: -50px;
}

.card-blog-footer-container {
  position: relative;
  max-width: 100%;
}
.card-blog-footer-container::before, .card-blog-footer-container::after {
  content: "";
  position: absolute;
  z-index: 1;
}
.card-blog-footer-container::before {
  right: -50px;
  top: 40px;
  width: 237px;
  height: 200px;
  border-radius: 16px;
  box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.15);
  background-color: #1565d8;
}
.card-blog-footer-container::after {
  bottom: -44px;
  left: -60px;
  width: 237px;
  height: 200px;
  border-radius: 16px;
  box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.15);
  background-color: rgba(255, 255, 255, 0.06);
}

.card-blog-footer {
  position: relative;
  z-index: 2;
  width: 466px;
  max-width: 100%;
  padding: 32px;
  border-radius: 16px;
  background: #fff;
  box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, 0.15);
}
.card-blog-footer .ill {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 212px;
  overflow: hidden;
  border-radius: 12px;
  margin: -22px -22px 28px;
}
.card-blog-footer .ill img {
  max-width: 100%;
}

.footer-cta {
  background: url(../images/components/wave-top-in.svg) center top -2px;
  background-size: 102%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  background-color: #0d2436;
  padding-top: 175px;
  padding-bottom: 100px;
}
.footer-cta .heading {
  margin-bottom: 48px;
}
.footer-cta .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.footer-cta .divider {
  padding-top: 140px;
  border-bottom: 1px solid #1a3245;
}

@media (max-width: 1199.98px) {
  .box-featured-blog .featured-image {
    flex: 0 0 450px;
    width: 450px;
  }
}
@media (max-width: 991.98px) {
  header.blog-alt-1 .hero {
    padding-bottom: 100px;
  }

  .box-featured-blog {
    display: block;
  }
  .box-featured-blog .blog-title {
    font-size: 2rem !important;
    line-height: 1.25 !important;
    margin-bottom: 16px;
  }
  .box-featured-blog .featured-image {
    flex: 0 0 100%;
    width: 100%;
    height: 320px;
  }
  .box-featured-blog .blog-excerpt {
    margin-bottom: 32px;
  }

  .blog-section-title p {
    margin-right: -150px;
    padding-right: 150px;
  }

  .card-article-blog {
    height: 540px;
  }
  .card-article-blog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .card-article-blog .card-img-overlay {
    padding: 48px;
  }

  .footer-cta {
    margin-bottom: -1px;
    padding-bottom: 90px;
  }
  .footer-cta .row {
    flex-direction: column-reverse;
  }
  .footer-cta .left {
    text-align: center;
  }
  .footer-cta .right {
    align-items: center;
    padding-bottom: 68px;
  }
  .footer-cta .divider {
    padding-top: 90px;
  }
}
@media (max-width: 767.98px) {
  header.blog-alt-1 .hero {
    padding-top: 40px;
  }
  header.blog-alt-1 .popular-tags {
    display: block;
    text-align: left;
  }
  header.blog-alt-1 .popular-tags p {
    margin-bottom: 12px;
  }

  .blog-section-title {
    display: block;
  }
  .blog-section-title p {
    margin-right: 0;
    padding-right: 0;
  }
}
@media (max-width: 575.98px) {
  header.blog-alt-1 .hero {
    padding-bottom: 70px;
  }
  header.blog-alt-1 .form-search .input-group-append {
    display: block;
    position: relative;
    width: 100%;
    padding: 12px 0 0;
  }
  header.blog-alt-1 .form-search .input-group-append .btn {
    height: 48px;
    width: 100%;
  }

  .card-article-blog,
.col-xl-4 .card-article-blog {
    height: 320px;
  }
  .card-article-blog .blog-featured-badge,
.col-xl-4 .card-article-blog .blog-featured-badge {
    top: 20px;
    left: 20px;
  }
  .card-article-blog .card-img-overlay,
.col-xl-4 .card-article-blog .card-img-overlay {
    padding: 20px;
  }
  .card-article-blog .card-img-overlay h3,
.col-xl-4 .card-article-blog .card-img-overlay h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    max-height: 3.6em;
    overflow: hidden;
  }
  .card-article-blog .card-img-overlay p,
.col-xl-4 .card-article-blog .card-img-overlay p {
    font-size: 14px;
    line-height: 1.71;
  }
  .card-article-blog .card-img-overlay .blog-author-detail,
.col-xl-4 .card-article-blog .card-img-overlay .blog-author-detail {
    margin-top: 24px;
  }
  .card-article-blog .c-customer-review-meta .meta p,
.col-xl-4 .card-article-blog .c-customer-review-meta .meta p {
    font-size: 14px;
    line-height: 1.43;
  }
  .card-article-blog .c-customer-review-meta .meta span,
.col-xl-4 .card-article-blog .c-customer-review-meta .meta span {
    font-size: 14px;
  }
  .card-article-blog .c-customer-review-meta .meta span i,
.col-xl-4 .card-article-blog .c-customer-review-meta .meta span i {
    font-size: 12px;
  }

  .box-featured-blog .blog-title {
    font-size: 1.25rem !important;
  }
  .box-featured-blog .blog-excerpt {
    font-size: 14px;
  }
  .box-featured-blog .featured-image {
    height: 160px;
  }
  .box-featured-blog .blog-metas {
    padding: 20px;
  }

  .carousel .carousel-control {
    width: 40px;
    height: 40px;
  }

  .blog-carousel .carousel-control {
    top: 195px;
    margin: -20px 15px;
  }

  .footer-cta {
    padding-bottom: 50px;
  }
  .footer-cta .divider {
    padding-top: 50px;
  }
}
header.blog-alt-2 {
  background-color: #f9fcff;
  padding-bottom: 297px;
  margin-bottom: -200px;
}
header.blog-alt-2 .hero {
  padding-top: 76px;
}
header.blog-alt-2 .content {
  padding-top: 20px;
}
header.blog-alt-2 .popular-tags {
  display: flex;
  justify-content: start;
  align-items: center;
}
header.blog-alt-2 .popular-tags ul {
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 0 0 0 8px;
  flex-wrap: wrap;
}
header.blog-alt-2 .popular-tags ul li {
  margin: 0 8px;
}
header.blog-alt-2 .popular-tags ul li a {
  white-space: nowrap;
}

.blog-alt-2-grid {
  margin: 0 -15px;
}
.blog-alt-2-grid .grid-sizer,
.blog-alt-2-grid .grid-item {
  width: 33.333%;
}
.blog-alt-2-grid .grid-item {
  padding: 0 15px;
}

.card-article-blog-2 {
  display: block;
  border-radius: 12px;
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  border: none;
  margin: 0 0 30px;
}
.card-article-blog-2:hover {
  text-decoration: none;
}
.card-article-blog-2 .card-article-heading {
  height: 250px;
}
.card-article-blog-2 .card-article-heading img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card-article-blog-2 .card-article-body {
  padding: 32px;
}
.card-article-blog-2 .card-article-body .title {
  color: #6AD6A2;
  font-size: 1.75rem !important;
  line-height: 2.25rem !important;
  max-height: 4.5rem;
  margin: 0 0 12px;
  overflow: hidden;
}
.card-article-blog-2 .card-article-body .excerpt {
  color: #6AD6A2;
  font-size: 1.125rem;
  margin: 0 0 32px;
}
.card-article-blog-2 .card-article-body .blog-author-detail {
  margin: 0;
}
.card-article-blog-2 .card-article-body .blog-author-detail p, .card-article-blog-2 .card-article-body .blog-author-detail span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1199.98px) {
  header.blog-alt-2 .content {
    padding-top: 0;
  }
  header.blog-alt-2 .popular-tags {
    display: block;
  }
  header.blog-alt-2 .popular-tags ul {
    margin: 10px -8px 0;
  }
  header.blog-alt-2 .popular-tags ul li {
    padding-bottom: 12px;
  }

  .card-article-blog-2 .card-article-heading {
    height: 200px;
  }
  .card-article-blog-2 .card-article-body {
    padding: 24px;
  }
  .card-article-blog-2 .card-article-body .title {
    font-size: 24px !important;
    line-height: 1.33 !important;
  }
}
@media (max-width: 991.98px) {
  header.blog-alt-2 {
    padding-bottom: 345px;
    margin-bottom: -273px;
  }
  header.blog-alt-2 .content {
    text-align: center;
    max-width: 555px;
    margin-left: auto;
    margin-right: auto;
  }
  header.blog-alt-2 .popular-tags ul {
    justify-content: center;
  }

  .blog-alt-2-grid .grid-sizer,
.blog-alt-2-grid .grid-item {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  header.blog-alt-2 .popular-tags {
    display: block;
  }
  header.blog-alt-2 .popular-tags ul {
    margin: 10px -5px 0;
  }
  header.blog-alt-2 .popular-tags ul li {
    margin: 0 5px;
    padding-bottom: 12px;
  }

  .blog-alt-2-grid .grid-sizer,
.blog-alt-2-grid .grid-item {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  header.blog-alt-2 {
    padding-bottom: 300px;
    margin-bottom: -260px;
  }
  header.blog-alt-2 .hero {
    padding-top: 40px;
  }
  header.blog-alt-2 .popular-tags {
    text-align: center;
  }
  header.blog-alt-2 .popular-tags ul {
    justify-content: flex-start;
  }

  .card-article-blog-2 .card-article-heading {
    height: 160px;
  }
  .card-article-blog-2 .card-article-body .title {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
  .card-article-blog-2 .card-article-body .excerpt {
    font-size: 14px;
    line-height: 1.71;
    margin-bottom: 24px;
  }
}
header.blog-detail {
  background-position: center top, center bottom -2px;
  background-size: cover, 102%;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  padding-bottom: 175px;
}
header.blog-detail .hero {
  padding-top: 120px;
  padding-bottom: 130px;
}
header.blog-detail h1 {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.blog-content .container,
.blog-content-footer .container {
  position: relative;
  max-width: 780px;
}

.blog-share-container {
  position: sticky;
  top: 0;
  left: 0;
}

.blog-share {
  position: absolute;
  text-align: center;
  padding: 10px 0 0;
  margin: -5px 0 0 -150px;
}
.blog-share strong {
  display: block;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 600;
  color: #5a7184;
  margin: 0 0 16px;
}
.blog-share a {
  display: block;
  padding: 16px;
  font-size: 18px;
  line-height: 1;
  color: #5a7184;
}

.blog-content .snippet p {
  font-size: 20px;
  line-height: 1.8;
}
.blog-content h3 {
  margin: 0 0 1.25rem;
}
.blog-content h4 {
  margin: 0 0 1rem;
}
.blog-content p {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  margin: 0 0 1.75em;
}
.blog-content figure {
  text-align: center;
  margin: 0 0 3rem;
}
.blog-content figure img {
  border-radius: 16px;
  margin: 0;
}
.blog-content figure figcaption {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  margin: 0.75rem 0 0;
  color: #5a7184;
}
.blog-content figure.collage .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.blog-content figure.collage .column {
  flex: 50%;
  max-width: 50%;
  padding: 0 15px;
}
.blog-content figure.collage .column img {
  margin-top: 30px;
  vertical-align: middle;
  width: 100%;
  border-radius: 16px;
}
.blog-content img {
  max-width: 100%;
}
.blog-content blockquote {
  text-align: center;
  border-radius: 16px;
  background-color: #1565d8;
  color: white;
  padding: 64px;
  margin: 3.5rem 0 7.5rem;
}
.blog-content blockquote p {
  margin: 0 0 1.3125rem;
  font-size: 36px;
  line-height: 1.67;
  letter-spacing: 0.09px;
  color: inherit;
}
.blog-content blockquote p:before {
  display: block;
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 900;
  font-size: 40px;
  margin: -0.4375rem 0 2rem;
}
.blog-content blockquote footer {
  margin: 0 0 2.25rem;
  font-size: 18px;
  line-height: 1.333;
}
.blog-content blockquote .avatar {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 auto -120px;
}

.blog-content-footer .blog-author-detail {
  border-top: solid 1px #e5eaf4;
  border-bottom: solid 1px #e5eaf4;
  padding: 20px 0;
}

.blog-comments h4 {
  font-size: 36px !important;
  line-height: 1.33 !important;
  letter-spacing: 0.2px;
  margin: 0 0 1.5rem;
}

.comment-item {
  margin-bottom: 1.5rem;
}
.comment-item .c-customer-review-meta {
  margin: 0;
}
.comment-item .col-comment {
  flex: 555px;
  max-width: 555px;
}
.comment-item .col-comment p {
  border-radius: 0 16px 16px 16px;
  background-color: rgba(179, 186, 197, 0.15);
  padding: 20px;
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}

.comment-form {
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  border: solid 1px #e5eaf4;
  background-color: #ffffff;
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
  padding: 12px;
}
.comment-form .user {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 0 0 4px;
}
.comment-form .user img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  object-fit: cover;
}
.comment-form textarea.form-control {
  flex: 1;
  font-size: 16px;
  line-height: 1em;
  font-weight: 600;
  padding: 12px 16px;
  border: none;
}

@media (max-width: 1199.98px) {
  .blog-share {
    margin-left: -100px;
  }
}
@media (max-width: 991.98px) {
  header.blog-detail .hero {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .blog-content .container,
.blog-content-footer .container {
    max-width: 567px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 767.98px) {
  header.blog-detail {
    padding-bottom: 0;
    background-size: cover, 0px;
    margin-bottom: 40px;
  }
  header.blog-detail .hero {
    padding-top: 60px;
    padding-bottom: 110px;
  }

  .blog-share-container {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .blog-content .container,
.blog-content-footer .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .blog-author-detail {
    flex-wrap: wrap;
  }
  .blog-author-detail .c-customer-review-meta .meta p {
    font-size: 14px;
  }
  .blog-author-detail .blog-date-published {
    font-size: 10px;
  }

  .blog-content p {
    font-size: 14px;
    line-height: 1.71;
    margin-bottom: 1.71em;
  }
  .blog-content h3 {
    font-size: 1.5rem !important;
    line-height: 1.33 !important;
    margin-bottom: 1rem;
  }
  .blog-content h4 {
    font-size: 1.25rem !important;
    line-height: 1.2 !important;
    margin-bottom: 0.75rem;
  }
  .blog-content blockquote {
    margin-left: -24px;
    margin-right: -24px;
    padding: 48px 24px;
    border-radius: 0;
  }
  .blog-content blockquote p {
    font-size: 28px;
    line-height: 1.57;
  }
  .blog-content blockquote footer {
    font-size: 16px;
  }
  .blog-content blockquote .avatar {
    width: 96px;
    height: 96px;
    margin-bottom: -48px;
  }
  .blog-content figure {
    margin-bottom: 2rem;
  }
  .blog-content figure.collage .row {
    margin-left: -6px;
    margin-right: -6px;
  }
  .blog-content figure.collage .column {
    padding-left: 6px;
    padding-right: 6px;
  }
  .blog-content figure.collage .column img {
    margin-top: 12px;
  }

  .blog-figure-carousel .carousel-control {
    margin-left: -20px;
    margin-right: -20px;
  }

  .blog-comments h4 {
    font-size: 24px !important;
    line-height: 1.33 !important;
  }
  .blog-comments .c-customer-review-meta {
    margin-bottom: 16px;
  }

  .comment-form {
    margin-bottom: 50px;
  }
  .comment-form .btn {
    position: absolute;
    margin-top: 60px;
    margin-left: -12px;
  }
}
header.landing-estate .hero {
  padding-top: 68px;
  padding-bottom: 0;
}
header.landing-estate .hero .content {
  position: relative;
  z-index: 2;
  text-align: center;
}
header.landing-estate .hero h1 {
  font-size: 56px !important;
  line-height: 1.21 !important;
  margin: 0 0 20px;
}
header.landing-estate .hero p {
  font-size: 20px;
  line-height: 1.8;
  color: #5a7184;
  margin: 0 auto 48px;
}
header.landing-estate .illustration {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
  margin: -20px -70px 0;
}
header.landing-estate .illustration img {
  max-width: 100%;
}

.landing-estate-companies {
  text-align: center;
  padding-top: 56px;
}
.landing-estate-companies .container {
  padding-bottom: 96px;
  border-bottom: solid 1px #e5eaf4;
}
.landing-estate-companies h4 {
  font-size: 24px !important;
  line-height: 1.33 !important;
  margin: 0 0 50px;
}
.landing-estate-companies .landing-estate-item {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-estate-companies .landing-estate-item img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.real-estate-about {
  padding-top: 90px;
  padding-bottom: 90px;
}
.real-estate-about .heading {
  text-align: center;
  margin-bottom: 80px;
}
.real-estate-about .heading h3 {
  font-size: 36px !important;
  line-height: 1.33 !important;
  margin: 16px 0 80px;
}
.real-estate-about .content-top {
  margin-bottom: 144px;
}
.real-estate-about .content .left {
  padding: 27px 36px 27px 64px;
}
.real-estate-about .content .left h3 {
  padding-right: 35px;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 24px;
}
.real-estate-about .content .left p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0 0 1.78em;
}
.real-estate-about .content .left .c-list.w-50p {
  margin-top: 32px;
}
.real-estate-about .content .left .c-list.w-50p li p {
  margin: 0;
}
.real-estate-about .content .right {
  display: flex;
  justify-content: center;
}
.real-estate-about .content .right .features-photos {
  width: 458px;
  height: 520px;
  border-radius: 0.5rem;
}
.real-estate-about .content .right .features-photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.real-estate-about .content .card-f .play {
  width: 36px;
  height: 36px;
  font-size: 12px;
}
.real-estate-about .content .card-f .play-content {
  width: 27px;
  height: 27px;
}
.real-estate-about .content-top {
  flex-direction: row-reverse;
}

.real-estate-how-work {
  position: relative;
  padding-top: 90px;
  padding-bottom: 60px;
}
.real-estate-how-work::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -70px;
  max-width: 1360px;
  width: 100%;
  height: 424px;
  border-radius: 8px;
  background-color: #f9fbfe;
}
.real-estate-how-work .heading {
  display: flex;
  margin: 0 0 82px;
}
.real-estate-how-work .heading h3 {
  flex: 0 0 350px;
  width: 350px;
}
.real-estate-how-work .heading p {
  flex: 0 0 585px;
  width: 585px;
  margin: 0 0 0 135px;
}

.card-with-step {
  position: relative;
}
.card-with-step .step {
  position: absolute;
  right: 24px;
  top: -24px;
  z-index: 2;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  font-size: 28px;
  line-height: 48px;
  font-weight: bold;
  background-color: #1565d8;
  color: #fff;
  text-align: center;
}
.card-with-step .card-img {
  border-radius: 8px;
  overflow: hidden;
  height: 260px;
}
.card-with-step .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-with-step .card-content {
  padding: 26px 0 26px 30px;
}
.card-with-step .card-content h4 {
  font-size: 20px !important;
  line-height: 1.2 !important;
  margin: 0 0 10px;
}
.card-with-step .card-content h4::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 20px;
  border-radius: 1px;
  background-color: #faad13;
  margin-left: -20px;
}
.card-with-step .card-content p {
  font-size: 14px;
  line-height: 1.72;
  color: #5a7184;
}

.real-estate-our-service {
  position: relative;
  padding-bottom: 70px;
}
.real-estate-our-service .illustration img {
  max-width: 100%;
}

.real-estate-service-box {
  padding: 64px 0 30px 48px;
  max-width: 448px;
}
.real-estate-service-box p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  margin: 0 0 1.625rem;
}

.real-estate-testimonial {
  padding-top: 100px;
}

.box-testimonial {
  border-radius: 20px;
  background-color: #f9fbfe;
  padding: 90px 70px 80px;
  display: flex;
  justify-content: space-between;
}
.box-testimonial .testimonial-content {
  flex: 0 0 630px;
  width: 630px;
}
.box-testimonial .testimonial-content p {
  position: relative;
  font-size: 30px;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 40px;
}
.box-testimonial .testimonial-content p::before {
  position: absolute;
  margin: -76px 0 0 -23px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  font-size: 160px;
  line-height: 1em;
  color: rgba(24, 59, 86, 0.06);
}
.box-testimonial .testimonial-content .author {
  font-size: 18px;
  line-height: 1.5rem;
  color: #6AD6A2;
}
.box-testimonial .testimonial-profile {
  margin-top: -190px;
}
.box-testimonial .testimonial-profile img {
  width: 300px;
}

.real-estate-information {
  padding-top: 110px;
  padding-bottom: 135px;
}
.real-estate-information .card-f .counter {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin-bottom: 6px;
}
.real-estate-information .card-f p {
  font-size: 18px;
  line-height: 1.78;
}

.real-estate-signup {
  padding-bottom: 95px;
  text-align: center;
  color: white;
}
.real-estate-signup .real-estate-signup-box {
  border-radius: 16px;
  padding: 72px 60px 64px;
  background: url(../images/pattern/box-email-pattern-1.svg) left top, url(../images/pattern/box-email-pattern-2.svg) right bottom;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  background-color: #1565d8;
}
.real-estate-signup .inner-container {
  max-width: 685px;
  margin: 0 auto;
}
.real-estate-signup h4 {
  font-size: 36px !important;
  line-height: 1.33 !important;
  margin: 0 0 1.5rem;
}
.real-estate-signup p {
  font-size: 18px;
  line-height: 1.78;
}
.real-estate-signup .form-submit-email {
  margin: 56px 0 0;
}
.real-estate-signup .form-submit-email .input-group {
  margin: 0 auto 2.625rem;
  max-width: 380px;
}
.real-estate-signup .form-submit-email p {
  font-size: 14px;
  line-height: 1.71;
}
.real-estate-signup .form-submit-email .form-control {
  border: none;
}
.real-estate-signup .form-submit-email .form-control:focus {
  border-width: 0;
}

@media (max-width: 1199.98px) {
  .real-estate-about .content .left {
    padding-left: 25px;
    padding-right: 25px;
  }
  .real-estate-about .content .left .c-list.w-50p li {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  header.landing-estate .hero {
    padding-top: 20px;
  }
  header.landing-estate .hero h1 {
    font-size: 48px !important;
    margin-bottom: 16px;
  }
  header.landing-estate .hero p {
    font-size: 18px;
    line-height: 1.78;
    margin-bottom: 44px;
    max-width: 550px;
  }
  header.landing-estate .illustration {
    margin-left: -50px;
    margin-right: -50px;
  }

  .landing-estate-companies {
    padding-top: 36px;
  }
  .landing-estate-companies .container {
    padding-bottom: 50px;
  }
  .landing-estate-companies .row {
    justify-content: center;
  }
  .landing-estate-companies .col-company {
    flex: 0 0 20%;
    min-width: 150px;
    padding: 14px 0;
  }

  .real-estate-about {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .real-estate-about .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .real-estate-about .heading h3 {
    margin-bottom: 64px;
  }
  .real-estate-about .content .left {
    padding-left: 0;
    padding-right: 0;
  }
  .real-estate-about .content .left h3 {
    padding-right: 0;
  }
  .real-estate-about .content .right .features-photos {
    display: flex;
    width: 100%;
  }
  .real-estate-about .content .right .features-photos img {
    width: initial;
  }
  .real-estate-about .content-top {
    margin-bottom: 64px;
  }
  .real-estate-about .content-bottom .right .features-photos {
    justify-content: flex-end;
  }
  .real-estate-about .card-f.card-f-2 {
    flex-direction: row !important;
    justify-content: flex-start !important;
    text-align: left;
  }
  .real-estate-about .card-f.card-f-2 .card-f-heading {
    margin-right: 1rem;
  }

  .real-estate-how-work {
    padding-top: 40px;
    padding-bottom: 12px;
  }
  .real-estate-how-work::before {
    bottom: -100px;
    height: 1000px;
  }
  .real-estate-how-work .heading {
    display: block;
    text-align: center;
    margin-bottom: 60px;
  }
  .real-estate-how-work .heading h3 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }
  .real-estate-how-work .heading p {
    margin: 0;
  }

  .card-with-step .card-content {
    padding-top: 20px;
    padding-bottom: 44px;
  }
  .card-with-step .card-content p {
    max-width: 560px;
  }

  .real-estate-our-service {
    padding-bottom: 50px;
  }
  .real-estate-our-service .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .real-estate-our-service .illustration img {
    max-width: 100%;
  }
  .real-estate-our-service .row {
    margin-left: -37px;
    margin-right: -37px;
  }
  .real-estate-our-service .col {
    padding-left: 37px;
    padding-right: 37px;
  }

  .real-estate-service-box {
    padding-top: 26px;
    padding-left: 0;
  }

  .real-estate-testimonial {
    padding-top: 0;
  }
  .real-estate-testimonial .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .box-testimonial {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 80px;
    padding: 210px 30px 48px;
  }
  .box-testimonial .testimonial-profile {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    top: -80px;
    left: 50%;
    margin: 0 0 0 -90px;
    height: 260px;
    border-radius: 80px;
  }
  .box-testimonial .testimonial-profile img {
    width: 180px;
  }
  .box-testimonial .testimonial-content {
    width: initial;
  }
  .box-testimonial .testimonial-content p {
    margin-bottom: 24px;
  }
  .box-testimonial .testimonial-content p::before {
    left: 50%;
    margin-left: -80px;
  }

  .real-estate-information {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .real-estate-information .card-f {
    padding-top: 0;
    padding-bottom: 25px;
    margin-bottom: 2rem;
  }

  .real-estate-signup .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media (max-width: 767.98px) {
  .real-estate-about .content .right .features-photos {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  header.landing-estate .hero h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }
  header.landing-estate .hero p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 24px;
  }
  header.landing-estate .illustration {
    height: 500px;
    margin-left: -24px;
    margin-right: -24px;
    border-radius: 0;
  }
  header.landing-estate .illustration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  header.landing-estate .form-search {
    border-radius: 8px;
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
  }
  header.landing-estate .form-search .form-control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
  }
  header.landing-estate .form-search .form-control::focus {
    box-shadow: none;
  }
  header.landing-estate .form-search .input-group-append {
    position: relative;
    width: 100%;
    padding: 0 8px 8px;
  }
  header.landing-estate .form-search .input-group-append .btn {
    width: 100%;
  }

  .landing-estate-companies .container {
    padding-bottom: 15px;
  }
  .landing-estate-companies h4 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-bottom: 32px;
  }
  .landing-estate-companies .col-company {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .real-estate-about {
    padding-top: 64px;
  }
  .real-estate-about .heading {
    margin-bottom: 30px;
  }
  .real-estate-about .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 0;
  }
  .real-estate-about .heading h3 br {
    display: none;
  }

  .real-estate-about .content .left {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
  }
  .real-estate-about .content .left h3 {
    font-size: 24px !important;
    line-height: 1.33 !important;
  }
  .real-estate-about .content .left h3 br {
    display: none;
  }
  .real-estate-about .content .left .c-list.w-50p {
    justify-content: center;
    margin-top: 26px;
  }
  .real-estate-about .content .left .c-list.w-50p li {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .real-estate-about .content-top .right .features-photos,
.real-estate-about .content-bottom .right .features-photos {
    margin-bottom: 36px;
    height: 300px;
  }
  .real-estate-about .content-top .right .features-photos img,
.real-estate-about .content-bottom .right .features-photos img {
    margin: 0;
    width: 100%;
  }
  .real-estate-about .card-f.card-f-2 {
    justify-content: center !important;
  }

  .real-estate-how-work .heading {
    margin-bottom: 30px;
  }
  .real-estate-how-work .heading h3, .real-estate-how-work .heading p {
    width: 100%;
  }

  .card-with-step .step {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 21px;
    border-radius: 6px;
    top: -18px;
    right: 16px;
  }

  .real-estate-our-service {
    text-align: center;
  }
  .real-estate-our-service .illustration {
    height: 220px;
  }
  .real-estate-our-service .illustration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }

  .real-estate-service-box {
    padding-top: 16px;
    padding-bottom: 12px;
  }
  .real-estate-service-box p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
  }

  .box-testimonial {
    padding: 156px 15px 24px;
  }
  .box-testimonial .testimonial-profile {
    height: 208px;
    margin-left: -72px;
  }
  .box-testimonial .testimonial-profile img {
    width: 144px;
  }
  .box-testimonial .testimonial-content p {
    font-size: 18px;
    line-height: 1.78;
    margin-bottom: 16px;
  }
  .box-testimonial .testimonial-content p::before {
    font-size: 100px;
    margin-left: -50px;
    top: -33px;
  }

  .real-estate-information {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .real-estate-information .card-f {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .real-estate-information .card-f .counter {
    font-size: 28px !important;
    line-height: 1.29 !important;
  }
  .real-estate-information .card-f p {
    font-size: 14px;
    line-height: 1.71;
  }

  .real-estate-signup .real-estate-signup-box {
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 0;
    padding: 64px 20px;
  }

  .real-estate-signup {
    padding-bottom: 0;
  }
  .real-estate-signup h4 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 12px;
  }
  .real-estate-signup p {
    font-size: 14px;
    line-height: 1.71;
  }
  .real-estate-signup .form-submit-email {
    margin-top: 36px;
  }
  .real-estate-signup .form-submit-email .input-group {
    margin-bottom: 24px;
  }
  .real-estate-signup .form-submit-email p {
    margin: 0;
  }
}
header.landing-architecture {
  background: url(../images/covers/landing-architecture-header@2x.png) right bottom, url(../images/pattern/landing-architecture-wave.svg) right bottom;
  background-size: cover, 100%;
  background-repeat: no-repeat;
  background-blend-mode: normal;
  background-color: #00b8d8;
  padding-bottom: 146px;
}
header.landing-architecture .hero {
  padding-top: 77px;
  padding-bottom: 0;
}
header.landing-architecture .hero .content {
  position: relative;
  z-index: 2;
  color: white;
}
header.landing-architecture .hero .badge {
  margin-bottom: 26px;
}
header.landing-architecture .hero h1 {
  font-size: 56px !important;
  line-height: 1.21 !important;
  margin: 0 0 28px;
}
header.landing-architecture .hero p {
  font-size: 20px;
  line-height: 1.8;
  margin: 0 0 48px;
}

.landing-architecture-get {
  text-align: left;
  padding-top: 100px;
}
.landing-architecture-get .container {
  padding-bottom: 120px;
  border-bottom: solid 1px #e5eaf4;
}

.landing-architecture-about {
  padding-top: 120px;
  padding-bottom: 30px;
}
.landing-architecture-about .heading {
  display: flex;
  align-items: flex-start;
  margin-bottom: 60px;
}
.landing-architecture-about .heading .badge {
  margin-top: 10px;
}
.landing-architecture-about .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  flex: 0 0 370px;
  max-width: 370px;
  margin-left: 37px;
}
.landing-architecture-about .col-ill {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}
.landing-architecture-about .illustration {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
.landing-architecture-about .illustration img {
  max-width: 100%;
  border-radius: 8px;
}
.landing-architecture-about .illustration-2 {
  margin-top: -166px;
}
.landing-architecture-about .box-since {
  position: absolute;
  right: 76px;
  bottom: -80px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  border-radius: 8px;
  background-color: #1565d8;
  color: white;
}
.landing-architecture-about .box-since span {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 4px;
}
.landing-architecture-about .box-since strong {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
}
.landing-architecture-about .card-with-step-no-img {
  padding-top: 60px;
}

.card-with-step-no-img {
  padding: 0 15px;
  margin-bottom: 30px;
}
.card-with-step-no-img h4 {
  font-size: 18px !important;
  line-height: 1.11 !important;
  letter-spacing: 1.13px;
  color: #6AD6A2;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.card-with-step-no-img p {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}

.landing-architecture-gallery {
  padding-top: 60px;
  padding-bottom: 90px;
}
.landing-architecture-gallery .heading {
  position: relative;
  padding-left: 67px;
  margin-bottom: 60px;
}
.landing-architecture-gallery .heading .badge {
  margin-bottom: 20px;
}
.landing-architecture-gallery .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
}
.landing-architecture-gallery .carousel-nav {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.landing-architecture-gallery .carousel-nav .filter {
  display: flex;
}
.landing-architecture-gallery .carousel-nav .filter li {
  padding: 0 9px;
}
.landing-architecture-gallery .carousel-nav .filter li a {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #5a7184;
  padding: 0 9px;
}
.landing-architecture-gallery .carousel-nav .filter li a.active {
  font-weight: bold;
  color: #1565d8;
}
.landing-architecture-gallery .carousel-nav .nav {
  display: flex;
  margin-left: 50px;
}
.landing-architecture-gallery .carousel-nav .nav li {
  margin: 0 10px;
}
.landing-architecture-gallery .carousel-nav .nav li a {
  display: flex;
  width: 54px;
  height: 56px;
  border-radius: 2000px;
  border: solid 2px #b3bac5;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #959ead;
}
.landing-architecture-gallery .carousel-nav .nav li a:hover {
  color: #6AD6A2;
  border-color: #6AD6A2;
}
.landing-architecture-gallery .architecture-carousel-container {
  margin-right: -400px;
  margin-left: -20px;
}
.landing-architecture-gallery .architecture-carousel-item {
  padding: 0 20px;
}

.landing-architecture-testimonial {
  padding-bottom: 60px;
}
.landing-architecture-testimonial .architecture-testimonial-container {
  margin-left: -70px;
  margin-right: -150px;
}

.architecture-testimonial .owl-item {
  padding-top: 100px;
}
.architecture-testimonial .box-testimonial {
  display: block;
  background-color: #fafdff;
  border-radius: 8px;
  padding: 98px 206px 100px 234px;
}
.architecture-testimonial .box-testimonial .testimonial-content {
  width: initial;
}
.architecture-testimonial .box-testimonial .testimonial-content p {
  line-height: 1.8;
  margin-bottom: 48px;
}
.architecture-testimonial .box-testimonial .testimonial-content p::before {
  font-size: 140px;
  color: #3cb582;
  margin-top: -167px;
  margin-left: -164px;
}
.architecture-testimonial .box-testimonial .testimonial-profile {
  margin: 0;
}
.architecture-testimonial .box-testimonial .c-customer-review-meta .user {
  width: 68px;
  height: 68px;
  border: solid 5px #36b37e;
}
.architecture-testimonial .box-testimonial .c-customer-review-meta .meta p, .architecture-testimonial .box-testimonial .c-customer-review-meta .meta span {
  display: block;
}
.architecture-testimonial .box-testimonial .c-customer-review-meta .meta p {
  color: #1565d8;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4 !important;
  margin-bottom: 4px;
}
.architecture-testimonial .box-testimonial .c-customer-review-meta .meta span {
  font-size: 18px;
  line-height: 1.33;
  color: #6AD6A2;
}
.architecture-testimonial .owl-dots {
  position: absolute;
  right: 218px;
  bottom: 129px;
}
.architecture-testimonial .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  background-color: #b3bac5;
  border-radius: 50px;
  margin: 0 16px;
}
.architecture-testimonial .owl-dots button.owl-dot.active {
  background-color: #1565d8;
}

.landing-architecture-blog {
  padding-bottom: 80px;
  padding-top: 60px;
}
.landing-architecture-blog .heading {
  position: relative;
  padding-left: 67px;
  margin-bottom: 60px;
}
.landing-architecture-blog .heading .badge {
  margin-bottom: 20px;
}
.landing-architecture-blog .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
}
.landing-architecture-blog .heading-button {
  position: absolute;
  right: 100px;
  bottom: 0;
  height: 60px;
  display: flex;
  align-items: center;
}
.landing-architecture-blog .heading-button .btn {
  min-width: 214px;
}

.card-article-architecture {
  display: block;
  border: none;
  margin: 0 0 40px;
}
.card-article-architecture:hover {
  text-decoration: none;
}
.card-article-architecture .card-article-heading {
  height: 293px;
  border-radius: 16px;
  overflow: hidden;
}
.card-article-architecture .card-article-heading img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card-article-architecture .card-article-body {
  padding: 30px 0 0;
}
.card-article-architecture .card-article-body .title {
  color: #6AD6A2;
  font-size: 1.75rem !important;
  line-height: 2.25rem !important;
  max-height: 4.5rem;
  margin: 0 0 12px;
  overflow: hidden;
}
.card-article-architecture .card-article-body .excerpt {
  color: #6AD6A2;
  font-size: 1.125rem;
  margin: 0 0 16px;
}
.card-article-architecture .card-article-body .blog-read-more .read-more {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.5rem;
  color: #36b37e;
}

.landing-architecture-schedule {
  padding-bottom: 100px;
  color: #fff;
}
.landing-architecture-schedule .architecture-schedule-box {
  padding: 70px;
  margin-left: -70px;
  margin-right: -70px;
  border-radius: 10px;
  background-color: #6AD6A2;
}
.landing-architecture-schedule .architecture-schedule-box h4 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.2px;
  margin: 0 0 24px;
  max-width: 344px;
}
.landing-architecture-schedule .architecture-schedule-box h5 {
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px;
  color: #fafafb;
  margin: 0 0 24px;
}
.landing-architecture-schedule .architecture-schedule-box h5::before {
  content: "";
  display: block;
  width: 250px;
  height: 1px;
  border: dashed 1px #b3bac5;
  margin: 36px 0;
}
.landing-architecture-schedule .architecture-schedule-box p {
  font-size: 16px;
  line-height: 1.7;
  color: #b3bac5;
}
.landing-architecture-schedule .brands {
  display: flex;
  margin: 68px -16px 0;
}
.landing-architecture-schedule .brands li {
  display: flex;
  height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}
.landing-architecture-schedule .brands li img {
  height: 100%;
  object-fit: contain;
}

.form-box {
  border-radius: 8px;
  background-color: #ffffff;
  padding: 30px;
  max-width: 487px;
  margin: 0 auto;
}
.form-box .form-title {
  display: block;
  font-size: 28px !important;
  line-height: 1.29 !important;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 30px;
}
.form-box p {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
  margin: 0 0 22px;
}
.form-box label {
  margin-bottom: 8px;
}
.form-box .form-group {
  margin-bottom: 1.25rem;
}
.form-box .form-control[type=text], .form-box .form-control[type=password], .form-box .form-control[type=email], .form-box .form-control[type=number], .form-box .form-control[type=color], .form-box .form-control[type=date], .form-box .form-control[type=datetime-local], .form-box .form-control[type=file], .form-box .form-control[type=hidden], .form-box .form-control[type=image], .form-box .form-control[type=month], .form-box .form-control[type=reset], .form-box .form-control[type=tel], .form-box .form-control[type=time], .form-box .form-control[type=url], .form-box .form-control[type=week] .form-control[type=file], .form-box .form-controlselect {
  height: 3rem;
}
.form-box .bootstrap-select .btn-light {
  height: 3rem;
}
.form-box .btn-submit {
  margin-top: 0.25rem;
}

@media (max-width: 1199.98px) {
  .landing-architecture-gallery .heading {
    padding-left: 0;
    margin-bottom: 32px;
  }
  .landing-architecture-gallery .carousel-nav {
    position: relative;
    justify-content: space-between;
    margin: 0 -18px;
  }
}
@media (max-width: 991.98px) {
  header.landing-architecture {
    background-size: 100%;
    padding-bottom: 116px;
  }
  header.landing-architecture .hero {
    padding-top: 40px;
  }

  .landing-architecture-get {
    padding-top: 80px;
    text-align: center;
  }
  .landing-architecture-get .container {
    padding-bottom: 48px;
  }
  .landing-architecture-get p {
    margin-bottom: 32px;
  }

  .landing-architecture-about {
    padding-top: 90px;
  }
  .landing-architecture-about .heading {
    display: block;
    margin-bottom: 30px;
  }
  .landing-architecture-about .heading .badge {
    margin: 0 0 18px;
  }
  .landing-architecture-about .heading h3 {
    margin-left: 0;
    font-size: 40px !important;
    line-height: 1.3 !important;
  }
  .landing-architecture-about .row-ill {
    flex-wrap: nowrap;
    padding-bottom: 12px;
  }
  .landing-architecture-about .col-ill {
    flex: 0 0 435px;
    max-width: 435px;
    margin: 0 auto;
  }
  .landing-architecture-about .illustration {
    padding-left: 0;
    padding-right: 0;
    height: 440px;
  }
  .landing-architecture-about .illustration img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .landing-architecture-about .illustration-2 {
    margin-top: 0;
  }
  .landing-architecture-about .box-since {
    top: -64px;
    left: 110px;
    bottom: initial;
    right: initial;
    width: 128px;
    height: 128px;
  }
  .landing-architecture-about .box-since span {
    font-size: 16px;
    line-height: 1.4;
  }
  .landing-architecture-about .box-since strong {
    font-size: 38.4px;
    line-height: 1.25;
  }
  .landing-architecture-about .card-with-step-no-img {
    text-align: center;
    padding-top: 36px;
    max-width: 460px;
    margin: 0 auto;
  }
  .landing-architecture-about .card-with-step-no-img h4 {
    margin: 0 0 15px;
  }
  .landing-architecture-about .card-with-step-no-img h4 strong {
    display: block;
    margin-bottom: 20px;
  }

  .landing-architecture-gallery .architecture-carousel-container {
    margin-right: -256px;
  }
  .landing-architecture-gallery .architecture-carousel-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .landing-architecture-testimonial .architecture-testimonial-container {
    margin-left: -32px;
    margin-right: -72px;
  }

  .architecture-testimonial .owl-item {
    padding-top: 0;
  }
  .architecture-testimonial .box-testimonial {
    padding: 128px 48px 56px 40px;
    text-align: left;
  }
  .architecture-testimonial .box-testimonial .testimonial-profile {
    position: relative;
    margin: 0;
    top: initial;
    height: initial;
    left: initial;
    justify-content: flex-start;
    border-radius: 0;
  }
  .architecture-testimonial .box-testimonial .c-customer-review-meta {
    margin-top: 0;
  }
  .architecture-testimonial .box-testimonial .testimonial-content p {
    line-height: 1.8;
  }
  .architecture-testimonial .box-testimonial .testimonial-content p::before {
    left: 0;
    margin-left: 0;
    margin-top: -190px;
  }
  .architecture-testimonial .owl-dots {
    right: 85px;
    bottom: 85px;
  }

  .landing-architecture-blog {
    padding-bottom: 50px;
  }
  .landing-architecture-blog .heading {
    padding-left: 0;
    margin-bottom: 36px;
  }
  .landing-architecture-blog .heading-button {
    right: 0;
  }
  .landing-architecture-blog .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .landing-architecture-blog .col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .landing-architecture-schedule {
    padding-bottom: 30px;
  }
  .landing-architecture-schedule .architecture-schedule-box {
    text-align: center;
    padding: 48px 80px;
    margin-left: -80px;
    margin-right: -80px;
  }
  .landing-architecture-schedule .architecture-schedule-box h4 {
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
    margin-bottom: 20px;
  }
  .landing-architecture-schedule .architecture-schedule-box p {
    margin-left: auto;
    margin-right: auto;
    max-width: 560px;
  }
  .landing-architecture-schedule .architecture-schedule-box h5::before {
    margin: 28px auto;
  }
  .landing-architecture-schedule .brands {
    justify-content: center;
    margin-top: 57px;
  }
  .landing-architecture-schedule .form-box {
    margin-top: 65px;
  }
}
@media (max-width: 767.98px) {
  .landing-architecture-about .heading {
    text-align: center;
  }
  .landing-architecture-about .heading h3 {
    margin: 0 auto;
  }
  .landing-architecture-about .row-ill {
    flex-wrap: wrap;
  }
  .landing-architecture-about .col-ill {
    max-width: 100%;
  }
  .landing-architecture-about .illustration {
    margin-bottom: 32px;
  }
  .landing-architecture-about .col-ill {
    flex: 0 0 100%;
  }

  .landing-architecture-gallery .heading {
    text-align: center;
  }
  .landing-architecture-gallery .carousel-nav {
    justify-content: center;
    margin: 24px 0;
  }
  .landing-architecture-gallery .carousel-nav .filter li {
    padding: 0 4px;
  }
  .landing-architecture-gallery .carousel-nav .filter li a {
    padding: 0 4px;
  }
  .landing-architecture-gallery .carousel-nav .nav {
    position: absolute;
    top: 445px;
    left: 0;
    right: 0;
    justify-content: center;
    margin: 0;
  }
  .landing-architecture-gallery .architecture-carousel-container {
    margin-left: 0;
    margin-right: 0;
  }
  .landing-architecture-gallery .architecture-carousel-item {
    height: 360px;
    padding: 0;
    border-radius: 6.4px;
    overflow: hidden;
  }
  .landing-architecture-gallery .architecture-carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .landing-architecture-blog .heading {
    text-align: center;
  }
  .landing-architecture-blog .heading-button {
    display: none;
  }
}
@media (max-width: 575.98px) {
  header.landing-architecture {
    text-align: center;
    padding-bottom: 48px;
    background-image: url(../images/covers/landing-architecture-header@2x.png) right bottom;
  }
  header.landing-architecture .hero {
    padding-top: 30px;
  }
  header.landing-architecture .hero .badge {
    margin-bottom: 20px;
  }
  header.landing-architecture .hero h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin-bottom: 24px;
  }
  header.landing-architecture .hero p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 36px;
  }
  header.landing-architecture .btn-container {
    margin: -10px 0;
  }
  header.landing-architecture .btn-container .btn {
    margin: 10px 0;
  }

  .landing-architecture-get {
    padding-top: 48px;
  }
  .landing-architecture-get .container {
    padding-bottom: 36px;
  }
  .landing-architecture-get p {
    margin-bottom: 24px;
  }

  .landing-architecture-about {
    padding-top: 64px;
  }
  .landing-architecture-about .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
  }

  .landing-architecture-about .row-ill {
    padding-bottom: 50px;
  }
  .landing-architecture-about .illustration {
    height: 280px;
  }
  .landing-architecture-about .box-since {
    top: initial;
    bottom: -50px;
    width: 100px;
    height: 100px;
  }
  .landing-architecture-about .box-since span {
    font-size: 12.5px;
    line-height: 1.4;
  }
  .landing-architecture-about .box-since strong {
    font-size: 30px;
    line-height: 1.25;
  }

  .landing-architecture-gallery .heading {
    text-align: center;
  }
  .landing-architecture-gallery .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
  }

  .architecture-testimonial .box-testimonial {
    padding: 77px 20px 48px;
  }
  .architecture-testimonial .box-testimonial .testimonial-content p {
    text-align: center;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 84px;
  }
  .architecture-testimonial .box-testimonial .testimonial-content p::before {
    font-size: 100px;
    top: -77px;
    left: 50%;
    margin: -50px;
  }
  .architecture-testimonial .box-testimonial .testimonial-profile .c-customer-review-meta {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .architecture-testimonial .box-testimonial .testimonial-profile .c-customer-review-meta .user {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
  }
  .architecture-testimonial .owl-dots {
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 208px;
  }

  .landing-architecture-testimonial .architecture-testimonial-container {
    margin-left: -24px;
    margin-right: -24px;
  }

  .landing-architecture-blog {
    padding-top: 12px;
    padding-bottom: 72px;
  }
  .landing-architecture-blog .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
  }

  .card-article-architecture .card-article-body {
    padding-top: 24px;
  }
  .card-article-architecture .card-article-body .title {
    font-size: 20px;
    line-height: 1.2;
  }

  .landing-architecture-schedule .architecture-schedule-box h4 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 24px;
  }
  .landing-architecture-schedule .architecture-schedule-box h5 {
    margin-bottom: 18px;
  }
  .landing-architecture-schedule .architecture-schedule-box h5::before {
    margin: 36px auto;
    width: 100%;
    max-width: 260px;
  }
  .landing-architecture-schedule .architecture-schedule-box .brands {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .landing-architecture-schedule .architecture-schedule-box .brands li {
    margin-top: 12px;
    margin-bottom: 12px;
    height: 28px;
    flex: 0 0 140px;
    min-width: 140px;
  }
  .landing-architecture-schedule .architecture-schedule-box .form-box {
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 24px 15px;
  }
  .landing-architecture-schedule .architecture-schedule-box .form-box h4 {
    font-size: 24px;
    line-height: 1.33;
  }
  .landing-architecture-schedule .architecture-schedule-box .form-group {
    text-align: left;
  }
}
header.landing-travel {
  background: url(../images/covers/landing-travel-header@2x.jpg);
  background-size: cover;
  background-color: #223225;
  padding-bottom: 145px;
}
header.landing-travel .row-content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
header.landing-travel .content {
  flex: 0 0 447px;
  max-width: 447px;
}
header.landing-travel .form-box {
  margin: 0;
  max-width: 420px;
}
header.landing-travel .form-box h4 {
  margin-bottom: 10px;
  font-size: 20px !important;
  line-height: 1.2 !important;
}
header.landing-travel .hero {
  position: relative;
  padding-top: 60px;
  padding-bottom: 0;
}
header.landing-travel .hero .content {
  position: relative;
  z-index: 2;
  color: white;
}
header.landing-travel .content {
  padding-top: 60px;
}
header.landing-travel .content h1 {
  font-size: 56px !important;
  line-height: 1.21 !important;
  margin: 0 0 30px;
}
header.landing-travel .content p {
  font-size: 20px;
  line-height: 1.8;
  margin: 0 0 40px;
}
header.landing-travel .content .btn-container .btn {
  padding-left: 0;
  padding-right: 0;
  width: 56px;
}

.landing-travel-benefit {
  padding-top: 100px;
  padding-bottom: 70px;
}
.landing-travel-benefit .heading {
  text-align: center;
  margin-bottom: 42px;
}
.landing-travel-benefit .heading h3 {
  font-size: 2rem !important;
  line-height: 1.33 !important;
  margin-bottom: 16px;
}
.landing-travel-benefit .heading p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0 auto;
  max-width: 700px;
  color: #5a7184;
}

.box-travel-benefit {
  text-align: center;
  border-radius: 8px;
  border: solid 1px #e5eaf4;
  background-color: #ffffff;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 30px;
}
.box-travel-benefit:hover {
  border-color: #fff;
  box-shadow: 2px 4px 34px 0 rgba(15, 24, 44, 0.05);
}
.box-travel-benefit .ill {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background-color: rgba(21, 101, 216, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  margin: 0 0 35px;
}
.box-travel-benefit h4 {
  font-size: 20px !important;
  line-height: 1.2 !important;
  margin: 0 0 12px;
}
.box-travel-benefit p {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}

.landing-travel-destinations {
  padding: 60px 0 80px;
  background-color: #f9fbfe;
}
.landing-travel-destinations .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 40px;
}
.landing-travel-destinations .heading h3 {
  font-size: 36px !important;
  line-height: 1.33 !important;
  margin: 0;
}
.landing-travel-destinations .heading .see-all {
  font-size: 18px;
  line-height: 1.78;
  color: #1565d8;
}
.landing-travel-destinations .heading .see-all .fa {
  font-size: 14px;
}
.landing-travel-destinations .destinations-carousel-container {
  margin-left: -580px;
  margin-right: -560px;
}
.landing-travel-destinations .see-all-footer {
  display: none;
  align-items: center;
  justify-content: center;
}

.destinations-carousel-item {
  padding: 0 15px;
}

.destinations-carousel-box {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.destinations-carousel-box .description {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  background-image: linear-gradient(to bottom, rgba(25, 60, 87, 0), #6AD6A2);
  padding: 40px 30px;
}
.destinations-carousel-box .description .btn {
  flex: 0 0 130px;
  min-width: 130px;
  padding: 0;
  color: #1565d8;
}
.destinations-carousel-box .text {
  color: #fff;
}
.destinations-carousel-box .text h4 {
  font-size: 36px !important;
  line-height: 1.33 !important;
  margin: 0 0 6px;
}
.destinations-carousel-box .text p {
  font-size: 16px;
  line-height: 1.75;
  color: #fafafb;
  margin: 0;
}

.landing-travel-about {
  padding-top: 100px;
  padding-bottom: 70px;
}
.landing-travel-about .heading {
  text-align: center;
  max-width: 664px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}
.landing-travel-about .heading h3 {
  font-size: 36px !important;
  line-height: 1.33 !important;
  margin: 16px 0 0;
}
.landing-travel-about .content-top {
  margin-bottom: 56px;
}
.landing-travel-about .content .left {
  padding: 27px 36px 27px 64px;
}
.landing-travel-about .content .left h3 {
  padding-right: 35px;
  font-size: 2rem !important;
  line-height: 1.25 !important;
  margin-bottom: 24px;
}
.landing-travel-about .content .left p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0 0 1.78em;
}
.landing-travel-about .content .left .c-list.w-50p {
  margin-top: 32px;
}
.landing-travel-about .content .left .c-list.w-50p li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.landing-travel-about .content .left .c-list.w-50p li p {
  font-size: 16px;
  line-height: 1.375;
  margin: 0;
}
.landing-travel-about .content .right {
  display: flex;
  justify-content: center;
}
.landing-travel-about .content .right .features-photos {
  width: 458px;
  border-radius: 0.5rem;
}
.landing-travel-about .content .right .features-photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landing-travel-about .content-bottom {
  flex-direction: row-reverse;
}

.travel-about-ill-1 img {
  border-radius: 8px;
}
.travel-about-ill-1 .search {
  position: relative;
  margin: -34px 5px 0;
  font-size: 16px;
  line-height: 1.75;
}
.travel-about-ill-1 .search-form {
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 -1px 0 0 #eff3f5;
  background-color: #ffffff;
  line-height: 1.75;
  color: #6AD6A2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 16px;
}
.travel-about-ill-1 .search-form .fa {
  font-size: 20px;
  line-height: 1.4;
  margin-right: 12px;
}
.travel-about-ill-1 .search-results {
  color: #5a7184;
}
.travel-about-ill-1 .search-results li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px 8px 48px;
}
.travel-about-ill-1 .search-results li::after {
  display: block;
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background-image: url("../images/icons/checkmark-green-plain.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.travel-about-ill-1 .search-results li.active {
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.05);
}

.travel-about-ill-2 {
  max-width: 360px;
  position: relative;
}
.travel-about-ill-2::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 900;
  position: absolute;
  top: 25px;
  right: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  font-size: 42px;
  color: #00b8d9;
  border-radius: 50%;
}
.travel-about-ill-2 img {
  border-radius: 8px 8px 0 0;
}
.travel-about-ill-2 .detail {
  border-radius: 0 0 8px 8px;
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  padding: 16px 24px 20px;
}
.travel-about-ill-2 .detail label {
  font-size: 14px;
  line-height: 1.43;
  color: #36b37e;
  margin: 0 0 12px;
}
.travel-about-ill-2 .detail h4 {
  font-size: 28px !important;
  line-height: 1.29 !important;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 10px;
}
.travel-about-ill-2 .detail p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #5a7184;
  margin: 0 0 24px;
}

.landing-travel-guarantee {
  background-color: #fafdff;
  padding: 95px 0;
}
.landing-travel-guarantee .description {
  padding-left: 50px;
  max-width: 440px;
}
.landing-travel-guarantee .description h4 {
  font-size: 32px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 22px;
}
.landing-travel-guarantee .description p {
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: normal;
  color: #5a7184;
}
.landing-travel-guarantee .guarantees {
  margin: 26px 0 0;
  max-width: 420px;
}
.landing-travel-guarantee .guarantees .card {
  background: transparent;
  border: none;
  margin: 0 0 10px;
  border-radius: 8px;
  overflow: hidden;
}
.landing-travel-guarantee .guarantees .card-header {
  border: none;
  padding: 20px 20px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px !important;
  line-height: 1.11 !important;
  letter-spacing: 0.23px;
  color: #6AD6A2;
  background: rgba(179, 186, 197, 0.1);
}
.landing-travel-guarantee .guarantees .card-header.collapsed {
  background: transparent;
}
.landing-travel-guarantee .guarantees .card-header.collapsed .indicator {
  background: transparent;
}
.landing-travel-guarantee .guarantees .card-header.collapsed .arrow {
  transform: rotate(180deg);
}
.landing-travel-guarantee .guarantees .card-header i {
  display: block;
}
.landing-travel-guarantee .guarantees .card-header i.indicator {
  width: 18px;
  height: 18px;
  border: solid 1px #36b37e;
  border-radius: 50%;
  display: block;
  margin-right: 10px;
  background: #36b37e;
}
.landing-travel-guarantee .guarantees .card-header i.arrow {
  margin-left: 10px;
  font-size: 16px;
  color: #5a7184;
}
.landing-travel-guarantee .guarantees .show .card-body {
  background: rgba(179, 186, 197, 0.1);
}
.landing-travel-guarantee .guarantees .card-body {
  padding: 0 32px 20px 20px;
}
.landing-travel-guarantee .guarantees .card-body p {
  font-size: 16px;
  line-height: 1.75;
  color: #6AD6A2;
}
.landing-travel-guarantee .illustration {
  position: relative;
  margin-left: -160px;
}
.landing-travel-guarantee .illustration img {
  max-width: 100%;
  border-radius: 8px;
}
.landing-travel-guarantee .illustration .chats {
  position: absolute;
  top: 257px;
  right: -64px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.landing-travel-guarantee .illustration .chats li {
  border-radius: 8px;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  padding: 12px 20px;
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.75;
  color: #6AD6A2;
}
.landing-travel-guarantee .illustration .chats li + li {
  margin-left: 35px;
}
.landing-travel-guarantee .illustration .chats li + li + li {
  margin-left: 15px;
}

.landing-travel-customer-review {
  padding-bottom: 100px;
}

.customer-review-result-section .c-customer-review {
  padding-left: 0;
  padding-right: 0;
}
.customer-review-result-section .c-customer-review-body {
  margin-top: 24px;
}
.customer-review-result-section .customer-review-result .left ul {
  display: flex;
  justify-content: center;
}
.customer-review-result-section .customer-review-result .left ul li {
  width: 40px;
  height: 40px;
  border: 2px solid white;
  border-radius: 100px;
}
.customer-review-result-section .customer-review-result .left ul li:nth-of-type(1) {
  margin-right: -10px;
  z-index: 11;
}
.customer-review-result-section .customer-review-result .left ul li:nth-of-type(2) {
  margin-top: -10px;
  z-index: 1;
}
.customer-review-result-section .customer-review-result .left ul li:nth-of-type(3) {
  margin-left: -10px;
}
.customer-review-result-section .customer-review-result .left ul li img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.customer-review-result-section .customer-review-result .middle img {
  height: 32px;
}
.customer-review-result-section .customer-review-result .middle .star {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-review-result-section .customer-review-result .middle .star li {
  margin-left: 2px;
  margin-right: 2px;
}
.customer-review-result-section .customer-review-result .middle .star li .fas {
  color: #faad13;
}
.landing-travel-tips {
  padding-top: 120px;
  padding-bottom: 100px;
}
.landing-travel-tips .heading {
  text-align: center;
  max-width: 664px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px;
}
.landing-travel-tips .heading h3 {
  font-size: 36px !important;
  line-height: 1.33 !important;
  margin: 16px 0;
}
.landing-travel-tips .heading p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  margin: 0 auto;
  max-width: 602px;
}
.landing-travel-tips .container {
  max-width: 1034px;
}
.landing-travel-tips .content {
  position: relative;
}
.landing-travel-tips .row {
  margin-left: -20px;
  margin-right: -20px;
}
.landing-travel-tips .row .col {
  padding-left: 20px;
  padding-right: 20px;
}
.landing-travel-tips .btn-container {
  position: absolute;
  right: -36px;
  bottom: 264px;
}
.landing-travel-tips .btn-container .btn-see-all {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  box-shadow: 0 34px 68px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  font-size: 20.6px;
  color: #1565d8;
}

.tips-carousel-container {
  position: relative;
  margin: -100px -497px;
}
.tips-carousel-container .tips-carousel-item {
  padding: 100px 10px;
}
.tips-carousel-container .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  right: 50%;
  display: flex;
  justify-content: space-between;
  width: 1054px;
  margin: -36px -527px;
}
.tips-carousel-container .owl-carousel .owl-nav .owl-prev, .tips-carousel-container .owl-carousel .owl-nav .owl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  box-shadow: 0 34px 68px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  font-size: 20.6px;
  color: #1565d8;
}

.card-travel-tips {
  position: relative;
  border-radius: 16px;
  box-shadow: 0 20px 50px 0 rgba(15, 24, 44, 0.15);
  height: 600px;
  overflow: hidden;
}
.card-travel-tips img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-travel-tips .card-img-overlay {
  background-image: linear-gradient(to bottom, rgba(24, 59, 86, 0), #152532);
  padding: 45px;
}
.card-travel-tips h4 {
  font-size: 32px !important;
  line-height: 1.25 !important;
  margin: 0 0 24px;
}
.card-travel-tips a {
  text-decoration: none;
}

.landing-travel-testimonial {
  padding: 150px 0 0;
}

.travel-testimonial-container {
  margin: 0 -150px;
}

.travel-testimonial .box-testimonial {
  flex-direction: row-reverse;
  background: transparent;
  padding: 70px 150px 100px;
}
.travel-testimonial .box-testimonial .testimonial-content {
  flex: 0 0 685px;
  width: 685px;
  padding: 10px 0 0;
}
.travel-testimonial .box-testimonial .testimonial-content p {
  line-height: 1.8;
  margin-bottom: 36px;
}
.travel-testimonial .box-testimonial .testimonial-content p::before {
  display: none;
}
.travel-testimonial .box-testimonial .meta strong, .travel-testimonial .box-testimonial .meta span {
  display: block;
}
.travel-testimonial .box-testimonial .meta strong {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #1565d8;
  margin: 0 0 4px;
}
.travel-testimonial .box-testimonial .meta span {
  font-size: 18px;
  color: #6AD6A2;
}
.travel-testimonial .box-testimonial .testimonial-profile {
  position: relative;
  margin: 0;
}
.travel-testimonial .box-testimonial .testimonial-profile::before {
  position: absolute;
  left: 0;
  bottom: -35px;
  content: "";
  font-size: 140px;
  line-height: 1em;
  color: #1565d8;
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 900;
}
.travel-testimonial .box-testimonial .testimonial-profile .user {
  width: 350px;
  height: 350px;
  box-shadow: 0 34px 68px 0 rgba(0, 0, 0, 0.1);
  border: solid 12px #ffffff;
  overflow: hidden;
  border-radius: 50%;
}
.travel-testimonial .box-testimonial .testimonial-profile .user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.travel-testimonial .owl-dots {
  position: absolute;
  left: 150px;
  bottom: 70px;
  margin: 0 -16px;
}
.travel-testimonial .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  background-color: #b3bac5;
  border-radius: 50px;
  margin: 0 16px;
}
.travel-testimonial .owl-dots button.owl-dot.active {
  background-color: #1565d8;
}

@media (max-width: 991.98px) {
  header.landing-travel .row-content {
    display: block;
    text-align: center;
  }
  header.landing-travel .hero {
    padding-top: 30px;
  }
  header.landing-travel .hero .content {
    position: initial;
    margin-left: auto;
    margin: auto;
    padding-top: 0;
  }
  header.landing-travel .content .btn-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -102px;
    display: block;
    align-items: center;
    justify-content: center;
  }
  header.landing-travel .form-box {
    margin: 0 auto;
    text-align: left;
  }

  .landing-travel-benefit {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .landing-travel-benefit .heading {
    margin-bottom: 36px;
  }

  .box-travel-benefit {
    padding-left: 30px;
    padding-right: 30px;
  }

  .landing-travel-destinations {
    padding-bottom: 48px;
  }
  .landing-travel-destinations .destinations-carousel-container {
    margin-left: -590px;
    margin-right: -500px;
  }

  .landing-travel-about {
    padding-top: 80px;
  }
  .landing-travel-about .heading {
    margin-bottom: 54px;
  }
  .landing-travel-about .heading h3 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin: 22px 0 0;
  }
  .landing-travel-about .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .landing-travel-about .content-top {
    margin-top: 48px;
  }
  .landing-travel-about .content .left {
    padding: 24px 10px;
  }
  .landing-travel-about .content .left h3 {
    font-size: 24px !important;
    line-height: 1.33 !important;
    margin: 0 0 16px;
  }
  .landing-travel-about .content .left p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 1.75em;
  }
  .landing-travel-about .content .left .c-list.w-50p {
    margin-top: 0;
  }
  .landing-travel-about .content .left .c-list.w-50p li {
    margin-bottom: 16px;
  }
  .landing-travel-about .content .left .c-list.w-50p li p {
    font-size: 14px;
    line-height: 1.43em;
  }
  .landing-travel-about .col-ill {
    flex: 0 0 314px;
    max-width: 314px;
  }
  .landing-travel-about .col-desc {
    flex: 1;
  }

  .travel-about-ill-2 .detail {
    padding: 14px 22px 18px;
  }
  .travel-about-ill-2 .detail h4 {
    font-size: 24px !important;
  }
  .travel-about-ill-2 .detail p {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .landing-travel-guarantee {
    padding: 60px 0;
  }
  .landing-travel-guarantee .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .landing-travel-guarantee .illustration {
    margin-left: 0;
  }
  .landing-travel-guarantee .illustration .chats {
    right: -15px;
  }
  .landing-travel-guarantee .illustration .img-container {
    width: 324px;
    height: 470px;
  }
  .landing-travel-guarantee .illustration .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .landing-travel-guarantee .description {
    padding-left: 0;
  }
  .landing-travel-guarantee .description h4 {
    font-size: 24px !important;
    line-height: 1.33 !important;
    margin-bottom: 12px;
    max-width: 274px;
  }
  .landing-travel-guarantee .description p {
    font-size: 16px;
    line-height: 1.75;
  }
  .landing-travel-guarantee .description .guarantees {
    margin-top: 20px;
  }

  .landing-travel-testimonial {
    padding: 80px 0 0;
  }
  .landing-travel-testimonial .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .travel-testimonial-container {
    margin: 0;
  }

  .travel-testimonial .box-testimonial {
    display: block;
    margin-top: 0;
    padding: 0 20px 114px;
  }
  .travel-testimonial .box-testimonial .testimonial-profile {
    overflow: initial;
    top: initial;
    left: initial;
    height: initial;
    border-radius: initial;
    width: 245px;
    margin: 0 auto 75px;
  }
  .travel-testimonial .box-testimonial .testimonial-profile::before {
    font-size: 98px;
    bottom: -27px;
    left: 0;
  }
  .travel-testimonial .box-testimonial .testimonial-profile .user {
    width: 245px;
    height: 245px;
  }
  .travel-testimonial .box-testimonial .testimonial-content {
    width: initial;
  }
  .travel-testimonial .box-testimonial .testimonial-content p {
    font-size: 28px;
    margin-bottom: 36px;
  }
  .travel-testimonial .owl-dots {
    left: 0;
    right: 0;
    bottom: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .landing-travel-tips {
    padding-top: 80px;
    padding-bottom: 56px;
  }
  .landing-travel-tips .heading {
    margin-bottom: 48px;
  }
  .landing-travel-tips .container {
    padding-left: 38px !important;
    padding-right: 38px !important;
  }
  .landing-travel-tips .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .landing-travel-tips .row .col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tips-carousel-container {
    margin: -100px -392px;
  }
  .tips-carousel-container .owl-carousel .owl-nav {
    width: 768px;
    margin: -36px -384px;
  }

  .card-travel-tips .card-img-overlay {
    padding: 24px 42px;
  }
}
@media (max-width: 767.98px) {
  .landing-travel-about .content .left {
    text-align: center;
    padding: 40px 0 0;
    max-width: 400px;
    margin: 0 auto;
  }
  .landing-travel-about .content .left h3 {
    padding: 0;
  }
  .landing-travel-about .content .left .c-list.w-50p li {
    width: 100%;
    justify-content: center;
  }
  .landing-travel-about .content-top, .landing-travel-about .content-bottom {
    display: block;
  }
  .landing-travel-about .col-ill {
    margin-left: auto;
    margin-right: auto;
  }

  .landing-travel-destinations .heading {
    display: block;
    text-align: center;
  }
  .landing-travel-destinations .heading h3 {
    margin-bottom: 20px;
  }
  .landing-travel-destinations .destinations-carousel-box {
    height: 400px;
    text-align: center;
  }
  .landing-travel-destinations .destinations-carousel-box img {
    height: 100%;
    object-fit: cover;
  }

  .landing-travel-guarantee .description {
    padding: 40px 0 0;
    margin: 0 auto;
  }

  .landing-travel-tips .btn-container {
    position: relative;
    bottom: initial;
    right: initial;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .card-travel-tips {
    height: 420px;
    max-width: 500px;
    margin: 0 auto 24px;
  }
}
@media (max-width: 575.98px) {
  header.landing-travel {
    padding-bottom: 132px;
  }
  header.landing-travel .hero {
    padding-top: 16px;
  }
  header.landing-travel .content h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin: 0 0 16px;
  }
  header.landing-travel .content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 32px;
  }
  header.landing-travel .content .btn-container {
    bottom: -84px;
  }
  header.landing-travel .content .btn-container .btn {
    width: 48px;
    height: 48px;
    font-size: 16px;
    line-height: 1em;
  }
  header.landing-travel .form-box {
    padding: 25px 15px;
    text-align: center;
    margin: 0 -10px;
  }
  header.landing-travel .form-box .form-group {
    text-align: left;
  }

  .landing-travel-benefit {
    padding-top: 64px;
    padding-bottom: 40px;
  }
  .landing-travel-benefit .heading {
    margin-bottom: 32px;
  }
  .landing-travel-benefit .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin: 0 0 20px;
  }

  .box-travel-benefit {
    text-align: left;
    padding: 20px 15px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 0 -5px 16px;
  }
  .box-travel-benefit .ill {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 7px;
    margin: 0 10px 0 0;
    border-radius: 8px;
  }
  .box-travel-benefit .ill img {
    width: 100%;
    height: 100%;
  }
  .box-travel-benefit .desc {
    padding: 3px 0 0;
  }
  .box-travel-benefit h4 {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 6px;
  }

  .landing-travel-destinations {
    padding-top: 48px;
    padding-bottom: 36px;
  }
  .landing-travel-destinations .heading {
    margin-bottom: 36px;
  }
  .landing-travel-destinations .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 0;
  }
  .landing-travel-destinations .heading .see-all-container {
    display: none;
  }
  .landing-travel-destinations .see-all-footer {
    display: flex;
    padding-top: 36px;
  }
  .landing-travel-destinations .destinations-carousel-container {
    margin: 0 -20px;
  }
  .landing-travel-destinations .destinations-carousel-item {
    padding: 0 10px;
  }
  .landing-travel-destinations .destinations-carousel-box {
    height: 320px;
  }
  .landing-travel-destinations .destinations-carousel-box .text {
    margin-bottom: 17px;
  }
  .landing-travel-destinations .destinations-carousel-box .text h4 {
    font-size: 24px !important;
    line-height: 1.33 !important;
    margin-bottom: 8px;
  }
  .landing-travel-destinations .destinations-carousel-box .text p {
    font-size: 14px;
    line-height: 1.71;
  }
  .landing-travel-destinations .destinations-carousel-box .description {
    padding: 20px 15px;
    display: block;
  }
  .landing-travel-destinations .destinations-carousel-box .description .btn {
    line-height: 38px;
  }

  .landing-travel-about {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .landing-travel-about .container {
    padding: 0 20px !important;
  }
  .landing-travel-about .heading {
    margin-bottom: 36px;
  }
  .landing-travel-about .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin: 16px 0 0;
  }
  .landing-travel-about .content-top {
    margin-top: 0;
  }
  .landing-travel-about .content .left .c-list.w-50p li {
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
  }

  .travel-about-ill-2::before {
    width: 72px;
    height: 72px;
    font-size: 30px;
    right: -20px;
  }
  .travel-about-ill-2 .detail {
    padding-left: 15px;
    padding-right: 15px;
  }

  .landing-travel-guarantee {
    padding: 48px 0;
  }
  .landing-travel-guarantee .container {
    padding: 0 20px !important;
  }
  .landing-travel-guarantee .illustration .img-container {
    width: 100%;
    height: 420px;
  }
  .landing-travel-guarantee .illustration .chats {
    left: -15px;
  }
  .landing-travel-guarantee .illustration .chats li {
    padding: 10px 20px;
  }
  .landing-travel-guarantee .description {
    text-align: center;
    padding: 85px 0 0;
  }
  .landing-travel-guarantee .description h4 {
    max-width: initial;
  }
  .landing-travel-guarantee .description .guarantees {
    text-align: left;
    margin-left: -5px;
    margin-right: -5px;
    max-width: initial;
  }
  .landing-travel-guarantee .guarantees .card-header {
    padding-right: 10px;
  }
  .landing-travel-guarantee .guarantees .card-header i.arrow {
    margin: 0 0 0 10px;
  }
  .landing-travel-guarantee .guarantees .card-body {
    padding: 0 15px 20px 20px;
  }

  .landing-travel-testimonial {
    padding-top: 64px;
  }

  .travel-testimonial .box-testimonial {
    padding: 0 20px 70px;
  }
  .travel-testimonial .box-testimonial .testimonial-profile {
    margin-bottom: 50px;
  }
  .travel-testimonial .box-testimonial .testimonial-profile::before {
    font-size: 88px;
    bottom: -25px;
  }
  .travel-testimonial .box-testimonial .testimonial-profile .user {
    width: 220px;
    height: 220px;
    border-width: 8px;
  }
  .travel-testimonial .box-testimonial .testimonial-content p {
    font-size: 20px;
    line-height: 1.9;
  }
  .travel-testimonial .box-testimonial .meta strong {
    font-size: 18px;
    line-height: 24px;
  }
  .travel-testimonial .box-testimonial .meta span {
    font-size: 16px;
  }
  .travel-testimonial .owl-dots {
    bottom: 36px;
  }
  .travel-testimonial .owl-dots button.owl-dot {
    margin: 0 8px;
  }

  .landing-travel-tips {
    padding-top: 70px;
  }
  .landing-travel-tips .heading {
    margin-bottom: 36px;
  }
  .landing-travel-tips .heading h3 {
    margin: 24px 0 16px;
  }
  .landing-travel-tips .container {
    padding: 0 24px !important;
  }
  .landing-travel-tips .btn-container .btn-see-all {
    width: 52px;
    height: 52px;
  }

  .card-travel-tips {
    height: 375px;
  }
  .card-travel-tips .card-img-overlay {
    padding: 30px 32px 30px 20px;
  }
  .card-travel-tips h4 {
    font-size: 24px !important;
    line-height: 1.33 !important;
    margin: 0 0 15px;
  }

  .landing-travel-customer-review {
    padding-bottom: 16px;
  }
  .landing-travel-customer-review .box-review-result {
    margin-bottom: 48px;
  }
}
header.landing-agency {
  background-color: #fafdff;
  padding-bottom: 100px;
}
header.landing-agency .content {
  flex: 0 0 490px;
  max-width: 490px;
}
header.landing-agency .hero {
  position: relative;
  padding-top: 60px;
  padding-bottom: 0;
}
header.landing-agency .content {
  padding-top: 60px;
}
header.landing-agency .content h1 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin: 0 0 20px;
}
header.landing-agency .content p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0 0 48px;
}
header.landing-agency .content .btn-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
header.landing-agency .content .btn-container .btn-black {
  min-width: 245px;
}
header.landing-agency .content .btn-container .btn-rounded {
  margin-top: 56px;
  padding-left: 0;
  padding-right: 0;
  width: 56px;
}
header.landing-agency .illustration {
  display: flex;
  align-items: flex-end;
  margin-right: -150px;
}
header.landing-agency .illustration img {
  position: relative;
  max-width: 100%;
}
header.landing-agency .illustration .iphone {
  position: relative;
  flex: 0 0 220px;
  width: 220px;
  margin-right: -180px;
  position: relative;
  z-index: 2;
}
header.landing-agency .illustration .iphone::before {
  content: "";
  position: absolute;
  left: -30px;
  top: -40px;
  width: 102px;
  height: 118px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/landing-agency/ill-pattern.svg);
}
header.landing-agency .illustration .macbook {
  position: relative;
  flex: 0 0 885px;
  width: 885px;
  margin-bottom: 22px;
  margin-right: -200px;
  position: relative;
  z-index: 1;
}
header.landing-agency .illustration .macbook::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -100px;
  width: 540px;
  height: 540px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/landing-agency/ill-oval.svg);
}

.landing-agency-partner {
  text-align: left;
  padding-top: 100px;
  padding-bottom: 100px;
}
.landing-agency-partner .heading {
  display: flex;
  align-items: flex-end;
  margin: 0 0 82px;
}
.landing-agency-partner .heading .top {
  flex: 0 0 420px;
  width: 420px;
  margin: 0 192px 0 0;
}
.landing-agency-partner .heading span {
  display: block;
  margin: 0 0 28px;
}
.landing-agency-partner .heading h3 {
  font-size: 36px !important;
  line-height: 1.33 !important;
}
.landing-agency-partner .heading p {
  max-width: 460px;
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
.landing-agency-partner .agency-partner-item {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-agency-partner .agency-partner-item img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.landing-agency-wwd {
  padding: 80px 0 60px;
  background-color: #f9fbfe;
}
.landing-agency-wwd .heading {
  display: flex;
  align-items: center;
  margin: 0 0 56px;
}
.landing-agency-wwd .heading h3 {
  width: 390px;
  font-size: 36px !important;
  line-height: 1.33 !important;
}
.landing-agency-wwd .heading p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}

.box-wwd {
  border-radius: 16px;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e5eaf4;
  background-color: #ffffff;
  padding: 22px 24px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 28px;
}
.box-wwd .ill {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}
.box-wwd .ill img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.box-wwd .text {
  padding: 0 0 0 15px;
}
.box-wwd h4 {
  font-size: 22px !important;
  line-height: 1.5 !important;
  color: #6AD6A2;
  margin: 0 0 4px;
}
.box-wwd p {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  margin: 0;
}

.landing-agency-projects {
  padding: 100px 0 80px;
}
.landing-agency-projects .heading {
  margin: 0 0 48px;
}
.landing-agency-projects .heading span {
  display: block;
  margin: 0 0 20px;
}
.landing-agency-projects .heading h3 {
  font-size: 36px !important;
  line-height: 1.33 !important;
}

.projects-carousel-container {
  margin: 0 -410px -40px -15px;
}
.projects-carousel-container .owl-carousel .owl-nav {
  position: absolute;
  top: -100px;
  left: 15px;
  display: flex;
  justify-content: flex-end;
  width: 1040px;
}
.projects-carousel-container .owl-carousel .owl-nav .owl-prev, .projects-carousel-container .owl-carousel .owl-nav .owl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #ffffff;
  font-size: 18px;
  color: #959ead;
}
.projects-carousel-container .owl-carousel .owl-nav .owl-prev:hover, .projects-carousel-container .owl-carousel .owl-nav .owl-next:hover {
  color: #6AD6A2;
}

.projects-carousel-item {
  padding: 0 15px 40px;
}

.projects-carousel-box {
  overflow: hidden;
  border-radius: 8px;
  background-color: #ffffff;
  text-decoration: none;
  display: block;
}
.projects-carousel-box:hover {
  text-decoration: none;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
}
.projects-carousel-box .ill {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  border: solid 1px #dde6f4;
  border-bottom: none;
  height: 400px;
}
.projects-carousel-box .ill img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projects-carousel-box .description {
  border-radius: 0 0 8px 8px;
  border: solid 1px #dde6f4;
  padding: 24px;
}
.projects-carousel-box .description h4 {
  font-size: 32px !important;
  line-height: 1.25 !important;
  margin: 16px 0 0;
  color: #6AD6A2;
}

.landing-agency-testimonial {
  padding: 80px 0 50px;
}
.landing-agency-testimonial .heading {
  margin: 0 0 50px;
}
.landing-agency-testimonial .heading span {
  display: block;
  margin: 0 0 20px;
}
.landing-agency-testimonial .heading h3 {
  font-size: 36px !important;
  line-height: 1.33 !important;
}
.landing-agency-testimonial .agency-testimonial-container {
  margin: -50px -600px;
}

.agency-testimonial-container .owl-carousel .owl-nav {
  position: absolute;
  width: 1196px;
  left: 50%;
  margin-left: -598px;
  top: 50%;
  margin-top: -28px;
  display: flex;
  justify-content: space-between;
}
.agency-testimonial-container .owl-carousel .owl-nav .owl-prev, .agency-testimonial-container .owl-carousel .owl-nav .owl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #ffffff;
  font-size: 18px;
  color: #959ead;
  border-radius: 2000px;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
}
.agency-testimonial-container .owl-carousel .owl-nav .owl-prev:hover, .agency-testimonial-container .owl-carousel .owl-nav .owl-next:hover {
  color: #6AD6A2;
}
.agency-testimonial-container .owl-carousel.owl-grab .owl-item {
  opacity: 1;
}

.agency-testimonial .owl-item {
  padding: 50px 15px;
  opacity: 0;
}
.agency-testimonial .owl-item.active + .active {
  opacity: 1;
}
.agency-testimonial .owl-item.active + .active + .active + .active {
  opacity: 0;
}
.agency-testimonial .box-testimonial {
  display: block;
  border-radius: 8px;
  border: solid 1px #e5eaf4;
  background-color: #ffffff;
  padding: 40px;
}
.agency-testimonial .box-testimonial:hover {
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
}
.agency-testimonial .box-testimonial .testimonial-content {
  width: initial;
}
.agency-testimonial .box-testimonial .testimonial-content p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0;
}
.agency-testimonial .box-testimonial .testimonial-content p::before {
  display: none;
}
.agency-testimonial .box-testimonial .testimonial-profile {
  margin: 0;
}
.agency-testimonial .box-testimonial .c-customer-review-meta {
  margin: 0 0 30px;
}
.agency-testimonial .box-testimonial .c-customer-review-meta .user {
  width: 56px;
  height: 56px;
  border: none;
}
.agency-testimonial .box-testimonial .c-customer-review-meta .meta p, .agency-testimonial .box-testimonial .c-customer-review-meta .meta span {
  display: block;
}
.agency-testimonial .box-testimonial .c-customer-review-meta .meta p {
  color: #6AD6A2;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.33 !important;
  margin-bottom: 5px;
}
.agency-testimonial .box-testimonial .c-customer-review-meta .meta span {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}

.landing-agency-social {
  padding: 50px 0 100px;
}
.landing-agency-social .heading {
  text-align: center;
  margin: 0 0 60px;
}
.landing-agency-social .heading span {
  display: block;
  margin: 0 0 20px;
}
.landing-agency-social .heading h3 {
  font-size: 36px !important;
  line-height: 1.33 !important;
}

.box-agency-social {
  text-align: center;
  margin: 0 0 20px;
}
.box-agency-social .ic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background-color: rgba(21, 101, 216, 0.06);
  margin: 0 auto 35px;
  font-size: 36px;
  color: #1565d8;
}
.box-agency-social .social-content h5 {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 12px;
}
.box-agency-social .social-content p {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  margin: 0 auto 19px;
  max-width: 220px;
}
.box-agency-social .social-content a {
  font-size: 18px;
  font-weight: bold;
  color: #1565d8;
  line-height: 24px;
}
.box-agency-social .social-content a i {
  font-size: 14px;
}

.landing-agency-cta {
  text-align: center;
  background: url(../images/landing-agency/agency-cta-pattern.svg) top right;
  background-repeat: no-repeat;
  background-blend-mode: normal;
  background-color: #00b8d9;
  padding: 60px 0 80px;
  color: #fff;
}
.landing-agency-cta h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin: 0 0 16px;
}
.landing-agency-cta p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0 0 50px;
}
.landing-agency-cta + .footer {
  padding-top: 128px;
}

@media (max-width: 1199.98px) {
  .box-wwd .ill {
    flex: 0 0 36px;
    width: 36px;
  }
}
@media (max-width: 991.98px) {
  header.landing-agency {
    padding-bottom: 128px;
  }
  header.landing-agency .hero {
    padding-top: 30px;
  }
  header.landing-agency .content {
    text-align: center;
    padding: 0;
    max-width: 515px;
    margin: 0 auto;
  }
  header.landing-agency .content p {
    margin-bottom: 36px;
  }
  header.landing-agency .content .btn-container {
    align-items: center;
    margin-bottom: 64px;
  }
  header.landing-agency .content .btn-container .btn-rounded {
    position: absolute;
    bottom: -92px;
    margin: 0;
  }
  header.landing-agency .container, header.landing-agency .row, header.landing-agency .col {
    position: static;
  }
  header.landing-agency .illustration {
    margin: 0;
  }
  header.landing-agency .illustration .iphone {
    flex: 0 0 135px;
    width: 135px;
    margin-right: -135px;
  }
  header.landing-agency .illustration .iphone::before {
    height: 76px;
    top: -108px;
  }
  header.landing-agency .illustration .macbook {
    flex: 0 0 100%;
    width: 100%;
    margin: 0;
  }
  header.landing-agency .illustration .macbook::before {
    width: 378px;
    height: 378px;
    bottom: -36px;
    right: -72px;
  }

  .landing-agency-partner {
    padding: 80px 0;
  }
  .landing-agency-partner .heading {
    display: block;
    text-align: center;
    margin-bottom: 55px;
  }
  .landing-agency-partner .heading .top {
    width: initial;
    margin: 0 auto 24px;
  }
  .landing-agency-partner .heading p {
    max-width: 580px;
    margin: 0 auto;
  }

  .landing-agency-wwd {
    padding: 48px 0 40px;
  }
  .landing-agency-wwd .heading {
    display: block;
    text-align: center;
    margin-bottom: 36px;
  }
  .landing-agency-wwd .heading h3 {
    width: initial;
    margin: 0 auto 24px;
  }
  .landing-agency-wwd .heading p {
    margin: 0 auto;
  }
  .landing-agency-wwd .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .landing-agency-wwd .row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .landing-agency-wwd .col {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 16px;
  }

  .box-wwd {
    margin: 0;
    height: 100%;
    padding: 22px;
  }

  .landing-agency-projects {
    padding: 80px 0 40px;
  }
  .landing-agency-projects .heading {
    margin: 0 0 36px;
  }
  .landing-agency-projects .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .projects-carousel-container {
    margin-right: -54px;
  }
  .projects-carousel-container .owl-carousel .owl-nav {
    top: -88px;
    width: 696px;
  }

  .landing-agency-testimonial {
    padding: 40px 0;
  }
  .landing-agency-testimonial .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .landing-agency-testimonial .heading {
    display: block;
    text-align: center;
    margin-bottom: 36px;
  }
  .landing-agency-testimonial .agency-testimonial-container {
    margin-left: -543px;
    margin-right: -427px;
  }

  .agency-testimonial-container .owl-carousel .owl-nav {
    left: 545px;
    margin-left: 0;
    width: 696px;
  }

  .agency-testimonial .owl-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .agency-testimonial .box-testimonial {
    margin-top: 0;
    text-align: left;
    padding: 30px;
  }
  .agency-testimonial .box-testimonial .testimonial-profile {
    position: relative;
    height: initial;
    left: initial;
    top: initial;
    display: block;
    border-radius: 0;
  }

  .landing-agency-social {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .landing-agency-social .row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .landing-agency-social .col {
    padding-left: 12px;
    padding-right: 12px;
  }
  .landing-agency-social .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .landing-agency-social .heading {
    margin-bottom: 36px;
  }

  .box-agency-social .ic {
    font-size: 24px;
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
  }
  .box-agency-social .social-content h5 {
    margin-bottom: 8px;
  }
  .box-agency-social .social-content p {
    font-size: 14px;
    line-height: 1.71;
    min-height: 5.13em;
    margin-bottom: 14px;
  }
  .box-agency-social .social-content a {
    font-size: 16px;
    line-height: 22px;
  }

  .landing-agency-cta {
    padding: 56px 0;
  }
  .landing-agency-cta .container {
    max-width: 425px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-agency-cta h3 {
    font-size: 40px !important;
    line-height: 1.3 !important;
    margin-bottom: 16px;
  }
  .landing-agency-cta .btn {
    min-width: 220px;
  }
}
@media (max-width: 767.98px) {
  .landing-agency-partner .agency-partner-item {
    margin-bottom: 34px;
  }

  .landing-agency-projects .heading {
    text-align: center;
    margin-bottom: 36px;
  }

  .projects-carousel-container {
    margin: 0;
  }
  .projects-carousel-container .owl-carousel .owl-nav {
    position: relative;
    width: 100%;
    left: initial;
    right: initial;
    top: initial;
    justify-content: center;
    margin: 15px 0 0;
  }

  .landing-agency-testimonial .agency-testimonial-container {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 0;
  }

  .agency-testimonial-container .owl-carousel .owl-nav {
    position: relative;
    width: 100%;
    left: initial;
    right: initial;
    top: initial;
    justify-content: center;
  }
  .agency-testimonial-container .owl-carousel .owl-nav .owl-prev, .agency-testimonial-container .owl-carousel .owl-nav .owl-next {
    margin: 0 10px;
  }

  .agency-testimonial .owl-item {
    opacity: 1;
    padding-left: 15px;
    padding-right: 15px;
  }
  .agency-testimonial .box-testimonial {
    text-align: center;
  }
  .agency-testimonial .box-testimonial .c-customer-review-meta {
    display: block;
    margin-bottom: 24px;
  }
  .agency-testimonial .box-testimonial .c-customer-review-meta .user {
    margin: 0 auto 16px;
  }

  .box-agency-social {
    margin-bottom: 32px;
  }
  .box-agency-social .social-content p {
    min-height: initial;
  }
}
@media (max-width: 575.98px) {
  header.landing-agency .content h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }
  header.landing-agency .content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 26px;
  }
  header.landing-agency .content .btn-container {
    min-width: 250px;
    margin-bottom: 50px;
  }
  header.landing-agency .content .btn-container .btn-black {
    min-width: 220px;
    font-size: 1rem;
    line-height: 3rem;
  }
  header.landing-agency .illustration {
    margin-left: -24px;
    margin-right: -24px;
  }
  header.landing-agency .illustration .iphone {
    flex: 0 0 100px;
    width: 100px;
    margin-left: -20px;
    margin-right: -100px;
  }
  header.landing-agency .illustration .iphone::before {
    top: -80px;
  }
  header.landing-agency .illustration .macbook {
    margin-left: 20px;
    margin-right: -80px;
    flex: 0 0 calc(100% + 80px);
    width: calc(100% + 80px);
  }
  header.landing-agency .illustration .macbook::before {
    width: 302px;
    height: 302px;
    bottom: -73px;
  }

  .landing-agency-partner {
    padding: 64px 0 40px;
  }
  .landing-agency-partner .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-agency-partner .heading {
    margin-bottom: 37px;
  }
  .landing-agency-partner .heading h3 {
    font-size: 28px !important;
    line-height: 36px !important;
  }
  .landing-agency-partner .agency-partner-item {
    max-height: 25px;
    margin-bottom: 24px;
  }

  .landing-agency-wwd {
    padding: 36px 0;
  }
  .landing-agency-wwd .heading h3 {
    font-size: 28px !important;
    line-height: 36px !important;
    margin-bottom: 16px;
  }
  .landing-agency-wwd .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .box-wwd {
    padding: 18px 24px;
    flex-direction: column;
  }
  .box-wwd .text {
    padding: 16px 0 0;
  }
  .box-wwd h4 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-bottom: 7px;
  }

  .landing-agency-projects {
    padding: 48px 0 32px;
  }
  .landing-agency-projects .heading h3 {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  .projects-carousel-item {
    padding: 0 8px;
  }

  .projects-carousel-box .ill {
    height: 300px;
  }
  .projects-carousel-box .description {
    text-align: center;
    padding: 20px;
  }
  .projects-carousel-box .description h4 {
    font-size: 24px !important;
    line-height: 1.33 !important;
    margin-top: 12px;
  }

  .landing-agency-testimonial {
    padding: 32px 0 36px;
  }
  .landing-agency-testimonial .heading {
    max-width: 280px;
    margin: 0 auto 32px;
  }
  .landing-agency-testimonial .heading h3 {
    font-size: 28px !important;
    line-height: 36px !important;
    margin-top: 16px;
  }

  .agency-testimonial-container .owl-carousel .owl-nav {
    margin: -24px 0 0;
  }
  .agency-testimonial-container .owl-carousel .owl-nav .owl-prev {
    display: none;
  }
  .agency-testimonial-container .owl-carousel .owl-nav .owl-next {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }

  .agency-testimonial .box-testimonial {
    padding: 24px 10px 36px;
  }
  .agency-testimonial .box-testimonial .c-customer-review-meta .meta p {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .agency-testimonial .box-testimonial .c-customer-review-meta .meta span {
    font-size: 14px;
    line-height: 1.71;
  }
  .agency-testimonial .box-testimonial .testimonial-content p {
    font-size: 16px;
    line-height: 1.75;
  }

  .landing-agency-social {
    padding: 36px 0 24px;
  }
  .landing-agency-social .heading h3 {
    font-size: 28px !important;
    line-height: 36px !important;
    margin-bottom: 16px;
  }

  .box-agency-social .social-content p {
    margin-bottom: 12px;
  }
  .box-agency-social .social-content a {
    font-size: 14px;
    line-height: 20px;
  }
  .box-agency-social .social-content a i {
    font-size: 12px;
  }

  .landing-agency-cta {
    padding: 64px 0;
  }
  .landing-agency-cta h3 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px;
  }
  .landing-agency-cta p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 36px;
  }
  .landing-agency-cta + .footer {
    padding-top: 48px;
  }
}
header.landing-personal {
  padding-bottom: 60px;
}
header.landing-personal .hero {
  position: relative;
  padding-top: 80px;
  padding-bottom: 0;
}
header.landing-personal .content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
header.landing-personal .content .header-text {
  flex: 0 0 555px;
  max-width: 555px;
}
header.landing-personal .content h1 {
  font-size: 56px !important;
  line-height: 1.21 !important;
  margin: 0 0 20px;
  max-width: 470px;
}
header.landing-personal .content p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0;
}
header.landing-personal .content .btn-container .personal-socials {
  display: flex;
  align-items: center;
  height: 70px;
  margin: 0 -12px;
}
header.landing-personal .content .btn-container .personal-socials li {
  padding: 0 12px;
}
header.landing-personal .content .btn-container .personal-socials a {
  font-size: 24px;
  line-height: 1.33;
  color: #1565d8;
}

.landing-personal-header {
  background-color: #fafdff;
  padding-bottom: 375px;
  margin-bottom: -375px;
}
.landing-personal-header .ill-container {
  height: 500px;
  margin: 0 -150px;
}
.landing-personal-header .ill-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landing-personal-header .content {
  border-bottom: solid 1px #e5eaf4;
  text-align: center;
  padding: 100px 80px 80px;
}
.landing-personal-header blockquote {
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}

.landing-personal-upcoming {
  padding-top: 100px;
}
.landing-personal-upcoming .heading {
  display: flex;
  align-items: center;
  padding: 0 0 64px;
}
.landing-personal-upcoming .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin: 0 84px 0 0;
}
.landing-personal-upcoming .heading p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0;
  color: #5a7184;
}
.landing-personal-upcoming .content {
  border-bottom: solid 1px #e5eaf4;
  padding: 0 0 70px;
}

.personal-upcoming-container {
  margin: 0 -15px 0 -15px;
}
.personal-upcoming-container .owl-carousel .owl-nav {
  position: absolute;
  top: -120px;
  right: 5px;
  display: flex;
  justify-content: flex-end;
}
.personal-upcoming-container .owl-carousel .owl-nav .owl-prev, .personal-upcoming-container .owl-carousel .owl-nav .owl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 2000px;
  border: solid 2px #b3bac5;
  font-size: 16px;
  color: #959ead;
  margin: 0 10px;
}
.personal-upcoming-container .owl-carousel .owl-nav .owl-prev:hover, .personal-upcoming-container .owl-carousel .owl-nav .owl-next:hover {
  color: #6AD6A2;
  border-color: #6AD6A2;
}

.personal-upcoming-item {
  padding: 0 15px;
}

.personal-upcoming-box {
  overflow: hidden;
  border-radius: 8px;
  background-color: #ffffff;
  margin: 0 0 30px;
}
.personal-upcoming-box .ill {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  height: 152px;
}
.personal-upcoming-box .ill img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.personal-upcoming-box .description {
  text-align: center;
  border-radius: 0 0 8px 8px;
  padding: 0;
  margin: -22px 0 0;
}
.personal-upcoming-box .description label {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  background-color: #f9fbfe;
  padding: 10px 8px;
  border-radius: 8px;
  margin: 0;
}
.personal-upcoming-box .description h4 {
  font-size: 28px !important;
  line-height: 1.29 !important;
  margin: 14px 0 8px;
  color: #6AD6A2;
}
.personal-upcoming-box .description p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  margin: 0 0 20px;
}

.landing-personal-video {
  padding-top: 100px;
}
.landing-personal-video .heading {
  text-align: center;
  margin: 0 0 60px;
}
.landing-personal-video .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin: 0 0 18px;
}
.landing-personal-video .heading p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  margin: 0;
}
.landing-personal-video .content {
  border-bottom: solid 1px #e5eaf4;
  padding: 0 0 100px;
}
.landing-personal-video .btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.landing-personal-video .btn-container .btn {
  margin: 0 13px;
}

.box-play-music-container {
  padding: 0 0 30px;
}

.box-play-music {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.box-play-music .ill {
  height: 100%;
}
.box-play-music img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-play-music .act-play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(24, 59, 86, 0.4);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all ease 500ms;
  -moz-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}
.box-play-music .act-play:hover {
  background: rgba(24, 59, 86, 0.7);
}
.box-play-music .act-play .btn-play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: solid 8px #fff;
}
.box-play-music .act-play .fa {
  font-size: 45px;
  margin-left: 10px;
}
.box-play-music .act-play strong {
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  margin: 35px 0 0;
}

.landing-personal-store {
  padding-top: 75px;
  padding-bottom: 140px;
}
.landing-personal-store .container {
  position: relative;
}
.landing-personal-store .heading {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding: 25px 15px 0;
}
.landing-personal-store .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin: 0 0 16px;
}
.landing-personal-store .heading p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  max-width: 325px;
  margin: 0;
}
.landing-personal-store .content {
  padding: 0 15px 0 90px;
  flex: 0 0 66.66666%;
  max-width: 66.66666%;
}

.personal-store-container {
  margin-left: -15px;
  margin-right: -370px;
}
.personal-store-container .owl-carousel {
  position: initial;
}
.personal-store-container .owl-carousel .owl-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
}
.personal-store-container .owl-carousel .owl-nav .owl-prev, .personal-store-container .owl-carousel .owl-nav .owl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 2000px;
  border: solid 2px #b3bac5;
  font-size: 16px;
  color: #959ead;
  margin: 0 10px;
}
.personal-store-container .owl-carousel .owl-nav .owl-prev:hover, .personal-store-container .owl-carousel .owl-nav .owl-next:hover {
  color: #6AD6A2;
  border-color: #6AD6A2;
}

.personal-store-item {
  padding: 0 15px;
}

.personal-product-box {
  position: relative;
}
.personal-product-box .ill {
  position: relative;
  height: 374px;
}
.personal-product-box .ill img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.personal-product-box .ill::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 28px;
  height: 280px;
  background-color: #f9fbfe;
}
.personal-product-box .price {
  position: absolute;
  top: 42px;
  right: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #ffffff;
  width: 76px;
  height: 76px;
  box-shadow: 0 20px 24px 0 rgba(0, 0, 0, 0.08);
  background-color: #36b37e;
  border-radius: 50%;
}

.landing-personal-social {
  padding: 100px 0;
  background-color: #f9fbfe;
}
.landing-personal-social .heading {
  text-align: center;
  margin: 0 0 56px;
}
.landing-personal-social .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin: 0 0 36px;
}

.social-post-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.social-post-filter li {
  margin: 0 8px;
}
.social-post-filter .btn-social-filter {
  border-radius: 2000px;
  border: solid 2px #b3bac5;
  font-size: 18px;
  line-height: 1.33;
  font-weight: bold;
  color: #5a7184;
  background: transparent;
  padding: 9px 24px 11px;
}
.social-post-filter .btn-social-filter:hover {
  background-color: rgba(21, 101, 216, 0.05);
}
.social-post-filter .btn-social-filter.is-checked {
  border-color: #1565d8;
  color: #1565d8;
}

.social-post-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.social-post-item {
  position: relative;
  width: 33.33333%;
  padding: 0 15px;
}

.social-post-box {
  display: block;
  border-radius: 8px;
  background-color: #ffffff;
  margin: 0 0 30px;
  text-decoration: none;
}
.social-post-box:hover {
  text-decoration: none;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
}
.social-post-box .social-post-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 18px 18px;
}
.social-post-box .social-post-header .account {
  display: flex;
  align-items: center;
}
.social-post-box .social-post-header .account .avatar {
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 10px 0 0;
}
.social-post-box .social-post-header .account .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.social-post-box .social-post-header .account strong {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.social-post-box .social-post-header .time {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
.social-post-box .social-post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.social-post-box .social-post-content {
  padding: 15px;
}
.social-post-box .social-post-content p {
  font-size: 14px;
  line-height: 1.43;
  color: #5a7184;
  margin: 0;
}
.social-post-box .social-post-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px 20px;
}
.social-post-box .social-post-footer .stats {
  display: flex;
}
.social-post-box .social-post-footer .stats li {
  display: flex;
  align-items: center;
}
.social-post-box .social-post-footer .stats li img {
  font-size: 14px;
  line-height: 1.43;
  object-fit: contain;
}
.social-post-box .social-post-footer .stats li span {
  font-size: 14px;
  line-height: 1.43;
  color: #959ead;
  margin: 0 0 0 3px;
}
.social-post-box .social-post-footer .stats li + li {
  margin-left: 18px;
}
.social-post-box .social-post-footer .social-icon {
  font-size: 18px;
  line-height: 1.11;
}
.social-post-box.facebook .social-icon {
  color: #1565d8;
}

@media (max-width: 1199.98px) {
  .landing-personal-upcoming .heading {
    display: block;
  }
  .landing-personal-upcoming .heading h3 {
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  header.landing-personal {
    padding-bottom: 56px;
  }
  header.landing-personal .hero {
    padding-top: 40px;
  }
  header.landing-personal .content {
    display: block;
  }
  header.landing-personal .content .btn-container {
    margin: 24px 0 0;
  }
  header.landing-personal .content .btn-container .personal-socials {
    height: initial;
  }

  .landing-personal-header .content {
    padding: 50px 0 56px;
  }
  .landing-personal-header blockquote {
    font-size: 22px;
    line-height: 1.45;
    margin-left: -22px;
    margin-right: -22px;
  }

  .landing-personal-upcoming {
    padding-top: 56px;
  }
  .landing-personal-upcoming .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 700px;
  }
  .landing-personal-upcoming .heading {
    display: block;
    padding-bottom: 48px;
    text-align: center;
  }
  .landing-personal-upcoming .heading h3 {
    margin: 0 0 22px;
  }

  .personal-upcoming-container {
    margin-left: -10px;
    margin-right: -650px;
  }
  .personal-upcoming-container .owl-carousel .owl-nav {
    position: relative;
    top: initial;
    left: 0;
    right: initial;
    justify-content: center;
    max-width: 700px;
    margin: 0 10px;
  }

  .personal-upcoming-item {
    display: flex;
    padding: 0 10px;
  }

  .personal-upcoming-box + .personal-upcoming-box {
    margin-left: 20px;
  }

  .landing-personal-video {
    padding-top: 56px;
  }
  .landing-personal-video .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .landing-personal-video .heading {
    margin-bottom: 48px;
  }
  .landing-personal-video .content {
    padding-bottom: 56px;
  }
  .landing-personal-video .btn-container {
    margin-top: 26px;
  }

  .box-play-music {
    height: 360px;
  }

  .landing-personal-store {
    padding-top: 64px;
    padding-bottom: 80px;
  }
  .landing-personal-store .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .landing-personal-store .heading, .landing-personal-store .content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .landing-personal-store .heading {
    display: block;
    text-align: center;
    margin: 0 0 56px;
  }
  .landing-personal-store .heading h3 {
    margin: 0 0 22px;
  }
  .landing-personal-store .heading p {
    max-width: 485px;
    margin-left: auto;
    margin-right: auto;
  }

  .personal-store-container {
    margin-left: -10px;
    margin-right: -290px;
  }
  .personal-store-container .owl-carousel .owl-nav {
    position: relative;
    top: initial;
    left: 0;
    right: initial;
    justify-content: center;
    max-width: 700px;
    margin: 56px 10px 0;
  }

  .personal-store-item {
    padding: 0 10px;
  }

  .landing-personal-social {
    padding-top: 64px;
    padding-bottom: 50px;
  }
  .landing-personal-social .heading {
    margin-bottom: 36px;
  }
  .landing-personal-social .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .social-post-item {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .personal-upcoming-container {
    margin-left: 0;
    margin-right: 0;
  }

  .personal-store-container {
    margin-left: 0;
    margin-right: 0;
  }

  .social-post-filter li {
    margin: 0 8px 10px;
  }

  .landing-personal-social .content {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .social-post-item {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  header.landing-personal {
    padding-bottom: 36px;
  }
  header.landing-personal .hero {
    padding-top: 16px;
  }
  header.landing-personal .content .header-text {
    text-align: center;
  }
  header.landing-personal .content h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }
  header.landing-personal .content p {
    font-size: 16px;
    line-height: 1.75;
  }
  header.landing-personal .content .btn-container .personal-socials {
    justify-content: center;
  }
  header.landing-personal .content .btn-container .personal-socials a {
    font-size: 22px;
    line-height: 1.45;
  }

  .landing-personal-header .ill-container {
    height: 400px;
  }
  .landing-personal-header .content {
    padding: 48px 0;
  }
  .landing-personal-header blockquote {
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
    line-height: 1.67;
  }

  .landing-personal-upcoming {
    padding-top: 48px;
  }
  .landing-personal-upcoming .content {
    padding-bottom: 48px;
  }
  .landing-personal-upcoming .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-personal-upcoming .heading {
    padding-bottom: 36px;
  }
  .landing-personal-upcoming .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin: 0 0 16px;
  }
  .landing-personal-upcoming .heading p {
    line-height: 1.75;
  }

  .personal-upcoming-container {
    margin: 0 -10px 0 -10px;
  }
  .personal-upcoming-container .owl-carousel .owl-nav .owl-prev,
.personal-upcoming-container .owl-carousel .owl-nav .owl-next {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }

  .personal-upcoming-item {
    display: block;
  }

  .personal-upcoming-box .description {
    margin-top: -20px;
  }
  .personal-upcoming-box .description label {
    font-size: 16px;
    line-height: 1.25;
    padding: 10px 15px;
  }
  .personal-upcoming-box .description h4 {
    font-size: 24px;
    line-height: 1.33;
  }
  .personal-upcoming-box .description p {
    margin-bottom: 16px;
  }
  .personal-upcoming-box + .personal-upcoming-box {
    margin-left: 0;
  }

  .landing-personal-video {
    padding-top: 48px;
  }
  .landing-personal-video .content {
    padding-bottom: 48px;
  }
  .landing-personal-video .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .landing-personal-video .heading {
    margin-bottom: 36px;
  }
  .landing-personal-video .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 16px;
  }
  .landing-personal-video .heading p {
    line-height: 1.75;
  }
  .landing-personal-video .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .landing-personal-video .col {
    padding-left: 5px;
    padding-right: 5px;
  }
  .landing-personal-video .btn-container {
    flex-direction: column;
    align-items: stretch;
    margin: 14px 5px -12px;
  }
  .landing-personal-video .btn-container .btn {
    margin: 12px 0;
  }

  .box-play-music-container {
    padding-bottom: 10px;
  }

  .box-play-music {
    height: 180px;
  }
  .box-play-music .act-play .btn-play {
    width: 36px;
    height: 36px;
    border-width: 4px;
  }
  .box-play-music .act-play .fa {
    font-size: 18px;
    margin-left: 5px;
  }
  .box-play-music .act-play strong {
    font-size: 16px;
    line-height: 1.25;
    margin-top: 15px;
  }

  .landing-personal-store {
    padding-bottom: 64px;
  }
  .landing-personal-store .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-personal-store .heading {
    margin-bottom: 48px;
  }
  .landing-personal-store .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin: 0 0 16px;
  }
  .landing-personal-store .heading p {
    line-height: 1.75;
  }

  .personal-store-container {
    margin: 0;
  }
  .personal-store-container .owl-carousel .owl-nav {
    margin-top: 64px;
  }
  .personal-store-container .owl-carousel .owl-nav .owl-prev,
.personal-store-container .owl-carousel .owl-nav .owl-next {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }

  .personal-product-box .price {
    width: 57px;
    height: 57px;
    font-size: 18px;
    right: 30px;
    top: 30px;
  }
  .personal-product-box .ill {
    height: 280px;
  }
  .personal-product-box .ill::before {
    height: 210px;
    bottom: 20px;
  }

  .landing-personal-social {
    padding-top: 48px;
  }
  .landing-personal-social .heading {
    margin-bottom: 20px;
  }
  .landing-personal-social .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 25px;
  }
  .landing-personal-social .content {
    padding: 0 5px;
  }

  .social-post-filter {
    margin: 0 -5px;
  }
  .social-post-filter .btn-social-filter {
    font-size: 16px;
    padding: 8px 20px;
  }
  .social-post-filter li {
    margin: 0 3px 5px;
  }

  .social-post-item {
    padding-bottom: 20px;
  }

  .social-post-box {
    margin: 0;
  }
}
header.landing-cosmetics {
  background-color: rgba(54, 179, 126, 0.08);
  padding-bottom: 100px;
}
header.landing-cosmetics .content {
  flex: 0 0 520px;
  max-width: 520px;
}
header.landing-cosmetics .hero {
  position: relative;
  padding-top: 40px;
  padding-bottom: 0;
}
header.landing-cosmetics .content {
  padding-top: 60px;
}
header.landing-cosmetics .content .header-label {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
}
header.landing-cosmetics .content h1 {
  font-size: 56px !important;
  line-height: 1.21 !important;
  margin: 0 0 20px;
  color: #6AD6A2;
}
header.landing-cosmetics .content p {
  font-size: 18px;
  line-height: 1.78;
  margin: 0 0 48px;
  max-width: 470px;
  color: #5a7184;
}
header.landing-cosmetics .content .btn-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
header.landing-cosmetics .content .btn-container .btn-rounded {
  padding-left: 0;
  padding-right: 0;
  width: 56px;
}
header.landing-cosmetics .illustration {
  display: flex;
  align-items: flex-end;
  margin: 0 -20px -130px;
}
header.landing-cosmetics .illustration img {
  position: relative;
  max-width: 100%;
}

.landing-cosmetics-store {
  padding-top: 100px;
}
.landing-cosmetics-store .container {
  position: relative;
}
.landing-cosmetics-store .inner-container {
  padding-bottom: 100px;
  border-bottom: solid 1px #e5efff;
}
.landing-cosmetics-store .heading {
  flex: 0 0 350px;
  max-width: 350px;
  padding: 40px 35px 0 15px;
  border-right: solid 1px #eef0f2;
}
.landing-cosmetics-store .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin: 0 0 20px;
}
.landing-cosmetics-store .heading h5 {
  font-size: 20px;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #6AD6A2;
  margin: 0 0 24px;
}
.landing-cosmetics-store .heading p {
  font-size: 16px !important;
  line-height: 1.75;
  color: #6AD6A2;
  margin: 0 0 72px;
}
.landing-cosmetics-store .heading .btn {
  min-width: 167px;
}
.landing-cosmetics-store .content {
  padding: 0 15px 0 50px;
  flex: 1;
  max-width: calc(100% - 350px);
}

.cosmetics-store-container {
  margin-left: -15px;
  margin-right: -235px;
}
.cosmetics-store-container .owl-carousel {
  position: initial;
}
.cosmetics-store-container .owl-carousel .owl-dots {
  position: absolute;
  top: 0;
  left: 15px;
  display: flex;
  justify-content: flex-end;
  margin: 0 -4px;
}
.cosmetics-store-container .owl-carousel .owl-dots .owl-dot {
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(90, 113, 132, 0.1);
  border: solid 1px transparent;
  margin: 0 3px;
  border-radius: 50%;
}
.cosmetics-store-container .owl-carousel .owl-dots .owl-dot.active {
  background-color: #ffffff;
  border-color: #6AD6A2;
}

.cosmetics-store-item {
  padding: 0 15px;
}

.cosmetics-product-box {
  position: relative;
}
.cosmetics-product-box .ill {
  position: relative;
  height: 390px;
}
.cosmetics-product-box .ill img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.cosmetics-product-box .description {
  padding: 46px 0 0;
}
.cosmetics-product-box .description h4 {
  font-size: 28px !important;
  line-height: 1.29 !important;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 8px;
}
.cosmetics-product-box .description p {
  font-size: 20px;
  line-height: 1.8;
  color: #5a7184;
  margin: 0;
}

.landing-cosmetics-fact {
  padding-top: 100px;
  padding-bottom: 100px;
}
.landing-cosmetics-fact .heading {
  text-align: center;
  max-width: 790px;
  margin: 0 auto 70px;
}
.landing-cosmetics-fact .heading h3 {
  font-size: 40px !important;
  line-height: 1.33 !important;
  margin: 0 0 18px;
}
.landing-cosmetics-fact .heading p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}

.box-cosmetics-fact {
  text-align: center;
  margin: 0 0 20px;
}
.box-cosmetics-fact .ic-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: #f2f6fd;
  border-radius: 16px;
  overflow: hidden;
  margin: 0 auto 42px;
}
.box-cosmetics-fact .social-content h5 {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 10px;
}
.box-cosmetics-fact .social-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
  margin: 0 auto;
  max-width: 230px;
}

.landing-cosmetics-feature {
  position: relative;
  background-color: #F2F8FF;
  padding: 90px 0;
}
.landing-cosmetics-feature::before {
  z-index: 10;
  content: "";
  position: absolute;
  left: 30px;
  bottom: -40px;
  width: 405px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  /*background-image: url("../images/landing-cosmetics/cosmetics-feature-splatter@2x.png");*/
}

.landing-cosmetics-feature-black {
  position: relative;
  background-color: #1A1A1A;
  padding: 90px 0;
}
.landing-cosmetics-feature-black::before {
  content: "";
  position: absolute;
  left: 30px;
  bottom: -40px;
  width: 405px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}

.landing-cosmetics-feature .heading {
  max-width: 390px;
}
.landing-cosmetics-feature .heading h3 {
  font-family: "obviously-wide", sans-serif;
  font-weight: 300!important;
  font-size: 40px !important;
  line-height: 1.33 !important;
  max-width: 290px;
  margin: 0 0 20px;
}
.landing-cosmetics-feature .heading p {

  font-family: "effra-cc", sans-serif;
  font-weight: 300;
  font-size: 20px !important;
  line-height: 1.75;
  color: #6AD6A2;
  margin: 0 0 1.75em;
}

.landing-cosmetics-feature .heading .c-list {
  color: #6AD6A2;
}
.landing-cosmetics-feature .heading .c-list li {
  margin-bottom: 16px;
  align-items: center;
}
.landing-cosmetics-feature .heading .c-list li span {
  line-height: 1.375;
  font-size: 16px;
}
.landing-cosmetics-feature .heading .c-list li img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.landing-cosmetics-feature .illustration {
  display: flex;
  align-items: flex-start;
}
.landing-cosmetics-feature .illustration img {
  position: relative;
  max-width: 130%;
}
.landing-cosmetics-feature .illustration .img-1 {
  position: relative;
  flex: 0 0 400px;
  width: 400px;
  margin-right: -95px;
  z-index: 2;
}
.landing-cosmetics-feature .illustration .img-2 {
  position: relative;
  flex: 0 0 290px;
  width: 290px;
  z-index: 1;
}

.landing-cosmetics-product-suited {
  padding-top: 120px;
  padding-bottom: 100px;
}
.landing-cosmetics-product-suited .heading {
  text-align: center;
  max-width: 790px;
  margin: 0 auto 90px;
}
.landing-cosmetics-product-suited .heading h3 {
  font-size: 40px !important;
  line-height: 1.33 !important;
  margin: 0 0 18px;
}
.landing-cosmetics-product-suited .heading p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
.landing-cosmetics-product-suited .content {
  max-width: 944px;
  margin: 0 auto;
}

.cosmetics-product-package {
  display: flex;
  flex-wrap: wrap;
  padding-top: 92px;
}
.cosmetics-product-package .product-package-item {
  flex: 0 0 50%;
  max-width: 50%;
}

.product-package-item {
  text-align: center;
}
.product-package-item.package-1 {
  background-color: rgba(54, 179, 126, 0.08);
}
.product-package-item.package-2 {
  background-color: rgba(250, 173, 19, 0.08);
}
.product-package-item.package-double {
  flex: 0 0 100%;
  max-width: 100%;
  padding-top: 60px;
  background-color: rgba(24, 59, 86, 0.08);
}
.product-package-item.package-double .description h4 {
  font-size: 40px !important;
  line-height: 1.3 !important;
}
.product-package-item .ill {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 204px;
  margin: -90px auto 76px;
}
.product-package-item .ill img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-package-item .description {
  padding: 0 0 60px;
}
.product-package-item .description h4 {
  font-size: 32px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 10px;
}
.product-package-item .description .pricing {
  display: block;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #36b37e;
  margin: 0 0 30px;
}
.product-package-item .description .btn {
  min-width: 190px;
  border-radius: 2000px;
}
.product-package-item .description .btn .fa {
  margin-left: 8px;
  font-size: 16px;
}

.landing-cosmetics-testimonial {
  padding: 0 0 60px;
}

.cosmetics-testimonial-container {
  margin: 0 -150px;
}

.cosmetics-testimonial .box-testimonial-container {
  padding: 0 150px;
}
.cosmetics-testimonial .box-testimonial {
  position: relative;
  padding: 100px 48px 84px 52px;
  border-radius: 0;
  background-color: #f9fbfe;
  align-items: flex-start;
}
.cosmetics-testimonial .box-testimonial .quote .fa {
  font-size: 100px;
  line-height: 1;
  color: #36b37e;
}
.cosmetics-testimonial .box-testimonial .testimonial-content {
  flex: 0 0 600px;
  width: 600px;
  padding: 0;
}
.cosmetics-testimonial .box-testimonial .testimonial-content p {
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.12px;
  margin: 0 0 16px;
  color: #6AD6A2;
}
.cosmetics-testimonial .box-testimonial .testimonial-content p::before {
  display: none;
}
.cosmetics-testimonial .box-testimonial .testimonial-content .quote {
  float: right;
  margin-top: -16px;
}
.cosmetics-testimonial .box-testimonial .meta strong {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  color: #6AD6A2;
}
.cosmetics-testimonial .box-testimonial .testimonial-product {
  position: relative;
  margin: 0;
}
.cosmetics-testimonial .box-testimonial .testimonial-product .ill {
  width: 313px;
}
.cosmetics-testimonial .box-testimonial .testimonial-product .ill img {
  width: 100%;
  height: 100%;
  max-height: 220px;
  object-fit: contain;
}
.cosmetics-testimonial .box-testimonial .testimonial-product .quote {
  display: none;
}
.cosmetics-testimonial .box-testimonial .testimonial-product .description {
  position: relative;
  float: right;
  margin: -65px -30px -100px 0;
  padding: 10px 16px;
  box-shadow: 0 20px 24px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
.cosmetics-testimonial .box-testimonial .testimonial-product .description h4 {
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.25 !important;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0 0 3px;
}
.cosmetics-testimonial .box-testimonial .testimonial-product .description span {
  display: block;
  font-size: 14px;
  line-height: 1.71;
  color: #36b37e;
}
.cosmetics-testimonial .owl-dots {
  position: absolute;
  left: 650px;
  bottom: 90px;
  margin: 0 -4px;
  display: flex;
}
.cosmetics-testimonial .owl-dots .owl-dot {
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(90, 113, 132, 0.1);
  border: solid 1px transparent;
  margin: 0 4px;
  border-radius: 50%;
}
.cosmetics-testimonial .owl-dots .owl-dot.active {
  background-color: #ffffff;
  border-color: #6AD6A2;
}

@media (max-width: 1199.98px) {
  .cosmetics-testimonial-container {
    margin: 0;
  }

  .cosmetics-testimonial .box-testimonial-container {
    padding: 0;
  }
  .cosmetics-testimonial .box-testimonial {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 48px 38px 94px;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-product {
    margin: 0 auto 56px;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-product .ill {
    height: 184px;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-product .quote {
    position: absolute;
    display: block;
    top: -32px;
    left: 16px;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-content {
    flex: 0 0 100%;
    width: 100%;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-content p {
    margin-bottom: 24px;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-content .quote {
    display: none;
  }
  .cosmetics-testimonial .owl-item {
    height: 100%;
  }
  .cosmetics-testimonial .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 57px;
  }
}
@media (max-width: 991.98px) {
  header.landing-cosmetics .content {
    padding-top: 0;
    flex: 0 0 630px;
    max-width: 630px;
  }
  header.landing-cosmetics .content h1 {
    max-width: 520px;
  }
  header.landing-cosmetics .content p {
    max-width: 630px;
    margin: 0 0 36px;
  }
  header.landing-cosmetics .illustration {
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
  }

  .landing-cosmetics-store {
    padding-top: 120px;
    padding-bottom: 40px;
  }
  .landing-cosmetics-store .container {
    max-width: 672px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .landing-cosmetics-store .inner-container {
    border-bottom: none;
    padding: 0;
  }
  .landing-cosmetics-store .heading, .landing-cosmetics-store .content {
    width: 100%;
    max-width: initial;
    flex: initial;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
  }
  .landing-cosmetics-store .heading {
    text-align: center;
    padding-top: 0;
    margin-bottom: 38px;
  }
  .landing-cosmetics-store .heading h5 {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
  .landing-cosmetics-store .heading p {
    max-width: 610px;
    margin: 0 auto;
  }
  .landing-cosmetics-store .heading .btn {
    display: none;
  }
  .landing-cosmetics-store .footer-btn-container {
    padding-top: 35px;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .landing-cosmetics-store .footer-btn-container .btn {
    min-width: 167px;
  }

  .cosmetics-store-container {
    margin-right: -330px;
  }
  .cosmetics-store-container .owl-carousel .owl-dots {
    position: relative;
    padding-top: 50px;
    right: 15px;
    justify-content: center;
    padding-right: 330px;
  }

  .landing-cosmetics-fact {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .landing-cosmetics-fact .heading {
    margin-bottom: 56px;
  }

  .box-cosmetics-fact {
    margin-bottom: 36px;
  }
  .box-cosmetics-fact .social-content p {
    max-width: 300px;
  }

  .landing-cosmetics-feature {
    padding-top: 48px;
    padding-bottom: 90px;
  }

  .landing-cosmetics-feature .illustration .img-1 {
    flex: 0 0 390px;
    width: 390px;
  }
  .landing-cosmetics-feature .illustration .img-2 {
    display: none;
  }

  .landing-cosmetics-product-suited {
    padding-bottom: 80px;
  }
  .landing-cosmetics-product-suited .container {
    padding: 0 20px !important;
  }
  .landing-cosmetics-product-suited .heading {
    margin-bottom: 48px;
  }
  .landing-cosmetics-product-suited .heading p {
    margin-left: auto;
    margin-right: auto;
    max-width: 620px;
  }

  .product-package-item .ill {
    max-width: 165px;
    margin-bottom: 36px;
  }
  .product-package-item .description {
    padding-bottom: 36px;
  }
  .product-package-item .description .pricing {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .product-package-item.package-double {
    padding-top: 36px;
  }
  .product-package-item.package-double .description h4 {
    font-size: 32px !important;
  }

  .landing-cosmetics-testimonial {
    padding-bottom: 40px;
  }
  .landing-cosmetics-testimonial .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 767.98px) {
  .landing-cosmetics-store .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .cosmetics-store-container {
    margin-right: -8px;
    margin-left: -8px;
  }

  .landing-cosmetics-feature::before {
    left: 50%;
    margin-left: -200px;
  }
  .landing-cosmetics-feature .heading {
    text-align: center;
    margin: 0 auto 16px;
  }
  .landing-cosmetics-feature .heading h3 {
    margin-left: auto;
    margin-right: auto;
  }
  .landing-cosmetics-feature .heading .c-list {
    justify-content: center;
  }
  .landing-cosmetics-feature .heading .c-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .landing-cosmetics-feature .heading .c-list li img {
    margin: 0 0 8px;
  }
  .landing-cosmetics-feature .heading .c-list li span {
    flex: 0 0 100%;
  }
  .landing-cosmetics-feature .illustration .img-1 {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  header.landing-cosmetics .hero {
    padding-top: 10px;
  }
  header.landing-cosmetics .content {
    text-align: center;
  }
  header.landing-cosmetics .content .header-label {
    font-size: 16px;
  }
  header.landing-cosmetics .content h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }
  header.landing-cosmetics .content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 30px;
  }
  header.landing-cosmetics .content .btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header.landing-cosmetics .illustration {
    justify-content: center;
    width: 100%;
    margin-bottom: -120px;
  }
  header.landing-cosmetics .illustration img {
    width: 420px;
    max-width: initial;
  }

  .landing-cosmetics-store {
    padding-top: 72px;
  }
  .landing-cosmetics-store .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-cosmetics-store .heading {
    margin-bottom: 36px;
  }
  .landing-cosmetics-store .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 16px;
  }
  .landing-cosmetics-store .heading h5 {
    font-size: 16px;
    margin-left: -5px;
    margin-right: -5px;
  }
  .landing-cosmetics-store .heading p {
    font-size: 14px !important;
    line-height: 1.71;
  }
  .landing-cosmetics-store .footer-btn-container {
    padding-top: 30px;
  }

  .cosmetics-store-container {
    margin-right: -260px;
    margin-left: -8px;
  }
  .cosmetics-store-container .owl-carousel .owl-dots {
    padding-top: 36px;
    padding-right: 260px;
  }
  .cosmetics-store-container .owl-carousel .owl-dots {
    padding-top: 36px;
  }

  .cosmetics-store-item {
    padding: 0 8px;
  }

  .cosmetics-product-box .ill {
    height: 320px;
  }
  .cosmetics-product-box .description {
    padding-top: 15px;
  }
  .cosmetics-product-box .description h4 {
    font-size: 22px !important;
    line-height: 1.45 !important;
    margin-bottom: 5px;
  }
  .cosmetics-product-box .description p {
    font-size: 16px;
    line-height: 1.75;
  }

  .landing-cosmetics-fact {
    padding-bottom: 16px;
  }
  .landing-cosmetics-fact .heading {
    margin-bottom: 38px;
  }
  .landing-cosmetics-fact .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 24px;
  }
  .landing-cosmetics-fact .heading p {
    font-size: 16px;
    line-height: 1.75;
  }

  .box-cosmetics-fact {
    margin-bottom: 32px;
  }
  .box-cosmetics-fact .ic-container {
    margin-bottom: 24px;
  }

  .landing-cosmetics-feature .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 24px;
  }

  .landing-cosmetics-product-suited {
    padding-top: 72px;
    padding-bottom: 66px;
  }
  .landing-cosmetics-product-suited .heading {
    text-align: center;
    margin-bottom: 12px;
  }
  .landing-cosmetics-product-suited .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 24px;
  }
  .landing-cosmetics-product-suited .heading p {
    font-size: 16px;
    line-height: 1.75;
  }

  .cosmetics-product-package {
    padding-top: 0;
  }
  .cosmetics-product-package .product-package-item {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .product-package-item {
    margin-top: 96px;
  }
  .product-package-item .ill {
    max-width: 142px;
    margin-bottom: 24px;
    margin-top: -60px;
  }
  .product-package-item .description {
    padding-bottom: 24px;
  }
  .product-package-item .description h4 {
    font-size: 22px !important;
    line-height: 1.45 !important;
    margin-bottom: 6px;
  }
  .product-package-item .description .pricing {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 24px;
  }
  .product-package-item.package-double {
    padding-top: 24px;
    margin-top: 36px;
  }
  .product-package-item.package-double .description h4 {
    font-size: 22px !important;
    line-height: 1.45 !important;
    margin-bottom: 6px;
  }

  .cosmetics-testimonial-container {
    margin-left: -20px;
    margin-right: -20px;
  }

  .cosmetics-testimonial .box-testimonial {
    padding: 48px 20px 78px;
  }
  .cosmetics-testimonial .box-testimonial .quote {
    left: 13px;
    top: -50px;
  }
  .cosmetics-testimonial .box-testimonial .quote .fa {
    font-size: 80px;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-product {
    margin-bottom: 85px;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-product .ill {
    width: 100%;
    height: 150px;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-product .description {
    margin: -25px -10px -100px 0;
  }
  .cosmetics-testimonial .box-testimonial .testimonial-content p {
    font-size: 16px;
    line-height: 1.88;
    margin-bottom: 24px;
  }
  .cosmetics-testimonial .box-testimonial .meta strong {
    font-size: 16px;
    line-height: 1.25;
  }
  .cosmetics-testimonial .owl-dots {
    bottom: 37px;
  }
}
header.landing-about {
  background-color: #f9fbfe;
  margin-bottom: 250px;
}
header.landing-about .hero {
  padding-top: 80px;
}
header.landing-about .hero .content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 710px;
  margin: 0 auto;
}
header.landing-about .hero h1 {
  font-size: 56px !important;
  line-height: 1.21 !important;
  margin: 0 0 24px;
}
header.landing-about .hero p {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  margin: 0 auto 56px;
}
header.landing-about .illustration {
  z-index: 1;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 500px;
  margin: 0 auto -250px;
}
header.landing-about .illustration img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-us-information {
  padding-top: 90px;
}
.about-us-information .content {
  padding-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
  border-bottom: solid 1px #e5efff;
}
.about-us-information .card-f .counter {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin-bottom: 6px;
}
.about-us-information .card-f p {
  font-size: 18px;
  line-height: 1.78;
}

.real-estate-signup.about-us-newsletter .real-estate-signup-box {
  border-radius: 0;
  padding: 76px 60px 80px;
}
.real-estate-signup.about-us-newsletter h4 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin-bottom: 14px;
}
.real-estate-signup.about-us-newsletter .form-submit-email {
  margin-top: 43px;
}
.real-estate-signup.about-us-newsletter .form-submit-email .input-group {
  border-radius: 8px;
  overflow: hidden;
  max-width: 430px;
  margin-bottom: 0;
}
.real-estate-signup.about-us-newsletter .form-submit-email .input-group-append {
  padding: 5px;
}
.real-estate-signup.about-us-newsletter .form-submit-email .input-group-append .btn {
  border-radius: 4px;
  min-width: 130px;
}

.real-estate-about.about-us-page {
  padding-top: 80px;
  padding-bottom: 60px;
}
.real-estate-about.about-us-page .content .left h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
}
.real-estate-about.about-us-page .content .left {
  padding-top: 30px;
}
.real-estate-about.about-us-page .content .left .c-list {
  margin-right: -20px;
  width: initial;
}
.real-estate-about.about-us-page .content .left .c-list li {
  align-items: center;
  margin-bottom: 20px;
}
.real-estate-about.about-us-page .content .left .c-list li span {
  font-size: 16px;
  line-height: 1.375;
}
.real-estate-about.about-us-page .content .right .features-photos {
  display: flex;
  width: 100%;
  height: initial;
}
.real-estate-about.about-us-page .content .right .features-photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.real-estate-about.about-us-page .content .right .features-photos .photo-1, .real-estate-about.about-us-page .content .right .features-photos .photo-2, .real-estate-about.about-us-page .content .right .features-photos .photo-3 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 8px;
}
.real-estate-about.about-us-page .content .right .features-photos .photo-1 {
  width: 407px;
  height: 450px;
}
.real-estate-about.about-us-page .content .right .features-photos .photo-2 {
  z-index: 1;
  width: 322px;
  height: 450px;
  margin-top: 160px;
  margin-left: -134px;
}
.real-estate-about.about-us-page .content .right .features-photos .photo-3 {
  width: 455px;
  height: 520px;
}
.real-estate-about.about-us-page .content .content-top {
  margin-bottom: 100px;
}
.real-estate-about.about-us-page .content .content-top .right {
  justify-content: flex-start;
}
.real-estate-about.about-us-page .content .content-bottom {
  position: relative;
  padding-top: 80px;
}
.real-estate-about.about-us-page .content .content-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: -140px;
  width: 1290px;
  height: 536px;
  background-color: #f9fbfe;
}
.real-estate-about.about-us-page .content .content-bottom .left {
  padding: 0;
  max-width: 455px;
}
.real-estate-about.about-us-page .content .content-bottom .features-photos {
  padding-top: 20px;
}

.landing-about-blog {
  padding-bottom: 60px;
  padding-top: 70px;
}
.landing-about-blog .heading {
  position: relative;
  margin-bottom: 48px;
}
.landing-about-blog .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
}

.card-article-about {
  display: block;
  border: none;
  border-radius: 8px;
  background-color: #f9fbfe;
  padding: 10px;
  margin: 0 0 26px;
}
.card-article-about:hover {
  text-decoration: none;
}
.card-article-about .card-article-heading {
  height: 240px;
  border-radius: 8px;
  overflow: hidden;
}
.card-article-about .card-article-heading img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card-article-about .card-article-body {
  padding: 18px 10px 14px;
}
.card-article-about .card-article-body .category {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #959ead;
  margin: 0 0 10px;
}
.card-article-about .card-article-body .title {
  color: #6AD6A2;
  font-size: 24px !important;
  line-height: 1.33 !important;
  max-height: 2.66em;
  margin: 0 0 32px;
  overflow: hidden;
}
.card-article-about .card-article-body .blog-read-more .read-more {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #1565d8;
}

@media (max-width: 1199.98px) {
  .real-estate-about.about-us-page .content .left h3 {
    padding-right: 0;
  }
  .real-estate-about.about-us-page .content .left .c-list li {
    width: 50%;
  }
}
@media (max-width: 991.98px) {
  header.landing-about {
    margin-bottom: 220px;
  }
  header.landing-about .hero {
    padding-top: 44px;
  }
  header.landing-about .hero p {
    max-width: 540px;
    margin-bottom: 64px;
  }
  header.landing-about .illustration {
    height: 440px;
    margin: 0 auto -220px;
  }

  .about-us-information {
    padding-top: 36px;
  }
  .about-us-information .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .about-us-information .content {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .about-us-information .card-f {
    padding-left: 0;
    padding-right: 0;
  }
  .about-us-information .card-f .counter {
    font-size: 32px !important;
    margin-bottom: 8px;
  }
  .about-us-information .card-f p {
    font-size: 16px;
    line-height: 1.78;
  }

  .real-estate-about.about-us-page {
    padding-top: 50px;
  }
  .real-estate-about.about-us-page .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .real-estate-about.about-us-page .content .left h3 {
    font-size: 36px !important;
    line-height: 1.33 !important;
    margin-bottom: 20px;
  }
  .real-estate-about.about-us-page .content .left p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 1.75em;
  }
  .real-estate-about.about-us-page .content .left .c-list li {
    margin-bottom: 16px;
    width: 50%;
  }
  .real-estate-about.about-us-page .content .left .c-list li span {
    font-size: 14px;
    line-height: 1.43;
  }
  .real-estate-about.about-us-page .content .left .c-list {
    margin-top: 24px;
  }
  .real-estate-about.about-us-page .content .right .features-photos .photo-1 {
    min-width: 277px;
    width: 277px;
    height: 380px;
  }
  .real-estate-about.about-us-page .content .right .features-photos .photo-2 {
    min-width: 292px;
    width: 292px;
    height: 370px;
    margin-top: 120px;
    margin-left: -214px;
  }
  .real-estate-about.about-us-page .content .right .features-photos .photo-3 {
    min-width: 282px;
    width: 282px;
    height: 410px;
  }
  .real-estate-about.about-us-page .content .content-top {
    margin-bottom: 80px;
  }
  .real-estate-about.about-us-page .content .content-top .left {
    padding-top: 50px;
    padding-left: 25px;
  }
  .real-estate-about.about-us-page .content .content-top .right {
    justify-content: flex-start;
  }
  .real-estate-about.about-us-page .content .content-bottom {
    padding-top: 36px;
  }
  .real-estate-about.about-us-page .content .content-bottom::before {
    height: 400px;
  }
  .real-estate-about.about-us-page .content .content-bottom .left {
    padding-left: 25px;
  }
  .real-estate-about.about-us-page .content .content-bottom .features-photos {
    padding-top: 15px;
  }

  .landing-about-blog {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .landing-about-blog .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .landing-about-blog .heading {
    margin-bottom: 36px;
  }

  .card-article-about .card-article-body .title {
    max-height: 3.99em;
  }

  .real-estate-signup.about-us-newsletter .real-estate-signup-box {
    padding: 56px 40px 64px;
  }
  .real-estate-signup.about-us-newsletter h4 {
    font-size: 40px !important;
    line-height: 1.3 !important;
  }
  .real-estate-signup.about-us-newsletter .form-submit-email {
    margin-top: 42px;
  }
}
@media (max-width: 767.98px) {
  .real-estate-about.about-us-page .content .content-top .left, .real-estate-about.about-us-page .content .content-bottom .left {
    text-align: center;
    padding: 30px 25px 0;
    margin: 0 auto;
  }

  .landing-about-blog .heading {
    text-align: center;
  }

  .real-estate-signup.about-us-newsletter {
    padding-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  header.landing-about {
    margin-bottom: 180px;
  }
  header.landing-about .hero {
    padding-top: 10px;
  }
  header.landing-about .hero h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }
  header.landing-about .hero p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 36px;
  }
  header.landing-about .illustration {
    height: 360px;
    margin: 0 auto -180px;
  }

  .about-us-information {
    padding-top: 24px;
  }
  .about-us-information .content {
    padding-bottom: 36px;
  }
  .about-us-information .card-f {
    padding: 20px 0;
  }
  .about-us-information .card-f .btn-ic {
    width: 36px;
    height: 36px;
  }
  .about-us-information .card-f .counter {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-bottom: 4px;
  }
  .about-us-information .card-f p {
    font-size: 14px;
    line-height: 1.71;
  }

  .real-estate-about.about-us-page {
    padding-top: 56px;
    padding-bottom: 32px;
  }
  .real-estate-about.about-us-page .content .left h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 16px;
  }
  .real-estate-about.about-us-page .content .left .c-list {
    margin: 0 -10px;
  }
  .real-estate-about.about-us-page .content .left .c-list li {
    margin: 0 4px 12px;
    width: initial;
  }
  .real-estate-about.about-us-page .content .right .features-photos .photo-1 {
    width: 280px;
    min-width: 280px;
    height: 300px;
  }
  .real-estate-about.about-us-page .content .right .features-photos .photo-2 {
    height: 300px;
    margin-left: -160px;
  }
  .real-estate-about.about-us-page .content .right .features-photos .photo-3 {
    width: 100%;
    min-width: 100%;
    height: initial;
  }
  .real-estate-about.about-us-page .content .content-top .left, .real-estate-about.about-us-page .content .content-bottom .left {
    padding: 0 20px;
  }
  .real-estate-about.about-us-page .content .content-top .right .features-photos, .real-estate-about.about-us-page .content .content-bottom .right .features-photos {
    margin-bottom: 48px;
  }
  .real-estate-about.about-us-page .content .content-top {
    margin-bottom: 28px;
  }
  .real-estate-about.about-us-page .content .content-top .right .features-photos {
    padding-left: 15px;
    padding-right: 15px;
  }
  .real-estate-about.about-us-page .content .content-bottom {
    background: #f9fbfe;
    flex-direction: column-reverse;
  }
  .real-estate-about.about-us-page .content .content-bottom .right .features-photos {
    padding: 0 20px;
    margin-top: 36px;
  }

  .landing-about-blog {
    padding-top: 32px;
  }
  .landing-about-blog .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-about-blog .heading {
    margin-bottom: 24px;
  }
  .landing-about-blog .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
  }

  .card-article-about .card-article-body {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin: 0 -5px;
  }
  .card-article-about .card-article-body .title {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-bottom: 24px;
  }

  .real-estate-signup.about-us-newsletter {
    text-align: center;
  }
  .real-estate-signup.about-us-newsletter h4 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 24px;
  }
  .real-estate-signup.about-us-newsletter .real-estate-signup-box {
    padding: 56px 10px 48px;
    margin: 0;
  }
  .real-estate-signup.about-us-newsletter .form-submit-email {
    margin-top: 36px;
  }
  .real-estate-signup.about-us-newsletter .form-submit-email .input-group {
    padding: 10px;
  }
  .real-estate-signup.about-us-newsletter .form-submit-email .form-control {
    height: 3rem;
    border-radius: 8px;
    border: solid 1px #c3cad9;
    padding-left: 48px;
  }
  .real-estate-signup.about-us-newsletter .form-submit-email .input-group-prepend .btn {
    background: transparent;
    border: transparent;
    padding: 0 0 0 20px;
    width: 48px;
    margin-right: -48px;
  }
  .real-estate-signup.about-us-newsletter .form-submit-email .input-group-append {
    padding: 10px 0 0;
    width: 100%;
  }
  .real-estate-signup.about-us-newsletter .form-submit-email .input-group-append .btn {
    width: 100%;
  }
}
body.landing-pricing {
  background-color: #f9fbfe;
}

header.landing-pricing {
  background: #fff;
  padding-bottom: 333px;
  margin-bottom: -333px;
}
header.landing-pricing .hero {
  padding-top: 80px;
  padding-bottom: 0;
}
header.landing-pricing .hero .heading {
  position: relative;
  z-index: 2;
  text-align: center;
}
header.landing-pricing .hero h1 {
  font-size: 56px !important;
  line-height: 1.21 !important;
  max-width: 420px;
  margin: 0 auto 28px;
}
header.landing-pricing .hero p {
  font-size: 18px !important;
  line-height: 1.78;
  color: #5a7184;
  margin: 0 auto 0;
}

.landing-pricing-boxes {
  padding: 96px 0 50px;
}
.landing-pricing-boxes .content {
  padding: 20px 60px 60px;
}
.landing-pricing-boxes .pricing-footer {
  text-align: center;
  padding: 0 0 100px;
  border-bottom: solid 1px #e5efff;
}
.landing-pricing-boxes .pricing-footer p {
  font-size: 18px;
  line-height: 1.78;
  color: #6AD6A2;
  max-width: 542px;
  margin: 0 auto;
}

.card-pricing.card-pricing-landing {
  padding: 48px 36px 20px;
  min-height: 551px;
  background: #fff;
}
.card-pricing.card-pricing-landing .price {
  padding-bottom: 24px;
  border-bottom: solid 1px #e5eaf4;
}
.card-pricing.card-pricing-landing .price h2 {
  font-size: 40px !important;
  line-height: 1.15 !important;
  margin: 0 0 18px;
}
.card-pricing.card-pricing-landing .price h2 span {
  font-weight: normal;
}
.card-pricing.card-pricing-landing .price h4 {
  font-size: 24px !important;
  line-height: 1.33 !important;
  margin: 0 0 12px;
}
.card-pricing.card-pricing-landing .price p {
  font-size: 16px;
  line-height: 1.75;
}
.card-pricing.card-pricing-landing .pricing-list {
  line-height: 1.5;
  margin-top: 32px;
}
.card-pricing.card-pricing-landing .pricing-list li {
  margin-bottom: 24px;
}
.card-pricing.card-pricing-landing.card-pricing-with-heading {
  padding-bottom: 40px;
}
.card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading {
  margin: -68px -36px 26px;
}
.card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading h5 {
  font-size: 16px !important;
  line-height: 2.75 !important;
  color: #fff;
  background-color: #5a7184;
  text-align: center;
  text-transform: uppercase;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card-pricing.card-pricing-landing.card-pricing-landing-success .card-pricing-heading h5 {
  background-color: #36b37e;
}
.card-pricing.card-pricing-landing.card-pricing-landing-success .price h2 {
  color: #36b37e;
}
.card-pricing.card-pricing-landing.card-pricing-landing-primary .card-pricing-heading h5 {
  background-color: #1565d8;
}
.card-pricing.card-pricing-landing.card-pricing-landing-primary .price h2 {
  color: #1565d8;
}

.landing-pricing-features {
  padding-top: 50px;
}
.landing-pricing-features .heading {
  text-align: center;
  margin: 0 0 36px;
}
.landing-pricing-features .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
}

.card-pricing-feature {
  text-align: center;
  border-radius: 16px;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e5eaf4;
  background-color: #ffffff;
  margin: 60px 0 0;
}
.card-pricing-feature .ic {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: solid 1px #e5eaf4;
  background-color: #ffffff;
  margin: -32px auto 0;
  padding: 14px;
}
.card-pricing-feature .ic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card-pricing-feature .card-body {
  padding: 12px 0 20px;
  max-width: 258px;
  margin: 0 auto;
}
.card-pricing-feature .card-body h4 {
  font-size: 22px !important;
  font-weight: 600;
  line-height: 1.45 !important;
  margin: 0 -20px 4px;
  color: #6AD6A2;
}
.card-pricing-feature .card-body p {
  font-size: 16px;
  font-style: normal;
  line-height: 1.75;
  color: #5a7184;
  margin: 0;
}

.landing-pricing-partner {
  padding-top: 120px;
  padding-bottom: 100px;
}
.landing-pricing-partner .pricing-partner-item {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-pricing-partner .pricing-partner-item img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.landing-pricing-faq {
  background: #6AD6A2;
  color: #fff;
  padding: 100px 0 110px;
}
.landing-pricing-faq .heading {
  text-align: center;
  margin: 0 0 60px;
}
.landing-pricing-faq .heading h3 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  color: #fff;
}
.landing-pricing-faq .content {
  max-width: 862px;
  margin: 0 auto;
}

.accordion.accordion-pricing-white .card {
  background: rgba(179, 186, 197, 0.1);
  border: none !important;
  color: #b3bac5;
}
.accordion.accordion-pricing-white .card-header {
  background: transparent;
  cursor: pointer;
}
.accordion.accordion-pricing-white .card-header h5 {
  display: flex;
  justify-content: space-between;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 1.2 !important;
  letter-spacing: 0.2px;
  color: #fff;
  padding: 24px;
}
.accordion.accordion-pricing-white .card-header h5[aria-expanded=true] {
  padding-bottom: 12px;
}
.accordion.accordion-pricing-white .card-header h5 i {
  font-size: 14px;
}

.landing-pricing-testimonial {
  padding: 20px 0 50px;
}

.pricing-testimonial-container {
  margin: 0 -150px;
}
.pricing-testimonial-container .owl-carousel .owl-nav {
  position: absolute;
  bottom: 100px;
  right: 212px;
  display: flex;
}
.pricing-testimonial-container .owl-carousel .owl-nav .owl-prev, .pricing-testimonial-container .owl-carousel .owl-nav .owl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: transparent;
  font-size: 18px;
  color: #959ead;
}
.pricing-testimonial-container .owl-carousel .owl-nav .owl-prev:hover, .pricing-testimonial-container .owl-carousel .owl-nav .owl-next:hover {
  color: #6AD6A2;
}

.pricing-testimonial .box-testimonial {
  background: transparent;
  padding: 100px 218px 100px 200px;
}
.pricing-testimonial .box-testimonial .testimonial-content {
  flex: 0 0 712px;
  width: 712px;
  padding: 32px 0 0;
}
.pricing-testimonial .box-testimonial .testimonial-content p {
  line-height: 1.44;
  margin-bottom: 36px;
  font-weight: bold;
  color: #6AD6A2;
}
.pricing-testimonial .box-testimonial .testimonial-content p::before {
  display: none;
}
.pricing-testimonial .box-testimonial .meta strong, .pricing-testimonial .box-testimonial .meta span {
  display: block;
}
.pricing-testimonial .box-testimonial .meta strong {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.66;
  color: #6AD6A2;
}
.pricing-testimonial .box-testimonial .testimonial-profile {
  position: relative;
  margin: 0;
}
.pricing-testimonial .box-testimonial .testimonial-profile::before {
  position: absolute;
  z-index: 2;
  left: 28px;
  bottom: -50px;
  content: "";
  font-size: 100px;
  line-height: 1em;
  color: #6AD6A2;
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 900;
}
.pricing-testimonial .box-testimonial .testimonial-profile .user {
  position: relative;
  width: 253px;
  height: 292px;
  border-radius: 8px;
  overflow: hidden;
}
.pricing-testimonial .box-testimonial .testimonial-profile .user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.landing-pricing-download {
  position: relative;
  z-index: 2;
  padding-bottom: 0;
  text-align: center;
  color: white;
}
.landing-pricing-download + .footer {
  padding-top: 240px;
}
.landing-pricing-download .landing-pricing-download-box {
  border-radius: 16px;
  padding: 54px 60px;
  margin-bottom: -175px;
  background: url(../images/pattern/box-email-pattern-1.svg) left top, url(../images/pattern/box-email-pattern-2.svg) right bottom;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  background-color: #36b37e;
}
.landing-pricing-download .inner-container {
  max-width: 685px;
  margin: 0 auto;
}
.landing-pricing-download h4 {
  font-size: 48px !important;
  line-height: 1.25 !important;
  margin: 0 0 17px;
}
.landing-pricing-download p {
  font-size: 18px;
  line-height: 1.78;
}
.landing-pricing-download .form-submit-email {
  max-width: 430px;
  margin: 43px auto 0;
}
.landing-pricing-download .form-submit-email .input-group {
  border-radius: 8px;
  overflow: hidden;
}
.landing-pricing-download .form-submit-email .form-control {
  border: none;
}
.landing-pricing-download .form-submit-email .form-control:focus {
  box-shadow: none;
}
.landing-pricing-download .form-submit-email .input-group-append {
  padding: 5px;
}
.landing-pricing-download .form-submit-email .input-group-append .btn {
  border-radius: 4px;
  min-width: 130px;
}

@media (max-width: 1199.98px) {
  .landing-pricing-boxes .content {
    padding-left: 0;
    padding-right: 0;
  }

  .landing-pricing-features .content {
    max-width: 800px;
    margin: 0 auto;
  }

  .pricing-testimonial-container {
    margin: 0;
  }
  .pricing-testimonial-container .owl-carousel .owl-nav {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
  }

  .pricing-testimonial .box-testimonial {
    position: relative;
    display: block;
    text-align: center;
    margin: 0;
    padding: 48px 25px 36px;
  }
  .pricing-testimonial .box-testimonial .testimonial-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: initial;
    top: 0;
    left: 0;
    height: initial;
  }
  .pricing-testimonial .box-testimonial .testimonial-profile::before {
    left: 50%;
    margin-left: -80px;
  }
  .pricing-testimonial .box-testimonial .testimonial-profile .user {
    width: 200px;
    height: 230px;
  }
  .pricing-testimonial .box-testimonial .testimonial-content {
    flex: 0 0 100%;
    width: 100%;
    padding-top: 80px;
  }
  .pricing-testimonial .box-testimonial .testimonial-content p {
    font-size: 30px;
    line-height: 1.44;
    margin-bottom: 26px;
  }
}
@media (max-width: 991.98px) {
  header.landing-pricing .hero {
    padding-top: 56px;
  }
  header.landing-pricing .hero h1 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin-bottom: 20px;
  }

  .landing-pricing-boxes {
    padding-top: 36px;
    padding-bottom: 40px;
  }
  .landing-pricing-boxes .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .landing-pricing-boxes .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .landing-pricing-boxes .col {
    padding-left: 5px;
    padding-right: 5px;
  }
  .landing-pricing-boxes .content {
    padding: 20px 0 36px;
  }
  .landing-pricing-boxes .pricing-footer {
    padding-bottom: 36px;
  }

  .card-pricing.card-pricing-landing {
    padding: 24px 15px 24px;
    min-height: 450px;
  }
  .card-pricing.card-pricing-landing .price {
    padding-bottom: 16px;
  }
  .card-pricing.card-pricing-landing .price h2 {
    font-size: 36px !important;
    margin-bottom: 16px;
  }
  .card-pricing.card-pricing-landing .price h4 {
    font-size: 22px !important;
    line-height: 1.45 !important;
    margin-bottom: 3px;
  }
  .card-pricing.card-pricing-landing .price p {
    font-size: 14px;
    line-height: 1.71;
  }
  .card-pricing.card-pricing-landing .pricing-list {
    margin-top: 16px;
    font-size: 14px;
  }
  .card-pricing.card-pricing-landing .pricing-list li {
    margin-bottom: 16px;
  }
  .card-pricing.card-pricing-landing.card-pricing-with-heading {
    padding-top: 22px;
    padding-bottom: 24px;
  }
  .card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading {
    margin: -56px -15px 22px;
  }
  .card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading h5 {
    font-size: 14px !important;
    line-height: 2.43 !important;
  }

  .landing-pricing-features {
    padding-top: 40px;
  }
  .landing-pricing-features .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .landing-pricing-features .heading {
    margin-bottom: 20px;
  }

  .landing-pricing-partner {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .landing-pricing-partner .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .landing-pricing-partner .row {
    justify-content: center;
  }
  .landing-pricing-partner .col-company {
    min-width: 225px;
    margin-bottom: 30px;
  }

  .landing-pricing-faq {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-pricing-faq .heading {
    margin-bottom: 48px;
  }
  .landing-pricing-faq .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .landing-pricing-testimonial {
    padding: 0;
  }
  .landing-pricing-testimonial .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .landing-pricing-download {
    padding-top: 48px;
    padding-bottom: 0;
  }
  .landing-pricing-download .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .landing-pricing-download .landing-pricing-download-box {
    padding: 56px 44px 64px;
    margin-bottom: -170px;
  }
  .landing-pricing-download h4 {
    font-size: 40px !important;
    line-height: 1.3 !important;
    margin-bottom: 14px;
  }
  .landing-pricing-download .form-submit-email {
    margin-top: 37px;
  }
  .landing-pricing-download + .footer {
    padding-top: 260px;
  }
}
@media (max-width: 767.98px) {
  header.landing-pricing {
    padding-bottom: 50px;
    margin-bottom: 0;
  }

  .card-pricing.card-pricing-landing {
    min-height: initial;
    max-width: 300px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
  }
  .card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading {
    margin-top: -22px;
    margin-bottom: 28px;
  }

  .card-pricing-feature {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575.98px) {
  header.landing-pricing {
    padding-bottom: 794px;
    margin-bottom: -794px;
  }
  header.landing-pricing .hero {
    padding-top: 10px;
  }
  header.landing-pricing .hero h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin-bottom: 24px;
  }
  header.landing-pricing .hero p {
    font-size: 16px !important;
    line-height: 1.75;
  }

  .landing-pricing-boxes {
    padding-bottom: 0;
  }
  .landing-pricing-boxes .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .landing-pricing-boxes .content {
    padding-top: 0;
    padding-bottom: 12px;
    max-width: 340px;
    margin: 0 auto;
  }
  .landing-pricing-boxes .row {
    flex-direction: column-reverse;
  }
  .landing-pricing-boxes .pricing-footer {
    padding-bottom: 24px;
  }
  .landing-pricing-boxes .pricing-footer p {
    font-size: 16px;
    line-height: 1.75;
  }

  .card-pricing.card-pricing-landing .price {
    padding-bottom: 20px;
  }
  .card-pricing.card-pricing-landing .price h4 {
    margin-bottom: 12px;
  }
  .card-pricing.card-pricing-landing .price p {
    font-size: 16px;
    line-height: 1.75;
  }
  .card-pricing.card-pricing-landing .pricing-list {
    margin-top: 24px;
  }
  .card-pricing.card-pricing-landing .pricing-list li {
    margin-bottom: 20px;
  }
  .card-pricing.card-pricing-landing .card-pricing-footer {
    margin-top: 16px;
  }

  .landing-pricing-features {
    padding-top: 64px;
  }
  .landing-pricing-features .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-pricing-features .heading {
    margin-bottom: 6px;
  }
  .landing-pricing-features .heading h3 {
    font-size: 32px !important;
  }

  .card-pricing-feature .ic {
    width: 56px;
    height: 56px;
    padding: 12px;
    margin: -28px auto 0;
  }
  .card-pricing-feature .card-body {
    padding: 16px 0 17px;
  }
  .card-pricing-feature .card-body h4 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px;
  }
  .card-pricing-feature .card-body p {
    font-size: 14px;
    line-height: 1.71;
  }

  .landing-pricing-partner {
    padding-top: 56px;
    padding-bottom: 20px;
  }
  .landing-pricing-partner .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-pricing-partner .col-company {
    min-width: 50%;
  }
  .landing-pricing-partner .pricing-partner-item {
    height: 32px;
  }

  .landing-pricing-faq {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .landing-pricing-faq .heading {
    margin-bottom: 24px;
  }
  .landing-pricing-faq .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
  }

  .accordion.accordion-pricing-white {
    text-align: center;
  }
  .accordion.accordion-pricing-white .card {
    margin-bottom: 20px;
  }
  .accordion.accordion-pricing-white .card-header h5 {
    font-size: 16px !important;
    line-height: 1.25 !important;
    flex-direction: column;
    padding: 24px 10px;
  }
  .accordion.accordion-pricing-white .card-header h5 span {
    margin: 0 0 20px;
  }
  .accordion.accordion-pricing-white .card-header h5[aria-expanded=true] i {
    display: none;
  }
  .accordion.accordion-pricing-white .card-body {
    padding: 6px 20px 24px;
  }
  .accordion.accordion-pricing-white .card-body p {
    font-size: 14px;
    line-height: 1.71;
  }

  .pricing-testimonial-container .owl-carousel .owl-nav .owl-prev, .pricing-testimonial-container .owl-carousel .owl-nav .owl-next {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }

  .pricing-testimonial .box-testimonial {
    padding: 48px 20px 24px;
  }
  .pricing-testimonial .box-testimonial .testimonial-profile::before {
    font-size: 80px;
    bottom: -40px;
  }
  .pricing-testimonial .box-testimonial .testimonial-content {
    padding-top: 76px;
  }
  .pricing-testimonial .box-testimonial .testimonial-content p {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 24px;
  }
  .pricing-testimonial .box-testimonial .meta strong {
    font-size: 16px;
    line-height: 1.375;
  }

  .landing-pricing-download .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .landing-pricing-download .landing-pricing-download-box {
    padding: 56px 10px 48px;
    border-radius: 0;
  }
  .landing-pricing-download h4 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 24px;
  }
  .landing-pricing-download p {
    font-size: 16px;
    line-height: 1.75;
  }
  .landing-pricing-download .form-submit-email {
    margin-top: 36px;
  }
  .landing-pricing-download .form-submit-email .input-group {
    padding: 10px;
  }
  .landing-pricing-download .form-submit-email .form-control {
    height: 3rem;
    border-radius: 8px;
    border: solid 1px #c3cad9;
    padding-left: 48px;
  }
  .landing-pricing-download .form-submit-email .input-group-prepend .btn {
    background: transparent;
    border: transparent;
    padding: 0 0 0 20px;
    width: 48px;
    margin-right: -48px;
  }
  .landing-pricing-download .form-submit-email .input-group-append {
    padding: 10px 0 0;
    width: 100%;
  }
  .landing-pricing-download .form-submit-email .input-group-append .btn {
    width: 100%;
  }
  .landing-pricing-download + .footer {
    padding-top: 240px;
  }
}
header.landing-bookstore .hero .row {
  align-items: center;
}
header.landing-bookstore .hero .content {
  width: 585px;
  margin-top: 46px;
}
header.landing-bookstore .hero .content .book-name {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  width: 492px;
}
header.landing-bookstore .hero .content .book-name span {
  color: #faad13;
  display: block;
}
header.landing-bookstore .hero .content .book-author {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 0;
  margin-top: 28px;
  margin-bottom: 36px;
}
header.landing-bookstore .hero .content .book-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
header.landing-bookstore .hero .content .btn-container {
  display: flex;
  margin-top: 56px;
}
header.landing-bookstore .hero .content .btn-container .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
header.landing-bookstore .hero .content .btn-container .btn:first-child {
  margin-right: 26px;
}
header.landing-bookstore .hero .illustration {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 488px;
  height: 580px;
  background-color: rgba(179, 186, 197, 0.1);
}
header.landing-bookstore .hero img {
  width: 250px;
  box-shadow: 0 20px 24px 0 rgba(0, 0, 0, 0.08);
}

.landing-bookstore-book-choices .col-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 30px;
}
.landing-bookstore-book-choices .column-gap {
  column-gap: 32px;
}
.landing-bookstore-book-choices .recommended {
  position: relative;
}
.landing-bookstore-book-choices .recommended .row-gap {
  row-gap: 32px;
}
.landing-bookstore-book-choices .recommended .book-container {
  display: flex;
  align-items: center;
  padding: 11px;
  border-radius: 8px;
  border: solid 1px #eceef2;
  width: 358px;
}
.landing-bookstore-book-choices .recommended .book-image {
  margin-right: 20px;
}
.landing-bookstore-book-choices .recommended .book-image img {
  height: 238px;
}
.landing-bookstore-book-choices .book-detail-name {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-bookstore-book-choices .book-detail-category {
  font-size: 16px;
  color: #6AD6A2;
  margin: 16px 0 24px 0;
}
.landing-bookstore-book-choices .book-detail-price {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #1565d8;
  margin-bottom: 26px;
}
.landing-bookstore-book-choices .btn-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.landing-bookstore-book-choices .btn-container .btn {
  border-radius: 2000px;
  font-weight: 600;
  line-height: unset;
  width: 101px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.landing-bookstore-book-choices .btn-container i {
  color: #959ead;
  margin-right: 15px;
}
.landing-bookstore-book-choices .btn-primary-100 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 72px;
  line-height: unset;
  position: absolute;
  bottom: 0;
}
.landing-bookstore-book-choices .gray-container {
  background-color: rgba(179, 186, 197, 0.1);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border-radius: 8px 8px 0 0;
  padding: 24px;
  padding-bottom: 26px;
}
.landing-bookstore-book-choices .best .row-gap {
  row-gap: 36px;
}
.landing-bookstore-book-choices .best .book-container {
  display: flex;
  align-items: center;
  text-align: left;
  width: 312px;
}
.landing-bookstore-book-choices .best .book-image {
  margin-right: 26px;
}
.landing-bookstore-book-choices .best .book-image img {
  height: 178px;
}
.landing-bookstore-book-choices .custom-button {
  background-color: rgba(179, 186, 197, 0.1);
  color: #1565d8;
  height: 70px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 8px 8px;
}

.landing-bookstore-book-category a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -9px;
  font-size: 18px;
  color: #6AD6A2;
  padding: 20px;
  border-radius: 2000px;
  background-color: #ffffff;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  width: 56px;
  height: 56px;
  z-index: 99;
}
.landing-bookstore-book-category .border-solid {
  border-top-color: #eceef2;
  border-width: 1px 0 0 0;
}
.landing-bookstore-book-category .category {
  padding: 0;
  padding-top: 40px;
  padding-bottom: 30px;
  border-radius: 8px;
  border: solid 1px #eceef2;
  text-align: center;
}
.landing-bookstore-book-category .category-icon {
  width: 64px;
  height: 64px;
  margin: auto;
}
.landing-bookstore-book-category .category-name {
  margin: 40px 0 12px 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-bookstore-book-category .category-desc {
  font-size: 16px;
  text-align: center;
  color: #5a7184;
}

.landing-bookstore-book-unreleased .landing-bookstore-book-unreleased-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #ffffff;
}
.landing-bookstore-book-unreleased a {
  display: flex;
  width: 54px;
  height: 56px;
  border-radius: 2000px;
  border: solid 2px #5a7184;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #5a7184;
}
.landing-bookstore-book-unreleased a:hover {
  color: #ffffff !important;
  border-color: #ffffff !important;
  cursor: pointer;
}
.landing-bookstore-book-unreleased .nav {
  column-gap: 24px;
}
.landing-bookstore-book-unreleased .unreleased-book {
  width: 204px;
}
.landing-bookstore-book-unreleased .unreleased-book img {
  width: 100%;
}

.landing-bookstore-author-story .authors {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 68px;
  margin-top: 30px;
}
.landing-bookstore-author-story .authors .fa-bookmark:hover {
  cursor: pointer;
}
.landing-bookstore-author-story .authors .author:nth-child(2) .author-story-video {
  background-image: url("../../../dist/assets/images/photos/315x200/2@2x.png");
}
.landing-bookstore-author-story .authors .author:nth-child(3) .author-story-video {
  background-image: url("../../../dist/assets/images/photos/315x200/3@2x.png");
}
.landing-bookstore-author-story .author-story-video {
  background-image: url("../../../dist/assets/images/photos/315x200/1@2x.png");
  width: 315px;
  height: 200px;
  background-size: cover;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
}
.landing-bookstore-author-story .author-story-video .fa-play:hover {
  color: #1565d8 !important;
  cursor: pointer;
}
.landing-bookstore-author-story .author-story-video.big {
  background-image: url("../../../dist/assets/images/photos/1005x380/big@2x.png");
  width: 1005px;
  height: 380px;
  background-size: cover;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
}
.landing-bookstore-author-story .author-story-video.big div {
  background-color: #ffffff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-bookstore-author-story .author-story-video.big div:hover {
  background-color: #1565d8;
  cursor: pointer;
}
.landing-bookstore-author-story .author-story-video.big div:hover .text-primary {
  color: white !important;
}
.landing-bookstore-author-story .text-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 68px;
}
.landing-bookstore-author-story .section-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-bookstore-author-story .section-desc {
  font-size: 18px;
  line-height: 1.7;
  color: #5a7184;
  width: 390px;
  margin-bottom: 56px;
}
.landing-bookstore-author-story .author-story-video img {
  width: 100%;
}
.landing-bookstore-author-story .author-identity {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}
.landing-bookstore-author-story .author-name {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 10px;
}
.landing-bookstore-author-story .author-book {
  font-size: 16px;
  color: #5a7184;
}

.landing-bookstore-partner {
  background: #b3bac5;
  text-align: center;
  padding: 80px 0 105px 0;
}
.landing-bookstore-partner .brand-logo {
  width: 96px;
}
.landing-bookstore-partner .section-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
}

.landing-bookstore-blog {
  padding: 100px 0;
}
.landing-bookstore-blog img {
  width: 100%;
}
.landing-bookstore-blog .section-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-bookstore-blog .btn.btn-outline-primary {
  border-radius: 22px;
}
.landing-bookstore-blog .gap {
  gap: 30px;
}
.landing-bookstore-blog .article-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 30px 0 16px 0;
  font-family: "hk_grotesksemibold";
}
.landing-bookstore-blog .article-content {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
.landing-bookstore-blog a {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #1665d8;
}
.landing-bookstore-blog .article-detail {
  margin-left: 36px;
}
.landing-bookstore-blog .article-date {
  font-size: 14px;
  line-height: 1.43;
  color: #5a7184;
}
.landing-bookstore-blog .articles .article {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}
.landing-bookstore-blog .articles .article-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 16px 0 18px 0;
  width: 262px;
}
.landing-bookstore-blog .articles .article-image {
  width: 250px;
}

.landing-bookstore-subscription {
  margin-bottom: 75px;
}
.landing-bookstore-subscription .container > div {
  border-radius: 12px;
  background-color: #1565d8;
  background-image: url("../../../dist/assets/images/landing-bookstore/oval.svg"), url("../../../dist/assets/images/landing-bookstore/oval2.svg");
  background-repeat: no-repeat;
  background-position: -50px -50px, 450px bottom;
  padding: 60px 63px 80px 60px;
}
.landing-bookstore-subscription .section-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #ffffff;
  width: 413px;
}
.landing-bookstore-subscription .custom-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px;
  background-color: white;
  border-radius: 8px;
  width: 447px;
  height: 56px;
  border: solid 1px #c3cad9;
  margin-top: 30px;
}
.landing-bookstore-subscription .custom-form div {
  display: flex;
  align-items: center;
  flex: auto;
  padding-left: 16px;
}
.landing-bookstore-subscription .custom-form input {
  outline: none;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #959ead;
  padding-left: 12px;
}
.landing-bookstore-subscription .custom-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 163px;
  height: 48px;
  border-radius: 4px;
  background-color: #faad13;
  outline: none;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.landing-bookstore-subscription .form-group {
  width: 430px;
  margin-top: 30px;
  margin-bottom: 0;
}
.landing-bookstore-subscription .input-group {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 0;
}
.landing-bookstore-subscription .form-control {
  border: none;
  padding: 6px 12px;
}
.landing-bookstore-subscription .form-control:focus {
  border-width: 0;
  box-shadow: none;
  color: #6AD6A2;
  outline: 0;
}
.landing-bookstore-subscription .input-group-prepend > .btn.btn-sm {
  padding-right: 0;
}
.landing-bookstore-subscription .input-group-append {
  padding: 5px;
}
.landing-bookstore-subscription .input-group-append > .btn {
  border-radius: 4px;
  min-width: 143px;
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
  .landing-bookstore-author-story .text-container {
    flex-direction: column;
    text-align: center;
    width: 688px;
    padding: 0;
    margin: auto;
    margin-bottom: 56px;
  }
  .landing-bookstore-author-story .text-container .section-desc {
    width: unset;
  }
  .landing-bookstore-author-story .author-story-video.big {
    width: 688px;
    height: 380px;
    background-position: center;
  }
  .landing-bookstore-author-story .authors {
    width: 688px;
    padding: 0;
    margin: auto;
    margin-top: 30px;
  }
  .landing-bookstore-author-story .author-story-video {
    width: 217px;
    height: 138px;
  }

  .landing-bookstore-book-choices .recommended,
.landing-bookstore-book-choices .btn-primary-100 {
    position: unset;
  }
  .landing-bookstore-book-choices .btn-container .btn {
    width: 91px;
    height: 32px;
  }
  .landing-bookstore-book-choices .column-gap {
    column-gap: 28px;
  }
  .landing-bookstore-book-choices .book-detail-name {
    font-size: 20px;
  }
  .landing-bookstore-book-choices .recommended .book-container {
    width: 322px;
    padding: 10px;
  }
  .landing-bookstore-book-choices .recommended .book-image {
    margin-right: 12px;
  }
  .landing-bookstore-book-choices .recommended .book-image img {
    height: 214px;
  }
  .landing-bookstore-book-choices .btn-primary-100 {
    width: 688px;
    margin-top: 42px;
  }
  .landing-bookstore-book-choices .gray-container {
    width: 688px;
    flex-direction: row;
    column-gap: 42px;
    padding: 34px;
    padding-bottom: 48px;
  }
  .landing-bookstore-book-choices .best .book-container {
    width: 285px;
  }
  .landing-bookstore-book-choices .best .book-image img {
    height: 160px;
  }
  .landing-bookstore-book-choices .custom-button {
    width: 688px;
    height: 72px;
  }

  .landing-bookstore-blog .articles .article {
    align-items: flex-start;
  }
}
@media (min-width: 767.98px) and (max-width: 991.98px) {
  header.landing-bookstore .hero .container {
    padding: 0 16px !important;
  }
  header.landing-bookstore .hero .illustration {
    width: 688px;
    height: 540px;
  }

  .landing-bookstore-book-choices .container {
    padding: 80px 16px !important;
  }
  .landing-bookstore-book-choices .recommended,
.landing-bookstore-book-choices .btn-primary-100 {
    position: unset;
  }
  .landing-bookstore-book-choices .btn-container .btn {
    width: 91px;
    height: 32px;
  }
  .landing-bookstore-book-choices .column-gap {
    column-gap: 28px;
  }
  .landing-bookstore-book-choices .book-detail-name {
    font-size: 20px;
  }
  .landing-bookstore-book-choices .recommended .book-container {
    width: 322px;
    padding: 10px;
  }
  .landing-bookstore-book-choices .recommended .book-image {
    margin-right: 12px;
  }
  .landing-bookstore-book-choices .recommended .book-image img {
    height: 214px;
  }
  .landing-bookstore-book-choices .recommended .row-gap {
    row-gap: 28px;
  }
  .landing-bookstore-book-choices .btn-primary-100 {
    width: 688px;
    margin-top: 42px;
  }
  .landing-bookstore-book-choices .gray-container {
    width: 688px;
    flex-direction: row;
    column-gap: 42px;
    padding: 34px;
    padding-bottom: 48px;
  }
  .landing-bookstore-book-choices .best .book-container {
    width: 285px;
  }
  .landing-bookstore-book-choices .best .book-image img {
    height: 160px;
  }
  .landing-bookstore-book-choices .custom-button {
    width: 688px;
    height: 72px;
  }

  .landing-bookstore-book-category .category {
    width: 217px;
  }
  .landing-bookstore-book-category .category-icon {
    width: 53px;
    height: 53px;
  }
  .landing-bookstore-book-category .category-name {
    font-size: 18px;
  }
  .landing-bookstore-book-category .category-desc {
    font-size: 13.1px;
  }

  .landing-bookstore-book-unreleased .container {
    padding: 0 16px !important;
  }
  .landing-bookstore-book-unreleased .carousel-container {
    margin-right: -72px;
  }
  .landing-bookstore-book-unreleased .unreleased-book {
    width: 153px;
  }

  .landing-bookstore-author-story .container {
    padding: 0 !important;
  }
  .landing-bookstore-author-story .author-story-video.big {
    width: 688px;
    height: 380px;
    background-position: center;
  }
  .landing-bookstore-author-story .authors {
    width: 688px;
  }
  .landing-bookstore-author-story .author-story-video {
    width: 217px;
    height: 138px;
  }
  .landing-bookstore-author-story .section-desc {
    width: 600px;
    margin-top: 32px;
  }

  .landing-bookstore-partner .brand-logo {
    width: 123px;
  }

  .landing-bookstore-blog .container {
    padding: 0 !important;
  }
  .landing-bookstore-blog .article .article-title {
    width: 168px;
  }
  .landing-bookstore-blog .article .article-date {
    font-size: 10px;
  }
  .landing-bookstore-blog .article a {
    font-size: 10px;
  }
  .landing-bookstore-blog .articles .article-image {
    width: 150px;
  }

  .landing-bookstore-subscription .form-group {
    width: 448px;
  }
}
@media (min-width: 575.98px) and (max-width: 767.98px) {
  header.landing-bookstore .hero .content {
    width: 540px;
  }

  .landing-bookstore-book-choices .recommended,
.landing-bookstore-book-choices .best {
    width: 100%;
  }
  .landing-bookstore-book-choices .recommended {
    position: unset;
  }
  .landing-bookstore-book-choices .recommended .book-container {
    width: 270px;
    height: 312px;
    flex-direction: column;
    padding: 0;
  }
  .landing-bookstore-book-choices .recommended .book-image {
    margin-top: -24px;
    margin-right: 0;
  }
  .landing-bookstore-book-choices .recommended .book-image img {
    height: 137px;
    width: auto;
  }
  .landing-bookstore-book-choices .recommended .row-gap {
    row-gap: unset;
  }
  .landing-bookstore-book-choices .best .book-detail {
    text-align: unset;
  }
  .landing-bookstore-book-choices .best .book-detail-name {
    font-size: 22px;
  }
  .landing-bookstore-book-choices .best .book-detail-category {
    font-size: 16px;
  }
  .landing-bookstore-book-choices .best .book-detail-price {
    font-size: 20px;
  }
  .landing-bookstore-book-choices .book-detail {
    text-align: center;
    margin: 20px 0;
  }
  .landing-bookstore-book-choices .book-detail-name {
    font-size: 20px;
  }
  .landing-bookstore-book-choices .book-detail-category {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 16px;
  }
  .landing-bookstore-book-choices .book-detail-price {
    font-size: 16px;
  }
  .landing-bookstore-book-choices .btn-container {
    width: 148px;
    margin: 0 auto;
  }
  .landing-bookstore-book-choices .btn-primary-100 {
    position: unset;
  }
  .landing-bookstore-book-choices .owl-stage-outer {
    overflow: initial !important;
  }
  .landing-bookstore-book-choices .owl-item {
    opacity: 0;
    transition: opacity 0.75s linear;
  }
  .landing-bookstore-book-choices .owl-item.active {
    opacity: 1;
  }

  .landing-bookstore-book-category .category {
    padding-right: 12px;
    padding-left: 12px;
  }
  .landing-bookstore-book-category .category-icon {
    width: 36px;
    height: 36px;
  }
  .landing-bookstore-book-category .category-name {
    font-size: 16px;
  }
  .landing-bookstore-book-category .category-desc {
    font-size: 12px;
  }

  .landing-bookstore-author-story .author-story-video.big {
    width: 510px;
    height: 357px;
    background-position: center;
  }
  .landing-bookstore-author-story .authors {
    width: 510px;
    padding: 0;
  }
  .landing-bookstore-author-story .author-story-video {
    width: 245px;
    height: 245px;
    background-position: center;
  }
  .landing-bookstore-author-story .section-desc {
    width: 600px;
    margin-top: 32px;
  }

  .landing-bookstore-subscription .custom-form {
    width: 363px;
  }
}
@media (max-width: 575.98px) {
  header.landing-bookstore .hero .btn {
    line-height: unset;
    width: 176px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 14px;
  }
  header.landing-bookstore .hero .illustration {
    width: 100%;
    height: 333px;
  }
  header.landing-bookstore .hero img {
    width: 143px;
  }

  .landing-bookstore-book-choices .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .landing-bookstore-book-choices .recommended,
.landing-bookstore-book-choices .best {
    width: 100%;
  }
  .landing-bookstore-book-choices .recommended {
    position: unset;
  }
  .landing-bookstore-book-choices .recommended .book-container {
    width: 270px;
    height: 312px;
    flex-direction: column;
    padding: 0;
  }
  .landing-bookstore-book-choices .recommended .book-image {
    margin-top: -24px;
    margin-right: 0;
  }
  .landing-bookstore-book-choices .recommended .book-image img {
    height: 137px;
    width: auto;
  }
  .landing-bookstore-book-choices .recommended .row-gap {
    row-gap: unset;
  }
  .landing-bookstore-book-choices .best .book-container {
    width: 232px;
  }
  .landing-bookstore-book-choices .best .book-image {
    margin-right: 15px;
  }
  .landing-bookstore-book-choices .best .book-image img {
    height: 142px;
  }
  .landing-bookstore-book-choices .best .book-detail {
    text-align: unset;
    margin: 0;
    width: 122px;
  }
  .landing-bookstore-book-choices .best .book-detail-name {
    font-size: 16px;
  }
  .landing-bookstore-book-choices .best .book-detail-category {
    font-size: 16px;
  }
  .landing-bookstore-book-choices .best .book-detail-price {
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 14px;
  }
  .landing-bookstore-book-choices .best .btn-container {
    margin: 0;
  }
  .landing-bookstore-book-choices .gray-container {
    padding-top: 26px;
    padding-right: 0;
    padding-bottom: 40px;
    padding-left: 15px;
  }
  .landing-bookstore-book-choices .custom-button {
    height: 60px;
  }
  .landing-bookstore-book-choices .col-title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 36px;
  }
  .landing-bookstore-book-choices .book-detail {
    text-align: center;
    margin: 20px 0;
  }
  .landing-bookstore-book-choices .book-detail-name {
    font-size: 20px;
  }
  .landing-bookstore-book-choices .book-detail-category {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 16px;
  }
  .landing-bookstore-book-choices .book-detail-price {
    font-size: 16px;
  }
  .landing-bookstore-book-choices .btn-container {
    width: 148px;
    margin: 0 auto;
  }
  .landing-bookstore-book-choices .btn-primary-100 {
    position: unset;
    height: 48px;
    margin-top: 24px;
  }
  .landing-bookstore-book-choices .owl-stage-outer {
    overflow: initial !important;
  }
  .landing-bookstore-book-choices .owl-item {
    opacity: 0;
    transition: opacity 0.75s linear;
  }
  .landing-bookstore-book-choices .owl-item.active {
    opacity: 1;
  }

  .landing-bookstore-book-category .category {
    width: 140px;
    height: 182px;
    padding: 20px 0;
  }
  .landing-bookstore-book-category #category {
    gap: 10px;
  }
  .landing-bookstore-book-category .category-icon {
    width: 36px;
    height: 36px;
  }
  .landing-bookstore-book-category .category-icon img {
    width: 100%;
  }
  .landing-bookstore-book-category .category-name {
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 10px;
  }
  .landing-bookstore-book-category .category-desc {
    font-size: 12px;
  }
  .landing-bookstore-book-category .custom-nav {
    top: unset;
    bottom: 0;
    right: 50%;
    transform: translateY(unset);
    transform: translateX(50%);
  }

  .landing-bookstore-book-unreleased .carousel-container {
    margin-right: -24px;
    margin-left: 13px;
  }
  .landing-bookstore-book-unreleased .unreleased-book {
    width: 206px;
  }
  .landing-bookstore-book-unreleased .nav {
    column-gap: 18px;
  }
  .landing-bookstore-book-unreleased a {
    width: 48px;
    height: 48px;
  }

  .landing-bookstore-author-story .container {
    padding: 0 10px;
  }
  .landing-bookstore-author-story .author-story-video.big {
    width: 300px;
    height: 210px;
    background-position: center;
  }
  .landing-bookstore-author-story .author-story-video.big div {
    width: 56px;
    height: 56px;
  }
  .landing-bookstore-author-story .author-story-video.big i {
    font-size: 19px;
  }
  .landing-bookstore-author-story .authors {
    width: 300px;
    padding: 0;
    margin: auto;
    margin-top: 20px;
  }
  .landing-bookstore-author-story .authors .author {
    width: 140px;
  }
  .landing-bookstore-author-story .authors i {
    font-size: 23.5px;
  }
  .landing-bookstore-author-story .author-story-video {
    width: 140px;
    height: 138px;
    background-position: center;
    margin: 0;
  }
  .landing-bookstore-author-story .author-identity {
    flex-direction: column;
    text-align: center;
    margin-top: 16px;
  }
  .landing-bookstore-author-story .author-identity i {
    font-size: 12.4px;
  }
  .landing-bookstore-author-story .author-name {
    font-size: 16px;
  }
  .landing-bookstore-author-story .author-book {
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 16px;
  }

  .landing-bookstore-partner .partners {
    flex-wrap: wrap;
    column-gap: 39px;
    row-gap: 26px;
    padding: 0 24px;
  }
  .landing-bookstore-partner .brand-logo {
    width: 87px;
  }

  .landing-bookstore-blog .container {
    padding: 0 19px;
  }
  .landing-bookstore-blog .section-title {
    font-size: 28px;
  }
  .landing-bookstore-blog .articles .article-image {
    width: 90px;
    height: 90px;
  }
  .landing-bookstore-blog .articles .article-image img {
    height: 100%;
  }
  .landing-bookstore-blog .articles .article-title {
    font-size: 14px;
    width: unset;
    margin: 6px 0;
  }
  .landing-bookstore-blog .article-image img {
    border-radius: 4.8px;
    object-fit: cover;
  }
  .landing-bookstore-blog .article-detail {
    margin-left: 20px;
    width: 168px;
  }
  .landing-bookstore-blog .article-date {
    font-size: 10px;
  }
  .landing-bookstore-blog a {
    font-size: 10px;
  }

  .landing-bookstore-subscription {
    background-image: url("../../../dist/assets/images/landing-bookstore/oval.svg"), url("../../../dist/assets/images/landing-bookstore/oval2.svg");
    background-position: left top, right bottom;
  }
  .landing-bookstore-subscription .container {
    padding-top: 26px;
    padding-bottom: 28px;
    padding-left: 24px;
    padding-right: 16px;
  }
  .landing-bookstore-subscription .container > div {
    background: unset;
    padding: 0;
  }
  .landing-bookstore-subscription .section-title {
    width: 100%;
    font-size: 28px;
  }
  .landing-bookstore-subscription .custom-form {
    width: 100%;
    height: unset;
    flex-direction: column;
    padding: 12px;
  }
  .landing-bookstore-subscription .custom-form div {
    width: 100%;
    padding-top: 5px;
    padding-left: 8px;
    margin-bottom: 19px;
  }
  .landing-bookstore-subscription .custom-form button {
    width: 100%;
    height: 42px;
  }
}
@media (max-width: 487px) {
  .landing-bookstore-book-category .container {
    padding: 0 15px;
  }
  .landing-bookstore-book-category #category {
    justify-content: center;
  }
  .landing-bookstore-book-category .category {
    padding: 20px 18px;
  }
}
.bp_checking {
  display: none;
}

@media only screen and (max-width: 767.98px) {
  body.landing-bookstore #bp_mobile {
    display: block;
  }
}
@media only screen and (min-width: 488px) {
  body.landing-bookstore #bp_desktop {
    display: block;
  }
}
body.landing-ecommerce-ill .container > hr {
  margin-top: 100px;
  margin-bottom: 100px;
}
body.landing-ecommerce-ill .title-container .btn {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.landing-ecommerce-ill .section-title {
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-ecommerce-ill .section-desc {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #5a7184;
}
body.landing-ecommerce-ill .section-title.sm {
  font-size: 28px;
}
body.landing-ecommerce-ill .radius-22 {
  border-radius: 22px;
}
body.landing-ecommerce-ill .ill {
  position: absolute;
}
body.landing-ecommerce-ill .rounded-12 {
  border-radius: 12px !important;
}
body.landing-ecommerce-ill .border-none {
  border-style: none !important;
}

header.landing-ecommerce-ill .hero > .container {
  padding: 60px;
  padding-top: 69px;
  padding-bottom: 90px;
  border-radius: 12px;
  background-color: rgba(0, 185, 255, 0.1);
  max-width: 1260px;
}
header.landing-ecommerce-ill .hero > .container .caption {
  font-size: 48px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-top: 18px;
  margin-bottom: 36px;
  width: 524px;
}
header.landing-ecommerce-ill .hero > .container .form-group {
  margin-bottom: 0;
}
header.landing-ecommerce-ill .hero > .container .form-group > .input-group {
  border-radius: 12px;
  box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #e5eaf4;
  padding: 12px;
}
header.landing-ecommerce-ill .hero > .container .form-group > .input-group > .form-control {
  border: none;
  font-size: 18px;
  color: #5a7184;
  padding: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
}
header.landing-ecommerce-ill .hero > .container .form-group > .input-group > .form-control:focus {
  box-shadow: none;
}
header.landing-ecommerce-ill .hero > .container .form-group > .input-group .btn-iris-blue {
  border-radius: 12px;
}
header.landing-ecommerce-ill .hero > .container .form-group > .input-group .btn-iris-blue > i {
  font-size: 18px;
}
header.landing-ecommerce-ill .hero > .container img {
  width: 100%;
}

.landing-ecommerce-ill-deals > .container {
  padding-top: 119px;
  padding-bottom: 52px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group {
  display: flex;
  flex-direction: column;
}
.landing-ecommerce-ill-deals > .container .deal-card {
  border-radius: 8px;
  background-color: rgba(179, 186, 197, 0.1);
}
.landing-ecommerce-ill-deals > .container .deals-title {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) .deal-card {
  padding: 18px 36px 0 34px;
  width: 545px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) .deal-card .deals-title {
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) .deal-card img {
  width: 100%;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) .deal-card .btn.btn-primary {
  border-radius: 22px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) .deal-card .btn.btn-primary:hover {
  color: #ffffff;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(1) {
  width: 312px;
  margin-bottom: 20px;
  padding-left: 22px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(1) .deals-title {
  width: 83px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(1) img {
  width: 147px;
  margin-top: 22px;
  margin-left: 40px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(2) {
  width: 312px;
  padding-right: 22px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(2) .deals-title {
  width: 103px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(2) img {
  width: 157px;
  margin-top: 22px;
  margin-right: 30px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(3) .deal-card {
  padding: 25px 21px 21px 16px;
  text-align: center;
  width: 243px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(3) .deal-card .deals-title {
  margin-bottom: 16px;
}
.landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(3) .deal-card img {
  width: 100%;
  margin-top: 36px;
}

.landing-ecommerce-ill-categories,
.landing-ecommerce-ill-recommended,
.landing-ecommerce-ill-most-sold {
  padding-top: 50px;
  padding-bottom: 50px;
}

.landing-ecommerce-ill-categories #categories.owl-carousel .owl-stage {
  padding-left: 0 !important;
}
.landing-ecommerce-ill-categories .category {
  width: 125px;
  height: 200px;
  border-radius: 8px;
  background-color: #ffffff;
  margin-right: 20px;
  border: solid 1px #eceef2;
  text-align: center;
  padding: 32px 0 24px 0;
}
.landing-ecommerce-ill-categories .category .category-icon {
  width: 64px;
  height: 64px;
  padding: 11px;
  margin: auto;
}
.landing-ecommerce-ill-categories .category .category-name {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin: 24px 0 12px 0;
}
.landing-ecommerce-ill-categories .category .category-count {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #5a7184;
}
.landing-ecommerce-ill-categories .category:hover {
  box-shadow: 0 20px 24px 0 rgba(0, 0, 0, 0.08);
  border: none;
}
.landing-ecommerce-ill-categories > .category:first-child {
  box-shadow: 0 20px 24px 0 rgba(0, 0, 0, 0.08);
  border: none;
}
.landing-ecommerce-ill-categories > .category:last-child {
  margin-right: 0;
}

.landing-ecommerce-ill-recommended #recommended.owl-carousel .owl-stage {
  padding-left: 0 !important;
}
.landing-ecommerce-ill-recommended .item-card {
  margin-right: 20px;
}
.landing-ecommerce-ill-recommended .item-card > .item-image {
  width: 270px;
  height: 210px;
  padding: 22px 52px;
  border-radius: 8px;
  display: table-cell;
  vertical-align: middle;
}
.landing-ecommerce-ill-recommended .item-card > .item-title {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin-top: 22px;
  width: 270px;
}
.landing-ecommerce-ill-recommended .item-card:last-child {
  margin-right: 0;
}

.landing-ecommerce-ill-why .ill {
  width: 430px;
}
.landing-ecommerce-ill-why .row {
  width: 600px;
}
.landing-ecommerce-ill-why .col-6 {
  padding-right: 10px;
  padding-left: 10px;
}
.landing-ecommerce-ill-why .why-card {
  border: solid 1px #eceef2;
  width: 290px;
  text-align: left;
}
.landing-ecommerce-ill-why .why-card > .why-icon {
  width: 56px;
}
.landing-ecommerce-ill-why .why-card > .why-title {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 18px 0 12px 0;
}
.landing-ecommerce-ill-why .why-card > .why-desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #5a7184;
}

.landing-ecommerce-ill-most-sold {
  padding-bottom: 92px;
}
.landing-ecommerce-ill-most-sold .items {
  margin-top: 50px;
  margin-bottom: 52px;
}
.landing-ecommerce-ill-most-sold .item {
  padding: 18px;
  padding-right: 40px;
  padding-left: 46px;
}
.landing-ecommerce-ill-most-sold .item .item-image {
  width: 150px;
  height: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 50px;
}
.landing-ecommerce-ill-most-sold .item .item-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-ecommerce-ill-most-sold .item .item-rating {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin: 18px 0;
}
.landing-ecommerce-ill-most-sold .item .item-review {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #5a7184;
}
.landing-ecommerce-ill-most-sold .item .fas.fa-star {
  color: #f7b500;
  margin-right: 4px;
  font-size: 16px;
}
.landing-ecommerce-ill-most-sold .item .fas.fa-star:first-child {
  margin-left: 16px;
}
.landing-ecommerce-ill-most-sold .item .fas.fa-star:last-child {
  color: #dfe1e3;
  margin-right: 0;
}
.landing-ecommerce-ill-most-sold .item .btn {
  border-radius: 22px;
}
.landing-ecommerce-ill-most-sold .item .btn > i {
  margin-right: 6px;
}
.landing-ecommerce-ill-most-sold .item:nth-child(2) .item-image {
  padding: 0 15px;
}
.landing-ecommerce-ill-most-sold .item:nth-child(3) .item-image {
  padding: 0 10px;
}

.landing-ecommerce-ill-comparison {
  background-color: #f9fbfe;
  padding-top: 82px;
  padding-bottom: 64px;
}
.landing-ecommerce-ill-comparison .item {
  width: 270px;
}
.landing-ecommerce-ill-comparison .item > .item-image {
  width: 230px;
  height: 126px;
}
.landing-ecommerce-ill-comparison .item > .item-image img {
  width: calc(100% - 64px);
}
.landing-ecommerce-ill-comparison .item > .item-name {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin: 0 35px;
}
.landing-ecommerce-ill-comparison .item > hr {
  margin: 22.5px 0;
}
.landing-ecommerce-ill-comparison .item .item-specification {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin: 11px 0 6px 0;
}
.landing-ecommerce-ill-comparison .item .item-specification-detail {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #5a7184;
  margin-bottom: 27px;
}
.landing-ecommerce-ill-comparison .item .mt-28::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #1565d8;
  content: "";
}
.landing-ecommerce-ill-comparison .item .mt-28:hover::after {
  cursor: pointer;
  content: "";
}

.landing-ecommerce-ill-promo {
  margin-bottom: 115px;
}
.landing-ecommerce-ill-promo > .container {
  max-width: 1260px;
  padding-top: 47px;
  padding-bottom: 59px;
  background-color: #00b8d9;
  border-radius: 12px;
}
.landing-ecommerce-ill-promo > .container .ill {
  width: 478px;
  top: -15px;
  left: 45px;
}
.landing-ecommerce-ill-promo > .container .caption {
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #ffffff;
}
.landing-ecommerce-ill-promo > .container .desc {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #ffffff;
  width: 485px;
  margin-top: 22px;
  margin-bottom: 36px;
}
.landing-ecommerce-ill-promo > .container .form-group {
  width: 415px;
}
.landing-ecommerce-ill-promo > .container .form-control {
  padding-right: 18px;
  padding-left: 18px;
  height: unset;
}
.landing-ecommerce-ill-promo > .container .form-control:focus {
  box-shadow: none;
}

@media (max-width: 1199.98px) {
  header.landing-ecommerce-ill .hero > .container {
    max-width: 960px;
  }
  header.landing-ecommerce-ill .hero .ill img {
    width: 105%;
  }

  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) {
    width: 463.25px;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) .deal-card {
    height: 360px;
    transform: scale(0.85);
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) {
    width: 265.2px;
    height: 360px;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .deal-card {
    transform: scale(0.85);
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(3) {
    width: 206.55px;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(3) .deal-card {
    height: 360px;
    transform: scale(0.85);
  }

  .landing-ecommerce-ill-promo > .container {
    max-width: 960px;
  }
  .landing-ecommerce-ill-promo > .container .ill {
    top: unset;
    left: 30px;
    bottom: -76px;
  }
}
@media (max-width: 991.98px) {
  body.landing-ecommerce-ill .ill {
    position: static;
  }

  .landing-ecommerce-ill-deals > .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) {
    width: unset;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(1) .deal-card {
    width: 436px;
    height: 288px;
    transform: scale(1);
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) {
    width: unset;
    height: unset;
    gap: 28px;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .deal-card {
    transform: scale(1);
    width: 317px;
    height: 173px;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(3) {
    width: unset;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(3) .deal-card {
    width: 194px;
    height: 288px;
    transform: scale(1);
  }
  .landing-ecommerce-ill-deals > .container .cards {
    gap: 28px;
  }

  header.landing-ecommerce-ill .hero > .container {
    max-width: 668px;
  }
  header.landing-ecommerce-ill .hero > .container .btn {
    border: none;
  }

  .landing-ecommerce-ill-categories > .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .landing-ecommerce-ill-recommended > .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .landing-ecommerce-ill-promo > .container {
    max-width: 668px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .landing-ecommerce-ill-comparison .items {
    gap: 30px;
  }
}
@media (min-width: 576px) and (max-width: 694px) {
  .landing-ecommerce-ill-deals > .container .cards {
    gap: 16px;
    transform: scale(0.85);
  }
  .landing-ecommerce-ill-deals > .container .cards > .deal-card-group {
    gap: 16px;
  }
}
@media (max-width: 575.98px) {
  header.landing-ecommerce-ill {
    background-color: rgba(0, 185, 255, 0.1);
  }

  .landing-ecommerce-ill-deals > .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landing-ecommerce-ill-deals > .container .cards {
    gap: 24px;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) {
    gap: 0;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .text-14 {
    font-size: 12px !important;
  }
  .landing-ecommerce-ill-deals > .container .deal-card-group:nth-child(2) .text-12 {
    font-size: 10px !important;
  }

  .landing-ecommerce-ill-categories #categories {
    gap: 20px;
  }

  .landing-ecommerce-ill-comparison .title-container .btn {
    transform: translateX(0) !important;
  }

  .landing-ecommerce-ill-promo > .container {
    border-radius: 0;
  }
}
.bp_checking {
  display: none;
}

@media only screen and (min-width: 576px) and (max-width: 1199px) {
  body.landing-ecommerce-ill #bp_tablet {
    display: block;
  }
}
body.landing-saas-illustration .form-group {
  width: 415px;
}
body.landing-saas-illustration .form-group .input-group {
  border-radius: 29px;
}
body.landing-saas-illustration .form-group .input-group .form-control {
  padding-right: 18px;
  padding-left: 18px;
  height: unset;
  border-style: none;
}
body.landing-saas-illustration .form-group .input-group .form-control:focus {
  box-shadow: none;
}
body.landing-saas-illustration .form-group .input-group .input-group-append .btn.btn-success.btn-sm {
  border-radius: 2000px;
  font-size: 16px;
  font-weight: bold;
}
body.landing-saas-illustration .section-title {
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-saas-illustration .section-desc {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #5a7184;
}
body.landing-saas-illustration .xs-w-30 {
  width: 30px;
}
body.landing-saas-illustration .xs-h-30 {
  height: 30px;
}

header.landing-saas-illustration .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
header.landing-saas-illustration .hero .hero-desc {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #5a7184;
  margin-bottom: 46px;
}
header.landing-saas-illustration .hero .custom-form {
  width: 415px;
  height: 58px;
  background-color: white;
  border-radius: 29px;
  box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
  padding: 6px;
  padding-left: 24px;
}
header.landing-saas-illustration .hero .custom-form input {
  flex: auto;
  border: none;
  outline: none;
  font-family: "OpenSans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #5a7184;
}
header.landing-saas-illustration .hero .custom-form button {
  border-radius: 2000px;
}

.landing-saas-illustration-help .help-card {
  padding: 10px;
  padding-right: 45px;
  padding-left: 0;
  width: 467px;
}
.landing-saas-illustration-help .help-card > div {
  padding-bottom: 10px;
  border-left: 2px solid transparent;
}
.landing-saas-illustration-help .help-card .help-card-title {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 10px;
}
.landing-saas-illustration-help .help-card .help-card-desc {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #5a7184;
}
.landing-saas-illustration-help .help-card .help-ill {
  width: 606px;
}
.landing-saas-illustration-help .help-card:hover {
  background-color: rgba(179, 186, 197, 0.1);
}
.landing-saas-illustration-help .help-card:hover > div {
  border-left: 2px solid #5a7184;
}

.landing-saas-illustration-save-time {
  background-color: #f9fbfe;
}
.landing-saas-illustration-save-time .flex.items-center.py-2px > div:nth-child(2) {
  width: 485px;
}
.landing-saas-illustration-save-time .save-time-ill {
  margin-left: -78px;
  margin-right: 70px;
}
.landing-saas-illustration-save-time .save-time-line {
  width: 454px;
  height: 1px;
  background-image: url(../../../dist/assets/images/pattern/dashed-border.svg);
  background-repeat: repeat-x;
  background-size: 9px 1px;
}
.landing-saas-illustration-save-time .save-time-name {
  font-size: 16px;
  font-weight: normal;
  color: #5a7184;
}
.landing-saas-illustration-save-time .save-time-name b {
  font-size: 16px;
  font-weight: 600;
  color: #6AD6A2;
}

.landing-saas-illustration-member {
  padding-bottom: 130px;
}
.landing-saas-illustration-member .support-list {
  font-family: "hk_grotesksemibold";
}
.landing-saas-illustration-member .text-container {
  width: 485px;
}
.landing-saas-illustration-member .member-ill {
  width: 646px;
}
.landing-saas-illustration-member .member-ill img {
  margin-left: -150px;
}
.landing-saas-illustration-member .container > .flex > div:last-child {
  width: 573px;
}
.landing-saas-illustration-member .container > .flex i {
  margin-left: 10px;
}

.landing-saas-illustration-customer .container {
  border-color: #e3e7ed;
  border-width: 0 0 1px 0;
}
.landing-saas-illustration-customer img {
  width: 100%;
  max-width: 20%;
  flex: 0 0 20%;
  position: relative;
}

.landing-saas-illustration-workflow .section-desc {
  width: 583px;
  margin: auto;
  margin-top: 24px;
  margin-bottom: 56px;
}
.landing-saas-illustration-workflow .workflow-title {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-saas-illustration-workflow .gap {
  gap: 30px;
}
.landing-saas-illustration-workflow .workflow-card {
  width: 360px;
}
.landing-saas-illustration-workflow .workflow-card .border-2 {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.landing-saas-illustration-workflow .workflow-card .border-primary:hover {
  border-color: rgba(21, 101, 216, 0.6) !important;
}
.landing-saas-illustration-workflow .workflow-card .border-success:hover {
  border-color: rgba(54, 179, 126, 0.6) !important;
}
.landing-saas-illustration-workflow .workflow-card .border-bright-red:hover {
  border-color: rgba(233, 84, 50, 0.6) !important;
}

.landing-saas-illustration-subscription {
  margin-bottom: 95px;
}
.landing-saas-illustration-subscription .ill-subscription {
  width: 776px;
}
.landing-saas-illustration-subscription .ill-subscription img {
  margin-top: 45px;
  margin-left: -190px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .landing-saas-illustration-help .help-card {
    width: 421px;
  }

  .landing-saas-illustration-save-time .save-time-ill {
    margin-right: 44px;
    margin-left: -62px;
  }
  .landing-saas-illustration-save-time .save-time-ill img {
    width: 576px;
  }

  .landing-saas-illustration-member .text-container {
    width: 640px;
  }
  .landing-saas-illustration-member .member-ill {
    width: 768px;
  }
  .landing-saas-illustration-member .member-ill img {
    margin-left: unset;
  }
  .landing-saas-illustration-member .container > .flex > div:last-child {
    width: 640px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body.landing-saas-illustration .form-group .input-group .form-control {
    height: 46px;
  }

  header.landing-saas-illustration .hero .hero-desc {
    width: 555px;
  }
  header.landing-saas-illustration .hero .form-group {
    width: 465px;
  }

  .landing-saas-illustration-help .gap {
    gap: 18px;
  }
  .landing-saas-illustration-help .help-card {
    width: 225px;
    height: 280px;
    padding-top: 0px;
    padding-right: 26px;
    padding-bottom: 27px;
    padding-left: 26px;
  }
  .landing-saas-illustration-help .help-card > div {
    border-top: 2px solid transparent;
    border-left: none !important;
    text-align: center;
    padding-top: 19px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .landing-saas-illustration-help .help-card:hover > div {
    border-top: 2px solid #5a7184;
  }

  .landing-saas-illustration-member .text-container {
    width: 640px;
  }
  .landing-saas-illustration-member .member-ill {
    width: 768px;
  }
  .landing-saas-illustration-member .member-ill img {
    margin-left: unset;
  }

  .landing-saas-illustration-customer img {
    max-width: 25%;
    flex: 0 0 25%;
  }

  .landing-saas-illustration-workflow .gap {
    gap: 20px;
    margin: 0 -38px;
  }
  .landing-saas-illustration-workflow .workflow-card {
    width: 220px;
  }
  .landing-saas-illustration-workflow .workflow-card .border-2 {
    width: 40px;
    height: 40px;
  }

  .landing-saas-illustration-subscription .ill-subscription {
    width: unset;
  }
  .landing-saas-illustration-subscription .ill-subscription img {
    margin-left: unset;
  }
  .landing-saas-illustration-subscription .text-container {
    width: 482px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .landing-saas-illustration-workflow .section-desc {
    width: unset;
  }

  .landing-saas-illustration-customer img {
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0) and (max-width: 575.98px) {
  body.landing-saas-illustration .section-title {
    font-size: 28px;
  }
  body.landing-saas-illustration .section-desc {
    font-size: 16px;
  }

  header.landing-saas-illustration .hero .custom-form {
    width: 100%;
    height: auto;
    border-radius: 8px;
    padding: 16px;
  }
  header.landing-saas-illustration .hero .custom-form input {
    flex: auto;
    text-align: center;
    margin-bottom: 26px;
  }
  header.landing-saas-illustration .hero .custom-form button {
    border-radius: 8px;
  }

  .landing-saas-illustration-help .help-card {
    width: 100%;
    padding-right: 18px;
  }
  .landing-saas-illustration-help .help-card .help-card-title {
    font-size: 16px;
  }
  .landing-saas-illustration-help .help-card .help-card-desc {
    font-size: 14px;
  }
  .landing-saas-illustration-help .help-card > div {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .landing-saas-illustration-member .xs-w-126 {
    width: 126px;
  }
  .landing-saas-illustration-member .xs-w-113 {
    width: 113px;
  }
  .landing-saas-illustration-member .xs-w-310 {
    width: 310px;
  }

  .landing-saas-illustration-customer img {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .landing-saas-illustration-workflow .gap {
    gap: 24px;
  }
  .landing-saas-illustration-workflow .workflow-card {
    width: 260px;
  }
  .landing-saas-illustration-workflow .workflow-card .border-2 {
    width: 40px;
    height: 40px;
  }
}
body.landing-healthcare .section-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-healthcare .section-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}

header.landing-healthcare .hero {
  padding-top: 63px;
}
header.landing-healthcare .hero .text-container {
  width: 555px;
}
header.landing-healthcare .hero .container {
  border-bottom: solid 1px #e3e7ed;
}
header.landing-healthcare .hero .container .section-information {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  color: #6AD6A2;
  position: relative;
  margin-top: 19px;
  margin-bottom: 34px;
  margin-left: 28px;
}
header.landing-healthcare .hero .container .section-information::before {
  content: "";
  position: absolute;
  height: 2px;
  border-top: 2px solid #344563;
  top: 0;
  width: 14px;
  right: 100%;
  margin-right: 12px;
  top: 50%;
}
header.landing-healthcare .hero .container .form-group {
  box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
}
header.landing-healthcare .hero .container .form-group .btn {
  border-radius: 8px;
}
header.landing-healthcare .hero .container .form-group * {
  border: none;
}
header.landing-healthcare .hero .container .hero-image {
  width: 524px;
}
header.landing-healthcare .hero .custom-form {
  width: 555px;
}
header.landing-healthcare .hero .custom-form input {
  font-family: "OpenSans", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  border: none;
  outline: none;
  background-color: white;
  box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
  border-radius: 8px 0 0 8px;
  flex: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
}

.landing-healthcare-dashboard .container {
  border-bottom: solid 1px #e3e7ed;
}
.landing-healthcare-dashboard .container > div {
  padding-right: 67px;
  padding-left: 67px;
}
.landing-healthcare-dashboard .section-desc {
  margin-left: 68px;
  margin-right: 31px;
}
.landing-healthcare-dashboard .dashboard-image {
  margin-top: 72px;
  margin-bottom: 55px;
}
.landing-healthcare-dashboard .dashboard-image img {
  box-shadow: 0px 15px 35px 0 rgba(0, 0, 0, 0.05);
}
.landing-healthcare-dashboard .column-gap {
  column-gap: 20px;
}
.landing-healthcare-dashboard .column-gap .dashboard-card {
  border: solid 2px rgba(179, 186, 197, 0.1);
  padding: 20px;
  padding-top: 16px;
  padding-left: 24px;
}
.landing-healthcare-dashboard .column-gap .dashboard-card .dashboard-number {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #1565d8;
}
.landing-healthcare-dashboard .column-gap .dashboard-card .dashboard-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-top: 12px;
  margin-bottom: 9px;
}
.landing-healthcare-dashboard .column-gap .dashboard-card .dashboard-desc {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}

.landing-healthcare-protect {
  border-bottom: solid 1px #e3e7ed;
}
.landing-healthcare-protect .protect-card {
  padding: 43px 70px 30px 24px;
}
.landing-healthcare-protect .protect-card .protect-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 18px;
}
.landing-healthcare-protect .protect-card .protect-desc {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
.landing-healthcare-protect .col-6:first-child .protect-image {
  margin-bottom: 47px;
  margin-left: 146px;
}
.landing-healthcare-protect .col-6:nth-child(2) .protect-image {
  margin-top: 25px;
  margin-bottom: 37px;
  margin-left: 104px;
}
.landing-healthcare-protect .col-6:nth-child(3) .protect-image {
  margin-top: 17px;
  margin-bottom: 46px;
  margin-left: 86px;
}
.landing-healthcare-protect .col-6:last-child .protect-image {
  margin-top: 23px;
  margin-bottom: 46px;
  margin-left: 146px;
}
.landing-healthcare-protect .container > div {
  padding-right: 65px;
  padding-left: 165px;
}
.landing-healthcare-protect .container > div .section-title {
  width: 502px;
}

.landing-healthcare-modern .container > div {
  padding-right: 92px;
  padding-left: 79px;
}
.landing-healthcare-modern .container > div .section-title {
  margin-left: 18px;
}
.landing-healthcare-modern .container > div .modern-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-healthcare-modern .container > div .modern-desc {
  font-size: 16px;
  line-height: 1.75;
  color: #6AD6A2;
}
.landing-healthcare-modern .container > div .col-6:nth-child(2) > div {
  margin-left: 61.5px;
}
.landing-healthcare-modern .container > div .col-6:nth-child(2) > div .modern-image {
  margin-top: 134px;
}
.landing-healthcare-modern .container > div .col-6:last-child > div {
  margin-left: 61.5px;
}
.landing-healthcare-modern .container > div .col-6:last-child > div .modern-image {
  margin-top: 126px;
}

.landing-healthcare-track {
  background: linear-gradient(90deg, white 51%, rgba(21, 101, 216, 0.1) 49%);
  padding-top: 54px;
  padding-bottom: 55px;
}
.landing-healthcare-track .container > .flex > div:first-child {
  width: 353px;
  margin-right: 108px;
}
.landing-healthcare-track .container > .flex .track-image {
  width: 225px;
  margin-right: 30px;
  box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.05);
  box-sizing: unset;
}
.landing-healthcare-track .container > .flex .track-image:nth-child(1) {
  width: 262px;
  box-shadow: none;
}
.landing-healthcare-track .section-title {
  width: 353px;
  line-height: 1.3;
  position: relative;
  margin-top: 33px;
}
.landing-healthcare-track .section-title::before {
  content: "";
  height: 5px;
  border-top: 5px solid #344563;
  width: 28px;
  position: absolute;
  top: -33px;
}
.landing-healthcare-track .section-desc {
  margin-right: 7px;
}
.landing-healthcare-track .btn-container {
  margin-top: 113px;
}
.landing-healthcare-track .btn-container i:hover {
  color: #6AD6A2 !important;
  border-color: #6AD6A2 !important;
  cursor: pointer;
}

.landing-healthcare-resources .container {
  border-top: 1px solid #e3e7ed;
}
.landing-healthcare-resources .section-title {
  width: 540px;
}
.landing-healthcare-resources .gap {
  gap: 33px;
}
.landing-healthcare-resources .resources-card {
  border: solid 1px #ededed;
  width: 260px;
  padding: 37px;
  padding-top: 48px;
  padding-bottom: 28px;
}
.landing-healthcare-resources .resources-card .resources-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: auto;
  border-radius: 8px;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
}
.landing-healthcare-resources .resources-card .resources-title {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin-top: 42px;
  margin-bottom: 14px;
}
.landing-healthcare-resources .resources-card .resources-desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #5a7184;
}
.landing-healthcare-resources .resources-card:hover {
  background-color: rgba(179, 186, 197, 0.1);
  border: 1px solid rgba(179, 186, 197, 0.1);
}

.landing-healthcare-subscription {
  margin-bottom: 94px;
}
.landing-healthcare-subscription .input-group {
  border: solid 1px #c3cad9;
  max-width: 390px;
}
.landing-healthcare-subscription .input-group:hover {
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
}
.landing-healthcare-subscription .form-control {
  padding-left: 12px;
}
.landing-healthcare-subscription .form-control:focus {
  box-shadow: none;
}

.bp_checking {
  display: none;
}

@media only screen and (max-width: 575.98px) {
  body.landing-healthcare #bp_mobile {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .landing-healthcare-dashboard .col-4 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .landing-healthcare-protect .protect-card {
    padding-top: 42px;
    padding-right: 20px;
    padding-bottom: 36px;
  }
  .landing-healthcare-protect .col-6:first-child .protect-image {
    margin-bottom: 42px;
    margin-left: 77px;
  }
  .landing-healthcare-protect .col-6:nth-child(2) .protect-image {
    margin-top: 0;
    margin-bottom: 54px;
    margin-left: 70px;
  }
  .landing-healthcare-protect .col-6:nth-child(3) .protect-image {
    margin-top: 0;
    margin-bottom: 50px;
    margin-left: 62px;
  }
  .landing-healthcare-protect .col-6:last-child .protect-image {
    margin-top: 6px;
    margin-bottom: 46px;
    margin-left: 73px;
  }

  .landing-healthcare-track {
    background-image: none;
  }
  .landing-healthcare-track .md-absolute {
    right: 0;
    bottom: 0;
    left: 0;
  }
  .landing-healthcare-track .section-title::before {
    left: 0;
    right: 0;
    margin: auto;
  }
  .landing-healthcare-track .container {
    padding: 0 !important;
  }
  .landing-healthcare-track .container > .flex .track-image:nth-child(1) {
    width: 231px;
  }
  .landing-healthcare-track .container > .flex .track-image {
    width: 198px;
  }
  .landing-healthcare-track .container > .flex > .flex {
    background: linear-gradient(271deg, rgba(21, 101, 216, 0.1) 80%, white 20%);
  }

  .landing-healthcare-resources .row {
    row-gap: 30px;
  }
}
@media (min-width: 575.98px) and (max-width: 767.98px) {
  .landing-healthcare-resources .resources-card {
    width: 235px;
  }
}
@media (min-width: 474px) and (max-width: 575.98px) {
  .resources-card:last-child {
    display: none;
  }
}
@media (max-width: 575.98px) {
  body.landing-healthcare .section-title {
    font-size: 28px;
  }
  body.landing-healthcare .section-desc {
    font-size: 16px;
  }

  header.landing-healthcare .section-title {
    font-size: 32px;
  }
  header.landing-healthcare .hero .container .section-information::before {
    top: -12px;
    left: 50%;
    right: 0;
  }
  header.landing-healthcare .hero .custom-form {
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
    padding: 8px;
    padding-top: 0px;
  }
  header.landing-healthcare .hero .custom-form input {
    box-shadow: none;
    margin-left: 12px;
    padding-left: 0px;
  }

  .landing-healthcare-dashboard .dashboard-image img {
    height: 271px;
  }
  .landing-healthcare-dashboard .column-gap {
    column-gap: 0px;
  }
  .landing-healthcare-dashboard .column-gap .dashboard-card {
    width: 260px;
  }

  .landing-healthcare-protect .protect-image {
    transform: scale(0.66);
  }

  .landing-healthcare-modern .row-gap {
    row-gap: 64px;
  }

  .landing-healthcare-track .owl-item:first-child .track-image {
    width: 212px !important;
  }
  .landing-healthcare-track .owl-item .track-image {
    width: 181.64px !important;
    margin-right: 0px !important;
  }
  .landing-healthcare-track .section-title::before {
    top: -26px;
  }
  .landing-healthcare-track .container > .flex > .flex {
    background: linear-gradient(271deg, rgba(21, 101, 216, 0.1) 50%, white 50%);
  }

  .landing-healthcare-resources .gap {
    gap: 15px;
  }
  .landing-healthcare-resources .resources-card {
    width: 140px;
    padding: 20px 10px;
  }
  .landing-healthcare-resources .resources-card .resources-image {
    width: 42px;
    height: 42px;
  }
  .landing-healthcare-resources .resources-card .resources-image img {
    width: 24px;
  }
}
body.landing-job .section-title {
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-job .section-desc {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #5a7184;
}

header.landing-job {
  background-image: url(../../../dist/assets/images/landing-job/hero-bg.svg);
}
header.landing-job .hero {
  padding-top: 35px;
}
header.landing-job .hero .section-title {
  width: 448px;
}
header.landing-job .hero .form-group {
  width: 812px;
  position: relative;
  z-index: 2;
}
header.landing-job .hero .form-group .input-group {
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
}
header.landing-job .hero .form-group .input-group .line {
  margin: -16px;
  margin-right: 27px;
  margin-left: 0;
}
header.landing-job .hero .form-group .input-group .btn.btn-white {
  padding-right: 0;
  padding-left: 14px;
  border: none;
}
header.landing-job .hero .form-group .input-group .btn.btn-success {
  border-radius: 4px;
  margin-left: 95px;
  width: 159px;
}
header.landing-job .hero .form-group .input-group input {
  padding-right: 0;
  padding-left: 18px;
}
header.landing-job .hero .form-group .input-group .flex:nth-child(1) input {
  width: 245px;
}
header.landing-job .hero .form-group .input-group .flex:nth-child(3) input {
  width: 173px;
}
header.landing-job .hero .form-group .input-group input:focus {
  box-shadow: none;
  outline: none;
}
header.landing-job .hero .hero-desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #5a7184;
}
header.landing-job .hero .hero-image {
  width: 509px;
}
header.landing-job .hero .items-start {
  margin-left: -275px;
}
header.landing-job .hero .items-start > img {
  margin-right: -31px;
}
header.landing-job .hero .dropdown-content {
  display: none;
  width: 343px;
  top: 88px;
  left: 293px;
}
header.landing-job .hero .dropdown-content > li {
  padding: 16px 0;
}
header.landing-job .hero .dropdown-content > li:hover {
  cursor: pointer;
}
header.landing-job .hero .show {
  display: block;
}
header.landing-job .hero input.dropbtn:hover {
  cursor: pointer;
}

.landing-job-popular .btn.btn-outline-success {
  margin-top: 35px;
}
.landing-job-popular .carousel-stage-padding {
  margin-left: -148px;
  margin-right: -148px;
}
.landing-job-popular .carousel-margin {
  padding: 0 14px;
}
.landing-job-popular .job-card {
  padding: 24px 14px 18px 24px;
}
.landing-job-popular .job-card img {
  padding: 12px 11px;
  width: unset !important;
}
.landing-job-popular .job-card .job-title {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-job-popular .job-card .jobs-desc {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-job-popular .job-card .fa-arrow-right {
  padding: 20px;
}

.landing-job-opened .section-title.text-48 {
  width: 339px;
}
.landing-job-opened .section-desc > b:hover {
  cursor: pointer;
}
.landing-job-opened .section-desc > i:hover {
  cursor: pointer;
}
.landing-job-opened .bg-white.rounded-4 {
  padding: 30px;
  padding-right: 38px;
  width: 360px;
}
.landing-job-opened .bg-transparent.rounded-4 {
  border: solid 1px #e5eaf4;
  width: 360px;
}
.landing-job-opened .opened-badge {
  border-radius: 20px;
  width: fit-content;
}
.landing-job-opened .opened-title {
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-job-opened .opened-information {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #5a7184;
}
.landing-job-opened .badge-title {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #6AD6A2;
}
.landing-job-opened .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.landing-job-opened .company-image {
  width: 40px;
  height: 40px;
}
.landing-job-opened .company-name {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-left: 10px;
  margin-right: 24px;
}
.landing-job-opened .company-hour {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #5a7184;
}
.landing-job-opened .tips-image {
  width: 360px;
  height: 420px;
  background-image: url(../../../dist/assets/images/landing-job/photo1@2x.png);
  background-size: cover;
  display: flex;
  align-items: flex-end;
  padding: 29px 24px;
}
.landing-job-opened .tips-image .btn {
  line-height: 1.43;
  padding: 8px 18px;
  border-radius: 20px;
}
.landing-job-opened .btn.btn-outline-success {
  border-radius: 2000px;
}
.landing-job-opened .btn-white:hover {
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  opacity: 1;
}

.landing-job-companies .section-title {
  width: 521px;
}
.landing-job-companies .companies-carousel-container {
  margin-top: 42px;
  margin-left: -65px;
}
.landing-job-companies .btn-container {
  margin-left: 708px;
  margin-bottom: 42px;
}
.landing-job-companies .btn-container i:hover {
  color: #6AD6A2 !important;
  border-color: #6AD6A2 !important;
  cursor: pointer;
}
.landing-job-companies .companies-image {
  width: 460px;
  height: 580px;
}
.landing-job-companies .companies-carousel-item {
  padding: 0 15px;
}
.landing-job-companies .companies-card {
  width: 270px;
  padding: 72px;
  padding-right: 33px;
  padding-left: 34px;
}
.landing-job-companies .companies-card hr {
  width: 61px;
  border: 4px solid rgba(90, 113, 132, 0.1);
  border-radius: 2px;
  margin-top: 31px;
  margin-bottom: 38px;
}
.landing-job-companies .companies-card .companies-desc {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #5a7184;
}

.landing-job-article .section-title {
  width: 457px;
}
.landing-job-article .section-desc {
  width: 580px;
  margin-left: -10px;
}
.landing-job-article .article-card {
  width: 555px;
  height: 140px;
  padding: 30px;
}
.landing-job-article .card-title {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-job-article .card-author {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #3eb683;
}
.landing-job-article .card-author .text-opensans {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #5a7184;
}

.landing-job-search {
  padding-top: 110px;
  padding-bottom: 205px;
}
.landing-job-search .section-title span {
  color: #3db582;
  text-decoration: underline;
}
.landing-job-search .section-title::after {
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #3db582;
  font-size: 24px;
}
.landing-job-search .btn.btn-success {
  margin-top: 51px;
  border-radius: 4px;
}

@media (max-width: 1199.98px) {
  .landing-job-companies .btn-container {
    margin-left: 450px;
  }
}
@media (max-width: 991.98px) {
  header.landing-job {
    background: #dff3fa;
  }
  header.landing-job .hero .form-group {
    position: absolute;
    bottom: -231px;
  }
  header.landing-job .hero .dropdown-content {
    left: 241px;
  }
  header.landing-job .hero .hero-image img {
    width: 680px;
    height: 450px;
    object-fit: cover;
    object-position: center bottom;
  }

  .landing-job-popular {
    padding-top: 311px;
  }
  .landing-job-popular .carousel-margin {
    padding: 8px;
  }
  .landing-job-popular .job-card {
    width: 222px;
    padding-top: 30px;
    padding-right: 3px;
    padding-bottom: 18px;
    padding-left: 20px;
  }
  .landing-job-popular .md-absolute {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .landing-job-opened > .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .landing-job-opened .bg-white.rounded-4 {
    width: 320px;
  }
  .landing-job-opened .bg-transparent.rounded-4 {
    width: 320px;
  }

  .landing-job-article > .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .landing-job-companies .section-title {
    width: 373px;
  }
  .landing-job-companies .companies-image {
    height: 504px;
  }
  .landing-job-companies .btn-container {
    margin-left: 460px;
  }
}
@media (max-width: 767.98px) {
  .landing-job-opened .bg-transparent.rounded-4,
.landing-job-opened .bg-white.rounded-4 {
    width: 360px;
  }
}
@media (max-width: 575.98px) {
  header.landing-job .hero .form-group {
    left: 50%;
    transform: translateX(-50%);
    bottom: -277px;
  }
  header.landing-job .hero .hero-image img {
    height: 281px !important;
    width: 300px !important;
    object-position: center;
  }

  .landing-job-popular {
    padding-top: 277px;
  }
  .landing-job-popular .job-card {
    height: 204px;
    padding-top: 20px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
  }

  .landing-job-opened .bg-transparent.rounded-4,
.landing-job-opened .bg-white.rounded-4 {
    width: 290px;
  }
  .landing-job-opened .bg-transparent.rounded-4 {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .landing-job-article .article-card {
    width: 290px;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 18px;
  }

  .landing-job-companies .xs-absolute {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .landing-job-companies .companies-image {
    width: 290px;
    height: 420px;
  }
}
.bp_checking {
  display: none;
}

@media only screen and (min-width: 991.98px) {
  body.landing-job #bp_desktop {
    display: block;
  }
}
body.landing-saas-dashboard .section-title {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-saas-dashboard .section-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}

header.landing-saas-dashboard .hero {
  padding-top: 78px;
}
header.landing-saas-dashboard .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  width: 557px;
}
header.landing-saas-dashboard .hero .section-desc {
  width: 555px;
}
header.landing-saas-dashboard .hero .hero-image {
  width: 1177px;
}
header.landing-saas-dashboard .hero .hero-image img {
  margin-bottom: -480px;
  margin-left: -34px;
}
header.landing-saas-dashboard .hero .btn-black:hover {
  color: #ffffff;
}

.landing-saas-dashboard-partners {
  padding-top: 562px;
}
.landing-saas-dashboard-partners .container {
  border-bottom: 1px solid #e3e7ed;
}
.landing-saas-dashboard-partners .flex {
  padding: 0 15px;
}

.landing-saas-dashboard-advantage .advantage-text-container {
  width: 485px;
}
.landing-saas-dashboard-advantage .advantage-text-container .section-title {
  margin-right: 95px;
}
.landing-saas-dashboard-advantage .advantage-text-container .flex > div {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
.landing-saas-dashboard-advantage .advantage-image {
  width: 575px;
  height: 401px;
}
.landing-saas-dashboard-advantage .advantage-big-image {
  width: 945px;
  height: 384px;
}
.landing-saas-dashboard-advantage .flex-row-reverse img {
  margin-left: -40px;
}
.landing-saas-dashboard-advantage .dashed-borders {
  width: 485px;
  height: 1px;
  background-image: url(../../../dist/assets/images/pattern/dashed-border.svg);
  background-repeat: repeat-x;
  background-size: 9px 1px;
}
.landing-saas-dashboard-advantage .audience-activity-left {
  width: 419px;
}
.landing-saas-dashboard-advantage .audience-number {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #faad13;
}
.landing-saas-dashboard-advantage .audience-activity {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}

.landing-saas-dashboard-hashtag .container {
  border-bottom: solid 1px #e3e7ed;
}
.landing-saas-dashboard-hashtag .section-desc {
  width: 616px;
}
.landing-saas-dashboard-hashtag .bg-white {
  padding-top: 34px;
  padding-bottom: 48px;
}
.landing-saas-dashboard-hashtag .hashtag-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas-dashboard-hashtag .hashtag-desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}
.landing-saas-dashboard-hashtag .col-md-6:first-child img {
  width: 358px;
  height: 251px;
  margin-bottom: 41px;
}
.landing-saas-dashboard-hashtag .col-md-6:first-child .hashtag-desc {
  width: 321px;
}
.landing-saas-dashboard-hashtag .col-md-6:nth-child(2) img {
  width: 320px;
  height: 246px;
  margin-bottom: 38px;
}
.landing-saas-dashboard-hashtag .col-md-6:nth-child(2) .hashtag-desc {
  width: 357px;
}
.landing-saas-dashboard-hashtag .col-md-6:nth-child(3) img {
  width: 378px;
  height: 273px;
  margin-bottom: 18px;
}
.landing-saas-dashboard-hashtag .col-md-6:nth-child(3) .hashtag-desc {
  width: 340px;
}
.landing-saas-dashboard-hashtag .col-md-6:last-child img {
  width: 385px;
  height: 262px;
  margin-bottom: 30px;
}
.landing-saas-dashboard-hashtag .col-md-6:last-child .hashtag-desc {
  width: 342px;
}

.landing-saas-dashboard-reviews .carousel-container {
  margin-left: 51px;
  margin-right: -149px;
}
.landing-saas-dashboard-reviews .review-card-box {
  padding: 0 15px;
}
.landing-saas-dashboard-reviews .review-card {
  width: 555px;
  border: solid 1px #e5eaf4;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.05);
}
.landing-saas-dashboard-reviews img {
  width: 56px !important;
}
.landing-saas-dashboard-reviews .star-gray {
  color: #e0e0e0;
}
.landing-saas-dashboard-reviews .review-comment {
  font-size: 20px;
  line-height: 1.8;
  color: #6AD6A2;
}
.landing-saas-dashboard-reviews .review-author {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas-dashboard-reviews .review-position {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #5a7184;
}
.landing-saas-dashboard-reviews .btn-container i:hover {
  color: #6AD6A2 !important;
  border-color: #6AD6A2 !important;
  cursor: pointer;
}

.landing-saas-dashboard-social {
  background-image: url(../../../dist/assets/images/landing-saas-dashboard/bg-left.svg), url(../../../dist/assets/images/landing-saas-dashboard/bg-right.svg);
  background-position: left 184px, right 144px;
  background-repeat: no-repeat;
  padding-top: 232px;
  padding-bottom: 207px;
}
.landing-saas-dashboard-social .section-title {
  width: 464px;
}

@media (min-width: 1080px) {
  .landing-saas-dashboard-social {
    background-position: -5% 184px, 105% 144px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .landing-saas-dashboard-social {
    background-size: 25%;
    background-position: left 184px, right 144px;
  }
}
@media (max-width: 991.98px) {
  .landing-saas-dashboard-social {
    background-position: -35% center, 135% center;
  }

  .landing-saas-dashboard-partners {
    padding-top: 333px;
  }

  .landing-saas-dashboard-advantage .md-absolute {
    bottom: 0;
  }
  .landing-saas-dashboard-advantage .advantage-big-image + div .flex {
    gap: 56px;
  }

  .landing-saas-dashboard-hashtag .hashtag-desc {
    font-size: 10px;
  }

  .landing-saas-dashboard-reviews .review-card {
    width: 388px;
  }
  .landing-saas-dashboard-reviews .fa-star {
    font-size: 14px !important;
  }
  .landing-saas-dashboard-reviews img {
    width: 39px !important;
  }
}
@media (max-width: 935px) {
  .landing-saas-dashboard-social {
    background-position: -40% center, 140% center;
  }
}
@media (max-width: 910px) {
  .landing-saas-dashboard-social {
    background-position: -50% center, 150% center;
  }
}
@media (max-width: 860px) {
  .landing-saas-dashboard-social {
    background-position: -60% center, 160% center;
  }
}
@media (max-width: 830px) {
  .landing-saas-dashboard-social {
    background-position: -70% center, 170% center;
  }
}
@media (max-width: 790px) {
  .landing-saas-dashboard-social {
    background-position: -80% center, 180% center;
  }
}
@media (max-width: 767.98px) {
  .sm-absolute {
    bottom: 0;
  }

  .landing-saas-dashboard-hashtag .row {
    row-gap: 30px;
  }

  .landing-saas-dashboard-social {
    background-position: -100% center, 200% center;
  }
}
@media (max-width: 710px) {
  .landing-saas-dashboard-social {
    background-position: -120% center, 220% center;
  }
}
@media (max-width: 670px) {
  .landing-saas-dashboard-social {
    background-position: -140% center, 240% center;
  }
}
@media (max-width: 640px) {
  .landing-saas-dashboard-social {
    background-position: -160% center, 260% center;
  }
}
@media (max-width: 620px) {
  .landing-saas-dashboard-social {
    background-position: -180% center, 280% center;
  }
}
@media (max-width: 600px) {
  .landing-saas-dashboard-social {
    background-position: -200% center, 300% center;
  }
}
@media (max-width: 580px) {
  .landing-saas-dashboard-social {
    background-position: -250% center, 350% center;
  }
}
@media (max-width: 575.98px) {
  header.landing-saas-dashboard .hero-image img {
    margin-bottom: -40% !important;
  }

  .landing-saas-dashboard-partners {
    padding-top: 50%;
  }
  .landing-saas-dashboard-partners .flex {
    row-gap: 33px;
  }

  .landing-saas-dashboard-advantage .advantage-big-image + div .flex {
    gap: 0;
  }
}
@media (max-width: 546px) {
  .landing-saas-dashboard-social {
    background-position: -280% center, 380% center;
  }
}
@media (max-width: 536px) {
  .landing-saas-dashboard-social {
    background-position: -310% center, 410% center;
  }
}
@media (max-width: 521px) {
  .landing-saas-dashboard-social {
    background-position: -340% center, 470% center;
  }
}
@media (max-width: 506px) {
  .landing-saas-dashboard-social {
    background-position: -370% center, 530% center;
  }
}
@media (max-width: 506px) {
  .landing-saas-dashboard-social {
    background-position: -410% center, 570% center;
  }
}
@media (max-width: 491px) {
  .landing-saas-dashboard-social {
    background-position: -460% center, 630% center;
  }
}
@media (max-width: 481px) {
  .landing-saas-dashboard-social {
    background-position: -530% center, 720% center;
  }
}
@media (max-width: 471px) {
  .landing-saas-dashboard-social {
    background-position: -660% center, 900% center;
  }
}
@media (max-width: 461px) {
  .landing-saas-dashboard-social {
    background-position: -730% center, 990% center;
  }
}
@media (max-width: 456px) {
  .landing-saas-dashboard-social {
    background-position: -800% center, 1100% center;
  }
}
@media (max-width: 326px) {
  .landing-saas-dashboard-social {
    background-position: 430% -20%, -315% 10%;
  }
}
@media (min-width: 326px) and (max-width: 455px) {
  .landing-saas-dashboard-social {
    background-image: none;
  }
}
body.landing-fashion .badge {
  border-radius: 2000px;
}
body.landing-fashion .section-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-fashion .section-desc {
  font-size: 20px;
  line-height: 1.8;
  color: #5a7184;
}

header.landing-fashion .hero .text-container {
  background-image: url(../../../dist/assets/images/landing-fashion/header-image@2x.png);
  background-size: cover;
  padding-top: 62px;
  padding-right: 42px;
  padding-bottom: 36px;
  padding-left: 107px;
  margin-right: -70px;
  margin-left: -70px;
}
header.landing-fashion .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-top: 33px;
  margin-right: 633px;
  margin-bottom: 28px;
}
header.landing-fashion .hero .section-desc {
  margin-right: 530px;
}
header.landing-fashion .hero .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: unset;
  height: 56px;
  width: 233px;
  font-size: 18px;
}
header.landing-fashion .hero .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: solid 0.8px rgba(21, 101, 216, 0.2);
}
header.landing-fashion .hero img {
  width: 22px;
  height: 22px;
}
header.landing-fashion .hero .leading-normal {
  transform: rotate(-90deg);
  right: -24px;
  bottom: 106px;
}

.landing-fashion-collection .column-gap {
  column-gap: 30px;
}
.landing-fashion-collection .row-gap {
  row-gap: 30px;
}
.landing-fashion-collection .text-container {
  width: 392px;
}
.landing-fashion-collection .collection-image {
  width: 320px;
}

.landing-fashion-trending .filter-title {
  font-size: 18px;
  font-weight: normal;
  color: #5a7184;
}
.landing-fashion-trending .filter-title:hover {
  cursor: pointer;
}
.landing-fashion-trending .cards {
  margin: -25px -15px;
}
.landing-fashion-trending .gap {
  padding: 25px 15px;
}
.landing-fashion-trending .trending-image {
  width: 260px;
  height: 350px;
}
.landing-fashion-trending .text-container {
  padding: 0 10px;
}
.landing-fashion-trending .text-container i {
  line-height: 1.6;
  letter-spacing: 0.17px;
}
.landing-fashion-trending .trending-card.bg-primary {
  width: 260px;
  height: 350px;
}
.landing-fashion-trending .trending-card.bg-primary div {
  width: 112px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
}
.landing-fashion-trending .trending-name {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}

.landing-fashion-review .container {
  border-bottom: solid 1px #e5eaf4;
}
.landing-fashion-review .review-card {
  padding: 0 170px;
}
.landing-fashion-review .review {
  font-size: 20px;
  line-height: 2.1;
  letter-spacing: 0.13px;
  color: #6AD6A2;
  font-family: "hk_groteskregular", sans-serif;
}
.landing-fashion-review .review-author {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-fashion-review .owl-dots {
  text-align: center;
  line-height: normal;
  margin-top: 45px;
}
.landing-fashion-review .owl-dot {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #b3bac5 !important;
  margin: 0 8px;
  line-height: normal;
}
.landing-fashion-review .owl-dot.active {
  background-color: #6AD6A2 !important;
}

.landing-fashion-subscription {
  margin-bottom: 95px;
  background: url(../../../dist/assets/images/landing-fashion/pattern1.svg) left center no-repeat, url(../../../dist/assets/images/landing-fashion/pattern2.svg) right center no-repeat;
}
.landing-fashion-subscription .text-container {
  width: 485px;
}
.landing-fashion-subscription .subscription-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #ffffff;
  margin-top: 14px;
}
.landing-fashion-subscription .custom-form {
  display: flex;
  width: 447px;
  background-color: white;
  border-radius: 8px;
  padding: 4px;
  margin-top: 40px;
}
.landing-fashion-subscription .custom-form div {
  display: flex;
  flex: auto;
  align-items: center;
  padding-left: 16px;
  background-color: white;
}
.landing-fashion-subscription .custom-form input {
  border: none;
  outline: none;
  padding-left: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #959ead;
}
.landing-fashion-subscription .custom-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  line-height: unset;
  height: 48px;
  padding: 0 27px;
}

.landing-fashion-story i:hover {
  color: #6AD6A2 !important;
  border-color: #6AD6A2 !important;
  cursor: pointer;
  -webkit-transition: all ease 500ms;
  -moz-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}
.landing-fashion-story .slick-slide {
  outline: none;
}
.landing-fashion-story .story-container {
  margin-right: -10px;
}
.landing-fashion-story .title-container {
  width: 374px;
}
.landing-fashion-story .section-title {
  width: 287px;
}
.landing-fashion-story .stories-container {
  width: 680px !important;
  padding: 0 9px;
}
.landing-fashion-story .stories {
  margin: 0 -9px;
  padding-top: 10px;
}
.landing-fashion-story .gap-x {
  padding: 0 9px;
}
.landing-fashion-story .story-card {
  width: 322px;
}
.landing-fashion-story .story-image {
  width: 312px;
  margin-bottom: -20px;
}
.landing-fashion-story .text-container {
  width: 312px;
  height: 178px;
  background-color: #fafdff;
  position: relative;
  z-index: 1;
  padding: 20px;
  padding-right: 32px;
}
.landing-fashion-story .card-text {
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  font-family: "hk_grotesksemibold", sans-serif;
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
  header.landing-fashion .hero .text-container {
    background-position-x: -215px;
  }
  header.landing-fashion .hero .hero-title {
    margin-right: 401px;
  }
  header.landing-fashion .hero .section-desc {
    margin-right: 430px;
  }

  .landing-fashion-collection .text-container {
    width: 672px;
  }

  .landing-fashion-story .title-container {
    width: 510px;
  }
  .landing-fashion-story .section-title {
    width: unset;
  }
}
@media (min-width: 767.98px) and (max-width: 991.98px) {
  header.landing-fashion .hero .text-container {
    background-position-x: -257px;
    margin-right: -39px;
    margin-left: -38px;
    padding-top: 36px;
    padding-right: 17px;
    padding-left: 28px;
  }
  header.landing-fashion .hero .hero-title {
    margin-right: 210px;
  }
  header.landing-fashion .hero .section-desc {
    margin-right: 214px;
  }
  header.landing-fashion .hero .btn {
    line-height: unset;
    height: 56px;
  }
  header.landing-fashion .hero .leading-normal {
    right: -42px;
    bottom: 89px;
  }

  .landing-fashion-collection .container {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .landing-fashion-collection .text-container {
    width: 672px;
  }

  .landing-fashion-trending .cards {
    margin: -24px;
  }
  .landing-fashion-trending .gap {
    padding: 24px;
  }
  .landing-fashion-trending .trending-image {
    width: 280px;
  }
  .landing-fashion-trending .trending-card.bg-primary {
    width: 280px;
  }

  .landing-fashion-review .owl-dots {
    margin-top: 36px;
  }

  .landing-fashion-story .container {
    padding: 0 10px !important;
  }
  .landing-fashion-story .title-container {
    width: 510px;
    text-align: center;
    margin: auto;
  }
  .landing-fashion-story .section-title {
    width: unset;
  }
  .landing-fashion-story .stories-container {
    width: 700px !important;
  }
  .landing-fashion-story .story-card {
    width: 332px;
  }
  .landing-fashion-story .story-image,
.landing-fashion-story .text-container {
    width: 322px;
  }

  .landing-fashion-subscription {
    background-position: left top, right bottom;
  }
  .landing-fashion-subscription .form-group {
    width: 447px;
  }
  .landing-fashion-subscription .form-group > .input-group .input-group-append > .btn {
    min-width: 143px;
  }
}
@media (min-width: 575.98px) and (max-width: 767.98px) {
  header.landing-fashion .hero .container {
    max-width: 555px;
    padding: 0px;
  }
  header.landing-fashion .hero .text-container {
    margin: 0;
    background-position-x: -277px;
    padding-top: 36px;
    padding-right: 17px;
    padding-left: 28px;
  }
  header.landing-fashion .hero .hero-title {
    margin-right: 64px;
  }
  header.landing-fashion .hero .section-desc {
    margin-right: 68px;
  }

  .landing-fashion-trending .cards {
    margin: -25px -10px;
  }
  .landing-fashion-trending .gap {
    padding: 25px 10px;
  }

  .landing-fashion-collection .text-container {
    width: 100%;
    text-align: center;
  }
  .landing-fashion-collection .collection-image {
    height: 230px;
    border-radius: 8px;
  }
  .landing-fashion-collection .collection-image img {
    height: 100%;
    width: unset;
    object-fit: cover;
    border-radius: 8px;
  }

  .landing-fashion-story .title-container {
    width: 510px;
  }
  .landing-fashion-story .section-title {
    width: unset;
  }

  .landing-fashion-subscription {
    background-position: left top, right bottom;
  }
}
@media (max-width: 575.98px) {
  body.landing-fashion .section-title {
    font-size: 28px;
  }

  header.landing-fashion .hero .text-container {
    background-image: url(../../../dist/assets/images/landing-fashion/xs-header-image@2x.png);
    background-size: cover;
    background-position-x: -160px;
    text-align: center;
    margin: 0;
    padding: 20px;
    padding-top: 381px;
    padding-bottom: 40px;
  }
  header.landing-fashion .hero .hero-title,
header.landing-fashion .hero .section-desc {
    margin-right: 0;
  }
  header.landing-fashion .hero .leading-normal {
    top: 95px;
    bottom: unset;
    right: -46px;
  }
  header.landing-fashion .hero .image {
    width: 22px;
    height: 22px;
  }
  header.landing-fashion .hero img {
    width: 15px;
    height: 15px;
  }
  header.landing-fashion .hero .btn {
    height: 48px;
  }

  .landing-fashion-collection .text-container {
    width: unset;
    text-align: center;
  }
  .landing-fashion-collection .collection-image {
    height: 230px;
    border-radius: 8px;
  }
  .landing-fashion-collection .collection-image img {
    height: 100%;
    width: unset;
    object-fit: cover;
    border-radius: 8px;
  }
  .landing-fashion-collection .not-owl-carousel {
    display: none;
  }

  .landing-fashion-trending .gap {
    padding: 12px 5px;
  }
  .landing-fashion-trending .trending-image {
    width: 140px;
    height: 170px;
  }
  .landing-fashion-trending .trending-card.bg-primary {
    width: 140px;
    height: 170px;
  }
  .landing-fashion-trending .trending-card {
    position: relative;
  }
  .landing-fashion-trending .trending-card a {
    position: absolute;
    bottom: 0;
    left: 45px;
  }

  .landing-fashion-review .container {
    padding: 0 20px;
  }
  .landing-fashion-review .owl-dots {
    margin-top: 24px;
  }

  .landing-fashion-story .title-container {
    width: unset;
    text-align: center;
  }
  .landing-fashion-story .section-title {
    width: unset;
  }
  .landing-fashion-story .stories-container {
    width: unset !important;
  }
  .landing-fashion-story .story-card {
    width: 280px;
  }
  .landing-fashion-story .story-image {
    width: 270px;
  }
  .landing-fashion-story .text-container {
    width: 270px;
    padding-right: 20px;
  }
  .landing-fashion-story .stories {
    margin: -12px 0;
  }
  .landing-fashion-story .gap-x {
    padding: 12px 0;
  }

  .landing-fashion-subscription {
    background: none;
  }
  .landing-fashion-subscription .custom-form {
    flex-direction: column;
    width: 100%;
    padding: 0px;
    background-color: unset;
    margin-top: 36px;
  }
  .landing-fashion-subscription .custom-form div {
    height: 48px;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 10px;
    padding-left: 20px;
  }
  .landing-fashion-subscription .custom-form button {
    border-radius: 8px;
  }
}
@media (max-width: 370px) {
  .landing-fashion-collection .container {
    padding: 0 15px;
  }
  .landing-fashion-collection .not-owl-carousel {
    display: flex;
  }
  .landing-fashion-collection .owl-carousel {
    display: none !important;
  }
  .landing-fashion-collection .collection-image {
    width: 290px;
    height: 300px;
  }
  .landing-fashion-collection .collection-image img {
    width: 100%;
  }
  .landing-fashion-collection .collection-image.small {
    width: 138px;
    height: 97px;
  }
}
body.landing-photography #ukuran {
  position: fixed;
  top: 50%;
  font-size: 36px;
  color: red;
  right: 0;
  z-index: 9999;
}
body.landing-photography .h-390 {
  height: 390px;
}
body.landing-photography .h-190 {
  height: 190px;
}
body.landing-photography .w-571 {
  width: 571px;
}
body.landing-photography .w-457 {
  width: 457px;
}
body.landing-photography .w-444 {
  width: 444px;
}
body.landing-photography .w-340 {
  width: 340px;
}
body.landing-photography .w-323 {
  width: 323px;
}
body.landing-photography .w-273 {
  width: 273px;
  object-fit: none;
  border-radius: 8px;
}
body.landing-photography .w-268 {
  width: 268px;
}
body.landing-photography .w-254 {
  width: 254px;
}
body.landing-photography .w-207 {
  width: 207px;
}
body.landing-photography .w-108 {
  width: 108px;
}
body.landing-photography .w-105 {
  width: 105px;
}
body.landing-photography .w-56 {
  width: 56px !important;
}
body.landing-photography .rounded-2000 {
  border-radius: 2000px;
}
body.landing-photography .gap {
  padding: 15px;
}
body.landing-photography .gap-container {
  margin: -15px;
}
body.landing-photography .badge {
  border-radius: 2000px;
}
body.landing-photography .section-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-photography .section-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
body.landing-photography .section-desc.bold {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}

header.landing-photography .hero .hero-desc {
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
  color: #5a7184;
  margin-right: 206px;
  margin-left: 207px;
}
header.landing-photography .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
header.landing-photography .hero .line {
  background-color: #00b8d9;
  width: 285px;
  height: 11px;
  left: 355px;
  bottom: 0;
  z-index: -1;
}
header.landing-photography .hero .fluid {
  margin: 0 -89px;
}
header.landing-photography .hero .to-bottom {
  margin-bottom: -211px;
}
header.landing-photography .hero .to-bottom:first-child {
  margin-bottom: -139px;
}
header.landing-photography .hero .gap.self-start {
  margin-left: -70px;
}

.landing-photography-introducing .container {
  border-bottom: solid 1px #e5eaf4;
}
.landing-photography-introducing .section-title {
  width: 332px;
}
.landing-photography-introducing .section-desc {
  width: 610px;
}

.landing-photography-gallery .gap-x {
  padding: 0 6px;
}
.landing-photography-gallery .btn {
  border-radius: 2000px;
}
.landing-photography-gallery .btn-outline-gray-light {
  color: #5a7184;
  border: 2px solid #b3bac5;
}
.landing-photography-gallery .galleries {
  margin-left: -310px;
  margin-right: -318px;
}
.landing-photography-gallery .slick-slide {
  outline: none;
}

.landing-photography-featured .title-container {
  width: 750px;
}
.landing-photography-featured .featured-card {
  width: 360px;
  height: 322px;
  opacity: 0.9;
  border: solid 1px #e5eaf4;
  padding: 40px;
  padding-top: 48px;
  padding-bottom: 42px;
}
.landing-photography-featured .featured-card:hover {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.03);
}

.landing-photography-step {
  background: linear-gradient(90deg, #f9fbfe 94.5%, #ffffff 5.5%);
}
.landing-photography-step .w-457 {
  margin-left: 77px;
}
.landing-photography-step .w-340 {
  margin-top: -196px;
}
.landing-photography-step .number {
  border: solid 1px rgba(21, 101, 216, 0.18);
  border-radius: 50%;
  padding: 6px;
  display: inline-table;
}
.landing-photography-step .number div {
  width: 36px;
  height: 36px;
  box-shadow: 0 10px 15px 0 rgba(21, 37, 71, 0.15);
  background-color: rgba(21, 101, 216, 0.9);
  border-radius: 50%;
  font-size: 16px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.9);
}

.landing-photography-review .circle {
  width: 100px;
  height: 100px;
  background-color: #faad13;
  border-radius: 50%;
  padding-top: 19px;
  padding-left: 30px;
}
.landing-photography-review .section-title {
  width: 390px;
  margin-top: -33px;
  margin-left: 67px;
}
.landing-photography-review .arrow-container {
  width: 32px;
  height: 37px;
}
.landing-photography-review .fa-arrow-left,
.landing-photography-review .fa-arrow-right {
  color: #a9b5c0;
}
.landing-photography-review .fa-arrow-left:hover,
.landing-photography-review .fa-arrow-right:hover {
  color: #6AD6A2;
  font-size: 36px !important;
}
.landing-photography-review .reviews {
  margin-left: 67px;
}
.landing-photography-review .owl-item.active > .gap-x {
  border-right: solid 1px #ebf0f4;
}
.landing-photography-review .owl-item.active + .owl-item.active > .gap-x {
  border-right: none;
}
.landing-photography-review .review-title {
  font-size: 24px;
  line-height: 1.67;
  letter-spacing: 0.16px;
  color: #6AD6A2;
  font-family: "hk_groteskregular", sans-serif;
  width: 458px;
}
.landing-photography-review .review-desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  width: 427px;
}
.landing-photography-review .review-author {
  font-size: 18px;
  font-weight: bold;
  color: #6AD6A2;
}
.landing-photography-review .gap-x {
  padding: 0 47px;
}
.landing-photography-review .gap-x-container {
  margin: 0 -47px;
}

.landing-photography-cp {
  padding-bottom: 93px;
}
.landing-photography-cp .container {
  border-bottom: solid 1px #253a4a;
}
.landing-photography-cp .section-title {
  width: 468px;
}
.landing-photography-cp .btn-white {
  width: 243px;
}
.landing-photography-cp .btn-outline-white {
  width: 182px;
}

@media (max-width: 1330px) {
  .landing-photography-step {
    background: #f9fbfe;
  }
  .landing-photography-step .mr-100 {
    margin-right: 60px;
  }
  .landing-photography-step .mr-16 {
    margin-right: 54px;
  }
  .landing-photography-step .mr-4px {
    margin-right: 44px;
  }
}
@media (max-width: 1199.98px) {
  .w-444 {
    width: 400px !important;
  }

  .w-323 {
    width: 290px !important;
  }

  .w-254 {
    width: 229px !important;
  }

  .w-207 {
    width: 186px !important;
  }

  .w-571 {
    width: 457px !important;
  }

  .w-273 {
    width: 218px !important;
  }

  .w-268 {
    width: 214px !important;
  }

  .h-390 {
    height: 312px !important;
  }

  .h-190 {
    height: 152px !important;
  }

  header.landing-photography .hero .line {
    left: 250px;
  }
}
@media (max-width: 991.98px) {
  header.landing-photography .gap {
    padding: 13px;
  }
  header.landing-photography .gap-container {
    margin-left: -284px;
    margin-right: -340px;
  }
  header.landing-photography header.landing-photography .hero .line {
    bottom: -2px;
    left: 135px;
  }

  .landing-photography-featured .featured-card {
    width: 340px;
    padding: 36px 30px;
  }

  .landing-photography-review .gap-x {
    width: 520px;
  }
  .landing-photography-review .circle {
    width: 90px;
    height: 90px;
  }
  .landing-photography-review .section-title {
    margin-top: -40px;
    margin-left: 58px;
  }
}
@media (max-width: 767.98px) {
  .w-457 {
    width: 411px !important;
  }

  .w-340 {
    width: 306px !important;
  }

  header.landing-photography .hero .line {
    top: 48px;
    bottom: unset;
    left: 207px;
    width: 227px;
  }

  .landing-photography-review .sm-absolute {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .landing-photography-review .circle {
    width: 70px;
    height: 70px;
  }
  .landing-photography-review .fa-quote-left {
    font-size: 28px !important;
  }
}
@media (max-width: 742px) {
  .landing-photography-gallery .galleries {
    margin: 0 -50px !important;
  }

  .landing-photography-partner .-sm-mx-128 {
    margin: 0 -80px !important;
  }
}
@media (max-width: 700px) {
  .landing-photography-gallery .galleries {
    margin: 0 -25px !important;
  }
}
@media (max-width: 657px) {
  .landing-photography-gallery .galleries {
    margin: 0 !important;
  }

  .landing-photography-partner .-sm-mx-128 {
    margin: 0 -30px !important;
  }
}
@media (max-width: 575.98px) {
  header.landing-photography .hero .w-444 {
    width: 240px !important;
  }
  header.landing-photography .hero .w-207 {
    width: 112px !important;
  }
  header.landing-photography .hero .hero-title {
    width: 417px;
  }
  header.landing-photography .hero .line {
    width: 153px;
    height: 6px;
    top: 32px;
    bottom: unset;
    left: 90px;
  }

  .landing-photography-introducing .container {
    border: none;
  }
  .landing-photography-introducing .container > div {
    border-bottom: solid 1px #e5eaf4;
  }

  .landing-photography-gallery .galleries {
    margin-right: -24px !important;
    margin-left: -10px !important;
  }
  .landing-photography-gallery img {
    width: 274px !important;
    height: 187px !important;
    object-fit: none;
    border-radius: 8px;
  }

  .landing-photography-featured .featured-card {
    height: 264px;
  }

  .landing-photography-step .w-457 {
    width: 261px !important;
  }
  .landing-photography-step .w-340 {
    width: 165px !important;
  }

  .landing-photography-review .owl-item.active > .gap-x {
    border-right: none;
  }
  .landing-photography-review .fa-arrow-left,
.landing-photography-review .fa-arrow-right {
    font-size: 18px !important;
  }
  .landing-photography-review .fa-arrow-left:hover,
.landing-photography-review .fa-arrow-right:hover {
    font-size: 26px !important;
  }
  .landing-photography-review .section-title {
    margin-top: -14px;
  }

  .landing-photography-partner .-sm-mx-128 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
}
@media (max-width: 527px) {
  header.landing-photography .hero .gap-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 482px) {
  .landing-photography-step .section-title {
    margin-right: 210px !important;
  }
}
@media (max-width: 454px) {
  header.landing-photography .hero .hero-title {
    width: 244px;
  }

  .landing-photography-step .section-title {
    margin-right: 182px !important;
  }
}
@media (max-width: 420px) {
  .landing-photography-step .section-title {
    margin-right: 148px !important;
  }
}
@media (max-width: 400px) {
  header.landing-photography .hero .gap-container {
    margin-left: -64px !important;
    margin-right: -96px !important;
    justify-content: flex-start;
  }
  header.landing-photography .hero .gap-container .gap:nth-child(1),
header.landing-photography .hero .gap-container .gap:nth-child(4) {
    display: none;
  }
  header.landing-photography .hero .gap-container .gap:nth-child(5) {
    margin-left: 0;
  }
}
@media (max-width: 386px) {
  .landing-photography-step .section-title {
    margin-right: 48px !important;
  }
}
@media (max-width: 365px) {
  header.landing-photography .hero .gap-container {
    margin-left: -16px !important;
  }
}
body.landing-ecommerce .section-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
body.landing-ecommerce .section-desc {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  color: #5a7184;
}

header.landing-ecommerce .hero {
  padding-top: 68px;
  padding-bottom: 60px;
}
header.landing-ecommerce .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-top: 32px;
  margin-bottom: 36px;
}
header.landing-ecommerce .hero .promo-point {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
header.landing-ecommerce .hero .promo-point::before {
  content: "\a";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #faad13;
  display: inline-block;
  margin-right: 12px;
}
header.landing-ecommerce .hero .row-gap {
  row-gap: 20px;
}
header.landing-ecommerce .hero .column-gap {
  column-gap: 48px;
}
header.landing-ecommerce .hero .custom-form {
  width: 576px;
  height: 68px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 10px;
  background-color: white;
  margin-top: 48px;
}
header.landing-ecommerce .hero input {
  padding-left: 12px;
  border: none;
  outline: none;
  flex: auto;
  font-family: "Open Sans", sans-serif;
  color: #b3bac5;
}
header.landing-ecommerce .hero button {
  width: 167px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #36b37e;
  border: none;
  color: white;
  font-family: "Open Sans", sans-serif;
}
header.landing-ecommerce .hero .form-group {
  width: 576px;
}
header.landing-ecommerce .hero .form-control {
  padding-right: 18px;
  padding-left: 18px;
  height: unset;
}
header.landing-ecommerce .hero .form-control:focus {
  box-shadow: none;
}
header.landing-ecommerce .hero .rounded-8 {
  border-radius: 8px;
}
header.landing-ecommerce .hero .carousel {
  display: flex;
  column-gap: 30px;
  margin-top: 88px;
}
header.landing-ecommerce .hero .promo-card {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 12px;
  width: 360px;
  height: 130px;
  padding-right: 30px;
}
header.landing-ecommerce .hero .promo-card .flex:first-child {
  width: 135px;
}
header.landing-ecommerce .hero .promo-card .flex:last-child {
  width: 195px;
}
header.landing-ecommerce .hero .promo-card .text-opensans {
  font-size: 16px;
  font-weight: 600;
  color: #6AD6A2;
}
header.landing-ecommerce .hero .promo-card img {
  width: unset;
}
header.landing-ecommerce .hero .loadbar-container {
  width: 360px;
  height: 3px;
  margin-top: 14px;
  border-radius: 6px;
  background-color: white;
}
header.landing-ecommerce .hero .loadbar-container .loadbar {
  height: 3px;
  background-color: #1565d8;
}

.landing-ecommerce-recommendation {
  padding-top: 100px;
  padding-bottom: 80px;
}
.landing-ecommerce-recommendation .section-title {
  font-size: 40px !important;
  margin-bottom: 12px;
}
.landing-ecommerce-recommendation .section-desc {
  margin-top: 2px;
  margin-bottom: 10px;
}
.landing-ecommerce-recommendation .recommendation-card {
  width: 262px;
  height: 412px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
  padding-left: 16px;
}
.landing-ecommerce-recommendation .recommendation-card > img:hover {
  cursor: pointer;
}
.landing-ecommerce-recommendation .recommendation-card.bg-white:hover {
  background-color: rgba(54, 179, 126, 0.1) !important;
}
.landing-ecommerce-recommendation .recommendation-card.bg-white:hover a {
  background-color: #36b37e !important;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.landing-ecommerce-recommendation .item-name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin-top: 43px;
}
.landing-ecommerce-recommendation .item-price {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-ecommerce-recommendation .item-price span {
  color: #959ead;
}
.landing-ecommerce-recommendation .gap {
  gap: 30px;
}
.landing-ecommerce-recommendation .number {
  width: 34px;
  height: 26px;
}
.landing-ecommerce-recommendation .bg-bright-red .item-name {
  margin-top: 10px;
}
.landing-ecommerce-recommendation .bg-bright-red .image {
  margin: 36px 0;
}
.landing-ecommerce-recommendation a {
  line-height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-right: auto;
  margin-left: auto;
}
.landing-ecommerce-recommendation a.bg-transparent {
  width: 206px;
  color: #36b37e;
}
.landing-ecommerce-recommendation a.bg-white {
  width: 226px;
  color: #e95432;
}

.landing-ecommerce-hot {
  background: linear-gradient(0deg, white 80%, rgba(54, 179, 126, 0.1) 20%);
  padding-top: 64px;
  padding-bottom: 100px;
}
.landing-ecommerce-hot .btn {
  border-radius: 4px;
}
.landing-ecommerce-hot .carousel-button {
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: white;
}
.landing-ecommerce-hot .carousel-button:hover {
  cursor: pointer;
}
.landing-ecommerce-hot .owl-item.active > .gap-x {
  border-right: solid 1px #eceef2;
}
.landing-ecommerce-hot .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active > .gap-x {
  border-right: none;
}
.landing-ecommerce-hot .gap-container {
  padding: 10px 16px;
  margin: 0 -10px;
  box-shadow: 0 20px 94px 0 rgba(69, 69, 69, 0.06);
  display: flex;
  background-color: white;
  border-radius: 8px;
}
.landing-ecommerce-hot .gap-container .gap-x {
  padding: 0 10px;
}
.landing-ecommerce-hot .item-card {
  width: 262px;
  height: 362px;
  padding: 34px 29px 30px;
}
.landing-ecommerce-hot .item-card .item-name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-ecommerce-hot .item-card .item-desc {
  font-size: 16px;
  text-align: center;
  color: #959ead;
  margin-top: 5px;
  margin-bottom: 22px;
}
.landing-ecommerce-hot .item-card .item-price {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #36b37e;
}
.landing-ecommerce-hot .category {
  gap: 30px;
  border-top: solid 1px #e3e7ed;
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 100px;
}
.landing-ecommerce-hot .category-card {
  width: 165px;
  height: 172px;
  padding: 32px 0 32px 0;
  border: solid 1px #eceef2;
  border-radius: 8px;
  text-align: center;
}
.landing-ecommerce-hot .category-card:hover {
  background-color: rgba(179, 186, 197, 0.1);
  cursor: pointer;
  border-color: transparent;
}
.landing-ecommerce-hot .category-card .text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-ecommerce-hot .column-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-ecommerce-hot .most-sold {
  display: flex;
  column-gap: 30px;
}
.landing-ecommerce-hot .grey-card {
  width: 360px;
  height: 96px;
  display: flex;
  align-items: center;
  background-color: rgba(179, 186, 197, 0.1);
  border-radius: 8px;
  margin-bottom: 20px;
}
.landing-ecommerce-hot .grey-card .image-container {
  width: 108px;
  padding-right: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.landing-ecommerce-hot .grey-card .item-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-ecommerce-hot .grey-card .fa-star {
  color: #ffc200;
}
.landing-ecommerce-hot .grey-card .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #b3bac5;
}
.landing-ecommerce-hot .grey-card img {
  width: unset !important;
}
.landing-ecommerce-hot .detail {
  width: 360px;
  height: 48px;
  padding: 13px 22px 13px 24px;
}
.landing-ecommerce-hot .detail .text {
  font-size: 16px;
  font-weight: bold;
  color: #36b37e;
}
.landing-ecommerce-hot .detail:hover {
  cursor: pointer;
}

.landing-ecommerce-blog .container {
  border-top: solid 1px #e3e7ed;
  padding-top: 160px;
  padding-bottom: 80px;
}
.landing-ecommerce-blog .section-title {
  margin-left: 16px;
}
.landing-ecommerce-blog .section-desc {
  margin-top: 10px;
  margin-bottom: 56px;
}
.landing-ecommerce-blog .blog-card {
  width: 360px;
  height: 342px;
  padding: 18px 18px 20px;
  background-color: rgba(179, 186, 197, 0.1);
  border-radius: 8px;
}
.landing-ecommerce-blog .blog-card .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-ecommerce-blog .blog-card .desc {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
  margin-top: 10px;
  margin-bottom: 22px;
}
.landing-ecommerce-blog .blog-card .text {
  font-size: 16px;
  font-weight: bold;
  color: #36b37e;
}
.landing-ecommerce-blog .blog-card > .flex:hover {
  cursor: pointer;
}
.landing-ecommerce-blog .image {
  width: 324px;
  height: 156px;
  border-radius: 8px;
  padding: 16px;
  text-align: right;
  margin-bottom: 22px;
}
.landing-ecommerce-blog .image img:hover {
  cursor: pointer;
}
.landing-ecommerce-blog .blog-card:first-child .image {
  background-image: url("../../assets/images/landing-ecommerce/blog1.svg");
}
.landing-ecommerce-blog .blog-card:nth-child(2) .image {
  background-image: url("../../assets/images/landing-ecommerce/blog2.svg");
}
.landing-ecommerce-blog .blog-card:last-child .image {
  background-image: url("../../assets/images/landing-ecommerce/blog3.svg");
}
.landing-ecommerce-blog .column-gap {
  column-gap: 30px;
}

.landing-ecommerce-promo {
  padding-top: 40px;
  background-color: #faad13;
}
.landing-ecommerce-promo .image {
  margin-right: 124px;
}
.landing-ecommerce-promo .text {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #ffffff;
  margin-top: 40px;
  margin-bottom: 44px;
}
.landing-ecommerce-promo .column-gap {
  column-gap: 20px;
}
.landing-ecommerce-promo .column-gap img:hover {
  cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  header.landing-ecommerce .hero {
    padding-top: 36px;
    padding-bottom: 30px;
  }
  header.landing-ecommerce .hero .container {
    max-width: 728px;
    padding: 0 !important;
  }
  header.landing-ecommerce .hero .hero-title {
    font-size: 48px;
    padding: 0 113px;
    margin-bottom: 30px;
  }
  header.landing-ecommerce .hero .column-gap {
    column-gap: 36px;
  }
  header.landing-ecommerce .hero .custom-form {
    margin: auto;
    margin-top: 48px;
    margin-bottom: 64px;
  }
  header.landing-ecommerce .hero .hero-image {
    width: 393px;
    margin: auto;
  }
  header.landing-ecommerce .hero .carousel {
    margin-top: 64px;
  }

  .landing-ecommerce-recommendation {
    padding-top: 80px;
  }
  .landing-ecommerce-recommendation .container {
    max-width: 700px;
    padding: 0 !important;
  }
  .landing-ecommerce-recommendation .section-title {
    font-size: 28px !important;
    margin-bottom: 15px;
  }
  .landing-ecommerce-recommendation .section-desc {
    margin: 0;
  }
  .landing-ecommerce-recommendation .gap {
    column-gap: 20px;
  }
  .landing-ecommerce-recommendation .recommendation-card {
    width: 220px;
    height: 379px;
  }
  .landing-ecommerce-recommendation .item-name {
    font-size: 18px;
    margin-top: 30px;
  }
  .landing-ecommerce-recommendation .bg-bright-red {
    height: 355px;
    padding-bottom: 0;
  }
  .landing-ecommerce-recommendation .bg-bright-red .item-name {
    margin-top: 11px;
    margin-bottom: 17px;
  }
  .landing-ecommerce-recommendation .bg-bright-red .image {
    margin: auto;
    margin-top: 36px;
    margin-bottom: 47px;
    width: 148px;
  }
  .landing-ecommerce-recommendation a.bg-transparent {
    width: 180px;
  }
  .landing-ecommerce-recommendation a.bg-white {
    width: 176px;
    margin-bottom: -24px;
  }

  .landing-ecommerce-hot {
    padding-top: 40px;
    padding-bottom: 56px;
    background: linear-gradient(0deg, white 82%, rgba(54, 179, 126, 0.1) 18%);
  }
  .landing-ecommerce-hot .container {
    max-width: 732px;
    padding: 0 !important;
  }
  .landing-ecommerce-hot .carousel-button {
    width: 56px;
    height: 56px;
  }
  .landing-ecommerce-hot .gap-container {
    margin: 0;
    padding: 10px;
  }
  .landing-ecommerce-hot .item-card {
    width: 220px;
    height: 350px;
    padding-top: 59px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .landing-ecommerce-hot .item-card .item-name {
    font-size: 18px;
  }
  .landing-ecommerce-hot .item-card .item-desc {
    margin-bottom: 26px;
  }
  .landing-ecommerce-hot .owl-item.active + .owl-item.active + .owl-item.active > .gap-x {
    border: none;
  }
  .landing-ecommerce-hot .category {
    justify-content: center;
    column-gap: 25px;
    row-gap: 20px;
    margin-top: 56px;
    padding-top: 56px;
    padding-bottom: 80px;
  }
  .landing-ecommerce-hot .category-card {
    width: 145px;
    height: 162px;
  }
  .landing-ecommerce-hot .grey-card,
.landing-ecommerce-hot .detail {
    width: 320px;
  }

  .landing-ecommerce-blog .container {
    padding-top: 112px;
    padding-bottom: 64px;
  }
  .landing-ecommerce-blog .section-desc {
    margin-bottom: 48px;
  }
  .landing-ecommerce-blog .column-gap {
    column-gap: 24px;
  }
  .landing-ecommerce-blog .blog-card {
    width: 340px;
  }
  .landing-ecommerce-blog .image {
    width: 304px;
  }

  .landing-ecommerce-promo {
    padding-top: 50px;
  }
  .landing-ecommerce-promo .text {
    text-align: center;
    margin-top: 0;
    margin-bottom: 42px;
  }
  .landing-ecommerce-promo .image {
    width: 450px;
    height: 247px;
    object-fit: cover;
    object-position: top;
    margin: auto;
    margin-top: 62px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header.landing-ecommerce .hero {
    padding-top: 36px;
    padding-bottom: 30px;
  }
  header.landing-ecommerce .hero .container {
    max-width: 728px;
    padding: 0 !important;
  }
  header.landing-ecommerce .hero .hero-title {
    font-size: 48px;
    padding: 0 113px;
    margin-bottom: 30px;
  }
  header.landing-ecommerce .hero .column-gap {
    column-gap: 36px;
  }
  header.landing-ecommerce .hero .custom-form {
    margin: auto;
    margin-top: 48px;
    margin-bottom: 64px;
  }
  header.landing-ecommerce .hero .hero-image {
    width: 393px;
    margin: auto;
  }
  header.landing-ecommerce .hero .carousel {
    margin-top: 64px;
  }

  .landing-ecommerce-recommendation {
    padding-top: 80px;
  }
  .landing-ecommerce-recommendation .container {
    max-width: 700px;
    padding: 0 !important;
  }
  .landing-ecommerce-recommendation .section-title {
    font-size: 28px !important;
    margin-bottom: 15px;
  }
  .landing-ecommerce-recommendation .section-desc {
    margin: 0;
  }
  .landing-ecommerce-recommendation .gap {
    column-gap: 20px;
  }
  .landing-ecommerce-recommendation .recommendation-card {
    width: 220px;
    height: 379px;
  }
  .landing-ecommerce-recommendation .item-name {
    font-size: 18px;
    margin-top: 30px;
  }
  .landing-ecommerce-recommendation .bg-bright-red {
    height: 355px;
    padding-bottom: 0;
  }
  .landing-ecommerce-recommendation .bg-bright-red .item-name {
    margin-top: 11px;
    margin-bottom: 17px;
  }
  .landing-ecommerce-recommendation .bg-bright-red .image {
    margin: auto;
    margin-top: 36px;
    margin-bottom: 47px;
    width: 148px;
  }
  .landing-ecommerce-recommendation a.bg-transparent {
    width: 180px;
  }
  .landing-ecommerce-recommendation a.bg-white {
    width: 176px;
    margin-bottom: -24px;
  }

  .landing-ecommerce-hot {
    padding-top: 40px;
    padding-bottom: 56px;
    background: linear-gradient(0deg, white 82%, rgba(54, 179, 126, 0.1) 18%);
  }
  .landing-ecommerce-hot .container {
    max-width: 732px;
    padding: 0 !important;
  }
  .landing-ecommerce-hot .carousel-button {
    width: 56px;
    height: 56px;
  }
  .landing-ecommerce-hot .gap-container {
    margin: 0;
    padding: 10px;
  }
  .landing-ecommerce-hot .item-card {
    width: 220px;
    height: 350px;
    padding-top: 59px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .landing-ecommerce-hot .item-card .item-name {
    font-size: 18px;
  }
  .landing-ecommerce-hot .item-card .item-desc {
    margin-bottom: 26px;
  }
  .landing-ecommerce-hot .owl-item.active + .owl-item.active + .owl-item.active > .gap-x {
    border: none;
  }
  .landing-ecommerce-hot .category {
    justify-content: center;
    column-gap: 25px;
    row-gap: 20px;
    margin-top: 56px;
    padding-top: 56px;
    padding-bottom: 80px;
  }
  .landing-ecommerce-hot .category-card {
    width: 145px;
    height: 162px;
  }
  .landing-ecommerce-hot .most-sold {
    margin-left: 36px;
  }
  .landing-ecommerce-hot .grey-card,
.landing-ecommerce-hot .detail {
    width: 320px;
  }

  .landing-ecommerce-blog .container {
    padding-top: 112px;
    padding-bottom: 64px;
  }
  .landing-ecommerce-blog .section-desc {
    margin-bottom: 48px;
  }
  .landing-ecommerce-blog .column-gap {
    column-gap: 24px;
  }
  .landing-ecommerce-blog .blog-card {
    width: 340px;
  }
  .landing-ecommerce-blog .image {
    width: 304px;
  }

  .landing-ecommerce-promo {
    padding-top: 50px;
  }
  .landing-ecommerce-promo .text {
    text-align: center;
    margin-top: 0;
    margin-bottom: 42px;
  }
  .landing-ecommerce-promo .image {
    width: 450px;
    height: 247px;
    object-fit: cover;
    object-position: top;
    margin: auto;
    margin-top: 62px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  header.landing-ecommerce .hero {
    padding-top: 36px;
    padding-bottom: 30px;
  }
  header.landing-ecommerce .hero .container {
    max-width: 540px;
    padding: 0 !important;
  }
  header.landing-ecommerce .hero .hero-title {
    font-size: 48px;
    padding: 0 69px;
    margin-bottom: 30px;
  }
  header.landing-ecommerce .hero .column-gap {
    column-gap: 36px;
  }
  header.landing-ecommerce .hero .custom-form {
    width: 540px;
    margin: auto;
    margin-top: 48px;
    margin-bottom: 64px;
  }
  header.landing-ecommerce .hero .hero-image {
    width: 393px;
    margin: auto;
  }
  header.landing-ecommerce .hero .carousel {
    margin-top: 64px;
    margin-left: 18px;
  }

  .landing-ecommerce-recommendation {
    padding-top: 80px;
  }
  .landing-ecommerce-recommendation .container {
    max-width: 540px;
    padding: 0 !important;
  }
  .landing-ecommerce-recommendation .section-title {
    font-size: 28px !important;
    margin-bottom: 15px;
  }
  .landing-ecommerce-recommendation .section-desc {
    margin: 0;
  }
  .landing-ecommerce-recommendation .gap {
    column-gap: 20px;
  }
  .landing-ecommerce-recommendation .recommendation-card {
    width: 220px;
    height: 379px;
  }
  .landing-ecommerce-recommendation .item-name {
    font-size: 18px;
    margin-top: 30px;
  }
  .landing-ecommerce-recommendation .bg-bright-red {
    height: 355px;
    padding-bottom: 0;
  }
  .landing-ecommerce-recommendation .bg-bright-red .item-name {
    margin-top: 11px;
    margin-bottom: 17px;
  }
  .landing-ecommerce-recommendation .bg-bright-red .image {
    margin: auto;
    margin-top: 36px;
    margin-bottom: 47px;
    width: 148px;
  }
  .landing-ecommerce-recommendation a.bg-transparent {
    width: 180px;
  }
  .landing-ecommerce-recommendation a.bg-white {
    width: 176px;
    margin-bottom: -24px;
  }

  .landing-ecommerce-hot {
    padding-top: 40px;
    padding-bottom: 56px;
    background: linear-gradient(0deg, white 82%, rgba(54, 179, 126, 0.1) 18%);
  }
  .landing-ecommerce-hot .container {
    max-width: 536px;
    padding: 0 !important;
  }
  .landing-ecommerce-hot .carousel-button {
    width: 56px;
    height: 56px;
  }
  .landing-ecommerce-hot .gap-container {
    margin: 0;
    padding: 10px;
  }
  .landing-ecommerce-hot .item-card {
    width: 220px;
    height: 350px;
    padding-top: 59px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .landing-ecommerce-hot .item-card .item-name {
    font-size: 18px;
  }
  .landing-ecommerce-hot .item-card .item-desc {
    margin-bottom: 26px;
  }
  .landing-ecommerce-hot .owl-item.active + .owl-item.active > .gap-x {
    border: none;
  }
  .landing-ecommerce-hot .category {
    justify-content: center;
    column-gap: 25px;
    row-gap: 20px;
    margin-top: 56px;
    padding-top: 56px;
    padding-bottom: 80px;
  }
  .landing-ecommerce-hot .category-card {
    width: 145px;
    height: 162px;
  }
  .landing-ecommerce-hot .most-sold {
    margin-left: 36px;
  }
  .landing-ecommerce-hot .grey-card,
.landing-ecommerce-hot .detail {
    width: 320px;
  }

  .landing-ecommerce-blog .container {
    padding-top: 112px;
    padding-bottom: 64px;
  }
  .landing-ecommerce-blog .section-desc {
    margin-bottom: 48px;
  }
  .landing-ecommerce-blog .column-gap {
    column-gap: 24px;
  }
  .landing-ecommerce-blog .blog-card {
    width: 340px;
  }
  .landing-ecommerce-blog .image {
    width: 304px;
  }

  .landing-ecommerce-promo {
    padding-top: 50px;
  }
  .landing-ecommerce-promo .container {
    max-width: 540px;
    padding: 0;
  }
  .landing-ecommerce-promo .text {
    text-align: center;
    margin-top: 0;
    margin-bottom: 42px;
  }
  .landing-ecommerce-promo .image {
    width: 450px;
    height: 247px;
    object-fit: cover;
    object-position: top;
    margin: auto;
    margin-top: 62px;
  }
}
@media (max-width: 575.98px) {
  header.landing-ecommerce .hero {
    padding-top: 30px;
    padding-bottom: 36px;
  }
  header.landing-ecommerce .hero .container {
    max-width: 320px;
    padding: 0;
  }
  header.landing-ecommerce .hero .brand {
    width: 104px;
  }
  header.landing-ecommerce .hero .hero-title {
    font-size: 32px;
    margin-top: 24px;
    margin-bottom: 20px;
  }
  header.landing-ecommerce .hero .column-gap {
    row-gap: 14px;
  }
  header.landing-ecommerce .hero .row-gap {
    row-gap: 14px;
  }
  header.landing-ecommerce .hero .promo-point {
    font-size: 16px;
  }
  header.landing-ecommerce .hero .custom-form {
    flex-direction: column;
    width: 280px;
    height: unset;
    padding: 8px;
    margin-top: 24px;
    margin-right: auto;
    margin-bottom: 38px;
    margin-left: auto;
  }
  header.landing-ecommerce .hero input {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 15px;
    padding-left: 12px;
  }
  header.landing-ecommerce .hero button {
    width: 264px;
    height: 40px;
  }
  header.landing-ecommerce .hero .hero-image {
    width: 280px;
    margin: auto;
  }
  header.landing-ecommerce .hero .carousel {
    margin-top: 48px;
  }
  header.landing-ecommerce .hero .promo-card {
    width: 270px;
    height: 100px;
    padding-right: 0;
  }
  header.landing-ecommerce .hero .promo-card .flex:first-child {
    width: 81px;
  }
  header.landing-ecommerce .hero .promo-card .flex:last-child {
    width: 173px;
  }
  header.landing-ecommerce .hero .image {
    transform: scale(0.8);
  }
  header.landing-ecommerce .hero .loadbar-container {
    margin-top: 10px;
    width: 270px;
  }

  .landing-ecommerce-recommendation {
    padding-top: 65px;
    padding-bottom: 72px;
  }
  .landing-ecommerce-recommendation .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-ecommerce-recommendation .section-title {
    font-size: 28px !important;
    margin-bottom: 14px;
  }
  .landing-ecommerce-recommendation .section-desc {
    margin: 0;
  }
  .landing-ecommerce-recommendation .gap {
    gap: 20px;
  }
  .landing-ecommerce-recommendation .recommendation-card {
    width: 280px;
    height: 384px;
  }
  .landing-ecommerce-recommendation .recommendation-card.bg-bright-red {
    height: 389px;
  }
  .landing-ecommerce-recommendation .item-name {
    font-size: 18px;
    margin-top: 22px;
  }
  .landing-ecommerce-recommendation .bg-bright-red .image {
    width: 165px;
    margin: auto;
    margin-top: 27px;
    margin-bottom: 37px;
  }
  .landing-ecommerce-recommendation a {
    height: 40px;
  }

  .landing-ecommerce-hot {
    padding-top: 32px;
    padding-bottom: 52px;
    background: linear-gradient(0deg, white 92%, rgba(54, 179, 126, 0.1) 18%);
  }
  .landing-ecommerce-hot .container {
    max-width: 300px;
    padding: 0;
  }
  .landing-ecommerce-hot .gap-container {
    flex-direction: column;
    padding: 0 10px;
    margin: 0;
    background-color: unset;
    box-shadow: unset;
    border-radius: unset;
  }
  .landing-ecommerce-hot .gap-container .gap-x {
    padding: 10px 0;
    border-bottom: solid 1px #eceef2;
  }
  .landing-ecommerce-hot .gap-container .gap-x:last-child {
    border-bottom: none;
  }
  .landing-ecommerce-hot .item-card {
    width: 280px;
    height: 315px;
    padding-top: 36px;
    padding-right: 47px;
    padding-bottom: 19px;
    padding-left: 48px;
  }
  .landing-ecommerce-hot .item-card .item-name {
    font-size: 18px;
  }
  .landing-ecommerce-hot .item-card .item-desc {
    margin-top: 8px;
    margin-bottom: 18px;
  }
  .landing-ecommerce-hot .carousel-button {
    top: unset;
    right: unset;
    position: unset;
    transform: unset;
    margin-top: 5px;
  }
  .landing-ecommerce-hot .relative {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    box-shadow: 0 20px 94px 0 rgba(69, 69, 69, 0.06);
    background-color: white;
    border-radius: 8px;
    padding-bottom: 36px;
  }
  .landing-ecommerce-hot .category {
    gap: 20px;
    justify-content: center;
    margin-top: 36px;
    padding: 64px 0;
  }
  .landing-ecommerce-hot .category-card {
    width: 125px;
    height: 160px;
  }
  .landing-ecommerce-hot .most-sold {
    margin-left: 10px;
  }
  .landing-ecommerce-hot .grey-card {
    width: 260px;
    height: fit-content;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .landing-ecommerce-hot .grey-card .image-container {
    width: 100%;
    height: 66px;
    justify-content: flex-start;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .landing-ecommerce-hot .detail {
    width: 260px;
    margin-top: 5px;
  }
  .landing-ecommerce-hot .btn-success {
    width: 260px;
    margin: auto;
    margin-top: 36px;
  }

  .landing-ecommerce-blog .container {
    max-width: 280px;
    padding: 0;
    padding-top: 100px;
    padding-bottom: 36px;
  }
  .landing-ecommerce-blog .section-title {
    font-size: 28px !important;
    margin-left: 8px;
  }
  .landing-ecommerce-blog .section-desc {
    margin-top: 13px;
    margin-bottom: 30px;
  }
  .landing-ecommerce-blog .column-gap {
    row-gap: 18px;
  }
  .landing-ecommerce-blog .blog-card {
    width: 280px;
    height: 303px;
    padding: 15px;
    padding-bottom: 20px;
  }
  .landing-ecommerce-blog .blog-card .title {
    font-size: 18px;
  }
  .landing-ecommerce-blog .image {
    width: 250px;
    height: 126px;
    padding: 14px;
    margin-bottom: 16px;
  }

  .landing-ecommerce-promo {
    padding-top: 36px;
  }
  .landing-ecommerce-promo .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-ecommerce-promo .text {
    font-size: 24px;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
  }
  .landing-ecommerce-promo .image {
    margin: 0;
    margin-top: 36px;
  }
  .landing-ecommerce-promo .column-gap {
    column-gap: 13px;
  }
}
.bp_checking {
  display: none;
}

@media (min-width: 576px) {
  body.landing-ecommerce #bp_desktop {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  body.landing-ecommerce #bp_tablet {
    display: block;
  }
}
body.landing-saas1 .section-title {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
body.landing-saas1 .section-desc {
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  color: #5a7184;
}

header.landing-saas1 .hero .hero-title {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #ffffff;
}
header.landing-saas1 .hero .hero-desc {
  font-size: 16px;
  line-height: 1.75;
  color: #fafafb;
}
header.landing-saas1 .hero .form-group {
  width: 457px;
}
header.landing-saas1 .hero .form-group input,
header.landing-saas1 .hero .form-group button {
  height: 46px;
}
header.landing-saas1 .hero .form-group button {
  border-radius: 4px;
}

.landing-saas1-solution .text-container {
  width: 690px;
}
.landing-saas1-solution .gap {
  gap: 140px;
}
.landing-saas1-solution .solution-card {
  width: 255px;
}
.landing-saas1-solution .solution-card .image {
  height: 247px;
  text-align: center;
}
.landing-saas1-solution .solution-card .image img {
  height: 100%;
}
.landing-saas1-solution .title {
  font-family: "obviously-wide", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-saas1-solution .desc {
  font-family: "effra-cc", sans-serif;
font-weight: 400;
font-style: normal;
  font-weight: 200!important;
  font-size: 18px;
  line-height: 1.71;
  text-align: center;
  color: #F2F8FF;
}

.landing-saas1-hiw > .container {
  border-top: solid 1px #e3e7ed;
  border-bottom: solid 1px #e3e7ed;
}
.landing-saas1-hiw .hiw-card {
  width: 878px;
  height: 510px;
  border: solid 1px #eceef2;
  padding-top: 50px;
  padding-right: 98px;
  padding-bottom: 63px;
}
.landing-saas1-hiw .image {
  width: 555px;
  height: 440px;
  background-image: url("../../assets/images/landing-saas1/image.svg");
  margin-left: -262px;
}
.landing-saas1-hiw .text-container {
  width: 427px;
}
.landing-saas1-hiw .title {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas1-hiw .desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}

.landing-saas1-tools .text-container {
  width: 690px;
}
.landing-saas1-tools .title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas1-tools .desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
.landing-saas1-tools .btn {
  border-radius: 0;
}
.landing-saas1-tools .image {
  width: 38px;
  height: 38px;
  margin-right: 25px;
}
.landing-saas1-tools .row-gap {
  row-gap: 120px;
}
.landing-saas1-tools .tracking-card {
  width: 533px;
  max-width: 100%;
  height: 125px;
  padding: 20px 36px 20px 25px;
  border: solid 1px #eceef2;
}
.landing-saas1-tools .tracking-card .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas1-tools .tracking-card .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}
.landing-saas1-tools .tracking-card:hover {
  box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.06);
  border-color: transparent;
}
.landing-saas1-tools .checklist.gap {
  gap: 30px;
}
.landing-saas1-tools .checklist.gap > div {
  padding-top: 22px;
  padding-right: 20px;
  padding-bottom: 22px;
  padding-left: 24px;
  box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.06);
}
.landing-saas1-tools .gap {
  gap: 20px;
}

.landing-saas1-review {
  height: 730px;
}
.landing-saas1-review .gap {
  position: relative;
  gap: 30px;
  width: 1910px;
  left: 50%;
  transform: translate(-50%, 0);
  /* margin: {
      right: -235px;
      left: -235px;
  } */
}
.landing-saas1-review .review-card {
  width: 455px;
  height: fit-content;
  padding: 27px 30px 30px;
}
.landing-saas1-review .review-card:nth-child(5),
.landing-saas1-review .review-card:nth-child(6),
.landing-saas1-review .review-card:nth-child(7),
.landing-saas1-review .review-card:nth-child(8) {
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
}
.landing-saas1-review .review-card:nth-child(5) {
  margin-top: -14px;
}
.landing-saas1-review .review-card:last-child {
  margin-top: -54px;
}
.landing-saas1-review .name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas1-review .place {
  font-size: 14px;
  line-height: 1.43;
  color: #5a7184;
}
.landing-saas1-review .review {
  font-size: 16px;
  line-height: 1.69;
  color: #6AD6A2;
}

.landing-saas1-book {
  padding-top: 231px;
}
.landing-saas1-book .title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #ffffff;
}
.landing-saas1-book .desc {
  font-size: 18px;
  line-height: 1.78;
  color: #ffffff;
}
.landing-saas1-book .btn-container {
  gap: 30px;
}
.landing-saas1-book .btn {
  border-radius: 2000px;
}

@media (max-width: 1199.98px) {
  body {
    content: "aawww5";
  }
}
@media (max-width: 991.98px) {
  header.landing-saas1 .hero {
    padding-top: 26px;
    padding-bottom: 50px;
  }
  header.landing-saas1 .hero .hero-title {
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    width: 100%;
  }
  header.landing-saas1 .content {
    flex-direction: column;
    text-align: center;
    margin-bottom: 72px;
  }
  header.landing-saas1 .content .illustration {
    max-width: 640px;
    width: 100%;
    margin: 0;
  }
  header.landing-saas1 .content-text {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 72px;
    max-width: 505px;
    width: 100%;
  }
  header.landing-saas1 .form-submit-email {
    margin-left: auto;
    margin-right: auto;
  }
  header.landing-saas1 .logos .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 23px;
    flex: 1;
  }
  header.landing-saas1 .logos img {
    margin: 0 20px;
    max-width: 100%;
    max-height: 100%;
  }

  .landing-saas1-solution {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .landing-saas1-solution .text-container {
    max-width: 100%;
  }
  .landing-saas1-solution .text-container .section-title {
    max-width: 394px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-size: 32px;
  }
  .landing-saas1-solution .gap {
    gap: initial;
  }
  .landing-saas1-solution .solution-card-list {
    margin-left: -40px;
    margin-right: -40px;
  }
  .landing-saas1-solution .title {
    font-size: 20px;
  }
  .landing-saas1-solution .desc {
    max-width: 90vw;
    margin: auto;
    margin-right: auto;
  }
  .landing-saas1-solution .solution-card {
    max-width: 232px;
  }
  .landing-saas1-solution .solution-card .image {
    height: 180px;
  }

  .landing-saas1-hiw > .container {
    padding-top: 64px;
    padding-bottom: 70px;
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .landing-saas1-hiw > .container {
    padding-right: 0 !important;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-hiw .text-success {
    margin-top: 30px;
    margin-bottom: 22px;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-hiw .title {
    font-size: 32px;
    line-height: 1.25;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-hiw .desc {
    margin-top: 18px;
    margin-bottom: 24px;
    margin-right: 0;
    font-size: 16px;
    line-height: 1.75;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-hiw .image {
    width: 318px;
    min-width: 318px;
    height: 410px;
    border-radius: 12px;
    margin-left: -160px;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-hiw .hiw-card {
    width: 536px;
    min-width: 536px;
    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 20px;
    height: auto;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-hiw .text-container {
    margin-left: 45px;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-tools {
    padding-top: 75px;
  }
  .landing-saas1-tools .title {
    font-size: 28px;
    line-height: 1.29;
  }
  .landing-saas1-tools .text-container {
    max-width: 100%;
  }
  .landing-saas1-tools .text-container .section-title {
    font-size: 32px;
    line-height: 1.25;
    max-width: 398px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .landing-saas1-tools .text-container .section-desc {
    font-size: 16px;
    line-height: 1.75;
    margin-top: 24px;
    margin-bottom: 72px;
    max-width: 535px;
    margin-left: auto;
    margin-right: auto;
  }
  .landing-saas1-tools .illustration {
    max-width: 100%;
  }
  .landing-saas1-tools .saas1-tools-2-1 {
    row-gap: 48px;
    flex-direction: column-reverse;
    text-align: center;
  }
  .landing-saas1-tools .saas1-tools-2-1 .illustration {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .landing-saas1-tools .saas1-tools-2-2 {
    flex-direction: column;
    text-align: center;
  }
  .landing-saas1-tools .saas1-tools-2-2 .inner-text {
    margin: 0;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-cards {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 -10px;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card-col {
    width: 33.333%;
    flex: 0 0 33.333%;
    padding: 0 10px;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card {
    text-align: left;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    padding: 20px 30px 20px 20px;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card .image {
    width: 22px;
    height: 22px;
    margin: 0;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card .image img {
    width: 100%;
    height: 100%;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card .title {
    font-size: 18px;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card .desc {
    font-size: 14px;
    line-height: 1.71;
  }
  .landing-saas1-tools .saas1-tools-2-3 {
    flex-direction: column-reverse;
    text-align: center;
    gap: 56px;
  }
  .landing-saas1-tools .saas1-tools-2-3 .checklist {
    justify-content: center;
    gap: 12px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .landing-saas1-tools .saas1-tools-2-3 .checklist .checklist-item {
    padding: 15px;
  }
  .landing-saas1-tools .saas1-tools-2-3 .illustration {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-review {
    height: 620px;
  }
  .landing-saas1-review .review-cards {
    gap: 20px;
    width: 1500px;
  }
  .landing-saas1-review .review-card {
    width: 318px;
    padding: 20px;
  }
  .landing-saas1-review .review-card .c-top {
    margin-bottom: 20px;
  }
  .landing-saas1-review .review-card .avatar {
    width: 40px;
    height: 40px;
    margin-top: 0;
  }
  .landing-saas1-review .review-card .review {
    font-size: 12px;
  }
  .landing-saas1-review .review-card .username {
    margin-top: 3px;
  }
  .landing-saas1-review .review-card .username .name {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .landing-saas1-review .review-card .username .place {
    font-size: 10px;
    line-height: 1.43;
  }
}
@media (max-width: 991.98px) {
  .landing-saas1-book {
    padding-top: 160px;
  }
  .landing-saas1-book .title {
    font-size: 40px;
  }
  .landing-saas1-book .full-bg {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .landing-saas1-book .inner-container {
    flex-direction: column;
    text-align: center;
    gap: 56px;
  }
}
@media (max-width: 767.98px) {
  body.landing-saas1 .section-desc {
    font-size: 14px;
    line-height: 1.71;
    max-width: 100%;
  }

  header.landing-saas1 .hero .hero-title {
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 16px;
  }
  header.landing-saas1 .hero .form-submit-email {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
  }
  header.landing-saas1 .hero .form-submit-email .input-group {
    display: block;
  }
  header.landing-saas1 .hero .form-submit-email .input-group button {
    width: 100%;
    height: 40px;
  }
  header.landing-saas1 .content {
    margin-bottom: 40px;
  }
  header.landing-saas1 .content-text {
    margin-bottom: 40px;
  }
  header.landing-saas1 .logos {
    flex-wrap: wrap;
    row-gap: 22px;
  }
  header.landing-saas1 .logos .item {
    height: 30px;
    flex: 0 0 50%;
  }

  .landing-saas1-solution {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .landing-saas1-solution .text-container .section-title {
    font-size: 28px;
    line-height: 1.29;
    margin-bottom: 16px;
  }
  .landing-saas1-solution .solution-card-list {
    flex-wrap: wrap;
    row-gap: 50px;
  }
  .landing-saas1-solution .solution-card {
    max-width: 255px;
  }
  .landing-saas1-solution .solution-card .desc {
    max-width: initial;
  }

  .landing-saas1-hiw > .container {
    padding-top: 56px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
  }
  .landing-saas1-hiw .hiw-card {
    width: initial;
    min-width: initial;
    flex-direction: column;
    padding: 10px 10px 36px 10px;
    border-radius: 0;
  }
  .landing-saas1-hiw .image {
    margin: -50px 0 0;
    width: 100%;
    min-width: initial;
    height: 180px;
    border-radius: 0;
    background-position: center;
    background-size: cover;
  }
  .landing-saas1-hiw .btn-play {
    padding: 17px 24px;
  }
  .landing-saas1-hiw .text-container {
    text-align: center;
    width: initial;
    margin: 0 10px;
  }
  .landing-saas1-hiw .text-container .text-success {
    margin-bottom: 16px;
  }
  .landing-saas1-hiw .text-container .title {
    font-size: 24px;
    line-height: 1.33;
  }
  .landing-saas1-hiw .text-container .desc {
    margin-top: 12px;
  }

  .landing-saas1-tools {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-saas1-tools .row-gap {
    row-gap: 64px;
  }
  .landing-saas1-tools .text-container .section-title {
    font-size: 28px;
    line-height: 1.29;
  }
  .landing-saas1-tools .text-container .section-desc {
    font-size: 14px;
    line-height: 1.71;
    margin-top: 16px;
    margin-bottom: 64px;
  }
  .landing-saas1-tools .title {
    font-size: 24px;
    line-height: 1.33;
    margin-top: 22px;
    margin-bottom: 14px;
    padding: 0;
  }
  .landing-saas1-tools .desc {
    padding: 0;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-cards {
    gap: 14px;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card-col {
    width: 100%;
    flex: 0 0 100%;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card {
    padding: 20px;
    gap: 15px;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card .title {
    font-size: 16px;
    margin-top: 0;
    mask-border: 8px;
  }
  .landing-saas1-tools .saas1-tools-2-2 .tracking-card .desc {
    margin-bottom: 0;
  }
  .landing-saas1-tools .saas1-tools-2-2 .illustration {
    margin-top: 36px;
  }
  .landing-saas1-tools .saas1-tools-2-3 .checklist .checklist-item {
    padding: 10px;
  }

  .landing-saas1-review {
    padding-top: 48px;
  }
  .landing-saas1-review .container .section-title {
    font-size: 28px;
    line-height: 1.29;
    padding: 0 10px;
  }
  .landing-saas1-review .container .section-desc {
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 26px;
  }
  .landing-saas1-review .btn {
    margin-bottom: 42px;
  }

  .landing-saas1-book {
    padding-top: 144px;
  }
  .landing-saas1-book .full-bg {
    padding-top: 36px;
    padding-bottom: 48px;
  }
  .landing-saas1-book .inner-container {
    gap: 28px;
  }
  .landing-saas1-book .text-container {
    max-width: 100%;
  }
  .landing-saas1-book .title {
    font-size: 28px;
    line-height: 1.29;
    margin-bottom: 16px;
  }
  .landing-saas1-book .desc {
    font-size: 16px;
    line-height: 1.75;
  }
  .landing-saas1-book .btn-container {
    flex-direction: column;
    gap: 20px;
  }
  .landing-saas1-book .btn-container .btn {
    min-width: 240px;
  }
}
body.landing-saas2 .section-title {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-saas2 .section-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  font-family: "Open Sans", sans-serif;
}

header.landing-saas2 .hero {
  padding-bottom: 100px;
}
header.landing-saas2 .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
header.landing-saas2 .hero .decor {
  position: relative;
}
header.landing-saas2 .hero .decor::after {
  content: url(../../assets/images/landing-saas2/line-desktop.svg);
  position: absolute;
  left: 0;
  top: 25px;
}
header.landing-saas2 .hero .text-container {
  width: 501px;
}
header.landing-saas2 .hero .section-desc {
  margin-top: 26px;
  margin-bottom: 40px;
}
header.landing-saas2 .hero .image {
  width: 459px;
}
header.landing-saas2 .hero .custom-form {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 32px;
}
header.landing-saas2 .hero input {
  width: 336px;
  height: 58px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  border-radius: 8px;
  border: solid 1px #e5eaf4;
  outline: none;
  box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
  font-family: "Open Sans", sans-serif;
  color: #5a7184;
  font-weight: normal;
}
header.landing-saas2 .hero button {
  width: 137px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #e95432;
  color: white;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  border: none;
}
header.landing-saas2 .hero .column-gap {
  column-gap: 30px;
}

.landing-saas2-inbox {
  height: 798px;
  background-color: rgba(179, 186, 197, 0.1);
  padding-top: 100px;
  margin: 0 50px;
}
.landing-saas2-inbox .text-container {
  width: 597px;
  margin: auto;
  text-align: center;
}
.landing-saas2-inbox .section-desc {
  margin-top: 24px;
  margin-bottom: 48px;
}
.landing-saas2-inbox .gap {
  gap: 38px;
}
.landing-saas2-inbox .fas,
.landing-saas2-inbox .fab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.06);
  background-color: white;
  font-size: 22px;
}
.landing-saas2-inbox .image {
  width: 945px;
}
.landing-saas2-inbox hr {
  display: none;
}

.landing-saas2-capture {
  padding-top: 488px;
  padding-bottom: 60px;
}
.landing-saas2-capture .text-container {
  width: 495px;
}
.landing-saas2-capture .section-title {
  margin-top: 80px;
  margin-bottom: 48px;
}
.landing-saas2-capture .decor {
  position: relative;
}
.landing-saas2-capture .decor::after {
  content: url(../../assets/images/landing-saas2/line2-desktop.svg);
  position: absolute;
  left: 25px;
  top: 25px;
}
.landing-saas2-capture .fa-check {
  margin-right: 15px;
}
.landing-saas2-capture .gap {
  gap: 34px;
}
.landing-saas2-capture .image {
  width: 571px;
  height: 604px;
  object-fit: cover;
}

.landing-saas2-experience {
  padding-top: 80px;
  padding-bottom: 100px;
}
.landing-saas2-experience .text-container {
  width: 440px;
  margin: auto;
  margin-bottom: 80px;
}
.landing-saas2-experience .gap {
  gap: 50px;
}
.landing-saas2-experience .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas2-experience .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}

.landing-saas2-chatbot .container {
  border-top: solid 1px #e3e7ed;
  padding-top: 140px;
}
.landing-saas2-chatbot .image {
  width: 499px;
}
.landing-saas2-chatbot .text-container {
  width: 533px;
}
.landing-saas2-chatbot .section-title {
  margin-right: 36px;
}
.landing-saas2-chatbot span {
  background-color: #faad13;
  color: white;
  border-radius: 8px;
  padding: 6px;
}
.landing-saas2-chatbot .chatbot-card {
  border: solid 1px #eceef2;
  transition: 0.4s;
  cursor: pointer;
  padding: 32px 30px;
  border-radius: 12px;
}
.landing-saas2-chatbot .chatbot-card:hover {
  background-color: white;
  box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.06);
  border-color: transparent;
}
.landing-saas2-chatbot .accordion .fa-chevron-down {
  font-size: 16px;
  color: #00b8d9;
  margin-right: 26px;
}
.landing-saas2-chatbot .accordion div {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas2-chatbot .active {
  background-color: white;
  box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.06);
  border-color: transparent;
}
.landing-saas2-chatbot .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-right: 68px;
  margin-left: 40px;
}
.landing-saas2-chatbot .panel p {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  margin-top: 5px;
}
.landing-saas2-chatbot hr {
  width: 180px;
  border-top: 2px solid rgba(90, 113, 132, 0.1);
  margin: 120px auto;
}

.landing-saas2-data {
  padding-bottom: 120px;
}
.landing-saas2-data .data-card {
  text-align: center;
}
.landing-saas2-data .number {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin-top: 40px;
  margin-bottom: 10px;
}
.landing-saas2-data .text {
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  color: #5a7184;
}
.landing-saas2-data .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 143px;
}

.landing-saas2-testi {
  background-color: rgba(179, 186, 197, 0.1);
  padding: 100px 0;
  margin-left: 50px;
}
.landing-saas2-testi .container {
  max-width: 1290px;
  padding: 0;
  margin: 0;
  margin-left: 100px;
}
.landing-saas2-testi .text-container {
  width: 690px;
  margin: auto;
  text-align: center;
}
.landing-saas2-testi .section-desc {
  margin-top: 24px;
}
.landing-saas2-testi .gap-container {
  margin: 0 -15px;
}
.landing-saas2-testi .gap-x {
  padding: 0 15px;
}
.landing-saas2-testi .testi-card {
  width: 325px;
  height: 229px;
  padding: 30px 30px 25px;
}
.landing-saas2-testi .testi-card.big {
  width: 430px;
}
.landing-saas2-testi .column-gap {
  column-gap: 8px;
}
.landing-saas2-testi .testi {
  font-size: 16px;
  line-height: 1.69;
  color: #6AD6A2;
  height: 80px;
  margin-top: 30px;
  margin-bottom: 26px;
}
.landing-saas2-testi .name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: 0.23px;
  color: #6AD6A2;
}
.landing-saas2-testi .testi-progress {
  width: 780px;
  height: 2px;
  border-radius: 2000px;
  background-color: rgba(179, 186, 197, 0.1);
}
.landing-saas2-testi .testi-progress-value {
  width: 0%;
  animation: load 3s normal forwards;
  background-color: #6AD6A2;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.landing-saas2-testi .text {
  font-size: 14px;
  line-height: 1.43;
  color: #5a7184;
}

.landing-saas2-company {
  padding-top: 80px;
  padding-bottom: 72px;
}
.landing-saas2-company .container {
  max-width: 1046px;
  padding: 0;
}
.landing-saas2-company .text {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-saas2-company .companies {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 94px;
  row-gap: 65px;
  margin-top: 56px;
  margin-bottom: 52px;
}
.landing-saas2-company img {
  width: 96px;
}

.landing-saas2-support {
  background-color: #faad13;
  padding-top: 40px;
  margin-bottom: 96px;
}
.landing-saas2-support .text-container {
  width: 457px;
}
.landing-saas2-support .section-title,
.landing-saas2-support .section-desc {
  color: white !important;
}
.landing-saas2-support .btn {
  border-radius: 4px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.landing-saas2-support a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}
.landing-saas2-support a.bg-bright-red {
  color: white;
  width: 149px;
}
.landing-saas2-support a.bg-white {
  color: #faad13;
  width: 153px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body.landing-saas2 .section-title {
    font-size: 28px;
  }
  body.landing-saas2 .section-desc {
    font-size: 16px;
  }

  header.landing-saas2 .hero {
    padding-top: 64px;
    padding-bottom: 48px;
  }
  header.landing-saas2 .hero .container {
    max-width: 574px;
    padding: 0;
  }
  header.landing-saas2 .hero .text-container {
    width: unset;
    text-align: center;
  }
  header.landing-saas2 .hero .hero-title {
    font-size: 48px;
    line-height: 1.25;
  }
  header.landing-saas2 .hero .section-desc {
    font-size: 18px !important;
    padding: 0 26px;
    margin-top: 18px;
    margin-bottom: 42px;
  }
  header.landing-saas2 .hero .decor::after {
    content: url(../../assets/images/landing-saas2/line-tablet.svg);
    position: absolute;
    left: 10px;
    top: 20px;
  }
  header.landing-saas2 .hero .custom-form {
    justify-content: center;
    margin-bottom: 36px;
  }
  header.landing-saas2 .hero .image {
    margin-top: 64px;
  }

  .landing-saas2-inbox {
    height: 563px;
    padding-top: 56px;
    margin: 0;
  }
  .landing-saas2-inbox .container {
    max-width: 688px;
    padding: 0;
  }
  .landing-saas2-inbox .section-title {
    font-size: 36px !important;
  }
  .landing-saas2-inbox .section-desc {
    font-size: 16px !important;
    margin-top: 19px;
    margin-bottom: 40px;
  }
  .landing-saas2-inbox .gap {
    gap: 18px;
  }
  .landing-saas2-inbox .fas,
.landing-saas2-inbox .fab {
    width: 56px;
    height: 56px;
  }
  .landing-saas2-inbox .image {
    width: 688px;
  }

  .landing-saas2-capture {
    padding-top: 344px;
    padding-bottom: 0;
  }
  .landing-saas2-capture .container {
    max-width: 662px;
    padding: 0;
  }
  .landing-saas2-capture .text-container {
    width: unset;
  }
  .landing-saas2-capture .section-title {
    margin: 0;
    margin-bottom: 38px;
  }
  .landing-saas2-capture .decor::after {
    content: url(../../assets/images/landing-saas2/line2-tablet.svg);
    left: 8px;
    top: 16px;
  }
  .landing-saas2-capture .image {
    width: 400px;
    height: 423px;
    margin: auto;
    margin-top: 48px;
  }
  .landing-saas2-capture .items-start:nth-child(1) {
    width: 321px;
    margin-right: 41px;
  }
  .landing-saas2-capture .items-start:nth-child(2) {
    width: 270px;
  }

  .landing-saas2-experience {
    padding-bottom: 72px;
  }
  .landing-saas2-experience .container {
    max-width: 698px;
    padding: 0;
  }
  .landing-saas2-experience .text-container {
    width: unset;
    margin-bottom: 56px;
  }
  .landing-saas2-experience .gap {
    gap: 18px;
  }
  .landing-saas2-experience img {
    width: 340px;
  }

  .landing-saas2-chatbot .container {
    max-width: 668px;
    padding: 0;
    padding-top: 78px;
  }
  .landing-saas2-chatbot .text-container {
    width: unset;
    text-align: center;
  }
  .landing-saas2-chatbot .section-title {
    margin-right: 0;
    text-align: center;
  }
  .landing-saas2-chatbot .chatbot-card {
    padding: 20px;
    text-align: left;
  }
  .landing-saas2-chatbot .accordion div {
    font-size: 18px;
  }
  .landing-saas2-chatbot .image {
    width: 400px;
    margin: auto;
    margin-top: 58px;
  }
  .landing-saas2-chatbot hr {
    margin: 80px auto;
  }

  .landing-saas2-data {
    padding-bottom: 64px;
  }
  .landing-saas2-data .container {
    max-width: 700px;
    padding: 0;
  }
  .landing-saas2-data .data-card {
    width: 220px;
    height: 267px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .landing-saas2-data .image {
    height: 101px;
  }
  .landing-saas2-data img {
    width: 95px;
  }
  .landing-saas2-data .number {
    font-size: 28px;
    margin-top: 26px;
    margin-bottom: 6px;
  }
  .landing-saas2-data .text {
    font-size: 16px;
  }

  .landing-saas2-testi {
    padding: 56px 0;
    margin-left: 0;
  }
  .landing-saas2-testi .container {
    max-width: 728px;
    padding: 0;
    margin: auto;
  }
  .landing-saas2-testi .text-container {
    width: 574px;
  }
  .landing-saas2-testi .section-desc {
    margin-top: 20px;
  }
  .landing-saas2-testi .gap-container {
    margin: 0 -10px;
  }
  .landing-saas2-testi .gap-x {
    padding: 0 10px;
  }
  .landing-saas2-testi .testi-card {
    height: 224px;
  }
  .landing-saas2-testi .testi {
    margin-bottom: 22px;
  }
  .landing-saas2-testi .testi-progress {
    width: 295px;
  }

  .landing-saas2-company .container {
    max-width: 648px;
    padding: 0;
  }
  .landing-saas2-company .text {
    font-size: 22px;
  }
  .landing-saas2-company .companies {
    column-gap: 57px;
    row-gap: 30px;
    margin-top: 52px;
    margin-bottom: 47px;
  }
  .landing-saas2-company img {
    width: 119px;
  }

  .landing-saas2-support {
    padding-top: 56px;
    margin-bottom: 31px;
  }
  .landing-saas2-support .container {
    max-width: 601px;
    padding: 0;
  }
  .landing-saas2-support .text-container {
    text-align: center;
  }
  .landing-saas2-support .section-title {
    font-size: 40px !important;
  }
  .landing-saas2-support .section-desc {
    font-size: 18px !important;
  }
  .landing-saas2-support img {
    width: 601px;
    height: 369px;
    object-fit: cover;
    object-position: top;
    margin-top: 56px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body.landing-saas2 .section-title {
    font-size: 28px;
  }
  body.landing-saas2 .section-desc {
    font-size: 16px;
  }

  header.landing-saas2 .hero {
    padding-top: 64px;
    padding-bottom: 48px;
  }
  header.landing-saas2 .hero .container {
    max-width: 574px;
    padding: 0 !important;
  }
  header.landing-saas2 .hero .text-container {
    width: unset;
    text-align: center;
  }
  header.landing-saas2 .hero .hero-title {
    font-size: 48px;
    line-height: 1.25;
  }
  header.landing-saas2 .hero .section-desc {
    font-size: 18px !important;
    padding: 0 26px;
    margin-top: 18px;
    margin-bottom: 42px;
  }
  header.landing-saas2 .hero .decor::after {
    content: url(../../assets/images/landing-saas2/line-tablet.svg);
    position: absolute;
    left: 10px;
    top: 20px;
  }
  header.landing-saas2 .hero .custom-form {
    justify-content: center;
    margin-bottom: 36px;
  }
  header.landing-saas2 .hero .image {
    margin-top: 64px;
  }

  .landing-saas2-inbox {
    height: 563px;
    padding-top: 56px;
    margin: 0;
  }
  .landing-saas2-inbox .container {
    max-width: 688px;
    padding: 0 !important;
  }
  .landing-saas2-inbox .section-title {
    font-size: 36px !important;
  }
  .landing-saas2-inbox .section-desc {
    font-size: 16px !important;
    margin-top: 19px;
    margin-bottom: 40px;
  }
  .landing-saas2-inbox .gap {
    gap: 18px;
  }
  .landing-saas2-inbox .fas,
.landing-saas2-inbox .fab {
    width: 56px;
    height: 56px;
  }
  .landing-saas2-inbox .image {
    width: 688px;
  }

  .landing-saas2-capture {
    padding-top: 344px;
    padding-bottom: 0;
  }
  .landing-saas2-capture .container {
    max-width: 662px;
    padding: 0 !important;
  }
  .landing-saas2-capture .text-container {
    width: unset;
  }
  .landing-saas2-capture .section-title {
    margin: 0;
    margin-bottom: 38px;
  }
  .landing-saas2-capture .decor::after {
    content: url(../../assets/images/landing-saas2/line2-tablet.svg);
    left: 8px;
    top: 16px;
  }
  .landing-saas2-capture .image {
    width: 400px;
    height: 423px;
    margin: auto;
    margin-top: 48px;
  }
  .landing-saas2-capture .items-start:nth-child(1) {
    width: 321px;
    margin-right: 41px;
  }
  .landing-saas2-capture .items-start:nth-child(2) {
    width: 270px;
  }

  .landing-saas2-experience {
    padding-bottom: 72px;
  }
  .landing-saas2-experience .container {
    max-width: 698px;
    padding: 0 !important;
  }
  .landing-saas2-experience .text-container {
    width: unset;
    margin-bottom: 56px;
  }
  .landing-saas2-experience .gap {
    gap: 18px;
  }
  .landing-saas2-experience img {
    width: 340px;
  }

  .landing-saas2-chatbot .container {
    max-width: 668px;
    padding: 0 !important;
    padding-top: 78px !important;
  }
  .landing-saas2-chatbot .text-container {
    width: unset;
    text-align: center;
  }
  .landing-saas2-chatbot .section-title {
    margin-right: 0;
    text-align: center;
  }
  .landing-saas2-chatbot .chatbot-card {
    padding: 20px;
    text-align: left;
  }
  .landing-saas2-chatbot .accordion div {
    font-size: 18px;
  }
  .landing-saas2-chatbot .image {
    width: 400px;
    margin: auto;
    margin-top: 58px;
  }
  .landing-saas2-chatbot hr {
    margin: 80px auto;
  }

  .landing-saas2-data {
    padding-bottom: 64px;
  }
  .landing-saas2-data .container {
    max-width: 700px;
    padding: 0 !important;
  }
  .landing-saas2-data .data-card {
    width: 220px;
    height: 267px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .landing-saas2-data .image {
    height: 101px;
  }
  .landing-saas2-data img {
    width: 95px;
  }
  .landing-saas2-data .number {
    font-size: 28px;
    margin-top: 26px;
    margin-bottom: 6px;
  }
  .landing-saas2-data .text {
    font-size: 16px;
  }

  .landing-saas2-testi {
    padding: 56px 0;
    margin-left: 0;
  }
  .landing-saas2-testi .container {
    max-width: 728px;
    padding: 0 !important;
    margin: auto;
  }
  .landing-saas2-testi .text-container {
    width: 574px;
  }
  .landing-saas2-testi .section-desc {
    margin-top: 20px;
  }
  .landing-saas2-testi .gap-container {
    margin: 0 -10px;
  }
  .landing-saas2-testi .gap-x {
    padding: 0 10px;
  }
  .landing-saas2-testi .testi-card {
    height: 224px;
  }
  .landing-saas2-testi .testi {
    margin-bottom: 22px;
  }
  .landing-saas2-testi .testi-progress {
    width: 295px;
  }

  .landing-saas2-company .container {
    max-width: 648px;
    padding: 0 !important;
  }
  .landing-saas2-company .text {
    font-size: 22px;
  }
  .landing-saas2-company .companies {
    column-gap: 57px;
    row-gap: 30px;
    margin-top: 52px;
    margin-bottom: 47px;
  }
  .landing-saas2-company img {
    width: 119px;
  }

  .landing-saas2-support {
    padding-top: 56px;
    margin-bottom: 31px;
  }
  .landing-saas2-support .container {
    max-width: 601px;
    padding: 0 !important;
  }
  .landing-saas2-support .text-container {
    text-align: center;
  }
  .landing-saas2-support .section-title {
    font-size: 40px !important;
  }
  .landing-saas2-support .section-desc {
    font-size: 18px !important;
  }
  .landing-saas2-support img {
    width: 601px;
    height: 369px;
    object-fit: cover;
    object-position: top;
    margin-top: 56px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  body.landing-saas2 .section-title {
    font-size: 28px;
  }
  body.landing-saas2 .section-desc {
    font-size: 16px;
  }

  header.landing-saas2 .hero {
    padding-top: 64px;
    padding-bottom: 48px;
  }
  header.landing-saas2 .hero .container {
    max-width: 574px;
    padding: 0 !important;
  }
  header.landing-saas2 .hero .text-container {
    width: unset;
    text-align: center;
  }
  header.landing-saas2 .hero .hero-title {
    font-size: 48px;
    line-height: 1.25;
  }
  header.landing-saas2 .hero .section-desc {
    font-size: 18px !important;
    padding: 0 26px;
    margin-top: 18px;
    margin-bottom: 42px;
  }
  header.landing-saas2 .hero .decor::after {
    content: url(../../assets/images/landing-saas2/line-tablet.svg);
    position: absolute;
    left: 10px;
    top: 20px;
  }
  header.landing-saas2 .hero .custom-form {
    justify-content: center;
    margin-bottom: 36px;
  }
  header.landing-saas2 .hero .image {
    margin-top: 64px;
  }

  .landing-saas2-inbox {
    height: 563px;
    padding-top: 56px;
    margin: 0;
  }
  .landing-saas2-inbox .container {
    max-width: 496px;
    padding: 0 !important;
  }
  .landing-saas2-inbox .text-container {
    width: 496px;
  }
  .landing-saas2-inbox .section-title {
    font-size: 36px !important;
  }
  .landing-saas2-inbox .section-desc {
    font-size: 16px !important;
    margin-top: 19px;
    margin-bottom: 40px;
  }
  .landing-saas2-inbox .gap {
    gap: 18px;
  }
  .landing-saas2-inbox .fas,
.landing-saas2-inbox .fab {
    width: 56px;
    height: 56px;
  }
  .landing-saas2-inbox .image {
    width: 496px;
  }

  .landing-saas2-capture {
    padding-top: 200px;
    padding-bottom: 0;
  }
  .landing-saas2-capture .container {
    max-width: 100%;
    padding: 0 !important;
  }
  .landing-saas2-capture .text-container {
    width: unset;
  }
  .landing-saas2-capture .section-title {
    text-align: center;
    padding: 0 85px;
    margin: 0;
    margin-bottom: 38px;
  }
  .landing-saas2-capture .section-desc {
    text-align: center;
  }
  .landing-saas2-capture .decor::after {
    content: url(../../assets/images/landing-saas2/line2-tablet.svg);
    left: 8px;
    top: 16px;
  }
  .landing-saas2-capture .image {
    width: 400px;
    height: 423px;
    margin: auto;
    margin-top: 48px;
  }
  .landing-saas2-capture .items-start:nth-child(1) {
    width: 321px;
    margin-right: 0;
  }
  .landing-saas2-capture .items-start:nth-child(2) {
    width: 270px;
  }

  .landing-saas2-experience {
    padding-bottom: 72px;
  }
  .landing-saas2-experience .container {
    max-width: 522px;
    padding: 0 !important;
  }
  .landing-saas2-experience .text-container {
    width: unset;
    margin-bottom: 56px;
  }
  .landing-saas2-experience .gap {
    gap: 18px;
  }
  .landing-saas2-experience img {
    width: calc(504px / 2);
  }
  .landing-saas2-experience .title {
    font-size: 18px;
  }

  .landing-saas2-chatbot .container {
    max-width: 536px;
    padding: 0 !important;
    padding-top: 78px !important;
  }
  .landing-saas2-chatbot .text-container {
    width: unset;
    text-align: center;
  }
  .landing-saas2-chatbot .section-title {
    margin-right: 0;
    text-align: center;
    padding: 0 94px;
  }
  .landing-saas2-chatbot span {
    padding: 0 4px;
    border-radius: 4px;
  }
  .landing-saas2-chatbot .chatbot-card {
    padding: 20px;
    text-align: left;
  }
  .landing-saas2-chatbot .accordion div {
    font-size: 18px;
  }
  .landing-saas2-chatbot .image {
    width: 400px;
    margin: auto;
    margin-top: 58px;
  }
  .landing-saas2-chatbot hr {
    margin: 80px auto;
  }

  .landing-saas2-data {
    padding-bottom: 64px;
  }
  .landing-saas2-data .container {
    max-width: 460px;
    padding: 0 !important;
  }
  .landing-saas2-data .data-card {
    width: 220px;
    height: 267px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .landing-saas2-data .image {
    height: 101px;
  }
  .landing-saas2-data img {
    width: 95px;
  }
  .landing-saas2-data .number {
    font-size: 28px;
    margin-top: 26px;
    margin-bottom: 6px;
  }
  .landing-saas2-data .text {
    font-size: 16px;
  }

  .landing-saas2-testi {
    padding: 56px 0;
    margin-left: 0;
  }
  .landing-saas2-testi .container {
    max-width: 536px;
    padding: 0 !important;
    margin: auto;
  }
  .landing-saas2-testi .text-container {
    width: 574px;
  }
  .landing-saas2-testi .section-desc {
    margin-top: 20px;
  }
  .landing-saas2-testi .gap-container {
    margin: 0 -10px;
  }
  .landing-saas2-testi .gap-x {
    padding: 0 10px;
  }
  .landing-saas2-testi .testi-card {
    height: 224px;
  }
  .landing-saas2-testi .testi {
    margin-bottom: 22px;
  }
  .landing-saas2-testi .testi-progress {
    width: 295px;
  }

  .landing-saas2-company .container {
    max-width: 472px;
    padding: 0 !important;
  }
  .landing-saas2-company .text {
    font-size: 22px;
  }
  .landing-saas2-company .companies {
    column-gap: 57px;
    row-gap: 30px;
    margin-top: 52px;
    margin-bottom: 47px;
  }
  .landing-saas2-company img {
    width: 119px;
  }

  .landing-saas2-support {
    padding-top: 56px;
    margin-bottom: 31px;
  }
  .landing-saas2-support .container {
    max-width: 576px;
    padding: 0 !important;
  }
  .landing-saas2-support .text-container {
    text-align: center;
  }
  .landing-saas2-support .section-title {
    font-size: 40px !important;
  }
  .landing-saas2-support .section-desc {
    font-size: 18px !important;
  }
  .landing-saas2-support img {
    width: 576px;
    height: 369px;
    object-fit: cover;
    object-position: top;
    margin-top: 56px;
  }
}
@media (max-width: 575.98px) {
  body.landing-saas2 .section-title {
    font-size: 28px;
  }
  body.landing-saas2 .section-desc {
    font-size: 14px;
  }

  header.landing-saas2 .hero {
    padding-top: 32px;
    padding-bottom: 48px;
  }
  header.landing-saas2 .hero .container {
    max-width: 300px;
    padding: 0;
  }
  header.landing-saas2 .hero .text-container {
    width: unset;
    text-align: center;
  }
  header.landing-saas2 .hero .hero-title {
    font-size: 32px;
    padding: 0 1px;
  }
  header.landing-saas2 .hero .section-desc {
    font-size: 16px;
    padding: 0 1px;
    margin-top: 16px;
  }
  header.landing-saas2 .hero .decor::after {
    content: url(../../assets/images/landing-saas2/line-mobile.svg);
    left: 4px;
    top: 12px;
  }
  header.landing-saas2 .hero .custom-form {
    flex-direction: column;
    gap: 10px;
    padding: 12px 8px;
    background-color: white;
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
    border-radius: 8px;
    margin-bottom: 9px;
  }
  header.landing-saas2 .hero input {
    width: 264px;
    height: 40px;
  }
  header.landing-saas2 .hero button {
    width: 264px;
    height: 40px;
    border-radius: 8px;
  }
  header.landing-saas2 .hero .column-gap {
    gap: 15px;
  }
  header.landing-saas2 .hero .image {
    width: 280px;
    margin-top: 48px;
  }

  .landing-saas2-inbox {
    height: 508px;
    padding-top: 48px;
    margin: 0;
  }
  .landing-saas2-inbox .container {
    max-width: 300px;
    padding: 0;
  }
  .landing-saas2-inbox .text-container {
    width: unset;
  }
  .landing-saas2-inbox .section-title {
    padding: 0 4px;
  }
  .landing-saas2-inbox .section-desc {
    padding: 0 31px;
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .landing-saas2-inbox .gap {
    gap: 18px;
  }
  .landing-saas2-inbox .fas,
.landing-saas2-inbox .fab {
    width: 48px;
    height: 48px;
  }
  .landing-saas2-inbox .image {
    width: 300px;
  }
  .landing-saas2-inbox hr {
    display: block;
    width: 160px;
    border-top: 2px solid rgba(179, 186, 197, 0.1);
    margin-top: 56px;
    margin-bottom: 0;
  }

  .landing-saas2-capture {
    padding: 0;
    padding-top: 221px;
  }
  .landing-saas2-capture .container {
    max-width: 290px;
    padding: 0;
  }
  .landing-saas2-capture .text-container {
    width: unset;
    text-align: center;
  }
  .landing-saas2-capture .section-title {
    margin: 0;
    margin-bottom: 34px;
  }
  .landing-saas2-capture .decor::after {
    content: url(../../assets/images/landing-saas2/line2-mobile.svg);
    left: 4px;
    top: 12px;
  }
  .landing-saas2-capture .section-desc {
    width: 250px;
  }
  .landing-saas2-capture .image {
    width: 290px;
    height: auto;
    margin-top: 48px;
  }

  .landing-saas2-experience {
    padding-top: 64px;
    padding-bottom: 32px;
  }
  .landing-saas2-experience .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-saas2-experience .text-container {
    width: unset;
    margin-bottom: 34px;
  }
  .landing-saas2-experience .gap {
    gap: 40px;
  }
  .landing-saas2-experience img {
    width: 280px;
  }
  .landing-saas2-experience .title {
    font-size: 18px;
  }
  .landing-saas2-experience .desc {
    font-size: 14px;
    padding-right: 13px;
  }

  .landing-saas2-chatbot .container {
    max-width: 290px;
    padding: 0;
    padding-top: 64px;
  }
  .landing-saas2-chatbot .text-container {
    width: unset;
    text-align: center;
  }
  .landing-saas2-chatbot .section-title {
    margin-right: 0;
  }
  .landing-saas2-chatbot span {
    border-radius: 4px;
    padding: 1px;
    color: #6AD6A2;
  }
  .landing-saas2-chatbot .chatbot-card {
    text-align: left;
    padding: 18px;
    padding-right: 0;
  }
  .landing-saas2-chatbot .accordion div {
    font-size: 16px;
  }
  .landing-saas2-chatbot .accordion .fa-chevron-down {
    margin-right: 15px;
  }
  .landing-saas2-chatbot .panel {
    margin: 0;
    margin-left: 29px;
  }
  .landing-saas2-chatbot .panel p {
    font-size: 14px;
    margin-top: 8px;
  }
  .landing-saas2-chatbot .image {
    width: 290px;
    margin-top: 48px;
  }
  .landing-saas2-chatbot hr {
    margin: 56px auto;
    width: 160px;
  }

  .landing-saas2-data {
    padding-bottom: 56px;
  }
  .landing-saas2-data .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-saas2-data .data-card {
    width: 280px;
    height: 224px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .landing-saas2-data .image {
    height: 103px;
  }
  .landing-saas2-data img {
    width: 94px;
  }
  .landing-saas2-data .number {
    margin-top: 15px;
    margin-bottom: 8px;
  }
  .landing-saas2-data .text {
    font-size: 16px;
  }

  .landing-saas2-testi {
    margin-left: 0;
    padding-top: 48px;
    padding-bottom: 36px;
  }
  .landing-saas2-testi .container {
    max-width: 300px;
    padding: 0;
    margin: auto;
  }
  .landing-saas2-testi .text-container {
    width: unset;
  }
  .landing-saas2-testi .section-desc {
    padding: 0 8px;
    margin-top: 16px;
  }
  .landing-saas2-testi .testi-card {
    height: fit-content;
    padding: 20px;
    padding-right: 10px;
    padding-bottom: 34px;
  }
  .landing-saas2-testi .testi-card.big {
    width: 270px;
  }
  .landing-saas2-testi .testi {
    font-size: 14px;
    margin-top: 18px;
    margin-bottom: 26.2px;
  }
  .landing-saas2-testi .name {
    font-size: 16px;
  }
  .landing-saas2-testi .testi-progress {
    width: 280px;
    margin-bottom: 24px;
  }

  .landing-saas2-company {
    padding: 56px 0;
  }
  .landing-saas2-company .container {
    max-width: 246px;
    padding: 0;
  }
  .landing-saas2-company .companies {
    margin: 36px 0;
    column-gap: 54px;
    row-gap: 36px;
  }

  .landing-saas2-support {
    margin-bottom: 0;
  }
  .landing-saas2-support .container {
    max-width: 320px;
    padding: 0;
  }
  .landing-saas2-support .text-container {
    width: unset;
    text-align: center;
  }
  .landing-saas2-support .section-desc {
    padding: 0 18px;
  }
  .landing-saas2-support a {
    width: 160px;
    height: 48px;
  }
  .landing-saas2-support img {
    width: 320px;
    height: 205px;
    object-fit: cover;
    object-position: top;
    margin-top: 41px;
  }
}
body.landing-saas3 .section-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  font-family: "Open Sans", sans-serif;
}
body.landing-saas3 .section-title {
  font-size: 14px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.43;
  letter-spacing: 2px;
  color: #5a7184;
}
body.landing-saas3 .tagline {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}

header.landing-saas3 .hero {
  padding-top: 68px;
}
header.landing-saas3 .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
header.landing-saas3 .hero .section-desc {
  margin-top: 18px;
  margin-bottom: 40px;
}
header.landing-saas3 .hero .btn-container {
  display: flex;
  gap: 30px;
}
header.landing-saas3 .hero a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 32px;
  text-decoration: none;
  border-radius: 12px;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

.landing-saas3-partner {
  padding: 100px 0;
}
.landing-saas3-partner .partner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 104px;
  margin-bottom: 100px;
}
.landing-saas3-partner img {
  width: 116px;
}
.landing-saas3-partner .dots {
  height: 62px;
  background-image: url("../../assets/images/landing-saas3/dots.svg");
}

.landing-saas3-collab {
  padding-bottom: 120px;
}
.landing-saas3-collab .tagline {
  margin-top: 28px;
  margin-bottom: 15px;
}
.landing-saas3-collab .section-desc {
  width: 384px;
  margin-bottom: 34px;
}
.landing-saas3-collab a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 56px;
  margin: auto;
  border-radius: 12px;
  background-color: #1565d8;
  color: white;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}
.landing-saas3-collab img.image {
  width: 682px;
  padding: 40px;
  padding-right: 44px;
  padding-left: 36px;
}
.landing-saas3-collab div.image img {
  height: 644px;
  object-fit: cover;
}
.landing-saas3-collab .column-gap {
  column-gap: 45px;
}
.landing-saas3-collab .gap {
  gap: 50px;
}
.landing-saas3-collab .xl-w-544.gap {
  gap: 33px;
}
.landing-saas3-collab .title {
  font-size: 24px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas3-collab .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}
.landing-saas3-collab .collab-card {
  width: 350px;
  height: 262px;
  padding-top: 30px;
  padding-right: 32px;
  padding-bottom: 30px;
  padding-left: 30px;
}
.landing-saas3-collab .collab-card .title {
  margin-top: 26px;
  margin-bottom: 16px;
}

.landing-saas3-review {
  background-color: #6AD6A2;
  margin: 0 100px;
  padding-top: 40px;
  height: 378px;
  border-radius: 16px;
}
.landing-saas3-review .name {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.2px;
  color: #ffffff;
  margin-right: 10px;
}
.landing-saas3-review .job {
  font-size: 18px;
  color: #ffffff;
}
.landing-saas3-review .review {
  font-size: 28px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.71;
  letter-spacing: 0.19px;
  color: #ffffff;
}
.landing-saas3-review img {
  width: unset !important;
  margin-right: 76px;
}
.landing-saas3-review .owl-dots {
  position: absolute;
  top: 44px;
  right: 11px;
  line-height: 0;
}
.landing-saas3-review .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  margin: 0 6px;
}
.landing-saas3-review .owl-dots .owl-dot.active {
  background-color: white;
}
.landing-saas3-review .btn-container {
  top: 306px;
  left: 460px;
  z-index: 2;
}
.landing-saas3-review .btn-container a {
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  color: #959ead;
}
.landing-saas3-review .btn-container a:hover {
  color: #6AD6A2;
  cursor: pointer;
}
.landing-saas3-review .column-gap {
  column-gap: 20px;
}

.landing-saas3-integration {
  background-image: url("../../assets/images/landing-saas3/bg-left.svg"), url("../../assets/images/landing-saas3/bg-right.svg");
  background-repeat: no-repeat;
  background-position: left center, right center;
  padding-top: 84px;
  padding-bottom: 66px;
  margin: 100px;
  margin-top: 212px;
  margin-bottom: 120px;
}
.landing-saas3-integration .tagline {
  margin: 24px 0;
}
.landing-saas3-integration a {
  font-size: 18px;
}
.landing-saas3-integration i {
  font-size: 16px;
}

.landing-saas3-pricing {
  height: 902px;
  background-color: rgba(179, 186, 197, 0.1);
  padding-top: 80px;
}
.landing-saas3-pricing .text-container {
  width: 610px;
}
.landing-saas3-pricing .tagline {
  margin: 24px 0;
}
.landing-saas3-pricing .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.landing-saas3-pricing .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.landing-saas3-pricing .switch input:checked + .slider {
  background-color: #ccc;
}
.landing-saas3-pricing .switch input:focus + .slider {
  box-shadow: 0 0 1px #ccc;
}
.landing-saas3-pricing .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.landing-saas3-pricing .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #faad13;
  border-radius: 18px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.landing-saas3-pricing .switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.landing-saas3-pricing .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 8px;
}
.landing-saas3-pricing .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}
.landing-saas3-pricing .cards {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.landing-saas3-pricing .cards .pricing-card:last-child {
  box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.06);
}
.landing-saas3-pricing .pricing-card {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  padding: 22px 50px;
}

.landing-saas3-download {
  margin-top: 120px;
}
.landing-saas3-download .container {
  border-top: solid 1px #e3e7ed;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 100px;
}
.landing-saas3-download .tagline {
  font-size: 40px !important;
  font-family: "hk_grotesksemibold", sans-serif;
  margin-top: 40px;
  margin-bottom: 24px;
}
.landing-saas3-download .download-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 380px;
  height: 345px;
  background-color: rgba(54, 179, 126, 0.1);
  color: #5a7184;
  padding-top: 50px;
  padding-bottom: 40px;
}
.landing-saas3-download .download-card:hover {
  background-color: #36b37e;
  color: white;
}
.landing-saas3-download .download-card:hover a {
  background-color: white;
  color: #6AD6A2;
  border-color: white;
  text-decoration: none;
}
.landing-saas3-download .fab {
  font-size: 42px;
  margin-bottom: 48px;
}
.landing-saas3-download .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: 0.2px;
}
.landing-saas3-download .desc {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 12px;
  margin-bottom: 40px;
}
.landing-saas3-download a {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 45px;
  margin: auto;
  background-color: transparent;
  border-radius: 12px;
  border: solid 2px #36b37e;
  font-family: "Open Sans", sans-serif;
  color: #36b37e;
  font-weight: bold;
}

.landing-saas3-subscribe {
  margin-bottom: 44px;
}
.landing-saas3-subscribe .container {
  border-bottom: solid 1px #e3e7ed;
  padding-top: 42px;
  padding-bottom: 62px;
}
.landing-saas3-subscribe .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-saas3-subscribe .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  margin-top: 8px;
}
.landing-saas3-subscribe .custom-form {
  display: flex;
  width: 497px;
}
.landing-saas3-subscribe input {
  flex: auto;
  border-radius: 8px;
  box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #e5eaf4;
  border-right: none;
  outline: none;
  font-family: "Open Sans", sans-serif;
  color: #5a7184;
  padding-left: 24px;
}
.landing-saas3-subscribe button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  height: 58px;
  border-radius: 4px;
  border: none;
  background-color: #6AD6A2;
  font-family: "Open Sans", sans-serif;
  color: white;
  font-weight: bold;
}
.landing-saas3-subscribe .form-group {
  width: 497px;
  box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
}
.landing-saas3-subscribe input:focus {
  box-shadow: none;
}
.landing-saas3-subscribe .btn {
  border-radius: 4px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body.landing-saas3 .section-desc {
    font-size: 16px;
  }

  header.landing-saas3 .hero {
    padding-top: 26px;
    text-align: center;
  }
  header.landing-saas3 .hero .container {
    max-width: 622px;
    padding: 0;
  }
  header.landing-saas3 .hero .hero-title {
    font-size: 48px;
    padding: 0 116px;
  }
  header.landing-saas3 .hero .section-desc {
    margin-bottom: 50px;
    padding: 0 60px;
  }
  header.landing-saas3 .hero .btn-container {
    justify-content: center;
  }
  header.landing-saas3 .hero img {
    margin-top: 72px;
  }

  .landing-saas3-partner {
    padding: 72px 0;
  }
  .landing-saas3-partner .container {
    max-width: 668px;
    padding: 0;
  }
  .landing-saas3-partner .partner {
    gap: 39px;
  }
  .landing-saas3-partner img {
    width: 87px;
  }
  .landing-saas3-partner .dots {
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .landing-saas3-collab {
    text-align: center;
    padding-bottom: 80px;
  }
  .landing-saas3-collab .container {
    max-width: 700px;
    padding: 0;
  }
  .landing-saas3-collab .section-desc {
    font-size: 18px !important;
    width: 525px;
  }
  .landing-saas3-collab img.image {
    margin-top: 22px;
  }
  .landing-saas3-collab .column-gap {
    column-gap: 20px;
  }
  .landing-saas3-collab .collab-card {
    width: 220px;
    height: 235px;
    border-radius: 8px;
    border: solid 2px rgba(179, 186, 197, 0.1);
    padding: 22px;
    padding-right: 16px;
    padding-left: 20px;
    text-align: left;
  }
  .landing-saas3-collab .collab-card img {
    width: 44px;
  }
  .landing-saas3-collab .collab-card .title {
    font-size: 16px;
    margin-top: 22px;
    margin-bottom: 9px;
  }
  .landing-saas3-collab .collab-card .desc {
    font-size: 14px;
  }
  .landing-saas3-collab .gap {
    gap: 56px;
  }
  .landing-saas3-collab .xl-w-544.gap {
    gap: 50px;
  }
  .landing-saas3-collab div.image img {
    width: 280px;
    height: 331px;
  }

  .landing-saas3-review {
    height: unset;
    margin: 0;
    border-radius: unset;
    padding-top: 29px;
    padding-bottom: 21px;
  }
  .landing-saas3-review .container {
    max-width: 678px;
    padding: 0;
  }
  .landing-saas3-review img {
    width: 203px !important;
    margin-right: 55px;
  }
  .landing-saas3-review .name {
    font-size: 20px;
  }
  .landing-saas3-review .review {
    font-size: 22px;
    padding-right: 21px;
  }
  .landing-saas3-review .btn-container {
    top: unset;
    bottom: -46px;
    left: 258px;
  }

  .landing-saas3-integration {
    background-size: contain;
    margin: 0;
    margin-top: 115px;
    margin-bottom: 80px;
    padding-top: 54px;
    padding-bottom: 35px;
  }
  .landing-saas3-integration .tagline {
    font-size: 32px !important;
  }

  .landing-saas3-pricing {
    height: 764px;
    padding-top: 48px;
  }
  .landing-saas3-pricing .container {
    max-width: 698px;
    padding: 0;
  }
  .landing-saas3-pricing .tagline {
    font-size: 32px !important;
    margin-bottom: 20px;
  }
  .landing-saas3-pricing .cards {
    row-gap: 18px;
  }
  .landing-saas3-pricing .pricing-card {
    padding: 20px 30px;
  }
  .landing-saas3-pricing .title {
    font-size: 20px;
  }
  .landing-saas3-pricing .desc {
    font-size: 14px;
  }

  .landing-saas3-download {
    margin-top: 130px;
  }
  .landing-saas3-download .container {
    max-width: 708px;
    padding: 0;
    padding-top: 46px;
    padding-bottom: 72px;
  }
  .landing-saas3-download .tagline {
    font-size: 32px !important;
    margin-top: 24px;
    margin-bottom: 18px;
  }
  .landing-saas3-download a {
    padding: 13px 24px;
  }
  .landing-saas3-download .download-card {
    width: 236px;
    height: fit-content;
    padding-top: 36px;
    padding-bottom: 32px;
  }
  .landing-saas3-download .fab {
    margin-bottom: 46px;
  }
  .landing-saas3-download .title {
    font-size: 22px;
  }
  .landing-saas3-download .desc {
    font-size: 14px;
    padding: 0 32px;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .landing-saas3-subscribe {
    text-align: center;
  }
  .landing-saas3-subscribe .container {
    max-width: 497px;
    padding: 40px 0;
    border: none;
  }
  .landing-saas3-subscribe .desc {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body.landing-saas3 .section-desc {
    font-size: 16px;
  }

  header.landing-saas3 .hero {
    padding-top: 26px;
    text-align: center;
  }
  header.landing-saas3 .hero .container {
    max-width: 622px;
    padding: 0 !important;
  }
  header.landing-saas3 .hero .hero-title {
    font-size: 48px;
    padding: 0 116px;
  }
  header.landing-saas3 .hero .section-desc {
    margin-bottom: 50px;
    padding: 0 60px;
  }
  header.landing-saas3 .hero .btn-container {
    justify-content: center;
  }
  header.landing-saas3 .hero img {
    margin-top: 72px;
  }

  .landing-saas3-partner {
    padding: 72px 0;
  }
  .landing-saas3-partner .container {
    max-width: 668px;
    padding: 0 !important;
  }
  .landing-saas3-partner .partner {
    gap: 39px;
  }
  .landing-saas3-partner img {
    width: 87px;
  }
  .landing-saas3-partner .dots {
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .landing-saas3-collab {
    text-align: center;
    padding-bottom: 80px;
  }
  .landing-saas3-collab .container {
    max-width: 700px !important;
    padding: 0;
  }
  .landing-saas3-collab .section-desc {
    font-size: 18px !important;
    width: 525px;
  }
  .landing-saas3-collab img.image {
    margin-top: 22px;
  }
  .landing-saas3-collab .column-gap {
    column-gap: 20px;
  }
  .landing-saas3-collab .collab-card {
    width: 220px;
    height: 235px;
    border-radius: 8px;
    border: solid 2px rgba(179, 186, 197, 0.1);
    padding: 22px;
    padding-right: 16px;
    padding-left: 20px;
    text-align: left;
  }
  .landing-saas3-collab .collab-card img {
    width: 44px;
  }
  .landing-saas3-collab .collab-card .title {
    font-size: 16px;
    margin-top: 22px;
    margin-bottom: 9px;
  }
  .landing-saas3-collab .collab-card .desc {
    font-size: 14px;
  }
  .landing-saas3-collab .gap {
    gap: 56px;
  }
  .landing-saas3-collab .xl-w-544.gap {
    gap: 50px;
  }
  .landing-saas3-collab div.image img {
    width: 280px;
    height: 331px;
  }

  .landing-saas3-review {
    height: unset;
    margin: 0;
    border-radius: unset;
    padding-top: 29px;
    padding-bottom: 21px;
  }
  .landing-saas3-review .container {
    max-width: 678px;
    padding: 0 !important;
  }
  .landing-saas3-review img {
    width: 203px !important;
    margin-right: 55px;
  }
  .landing-saas3-review .name {
    font-size: 20px;
  }
  .landing-saas3-review .review {
    font-size: 22px;
    padding-right: 21px;
  }
  .landing-saas3-review .btn-container {
    top: unset;
    bottom: -46px;
    left: 258px;
  }

  .landing-saas3-integration {
    background-size: contain;
    margin: 0;
    margin-top: 115px;
    margin-bottom: 80px;
    padding-top: 54px;
    padding-bottom: 35px;
  }
  .landing-saas3-integration .tagline {
    font-size: 32px !important;
  }

  .landing-saas3-pricing {
    height: 764px;
    padding-top: 48px;
  }
  .landing-saas3-pricing .container {
    max-width: 698px;
    padding: 0 !important;
  }
  .landing-saas3-pricing .tagline {
    font-size: 32px !important;
    margin-bottom: 20px;
  }
  .landing-saas3-pricing .cards {
    row-gap: 18px;
  }
  .landing-saas3-pricing .pricing-card {
    padding: 20px 30px;
  }
  .landing-saas3-pricing .title {
    font-size: 20px;
  }
  .landing-saas3-pricing .desc {
    font-size: 14px;
  }

  .landing-saas3-download {
    margin-top: 130px;
  }
  .landing-saas3-download .container {
    max-width: 708px !important;
    padding: 0;
    padding-top: 46px;
    padding-bottom: 72px;
  }
  .landing-saas3-download .tagline {
    font-size: 32px !important;
    margin-top: 24px;
    margin-bottom: 18px;
  }
  .landing-saas3-download a {
    padding: 13px 24px;
  }
  .landing-saas3-download .download-card {
    width: 236px;
    height: fit-content;
    padding-top: 36px;
    padding-bottom: 32px;
  }
  .landing-saas3-download .fab {
    margin-bottom: 46px;
  }
  .landing-saas3-download .title {
    font-size: 22px;
  }
  .landing-saas3-download .desc {
    font-size: 14px;
    padding: 0 32px;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .landing-saas3-subscribe {
    text-align: center;
  }
  .landing-saas3-subscribe .container {
    max-width: 497px !important;
    padding: 40px 0;
    border: none;
  }
  .landing-saas3-subscribe .desc {
    margin-bottom: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  body.landing-saas3 .section-desc {
    font-size: 16px;
  }

  header.landing-saas3 .hero {
    padding-top: 26px;
    text-align: center;
  }
  header.landing-saas3 .hero .container {
    max-width: 576px;
    padding: 0 !important;
  }
  header.landing-saas3 .hero .hero-title {
    font-size: 48px;
    padding: 0 93px;
  }
  header.landing-saas3 .hero .section-desc {
    margin-bottom: 50px;
    padding: 0 37px;
  }
  header.landing-saas3 .hero .btn-container {
    justify-content: center;
  }
  header.landing-saas3 .hero img {
    margin-top: 72px;
  }

  .landing-saas3-partner {
    padding: 72px 0;
  }
  .landing-saas3-partner .container {
    max-width: 516pxpx;
    padding: 0 !important;
  }
  .landing-saas3-partner .partner {
    gap: 30px;
  }
  .landing-saas3-partner img {
    width: calc(396px / 5);
  }
  .landing-saas3-partner .dots {
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .landing-saas3-collab {
    text-align: center;
    padding-bottom: 80px;
  }
  .landing-saas3-collab .container {
    max-width: 576px !important;
    padding: 0;
  }
  .landing-saas3-collab .section-desc {
    font-size: 18px !important;
    width: 525px;
  }
  .landing-saas3-collab img.image {
    width: 556px;
    margin-top: 22px;
  }
  .landing-saas3-collab .column-gap {
    column-gap: 20px;
  }
  .landing-saas3-collab .collab-card {
    width: calc(496px / 3);
    height: fit-content;
    border-radius: 8px;
    border: solid 2px rgba(179, 186, 197, 0.1);
    padding: 15px 15px 16px;
    text-align: left;
  }
  .landing-saas3-collab .collab-card img {
    width: 44px;
  }
  .landing-saas3-collab .collab-card .title {
    font-size: 16px;
    margin-top: 22px;
    margin-bottom: 9px;
  }
  .landing-saas3-collab .collab-card .desc {
    font-size: 14px;
  }
  .landing-saas3-collab .gap {
    gap: 56px;
  }
  .landing-saas3-collab .xl-w-544.gap {
    gap: 30px;
  }
  .landing-saas3-collab div.image img {
    width: 240px;
    height: auto;
  }

  .landing-saas3-review {
    height: unset;
    margin: 0;
    border-radius: unset;
    padding-top: 29px;
    padding-bottom: 21px;
  }
  .landing-saas3-review .container {
    max-width: 556px;
    padding: 0 !important;
  }
  .landing-saas3-review img {
    width: 203px !important;
    margin-right: 55px;
  }
  .landing-saas3-review .name {
    font-size: 20px;
  }
  .landing-saas3-review .review {
    font-size: 22px;
    padding-right: 0;
  }
  .landing-saas3-review .btn-container {
    top: unset;
    bottom: -46px;
    left: 258px;
  }

  .landing-saas3-integration {
    background-size: contain;
    background-position: -100px center, 450px center;
    margin: 0;
    margin-top: 115px;
    margin-bottom: 80px;
    padding-top: 54px;
    padding-bottom: 35px;
  }
  .landing-saas3-integration .tagline {
    font-size: 32px !important;
  }

  .landing-saas3-pricing {
    height: 832px;
    padding-top: 48px;
  }
  .landing-saas3-pricing .container {
    max-width: 556px;
    padding: 0 !important;
  }
  .landing-saas3-pricing .text-container {
    width: unset;
  }
  .landing-saas3-pricing .tagline {
    font-size: 32px !important;
    margin-bottom: 20px;
  }
  .landing-saas3-pricing .cards {
    row-gap: 18px;
  }
  .landing-saas3-pricing .pricing-card {
    padding: 20px;
  }
  .landing-saas3-pricing .title {
    font-size: 20px;
  }
  .landing-saas3-pricing .desc {
    font-size: 14px;
  }
  .landing-saas3-pricing .underline {
    font-size: 14px;
  }

  .landing-saas3-download {
    margin-top: 130px;
  }
  .landing-saas3-download .container {
    max-width: 576px !important;
    padding: 0;
    padding-top: 46px;
    padding-bottom: 72px;
  }
  .landing-saas3-download .tagline {
    font-size: 32px !important;
    margin-top: 24px;
    margin-bottom: 18px;
  }
  .landing-saas3-download a {
    padding: 13px 24px;
  }
  .landing-saas3-download .download-card {
    width: calc(576px / 3);
    height: fit-content;
    padding-top: 36px;
    padding-bottom: 32px;
  }
  .landing-saas3-download .fab {
    margin-bottom: 46px;
  }
  .landing-saas3-download .title {
    font-size: 22px;
  }
  .landing-saas3-download .desc {
    font-size: 14px;
    padding: 0 32px;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .landing-saas3-subscribe {
    text-align: center;
  }
  .landing-saas3-subscribe .container {
    max-width: 497px !important;
    padding: 40px 0;
    border: none;
  }
  .landing-saas3-subscribe .desc {
    margin-bottom: 36px;
  }
}
@media (max-width: 575.98px) {
  body.landing-saas3 #bp_mobile {
    display: block;
  }
  body.landing-saas3 .tagline {
    font-size: 28px;
  }
  body.landing-saas3 .section-desc {
    font-size: 16px;
  }

  header.landing-saas3 .hero {
    padding-top: 32px;
    text-align: center;
  }
  header.landing-saas3 .hero .container {
    max-width: 300px;
    padding: 0;
  }
  header.landing-saas3 .hero .hero-title {
    font-size: 32px;
  }
  header.landing-saas3 .hero .section-desc {
    font-size: 16px;
    padding: 0 17px;
    margin-top: 16px;
    margin-bottom: 36px;
  }
  header.landing-saas3 .hero .btn-container {
    flex-direction: column;
    padding: 0 20px;
    gap: 16px;
  }
  header.landing-saas3 .hero a {
    height: 48px;
    padding: 0;
    font-size: 16px;
  }
  header.landing-saas3 .hero img {
    margin-top: 36px;
  }

  .landing-saas3-partner {
    padding-top: 40px;
    padding-bottom: 48px;
  }
  .landing-saas3-partner .container {
    max-width: 268px;
    padding: 0;
  }
  .landing-saas3-partner .partner {
    flex-wrap: wrap;
    column-gap: 34px;
    row-gap: 24px;
    width: 226px;
    margin: auto;
    margin-bottom: 36px;
  }
  .landing-saas3-partner img {
    width: 96px;
  }
  .landing-saas3-partner .dots {
    height: 21px;
    width: 268px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .landing-saas3-collab {
    text-align: center;
  }
  .landing-saas3-collab .container {
    max-width: 320px;
    padding: 0;
  }
  .landing-saas3-collab .section-desc {
    width: 272px;
    margin-bottom: 24px;
  }
  .landing-saas3-collab .tagline {
    margin-top: 22px;
    margin-bottom: 15px;
  }
  .landing-saas3-collab img.image {
    width: 320px;
    padding: 19px 20px 14px 17px;
    margin-top: 30px;
  }
  .landing-saas3-collab .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .landing-saas3-collab .owl-carousel .owl-item {
    opacity: 0;
    transition: opacity 500ms;
  }
  .landing-saas3-collab .owl-carousel .owl-item.active {
    opacity: 1;
  }
  .landing-saas3-collab .collab-card {
    width: 280px;
    height: 179px;
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    padding: 15px 15px 16px;
    text-align: left;
  }
  .landing-saas3-collab .collab-card img {
    width: 36px !important;
  }
  .landing-saas3-collab .collab-card .title {
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 8px;
  }
  .landing-saas3-collab .collab-card .desc {
    width: unset;
  }
  .landing-saas3-collab .desc {
    font-size: 14px;
    width: 260px;
  }
  .landing-saas3-collab .xl-w-544.gap {
    gap: 26px;
  }
  .landing-saas3-collab div.image img {
    width: 280px;
    height: auto;
  }
  .landing-saas3-collab .title {
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 8px;
  }

  .landing-saas3-review {
    height: unset;
    text-align: center;
    margin: 0;
    border-radius: 0;
    padding: 0;
    padding-bottom: 46px;
  }
  .landing-saas3-review .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-saas3-review img {
    width: 200px !important;
    margin: auto;
    margin-top: -78px;
  }
  .landing-saas3-review .name {
    font-size: 20px;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .landing-saas3-review .job {
    font-size: 14px;
  }
  .landing-saas3-review .review {
    font-size: 20px;
  }
  .landing-saas3-review .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .landing-saas3-review .owl-carousel .owl-item {
    opacity: 0;
    transition: opacity 500ms;
  }
  .landing-saas3-review .owl-carousel .owl-item.active {
    opacity: 1;
  }
  .landing-saas3-review .btn-container {
    top: unset;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .landing-saas3-review .owl-dots {
    top: unset;
    right: unset;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .landing-saas3-integration {
    text-align: center;
    background: none;
    margin: 0;
    padding-top: 56;
    padding-bottom: 64px;
  }
  .landing-saas3-integration .container {
    max-width: 320px;
    padding: 0;
  }
  .landing-saas3-integration .text-container {
    width: 272px;
  }
  .landing-saas3-integration .tagline {
    margin-top: 16px;
  }
  .landing-saas3-integration img {
    width: 320px;
  }

  .landing-saas3-pricing {
    height: 1227px;
    padding-top: 48px;
  }
  .landing-saas3-pricing .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-saas3-pricing .text-container {
    width: unset;
  }
  .landing-saas3-pricing .tagline {
    margin-top: 22px;
    margin-bottom: 12px;
  }
  .landing-saas3-pricing .switch {
    margin: 0 14px;
  }
  .landing-saas3-pricing .cards {
    row-gap: 18px;
  }
  .landing-saas3-pricing .pricing-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }
  .landing-saas3-pricing .desc {
    font-size: 14px;
  }
  .landing-saas3-pricing .title {
    margin-bottom: 0;
  }
  .landing-saas3-pricing .underline {
    font-size: 12px;
  }
  .landing-saas3-pricing .xs-py-10 {
    padding: 10px 0;
  }

  .landing-saas3-download {
    margin-top: 169px;
  }
  .landing-saas3-download .container {
    max-width: 280px;
    padding: 0;
    padding-top: 46px;
  }
  .landing-saas3-download .tagline {
    font-size: 28px !important;
    margin-top: 24px;
    margin-bottom: 12px;
  }
  .landing-saas3-download .flex {
    gap: 20px;
  }
  .landing-saas3-download .download-card {
    width: 280px;
    height: fit-content;
    padding-top: 24px;
    padding-bottom: 20px;
  }
  .landing-saas3-download .fab {
    margin-bottom: 24px;
  }
  .landing-saas3-download .title {
    font-size: 22px;
  }
  .landing-saas3-download .desc {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 32px;
  }
  .landing-saas3-download a {
    width: 235px;
    height: 48px;
    padding: 0;
  }

  .landing-saas3-subscribe {
    text-align: center;
    padding-top: 72px;
    margin-bottom: 0;
  }
  .landing-saas3-subscribe .container {
    max-width: 280px;
    padding: 0;
    padding-bottom: 36px;
  }
  .landing-saas3-subscribe .desc {
    font-size: 14px;
    margin-top: 14px;
  }
  .landing-saas3-subscribe .custom-form {
    flex-direction: column;
    width: 100%;
    gap: 10px;
    padding: 12px 8px;
    margin-top: 40px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
  }
  .landing-saas3-subscribe input {
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-right: solid 1px #e5eaf4;
    height: 40px;
    padding: 0;
    padding-left: 16px;
  }
  .landing-saas3-subscribe button {
    width: 100%;
    height: 40px;
    border-radius: 8px;
  }
}
.bp_checking {
  display: none;
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  body.landing-saas3 #bp_tablet {
    display: block;
  }
}
body.landing-saas4 .section-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
body.landing-saas4 .section-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}

header.landing-saas4 .hero {
  padding-top: 88px;
}
header.landing-saas4 .hero .text-container {
  width: 541px;
}
header.landing-saas4 .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
header.landing-saas4 .hero .section-desc {
  margin-top: 24px;
  margin-bottom: 48px;
}
header.landing-saas4 .hero .btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
header.landing-saas4 .hero a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  border-radius: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}
header.landing-saas4 .hero a.bg-black {
  width: 220px;
  color: white;
  font-weight: bold;
}
header.landing-saas4 .hero a.bg-white {
  width: 180px;
  color: #6AD6A2;
  font-weight: 600;
}
header.landing-saas4 .hero .image {
  width: 1005px;
  margin-top: 80px;
  margin-bottom: -176px;
}

.landing-saas4-data {
  padding-top: 320px;
  padding-bottom: 64px;
}
.landing-saas4-data .container {
  padding-right: 68px;
  padding-left: 67px;
}
.landing-saas4-data .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}
.landing-saas4-data .data-card {
  width: 305px;
  height: 338px;
  border-radius: 8px;
  border: solid 1px #eceef2;
  padding: 64px 0;
  text-align: center;
}
.landing-saas4-data .section-title {
  margin-top: 40px;
  margin-bottom: 10px;
}

.landing-saas4-form {
  padding: 100px 0;
}
.landing-saas4-form .container {
  padding-right: 67px;
  padding-left: 67px;
}
.landing-saas4-form .text-container {
  width: 810px;
}
.landing-saas4-form .section-title {
  margin-bottom: 20px;
}
.landing-saas4-form .gap {
  gap: 50px;
}
.landing-saas4-form .forms {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  margin-top: 56px;
  margin-bottom: 68px;
}
.landing-saas4-form .forms .text-container {
  width: 324px;
}
.landing-saas4-form .forms > div:nth-child(1) .form-card {
  background: -webkit-linear-gradient(90deg, #1565d8 82%, white 18%);
  background: -o-linear-gradient(90deg, #1565d8 82%, white 18%);
  background: -moz-linear-gradient(90deg, #1565d8 82%, white 18%);
  background: linear-gradient(90deg, #1565d8 82%, white 18%);
}
.landing-saas4-form .forms > div:nth-child(2) .form-card {
  padding-left: 20px;
  background: -webkit-linear-gradient(90deg, #6AD6A2 82%, white 18%);
  background: -o-linear-gradient(90deg, #6AD6A2 82%, white 18%);
  background: -moz-linear-gradient(90deg, #6AD6A2 82%, white 18%);
  background: linear-gradient(90deg, #6AD6A2 82%, white 18%);
}
.landing-saas4-form .forms > div:nth-child(3) .form-card {
  background: -webkit-linear-gradient(90deg, #00b8d9 82%, white 18%);
  background: -o-linear-gradient(90deg, #00b8d9 82%, white 18%);
  background: -moz-linear-gradient(90deg, #00b8d9 82%, white 18%);
  background: linear-gradient(90deg, #00b8d9 82%, white 18%);
}
.landing-saas4-form .forms > div:nth-child(4) .form-card {
  padding-left: 20px;
  background: -webkit-linear-gradient(90deg, #36b37e 82%, white 18%);
  background: -o-linear-gradient(90deg, #36b37e 82%, white 18%);
  background: -moz-linear-gradient(90deg, #36b37e 82%, white 18%);
  background: linear-gradient(90deg, #36b37e 82%, white 18%);
}
.landing-saas4-form .form-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 478px;
  height: 156px;
  border: solid 1px #eceef2;
  border-radius: 8px;
  padding-right: 64px;
  padding-left: 30px;
}
.landing-saas4-form .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #fafafb;
}
.landing-saas4-form .desc {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
.landing-saas4-form .pill {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 68px;
  border-radius: 2000px;
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  background: white;
  font-size: 14px;
  color: #6AD6A2;
}
.landing-saas4-form .custom-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(179, 186, 197, 0.1);
  border-radius: 12px;
  width: 918px;
  height: 66px;
  padding-right: 5px;
  padding-left: 30px;
}
.landing-saas4-form a.bg-black {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 265px;
  height: 56px;
  border-radius: 12px;
  background-color: #6AD6A2;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: white;
}

.landing-saas4-step {
  background-image: linear-gradient(to bottom, #f7f8f9, #ffffff);
  margin: 0 50px;
  padding-top: 80px;
  padding-bottom: 136px;
}
.landing-saas4-step .container {
  padding-right: 88px;
  padding-left: 97px;
}
.landing-saas4-step .title-container {
  width: 690px;
  margin: auto;
  margin-bottom: 84px;
  text-align: center;
}
.landing-saas4-step .section-title {
  margin-bottom: 24px;
}
.landing-saas4-step .text-container {
  width: 457px;
  padding-top: 60px;
  margin: auto;
  margin-bottom: 84px;
}
.landing-saas4-step .step .line {
  margin-left: 230px;
}
.landing-saas4-step .step:nth-child(3) .line {
  margin-left: 478px;
}
.landing-saas4-step .image {
  width: 448px;
}
.landing-saas4-step .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 33px;
  line-height: 0;
  background-color: #faad13;
  color: white;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 8px;
  margin-right: 20px;
}
.landing-saas4-step .text {
  font-size: 28px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}

.landing-saas4-feature .feature {
  display: flex;
  justify-content: space-between;
  background-image: url("../../assets/images/landing-saas4/bg-feature-desktop.svg");
  background-repeat: no-repeat;
  padding-right: 102px;
  padding-left: 97px;
}
.landing-saas4-feature .title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #ffffff;
}
.landing-saas4-feature .text-container {
  width: 518px;
  padding-top: 112px;
  padding-bottom: 72px;
}
.landing-saas4-feature .section-desc {
  color: #fafafb !important;
  margin-top: 22px;
  margin-bottom: 36px;
}
.landing-saas4-feature a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 242px;
  height: 56px;
  border-radius: 12px;
  color: white;
}
.landing-saas4-feature i {
  margin-left: 24px;
}
.landing-saas4-feature .feature-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  border-radius: 8px;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #eceef2;
  background-color: #ffffff;
}
.landing-saas4-feature .column-gap {
  column-gap: 20px;
}
.landing-saas4-feature .row-gap {
  row-gap: 20px;
}

.landing-saas4-testi {
  padding-top: 120px;
  padding-bottom: 100px;
}
.landing-saas4-testi .testi-card {
  width: 325px;
  height: 229px;
  padding: 30px 30px 25px;
}
.landing-saas4-testi .testi-card.big {
  width: 430px;
}
.landing-saas4-testi .owl-item.active .testi-card {
  background-color: #fbfcfc;
  box-shadow: none;
}
.landing-saas4-testi .column-gap {
  column-gap: 8px;
}
.landing-saas4-testi .testi {
  font-size: 16px;
  line-height: 1.69;
  color: #6AD6A2;
  height: 80px;
  margin-bottom: 26px;
}
.landing-saas4-testi .name {
  font-size: 18px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.22;
  letter-spacing: 0.23px;
  color: #6AD6A2;
}

.landing-saas4-book {
  background-image: url("../../assets/images/landing-saas4/shape/11.svg"), url("../../assets/images/landing-saas4/shape/12.svg");
  background-position: left, right bottom;
  background-repeat: no-repeat;
  background-color: #1565d8;
  border-radius: 16px;
  padding: 72px 0;
  margin: 50px;
  margin-top: 0;
  margin-bottom: 96px;
}
.landing-saas4-book .title {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #ffffff;
}
.landing-saas4-book .btn-container {
  display: flex;
  column-gap: 35px;
}
.landing-saas4-book a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", sans-serif;
  color: white;
  font-size: 18px;
  font-weight: bold;
  border-radius: 12px;
  height: 56px;
}
.landing-saas4-book a.bg-warning {
  width: 202px;
}
.landing-saas4-book a.bg-transparent {
  width: 206px;
  border: solid 2px #ffffff;
}
.landing-saas4-book hr {
  border-top: solid 1px rgba(227, 231, 237, 0.2);
  margin: 56px 0;
}
.landing-saas4-book .partner {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 94px;
}
.landing-saas4-book img {
  width: 96px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  header.landing-saas4 .hero {
    padding-top: 26px;
  }
  header.landing-saas4 .hero .container {
    max-width: 698px;
    padding: 0;
  }
  header.landing-saas4 .hero .text-container {
    width: 464px;
  }
  header.landing-saas4 .hero .image {
    width: 698px;
    margin-bottom: -216px;
  }
  header.landing-saas4 .hero .hero-title {
    font-size: 48px;
  }
  header.landing-saas4 .hero .section-desc {
    font-size: 16px;
    margin-top: 18px;
  }

  .landing-saas4-data {
    padding: 0;
    padding-top: 296px;
  }
  .landing-saas4-data .container {
    max-width: 700px;
    padding: 0;
  }
  .landing-saas4-data .data-card {
    width: 220px;
    height: fit-content;
    padding: 48px 0;
  }
  .landing-saas4-data img {
    margin-bottom: 36px;
  }
  .landing-saas4-data .section-title {
    font-size: 28px !important;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .landing-saas4-data .section-desc {
    font-size: 14px !important;
  }

  .landing-saas4-form {
    padding: 80px 0;
  }
  .landing-saas4-form .container {
    max-width: 679px;
    padding: 0;
  }
  .landing-saas4-form .text-container {
    width: 546px;
  }
  .landing-saas4-form .section-title {
    font-size: 32px !important;
    margin-bottom: 16px;
  }
  .landing-saas4-form .section-desc {
    font-size: 16px !important;
  }
  .landing-saas4-form .forms {
    column-gap: 37px;
    row-gap: 40px;
    margin-top: 46px;
    margin-bottom: 48px;
  }
  .landing-saas4-form .forms .text-container {
    width: 314px;
  }
  .landing-saas4-form .forms > div:nth-child(1) .form-card {
    background: -webkit-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: -o-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: -moz-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: linear-gradient(90deg, #1565d8 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(2) .form-card {
    background: -webkit-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: -o-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: -moz-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: linear-gradient(90deg, #6AD6A2 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(3) .form-card {
    background: -webkit-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: -o-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: -moz-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: linear-gradient(90deg, #00b8d9 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(4) .form-card {
    background: -webkit-linear-gradient(90deg, #36b37e 90%, white 10%);
    background: -o-linear-gradient(90deg #36b37e 90%, white 10%);
    background: -moz-linear-gradient(90deg, #36b37e 90%, white 10%);
    background: linear-gradient(90deg, #36b37e 90%, white 10%);
  }
  .landing-saas4-form .form-card {
    width: 321px;
    height: 134px;
    padding-right: 15px;
    padding-left: 16px;
  }
  .landing-saas4-form .title {
    font-size: 16px;
  }
  .landing-saas4-form .pill {
    width: 32px;
    height: 48px;
  }
  .landing-saas4-form .custom-form {
    width: 679px;
    padding-left: 20px;
  }
  .landing-saas4-form a.bg-black {
    width: 245px;
  }

  .landing-saas4-step {
    padding-bottom: 160px;
    margin: 0;
  }
  .landing-saas4-step .container {
    max-width: 524px;
    padding: 0;
  }
  .landing-saas4-step .title-container {
    width: 524px;
    margin-bottom: 38px;
  }
  .landing-saas4-step .title-container .section-desc {
    font-size: 16px;
  }
  .landing-saas4-step .section-title {
    font-size: 32px !important;
    margin-bottom: 20px;
  }
  .landing-saas4-step .step {
    text-align: center;
  }
  .landing-saas4-step .step .line2 {
    margin-left: 207px;
  }
  .landing-saas4-step .text-container {
    width: 345px;
    padding-top: 24px;
    margin-bottom: 0px;
  }
  .landing-saas4-step .text-container .section-desc {
    font-size: 14px;
  }
  .landing-saas4-step .badge {
    margin: 0;
    margin-bottom: 16px;
  }
  .landing-saas4-step .text {
    font-size: 24px;
  }
  .landing-saas4-step img {
    margin: auto;
  }

  .landing-saas4-feature .container {
    max-width: 768px;
    padding: 0;
  }
  .landing-saas4-feature .feature {
    background-image: url("../../assets/images/landing-saas4/bg-feature-tablet.svg");
    padding: 0 40px;
  }
  .landing-saas4-feature .text-container {
    width: 339px;
    padding-top: 82px;
    padding-bottom: 65px;
  }
  .landing-saas4-feature .title {
    font-size: 32px;
  }
  .landing-saas4-feature .section-desc {
    font-size: 16px !important;
    margin-top: 18px;
    margin-bottom: 38px;
  }
  .landing-saas4-feature a {
    width: 209px;
    height: 48px;
  }
  .landing-saas4-feature .feature-card {
    width: 144px;
    height: 144px;
  }
  .landing-saas4-feature .column-gap {
    column-gap: 16px;
  }
  .landing-saas4-feature .row-gap {
    row-gap: 16px;
  }

  .landing-saas4-testi {
    padding-top: 64px;
    padding-bottom: 80px;
  }
  .landing-saas4-testi .container {
    max-width: 728px;
    padding: 0;
  }
  .landing-saas4-testi .testi-card {
    width: unset;
    height: 240px;
    padding: 28px 20px 26px 30px;
  }
  .landing-saas4-testi .owl-item:nth-child(1) .testi-card {
    width: 350px;
  }
  .landing-saas4-testi .owl-item:nth-child(2) .testi-card {
    width: 265px;
  }
  .landing-saas4-testi .owl-item:nth-child(3) .testi-card {
    width: 245px;
  }
  .landing-saas4-testi .owl-item:nth-child(4) .testi-card {
    width: 245px;
  }
  .landing-saas4-testi .testi {
    height: 96px;
    margin-bottom: 30px;
    line-height: 1.5;
  }

  .landing-saas4-book {
    margin: 0;
    padding: 56px 0;
    border-radius: 0;
  }
  .landing-saas4-book .container {
    max-width: 688px;
    padding: 0;
  }
  .landing-saas4-book .title {
    font-size: 40px;
    margin-bottom: 48px;
  }
  .landing-saas4-book hr {
    margin-bottom: 48px;
  }
  .landing-saas4-book .partner {
    column-gap: 39px;
  }
  .landing-saas4-book img {
    width: 87px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header.landing-saas4 .hero {
    padding-top: 26px;
  }
  header.landing-saas4 .hero .container {
    max-width: 698px;
    padding: 0 !important;
  }
  header.landing-saas4 .hero .text-container {
    width: 464px;
  }
  header.landing-saas4 .hero .image {
    width: 698px;
    margin-bottom: -216px;
  }
  header.landing-saas4 .hero .hero-title {
    font-size: 48px;
  }
  header.landing-saas4 .hero .section-desc {
    font-size: 16px;
    margin-top: 18px;
  }

  .landing-saas4-data {
    padding: 0;
    padding-top: 296px;
  }
  .landing-saas4-data .container {
    max-width: 700px;
    padding: 0 !important;
  }
  .landing-saas4-data .data-card {
    width: 220px;
    height: fit-content;
    padding: 48px 0;
  }
  .landing-saas4-data img {
    margin-bottom: 36px;
  }
  .landing-saas4-data .section-title {
    font-size: 28px !important;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .landing-saas4-data .section-desc {
    font-size: 14px !important;
  }

  .landing-saas4-form {
    padding: 80px 0;
  }
  .landing-saas4-form .container {
    max-width: 679px;
    padding: 0 !important;
  }
  .landing-saas4-form .text-container {
    width: 546px;
  }
  .landing-saas4-form .section-title {
    font-size: 32px !important;
    margin-bottom: 16px;
  }
  .landing-saas4-form .section-desc {
    font-size: 16px !important;
  }
  .landing-saas4-form .forms {
    column-gap: 37px;
    row-gap: 40px;
    margin-top: 46px;
    margin-bottom: 48px;
  }
  .landing-saas4-form .forms .text-container {
    width: 314px;
  }
  .landing-saas4-form .forms > div:nth-child(1) .form-card {
    background: -webkit-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: -o-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: -moz-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: linear-gradient(90deg, #1565d8 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(2) .form-card {
    background: -webkit-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: -o-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: -moz-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: linear-gradient(90deg, #6AD6A2 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(3) .form-card {
    background: -webkit-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: -o-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: -moz-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: linear-gradient(90deg, #00b8d9 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(4) .form-card {
    background: -webkit-linear-gradient(90deg, #36b37e 90%, white 10%);
    background: -o-linear-gradient(90deg #36b37e 90%, white 10%);
    background: -moz-linear-gradient(90deg, #36b37e 90%, white 10%);
    background: linear-gradient(90deg, #36b37e 90%, white 10%);
  }
  .landing-saas4-form .form-card {
    width: 321px;
    height: 134px;
    padding-right: 15px;
    padding-left: 16px;
  }
  .landing-saas4-form .title {
    font-size: 16px;
  }
  .landing-saas4-form .pill {
    width: 32px;
    height: 48px;
  }
  .landing-saas4-form .custom-form {
    width: 679px;
    padding-left: 20px;
  }
  .landing-saas4-form a.bg-black {
    width: 245px;
  }

  .landing-saas4-step {
    padding-bottom: 160px;
    margin: 0;
  }
  .landing-saas4-step .container {
    max-width: 524px;
    padding: 0 !important;
  }
  .landing-saas4-step .title-container {
    width: 524px;
    margin-bottom: 38px;
  }
  .landing-saas4-step .title-container .section-desc {
    font-size: 16px;
  }
  .landing-saas4-step .section-title {
    font-size: 32px !important;
    margin-bottom: 20px;
  }
  .landing-saas4-step .step {
    text-align: center;
  }
  .landing-saas4-step .step .line2 {
    margin-left: 207px;
  }
  .landing-saas4-step .text-container {
    width: 345px;
    padding-top: 24px;
    margin-bottom: 0px;
  }
  .landing-saas4-step .text-container .section-desc {
    font-size: 14px;
  }
  .landing-saas4-step .badge {
    margin: 0;
    margin-bottom: 16px;
  }
  .landing-saas4-step .text {
    font-size: 24px;
  }
  .landing-saas4-step img {
    margin: auto;
  }

  .landing-saas4-feature .container {
    max-width: 768px;
    padding: 0 !important;
  }
  .landing-saas4-feature .feature {
    background-image: url("../../assets/images/landing-saas4/bg-feature-tablet.svg");
    padding: 0 40px;
  }
  .landing-saas4-feature .text-container {
    width: 339px;
    padding-top: 82px;
    padding-bottom: 65px;
  }
  .landing-saas4-feature .title {
    font-size: 32px;
  }
  .landing-saas4-feature .section-desc {
    font-size: 16px !important;
    margin-top: 18px;
    margin-bottom: 38px;
  }
  .landing-saas4-feature a {
    width: 209px;
    height: 48px;
  }
  .landing-saas4-feature .feature-card {
    width: 144px;
    height: 144px;
  }
  .landing-saas4-feature .column-gap {
    column-gap: 16px;
  }
  .landing-saas4-feature .row-gap {
    row-gap: 16px;
  }

  .landing-saas4-testi {
    padding-top: 64px;
    padding-bottom: 80px;
  }
  .landing-saas4-testi .container {
    max-width: 728px;
    padding: 0 !important;
  }
  .landing-saas4-testi .testi-card {
    width: unset;
    height: 240px;
    padding: 28px 20px 26px 30px;
  }
  .landing-saas4-testi .owl-item:nth-child(1) .testi-card {
    width: 350px;
  }
  .landing-saas4-testi .owl-item:nth-child(2) .testi-card {
    width: 265px;
  }
  .landing-saas4-testi .owl-item:nth-child(3) .testi-card {
    width: 245px;
  }
  .landing-saas4-testi .owl-item:nth-child(4) .testi-card {
    width: 245px;
  }
  .landing-saas4-testi .testi {
    height: 96px;
    margin-bottom: 30px;
    line-height: 1.5;
  }

  .landing-saas4-book {
    margin: 0;
    padding: 56px 0;
    border-radius: 0;
  }
  .landing-saas4-book .container {
    max-width: 688px;
    padding: 0 !important;
  }
  .landing-saas4-book .title {
    font-size: 40px;
    margin-bottom: 48px;
  }
  .landing-saas4-book hr {
    margin-bottom: 48px;
  }
  .landing-saas4-book .partner {
    column-gap: 39px;
  }
  .landing-saas4-book img {
    width: 87px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  header.landing-saas4 .hero {
    padding-top: 26px;
  }
  header.landing-saas4 .hero .container {
    max-width: 536px;
    padding: 0 !important;
  }
  header.landing-saas4 .hero .text-container {
    width: 464px;
  }
  header.landing-saas4 .hero .image {
    width: 536px;
    margin-bottom: -216px;
  }
  header.landing-saas4 .hero .hero-title {
    font-size: 48px;
  }
  header.landing-saas4 .hero .section-desc {
    font-size: 16px;
    margin-top: 18px;
  }

  .landing-saas4-data {
    padding: 0;
    padding-top: 296px;
  }
  .landing-saas4-data .container {
    max-width: 556px;
    padding: 0 !important;
  }
  .landing-saas4-data .data-card {
    width: calc(516px / 3);
    height: fit-content;
    padding: 20px;
  }
  .landing-saas4-data img {
    margin-bottom: 16px;
  }
  .landing-saas4-data .section-title {
    font-size: 28px !important;
    margin-top: 0;
    margin-bottom: 8px;
  }
  .landing-saas4-data .section-desc {
    font-size: 14px !important;
  }

  .landing-saas4-form {
    padding: 80px 0;
  }
  .landing-saas4-form .container {
    max-width: 556px;
    padding: 0 !important;
  }
  .landing-saas4-form .text-container {
    width: 546px;
  }
  .landing-saas4-form .section-title {
    font-size: 32px !important;
    margin-bottom: 16px;
  }
  .landing-saas4-form .section-desc {
    font-size: 16px !important;
  }
  .landing-saas4-form .forms {
    column-gap: 20px;
    row-gap: 40px;
    margin-top: 46px;
    margin-bottom: 48px;
  }
  .landing-saas4-form .forms .text-container {
    width: calc(536px / 2);
  }
  .landing-saas4-form .forms > div:nth-child(1) .form-card {
    background: -webkit-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: -o-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: -moz-linear-gradient(90deg, #1565d8 90%, white 10%);
    background: linear-gradient(90deg, #1565d8 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(2) .form-card {
    background: -webkit-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: -o-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: -moz-linear-gradient(90deg, #6AD6A2 90%, white 10%);
    background: linear-gradient(90deg, #6AD6A2 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(3) .form-card {
    background: -webkit-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: -o-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: -moz-linear-gradient(90deg, #00b8d9 90%, white 10%);
    background: linear-gradient(90deg, #00b8d9 90%, white 10%);
  }
  .landing-saas4-form .forms > div:nth-child(4) .form-card {
    background: -webkit-linear-gradient(90deg, #36b37e 90%, white 10%);
    background: -o-linear-gradient(90deg #36b37e 90%, white 10%);
    background: -moz-linear-gradient(90deg, #36b37e 90%, white 10%);
    background: linear-gradient(90deg, #36b37e 90%, white 10%);
  }
  .landing-saas4-form .form-card {
    width: calc(536px / 2);
    height: 134px;
    padding-right: 15px;
    padding-left: 16px;
  }
  .landing-saas4-form .title {
    font-size: 16px;
  }
  .landing-saas4-form .pill {
    width: 32px;
    height: 48px;
  }
  .landing-saas4-form .custom-form {
    width: 280px;
    height: fit-content;
    flex-direction: column;
    align-items: center;
    justify-content: unset;
    padding: 24px 10px;
    margin: auto;
  }
  .landing-saas4-form .custom-form .desc {
    text-align: center;
    margin-bottom: 22px;
  }
  .landing-saas4-form a.bg-black {
    width: 250px;
    height: 48px;
  }

  .landing-saas4-step {
    padding-bottom: 160px;
    margin: 0;
  }
  .landing-saas4-step .container {
    max-width: 524px;
    padding: 0 !important;
  }
  .landing-saas4-step .title-container {
    width: 524px;
    margin-bottom: 38px;
  }
  .landing-saas4-step .title-container .section-desc {
    font-size: 16px;
  }
  .landing-saas4-step .section-title {
    font-size: 32px !important;
    margin-bottom: 20px;
  }
  .landing-saas4-step .step {
    text-align: center;
  }
  .landing-saas4-step .step .line2 {
    margin-left: 207px;
  }
  .landing-saas4-step .text-container {
    width: 345px;
    padding-top: 24px;
    margin-bottom: 0px;
  }
  .landing-saas4-step .text-container .section-desc {
    font-size: 14px;
  }
  .landing-saas4-step .badge {
    margin: 0;
    margin-bottom: 16px;
  }
  .landing-saas4-step .text {
    font-size: 24px;
  }
  .landing-saas4-step img {
    margin: auto;
  }

  .landing-saas4-feature .container {
    max-width: 767px;
    padding: 0 !important;
  }
  .landing-saas4-feature .feature {
    background-image: url("../../assets/images/landing-saas4/bg-feature-tablet.svg");
    background-size: cover;
    padding: 0 40px;
    flex-direction: column;
    align-items: center;
    height: 665px;
  }
  .landing-saas4-feature .text-container {
    text-align: center;
    width: 339px;
    padding-top: 82px;
    padding-bottom: 65px;
  }
  .landing-saas4-feature .title {
    font-size: 32px;
  }
  .landing-saas4-feature .section-desc {
    font-size: 16px !important;
    margin-top: 18px;
    margin-bottom: 38px;
  }
  .landing-saas4-feature a {
    width: 209px;
    height: 48px;
    margin: auto;
  }
  .landing-saas4-feature .feature-card {
    width: 144px;
    height: 144px;
  }
  .landing-saas4-feature .column-gap {
    column-gap: 16px;
  }
  .landing-saas4-feature .row-gap {
    row-gap: 16px;
  }

  .landing-saas4-testi {
    padding-top: 310px;
    padding-bottom: 80px;
  }
  .landing-saas4-testi .container {
    max-width: 536px;
    padding: 0 !important;
  }
  .landing-saas4-testi .testi-card {
    width: unset;
    height: 240px;
    padding: 28px 20px 26px 30px;
  }
  .landing-saas4-testi .owl-item:nth-child(1) .testi-card {
    width: 350px;
  }
  .landing-saas4-testi .owl-item:nth-child(2) .testi-card {
    width: 265px;
  }
  .landing-saas4-testi .owl-item:nth-child(3) .testi-card {
    width: 245px;
  }
  .landing-saas4-testi .owl-item:nth-child(4) .testi-card {
    width: 245px;
  }
  .landing-saas4-testi .testi {
    height: 96px;
    margin-bottom: 30px;
    line-height: 1.5;
  }

  .landing-saas4-book {
    margin: 0;
    padding: 56px 0;
    border-radius: 0;
  }
  .landing-saas4-book .container {
    max-width: 501px;
    padding: 0 !important;
  }
  .landing-saas4-book .title {
    font-size: 40px;
    margin-bottom: 48px;
  }
  .landing-saas4-book hr {
    margin-bottom: 48px;
  }
  .landing-saas4-book .partner {
    column-gap: 39px;
  }
  .landing-saas4-book img {
    width: 87px;
  }
}
@media (max-width: 575.98px) {
  body.landing-saas4 .section-title {
    font-size: 28px;
  }
  body.landing-saas4 .section-desc {
    font-size: 14px;
  }

  header.landing-saas4 .hero {
    padding-top: 32px;
  }
  header.landing-saas4 .hero .container {
    max-width: 300px;
    padding: 0;
  }
  header.landing-saas4 .hero .text-container {
    width: unset;
  }
  header.landing-saas4 .hero .hero-title {
    font-size: 32px;
  }
  header.landing-saas4 .hero .section-desc {
    font-size: 16px !important;
    margin-top: 16px;
    margin-bottom: 36px;
  }
  header.landing-saas4 .hero .btn-container {
    flex-direction: column;
    gap: 16px;
  }
  header.landing-saas4 .hero a {
    height: 48px;
  }
  header.landing-saas4 .hero a.bg-black,
header.landing-saas4 .hero a.bg-white {
    width: 100%;
  }
  header.landing-saas4 .hero .image {
    width: 100%;
    margin-top: 48px;
    margin-bottom: -162px;
  }

  .landing-saas4-data {
    padding-top: 218px;
    padding-bottom: 0;
    text-align: center;
  }
  .landing-saas4-data .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-saas4-data .data-card {
    width: 280px;
    height: fit-content;
    padding: 25px 35px 22px 34px;
  }
  .landing-saas4-data img {
    width: 64px;
  }
  .landing-saas4-data .section-title {
    margin-top: 20px;
    margin-bottom: 12px;
  }

  .landing-saas4-form {
    padding-top: 64px;
    padding-bottom: 56px;
  }
  .landing-saas4-form .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-saas4-form .text-container {
    width: 262px;
    text-align: center;
    margin: auto;
  }
  .landing-saas4-form .forms {
    gap: 24px;
    margin-bottom: 28px;
  }
  .landing-saas4-form .forms .text-container {
    width: 260px;
    text-align: left;
  }
  .landing-saas4-form .form-card {
    align-items: flex-start;
    width: 100%;
    height: 147px;
    padding-right: 34px;
    padding-left: 16px;
  }
  .landing-saas4-form img {
    height: 24px;
    margin-top: 24px;
  }
  .landing-saas4-form .title {
    font-size: 16px;
    width: 189px;
  }
  .landing-saas4-form a {
    align-self: center;
  }
  .landing-saas4-form .pill {
    width: 32px;
    height: 48px;
  }
  .landing-saas4-form .custom-form {
    width: 100%;
    height: fit-content;
    flex-direction: column;
    padding: 24px 10px;
    text-align: center;
  }
  .landing-saas4-form a.bg-black {
    width: 250px;
    font-size: 14px;
    margin-top: 22px;
  }

  .landing-saas4-step {
    padding-top: 48px;
    padding-bottom: 56px;
    margin: 0;
  }
  .landing-saas4-step .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-saas4-step .title-container {
    width: unset;
    margin-bottom: 72px;
  }
  .landing-saas4-step .section-title {
    margin-bottom: 16px;
  }
  .landing-saas4-step .text-container {
    width: unset;
    padding-top: 28px;
    margin-bottom: 0;
  }
  .landing-saas4-step .badge {
    margin: 0;
    margin-bottom: 22px;
  }
  .landing-saas4-step .text {
    font-size: 24px;
  }
  .landing-saas4-step .image {
    width: 100%;
  }

  .landing-saas4-feature {
    background-image: url("../../assets/images/landing-saas4/bg-feature-mobile.svg");
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 36px;
    text-align: center;
  }
  .landing-saas4-feature .container {
    max-width: 281px;
    padding: 0;
  }
  .landing-saas4-feature .feature {
    flex-direction: column;
    padding: 0;
    background: none;
  }
  .landing-saas4-feature .text-container {
    width: unset;
    padding: 0;
    padding-top: 68px;
  }
  .landing-saas4-feature .title {
    font-size: 28px;
  }
  .landing-saas4-feature .section-desc {
    margin-top: 14px;
    margin-bottom: 30px;
  }
  .landing-saas4-feature a {
    width: 220px;
    height: 48px;
    margin: auto;
  }
  .landing-saas4-feature i {
    margin-left: 34px;
  }
  .landing-saas4-feature .column-gap {
    column-gap: 16px;
  }
  .landing-saas4-feature .row-gap {
    row-gap: 16px;
  }
  .landing-saas4-feature .feature-card {
    width: 133px;
    height: 133px;
  }
  .landing-saas4-feature img {
    transform: scale(0.73);
  }

  .landing-saas4-testi {
    padding-top: 48px;
    padding-bottom: 56px;
  }
  .landing-saas4-testi .container {
    max-width: 300px;
    padding: 0;
  }
  .landing-saas4-testi .testi-card {
    width: 270px !important;
    height: 236px;
    padding: 21px 10px 34px 20px;
  }
  .landing-saas4-testi .testi {
    font-size: 14px;
    height: 101px;
  }
  .landing-saas4-testi .name {
    font-size: 16px;
  }

  .landing-saas4-book {
    margin: 0;
    border-radius: 0;
    text-align: center;
    padding-top: 36px;
    padding-bottom: 42px;
  }
  .landing-saas4-book .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-saas4-book .title {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .landing-saas4-book .btn-container {
    flex-direction: column;
    row-gap: 20px;
  }
  .landing-saas4-book a.bg-warning,
.landing-saas4-book a.bg-transparent {
    width: 240px;
    height: 48px;
  }
  .landing-saas4-book hr {
    margin: 36px 0;
  }
  .landing-saas4-book .partner {
    flex-wrap: wrap;
    column-gap: 39px;
    row-gap: 22px;
  }
  .landing-saas4-book img {
    width: 87px;
  }
}
body.landing-education1 .custom-form {
  width: 487px;
  height: 58px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #e5eaf4;
  background-color: #ffffff;
  padding: 6px;
}
body.landing-education1 .custom-form input {
  border: none;
  outline: none;
  flex: auto;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  padding-left: 18px;
}
body.landing-education1 .custom-form button {
  width: 169px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: unset;
  border-radius: 4px;
  border: none;
  background-color: #36b37e;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

header.landing-education1 {
  background-image: url("../../assets/images/landing-education1/bg-header-desktop@2x.png");
}
header.landing-education1 .hero {
  padding-top: 80px;
  padding-bottom: 136px;
}
header.landing-education1 .hero .text-container {
  width: 503px;
  margin-left: auto;
}
header.landing-education1 .hero .hero-title {
  font-size: 56px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
header.landing-education1 .hero span {
  text-decoration: underline;
  text-decoration-color: #faad13;
}
header.landing-education1 .hero .hero-desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  margin-top: 28px;
  margin-bottom: 52px;
}

.landing-education1-count {
  padding-top: 80px;
  padding-bottom: 100px;
}
.landing-education1-count .count {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.landing-education1-count .count-card {
  width: 250px;
  height: 178px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-education1-count .number {
  font-size: 48px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-education1-count .text {
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  color: #5a7184;
}

.landing-education1-survey {
  padding-top: 50px;
}
.landing-education1-survey .text-container {
  width: 487px;
}
.landing-education1-survey .survey {
  display: flex;
  justify-content: space-between;
  background-color: rgba(179, 186, 197, 0.1);
  padding-right: 48px;
  padding-bottom: 52px;
}
.landing-education1-survey .image {
  width: 555px;
  height: 430px;
  background-image: url("../../assets/images/landing-education1/images/11.svg");
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -50px;
}
.landing-education1-survey .fa-play {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-education1-survey .bg-warning {
  margin-top: -24px;
  width: 160px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  border-radius: 8px;
}
.landing-education1-survey .text {
  font-size: 28px;
  line-height: 1.64;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  font-family: "hk_groteskmedium", sans-serif;
  margin-top: 50px;
  margin-bottom: 60px;
}
.landing-education1-survey .avatar {
  margin-right: 16px;
}
.landing-education1-survey .name {
  font-size: 20px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 10px;
}
.landing-education1-survey .position {
  font-size: 16px;
  color: #5a7184;
}

.landing-education1-why {
  padding-top: 60px;
  padding-bottom: 150px;
}
.landing-education1-why .why-card {
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  border: solid 1px #eceef2;
  padding-top: 50px;
  padding-left: 30px;
}
.landing-education1-why .text-container {
  width: 508px;
}
.landing-education1-why .text-container > .title {
  font-size: 28px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-education1-why .text-container > .desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  padding-right: 56px;
  margin-top: 12px;
  margin-bottom: 40px;
}
.landing-education1-why .column-gap {
  column-gap: 32px;
}
.landing-education1-why .row-gap {
  row-gap: 32px;
}
.landing-education1-why .row-gap .title {
  font-size: 18px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.22;
  letter-spacing: 0.23px;
  color: #6AD6A2;
  margin-bottom: 4px;
}
.landing-education1-why .row-gap .desc {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
.landing-education1-why .icon {
  margin-right: 18px;
}
.landing-education1-why .image {
  margin-bottom: -50px;
}

.landing-education1-how .container {
  border-top: solid 1px #e3e7ed;
  padding-top: 100px;
  padding-bottom: 80px;
}
.landing-education1-how .text-container {
  width: 670px;
  margin: 0 auto;
}
.landing-education1-how .text-container .title {
  font-size: 40px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-education1-how .text-container .desc {
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  color: #5a7184;
  margin-top: 20px;
  margin-bottom: 80px;
}
.landing-education1-how .gap {
  gap: 30px;
}
.landing-education1-how .how-card {
  width: 262px;
  padding-right: 18px;
  padding-bottom: 40px;
  padding-left: 19px;
}
.landing-education1-how .how-card .title {
  font-size: 22px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.45;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin-top: 30px;
  margin-bottom: 10px;
}
.landing-education1-how .how-card .desc {
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
  color: #5a7184;
}

.landing-education1-creator {
  background-color: #36b37e;
  margin: 0 44px;
  border-radius: 4px;
  padding-top: 80px;
  padding-bottom: 68px;
}
.landing-education1-creator .text-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 68px;
}
.landing-education1-creator .title {
  font-size: 36px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #ffffff;
  width: 302px;
}
.landing-education1-creator .desc {
  font-size: 18px;
  line-height: 1.78;
  color: #ffffff;
}
.landing-education1-creator .gap-container {
  margin: 0 -15px;
}
.landing-education1-creator .gap-x {
  padding: 0 15px;
}
.landing-education1-creator .creator-card {
  width: 262px;
  height: 300px;
  background-color: white;
  text-align: center;
  border-radius: 4px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 24px;
  padding-left: 10px;
}
.landing-education1-creator img {
  margin-bottom: 24px;
}
.landing-education1-creator .name {
  font-size: 20px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  text-align: left;
  margin-bottom: 8px;
  margin-left: 10px;
}
.landing-education1-creator .job {
  font-size: 14px;
  line-height: 1.43;
  color: #5a7184;
  text-align: left;
  margin-left: 10px;
}
.landing-education1-creator .carousel-button {
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -32px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: white;
}
.landing-education1-creator .gap {
  column-gap: 8px;
}
.landing-education1-creator .text {
  font-size: 20px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #ffffff;
}

.landing-education1-company {
  padding-top: 80px;
}
.landing-education1-company .company {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 94px;
  margin-top: 60px;
  margin-bottom: 100px;
}
.landing-education1-company img {
  width: 96px;
}
.landing-education1-company .text {
  font-size: 24px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-education1-company hr {
  width: 100px;
  height: 2px;
  opacity: 0.1;
  background-color: #5a7184;
}

.landing-education1-class {
  background-image: linear-gradient(to bottom, #ffffff, rgba(179, 186, 197, 0.1));
  margin-top: 44px;
  margin-bottom: 60px;
}
.landing-education1-class .text-container {
  padding-top: 88px;
}
.landing-education1-class .column-gap {
  column-gap: 8px;
}
.landing-education1-class .fa-star.active {
  color: #f7b500;
}
.landing-education1-class .fa-star {
  color: #dfe1e3;
}
.landing-education1-class .quote {
  font-size: 24px;
  font-family: "hk_groteskmedium", sans-serif;
  font-style: italic;
  line-height: 1.83;
  letter-spacing: 0.16px;
  color: #6AD6A2;
  margin-top: 24px;
  margin-bottom: 36px;
}
.landing-education1-class .name {
  font-size: 20px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-right: 8px;
}
.landing-education1-class .job {
  font-size: 16px;
  color: #6AD6A2;
}
.landing-education1-class a {
  background-color: rgba(54, 179, 126, 0.1);
  width: 142px;
  height: 46px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #36b37e;
  margin-top: 68px;
}
.landing-education1-class img {
  width: 446px;
}

.landing-education1-join {
  background-color: #6AD6A2;
  border-radius: 4px;
  padding-top: 88px;
  padding-bottom: 88px;
  margin: 40px;
  margin-top: 0;
  margin-bottom: 96px;
}
.landing-education1-join .title {
  font-size: 48px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 56px;
}
.landing-education1-join .custom-form {
  margin: auto;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  header.landing-education1 {
    background-position-y: -90px;
    background-image: url("../../assets/images/landing-education1/bg-header-tablet@2x.png");
  }
  header.landing-education1 .hero {
    padding-top: 36px;
    padding-bottom: 493px;
  }
  header.landing-education1 .hero .text-container {
    margin: 0 auto;
    text-align: center;
  }
  header.landing-education1 .hero .hero-desc {
    margin-bottom: 36px;
  }

  .landing-education1-count {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-education1-count .count {
    gap: 16px;
  }
  .landing-education1-count .count-card {
    width: 167px;
    height: 148px;
  }
  .landing-education1-count .number {
    font-size: 32px;
    margin-bottom: 8px;
  }
  .landing-education1-count .text {
    font-size: 16px;
  }

  .landing-education1-survey .container {
    max-width: 698px;
    padding: 0;
  }
  .landing-education1-survey .survey {
    padding-right: 30px;
    padding-bottom: 32px;
  }
  .landing-education1-survey .image {
    width: 335px;
    height: 378px;
  }
  .landing-education1-survey .fa-play {
    width: 64px;
    height: 64px;
  }
  .landing-education1-survey .text-container {
    width: 293px;
  }
  .landing-education1-survey .bg-warning {
    width: 118px;
    height: 38px;
    font-size: 14px;
    margin-top: -20px;
  }
  .landing-education1-survey .text {
    font-size: 22px;
    margin-top: 28px;
    margin-bottom: 40px;
  }
  .landing-education1-survey .avatar {
    width: 48px;
  }
  .landing-education1-survey .name {
    margin-bottom: 8px;
    font-size: 18px;
  }

  .landing-education1-why {
    padding-top: 56px;
    padding-bottom: 102px;
  }
  .landing-education1-why .container {
    max-width: 698px;
    padding: 0;
  }
  .landing-education1-why .why-card {
    padding-top: 40px;
    padding-left: 30px;
  }
  .landing-education1-why .text-container {
    width: 315px;
  }
  .landing-education1-why .text-container > .desc {
    font-size: 16px;
    padding-right: 8px;
    margin-top: 18px;
    margin-bottom: 32px;
  }
  .landing-education1-why .column-gap {
    row-gap: 24px;
  }
  .landing-education1-why .row-gap {
    row-gap: 24px;
  }
  .landing-education1-why .image {
    width: 315px;
    height: 540px;
    object-fit: cover;
    margin-bottom: -30px;
  }

  .landing-education1-how .container {
    max-width: 596px;
    padding: 0;
    padding-top: 72px;
    padding-bottom: 56px;
  }
  .landing-education1-how .text-container {
    width: unset;
  }
  .landing-education1-how .text-container .title {
    font-size: 32px;
  }
  .landing-education1-how .text-container .desc {
    margin-top: 18px;
    margin-bottom: 56px;
  }

  .landing-education1-creator {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .landing-education1-creator .container {
    max-width: 698px;
    padding: 0;
  }
  .landing-education1-creator .text-container {
    flex-direction: column;
    align-items: unset;
    margin-bottom: 48px;
  }
  .landing-education1-creator .title {
    width: unset;
    margin-bottom: 18px;
  }
  .landing-education1-creator .desc {
    font-size: 16px;
  }
  .landing-education1-creator .creator-card {
    height: 260px;
  }
  .landing-education1-creator img {
    height: 150px;
    object-fit: cover;
  }
  .landing-education1-creator .carousel-button {
    display: none;
  }

  .landing-education1-company .container {
    max-width: 616px;
    padding: 0;
  }
  .landing-education1-company .company {
    column-gap: 70px;
    row-gap: 42px;
    flex-wrap: wrap;
    margin-top: 32px;
    margin-bottom: 85px;
  }
  .landing-education1-company img {
    width: 107px;
  }

  .landing-education1-class {
    margin-top: 48px;
    margin-bottom: 0;
  }
  .landing-education1-class .container {
    max-width: 652px;
    padding: 0;
  }
  .landing-education1-class .text-container {
    padding-top: 0;
  }
  .landing-education1-class .quote {
    margin-bottom: 32px;
  }
  .landing-education1-class a {
    margin: auto;
    margin-top: 64px;
    margin-bottom: 41px;
  }
  .landing-education1-class img {
    width: 401px;
    margin: auto;
  }

  .landing-education1-join {
    background-color: #0d2436;
    padding: 64px 0;
    margin-bottom: 31px;
  }
  .landing-education1-join .title {
    font-size: 40px;
    margin-bottom: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header.landing-education1 {
    background-position-y: 0;
    background-image: url("../../assets/images/landing-education1/bg-header-tablet@2x.png");
  }
  header.landing-education1 .hero {
    padding-top: 36px;
    padding-bottom: 493px;
  }
  header.landing-education1 .hero .text-container {
    margin: 0 auto;
    text-align: center;
  }
  header.landing-education1 .hero .hero-desc {
    margin-bottom: 36px;
  }

  .landing-education1-count {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-education1-count .container {
    max-width: 716px;
    padding: 0 !important;
  }
  .landing-education1-count .count {
    gap: 16px;
  }
  .landing-education1-count .count-card {
    width: 167px;
    height: 148px;
  }
  .landing-education1-count .number {
    font-size: 32px;
    margin-bottom: 8px;
  }
  .landing-education1-count .text {
    font-size: 16px;
  }

  .landing-education1-survey .container {
    max-width: 698px;
    padding: 0 !important;
  }
  .landing-education1-survey .survey {
    padding-right: 30px;
    padding-bottom: 32px;
  }
  .landing-education1-survey .image {
    width: 335px;
    height: 378px;
  }
  .landing-education1-survey .fa-play {
    width: 64px;
    height: 64px;
  }
  .landing-education1-survey .text-container {
    width: 293px;
  }
  .landing-education1-survey .bg-warning {
    width: 118px;
    height: 38px;
    font-size: 14px;
    margin-top: -20px;
  }
  .landing-education1-survey .text {
    font-size: 22px;
    margin-top: 28px;
    margin-bottom: 40px;
  }
  .landing-education1-survey .avatar {
    width: 48px;
  }
  .landing-education1-survey .name {
    margin-bottom: 8px;
    font-size: 18px;
  }

  .landing-education1-why {
    padding-top: 56px;
    padding-bottom: 102px;
  }
  .landing-education1-why .container {
    max-width: 698px;
    padding: 0 !important;
  }
  .landing-education1-why .why-card {
    padding-top: 40px;
    padding-left: 30px;
  }
  .landing-education1-why .text-container {
    width: 315px;
  }
  .landing-education1-why .text-container > .desc {
    font-size: 16px;
    padding-right: 8px;
    margin-top: 18px;
    margin-bottom: 32px;
  }
  .landing-education1-why .column-gap {
    row-gap: 24px;
  }
  .landing-education1-why .row-gap {
    row-gap: 24px;
  }
  .landing-education1-why .image {
    width: 315px;
    height: 540px;
    object-fit: cover;
    margin-bottom: -30px;
  }

  .landing-education1-how .container {
    max-width: 596px;
    padding: 0 !important;
    padding-top: 72px !important;
    padding-bottom: 56px !important;
  }
  .landing-education1-how .text-container {
    width: unset;
  }
  .landing-education1-how .text-container .title {
    font-size: 32px;
  }
  .landing-education1-how .text-container .desc {
    margin-top: 18px;
    margin-bottom: 56px;
  }

  .landing-education1-creator {
    padding-top: 50px;
    padding-bottom: 40px;
    margin-left: 35px;
    margin-right: 0;
  }
  .landing-education1-creator .container {
    max-width: 698px;
    padding: 0 !important;
  }
  .landing-education1-creator .text-container {
    flex-direction: column;
    align-items: unset;
    margin-bottom: 48px;
    margin-left: 17px;
  }
  .landing-education1-creator .title {
    width: unset;
    margin-bottom: 18px;
  }
  .landing-education1-creator .desc {
    font-size: 16px;
  }
  .landing-education1-creator #creator {
    margin-left: 17px;
  }
  .landing-education1-creator .creator-card {
    height: 260px;
  }
  .landing-education1-creator img {
    height: 150px;
    object-fit: cover;
  }
  .landing-education1-creator .carousel-button {
    display: none;
  }

  .landing-education1-company .container {
    max-width: 616px;
    padding: 0 !important;
  }
  .landing-education1-company .company {
    column-gap: 70px;
    row-gap: 42px;
    flex-wrap: wrap;
    margin-top: 32px;
    margin-bottom: 85px;
  }
  .landing-education1-company img {
    width: 107px;
  }

  .landing-education1-class {
    margin-top: 48px;
    margin-bottom: 0;
  }
  .landing-education1-class .container {
    max-width: 652px;
    padding: 0 !important;
  }
  .landing-education1-class .text-container {
    padding-top: 0;
  }
  .landing-education1-class .quote {
    margin-bottom: 32px;
  }
  .landing-education1-class a {
    margin: auto;
    margin-top: 64px;
    margin-bottom: 41px;
  }
  .landing-education1-class img {
    width: 401px;
    margin: auto;
  }

  .landing-education1-join {
    background-color: #0d2436;
    padding: 64px 0;
    margin: 0;
    margin-bottom: 31px;
  }
  .landing-education1-join .title {
    font-size: 40px;
    margin-bottom: 48px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  header.landing-education1 {
    background-position-y: 0;
    background-position-x: center;
    background-image: url("../../assets/images/landing-education1/bg-header-tablet@2x.png");
  }
  header.landing-education1 .hero {
    padding-top: 36px;
    padding-bottom: 493px;
  }
  header.landing-education1 .hero .text-container {
    margin: 0 auto;
    text-align: center;
  }
  header.landing-education1 .hero .hero-desc {
    margin-bottom: 36px;
  }

  .landing-education1-count {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-education1-count .count {
    gap: 16px;
  }
  .landing-education1-count .count-card {
    width: 167px;
    height: 148px;
  }
  .landing-education1-count .number {
    font-size: 32px;
    margin-bottom: 8px;
  }
  .landing-education1-count .text {
    font-size: 16px;
  }

  .landing-education1-survey .survey {
    flex-direction: column;
    padding-right: 0;
    padding-bottom: 32px;
  }
  .landing-education1-survey .image {
    width: 335px;
    height: 378px;
    margin: auto;
    margin-top: -50px;
  }
  .landing-education1-survey .fa-play {
    width: 64px;
    height: 64px;
  }
  .landing-education1-survey .text-container {
    width: 293px;
    margin: auto;
  }
  .landing-education1-survey .bg-warning {
    width: 118px;
    height: 38px;
    font-size: 14px;
    margin: auto;
    margin-top: -20px;
  }
  .landing-education1-survey .text {
    font-size: 22px;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 40px;
  }
  .landing-education1-survey .avatar {
    width: 48px;
  }
  .landing-education1-survey .name {
    margin-bottom: 8px;
    font-size: 18px;
  }

  .landing-education1-why {
    padding-top: 86px;
    padding-bottom: 102px;
  }
  .landing-education1-why .why-card {
    flex-direction: column-reverse;
    padding: 0;
    padding-bottom: 30px;
  }
  .landing-education1-why .text-container {
    width: 315px;
    margin: auto;
  }
  .landing-education1-why .text-container > .desc {
    font-size: 16px;
    padding-right: 8px;
    margin-top: 18px;
    margin-bottom: 32px;
  }
  .landing-education1-why .column-gap {
    row-gap: 24px;
  }
  .landing-education1-why .row-gap {
    row-gap: 24px;
  }
  .landing-education1-why .image {
    width: 335px;
    height: 378px;
    object-fit: cover;
    margin: auto;
    margin-top: -30px;
    margin-bottom: 24px;
  }

  .landing-education1-how .container {
    max-width: 547px;
    padding: 0 !important;
    padding-top: 72px !important;
    padding-bottom: 56px !important;
  }
  .landing-education1-how .text-container {
    width: unset;
  }
  .landing-education1-how .text-container .title {
    font-size: 32px;
  }
  .landing-education1-how .text-container .desc {
    margin-top: 18px;
    margin-bottom: 56px;
  }
  .landing-education1-how .gap {
    gap: 16px;
  }

  .landing-education1-creator {
    padding-top: 50px;
    padding-bottom: 40px;
    margin: 0;
  }
  .landing-education1-creator .container {
    padding: 0 !important;
  }
  .landing-education1-creator .text-container {
    flex-direction: column;
    align-items: unset;
    margin-bottom: 48px;
  }
  .landing-education1-creator .title {
    width: unset;
    margin-bottom: 18px;
  }
  .landing-education1-creator .desc {
    font-size: 16px;
  }
  .landing-education1-creator .creator-card {
    height: 260px;
  }
  .landing-education1-creator img {
    height: 150px;
    object-fit: cover;
  }
  .landing-education1-creator .carousel-button {
    display: none;
  }

  .landing-education1-company .container {
    padding: 0 !important;
    max-width: 100%;
  }
  .landing-education1-company .company {
    column-gap: 70px;
    row-gap: 42px;
    flex-wrap: wrap;
    margin-top: 32px;
    margin-bottom: 85px;
  }
  .landing-education1-company img {
    width: 107px;
  }

  .landing-education1-class {
    margin-top: 48px;
    margin-bottom: 0;
  }
  .landing-education1-class .container {
    padding: 0 !important;
  }
  .landing-education1-class .text-container {
    padding-top: 0;
  }
  .landing-education1-class .quote {
    margin-bottom: 32px;
  }
  .landing-education1-class a {
    margin: auto;
    margin-top: 64px;
    margin-bottom: 41px;
  }
  .landing-education1-class img {
    width: 401px;
    margin: auto;
  }

  .landing-education1-join {
    background-color: #0d2436;
    padding: 64px 0;
    margin: 0;
    margin-bottom: 31px;
  }
  .landing-education1-join .title {
    font-size: 40px;
    margin-bottom: 48px;
  }
}
@media (max-width: 575.98px) {
  body.landing-education1 .custom-form {
    flex-direction: column;
    width: 280px;
    height: unset;
    padding: 8px;
    margin: auto;
  }
  body.landing-education1 .custom-form input {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 10px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 12px;
  }
  body.landing-education1 .custom-form button {
    width: 100%;
    height: 40px;
    border-radius: 8px;
  }

  header.landing-education1 {
    background-image: url("../../assets/images/landing-education1/bg-header-mobile@2x.png");
  }
  header.landing-education1 .hero {
    padding-top: 32px;
    padding-bottom: 340px;
  }
  header.landing-education1 .hero .container {
    max-width: 300px;
    padding: 0;
  }
  header.landing-education1 .hero .text-container {
    margin: auto;
    width: unset;
    text-align: center;
  }
  header.landing-education1 .hero .hero-title {
    font-size: 40px;
  }
  header.landing-education1 .hero .hero-desc {
    padding: 0 21px;
    margin-top: 16px;
    margin-bottom: 28px;
  }

  .landing-education1-count {
    padding-top: 24px;
    padding-bottom: 46px;
  }
  .landing-education1-count .container {
    max-width: 300px;
    padding: 0;
  }
  .landing-education1-count .count {
    gap: 0;
  }
  .landing-education1-count .count-card {
    width: 150px;
    height: 108px;
  }
  .landing-education1-count .number {
    font-size: 28px;
    margin-bottom: 8px;
  }
  .landing-education1-count .text {
    font-size: 14px;
  }

  .landing-education1-survey {
    padding-bottom: 56px;
  }
  .landing-education1-survey .container {
    max-width: 320px;
    padding: 0;
  }
  .landing-education1-survey .survey {
    flex-direction: column;
    padding: 0;
    padding-bottom: 36px;
  }
  .landing-education1-survey .image {
    width: 300px;
    height: 180px;
    background-size: cover;
  }
  .landing-education1-survey .fa-play {
    width: 56px;
    height: 56px;
  }
  .landing-education1-survey .text-container {
    width: 280px;
    margin: auto;
  }
  .landing-education1-survey .bg-warning {
    margin-top: 30px;
    width: 108px;
    height: 26px;
    font-size: 12px;
    margin: auto;
    margin-top: 30px;
  }
  .landing-education1-survey .text {
    font-size: 20px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 36px;
  }
  .landing-education1-survey img {
    width: 48px;
  }
  .landing-education1-survey .avatar {
    margin-right: 12px;
  }
  .landing-education1-survey .name {
    font-size: 18px;
    margin-bottom: 7px;
  }
  .landing-education1-survey .position {
    font-size: 14px;
  }

  .landing-education1-why {
    padding-top: 50px;
    padding-bottom: 54px;
  }
  .landing-education1-why .container {
    max-width: 320px;
    padding: 0;
  }
  .landing-education1-why .why-card {
    flex-direction: column-reverse;
    padding-top: 0;
    padding-bottom: 36px;
    padding-left: 0;
  }
  .landing-education1-why .image {
    width: 300px;
    height: 180px;
    object-fit: cover;
    margin-top: -50px;
    margin-bottom: 24px;
    margin-left: auto;
  }
  .landing-education1-why .text-container {
    width: 280px;
    margin: auto;
    text-align: center;
  }
  .landing-education1-why .text-container > .title {
    font-size: 24px;
  }
  .landing-education1-why .text-container > .desc {
    font-size: 14px;
    padding-right: 0;
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .landing-education1-why .icon {
    margin: auto;
  }
  .landing-education1-why .column-gap {
    row-gap: 20px;
  }
  .landing-education1-why .row-gap {
    row-gap: 20px;
  }
  .landing-education1-why .row-gap .title,
.landing-education1-why .row-gap .desc {
    text-align: center;
  }

  .landing-education1-how .container {
    max-width: 280px;
    padding: 0;
    padding-top: 56px;
  }
  .landing-education1-how .text-container {
    width: unset;
  }
  .landing-education1-how .text-container .title {
    font-size: 28px;
  }
  .landing-education1-how .text-container .desc {
    font-size: 14px;
    padding: 0 5px;
  }
  .landing-education1-how .gap {
    gap: 20px;
  }
  .landing-education1-how img {
    width: 48px;
  }
  .landing-education1-how .how-card {
    padding-bottom: 20px;
  }
  .landing-education1-how .how-card .title {
    font-size: 18px;
    margin-top: 24px;
    margin-bottom: 14px;
  }

  .landing-education1-creator {
    margin: 0;
    padding: 48px 0;
  }
  .landing-education1-creator .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-education1-creator .text-container {
    flex-direction: column;
    margin: 0;
  }
  .landing-education1-creator .title {
    width: unset;
    font-size: 28px;
    text-align: center;
    padding: 0 22px;
  }
  .landing-education1-creator .desc {
    font-size: 16px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 20px;
  }
  .landing-education1-creator #creator {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .landing-education1-creator .creator-card {
    width: 280px;
    height: 199px;
    padding-bottom: 19px;
  }
  .landing-education1-creator img {
    height: 100px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
  }
  .landing-education1-creator .name {
    font-size: 18px;
    text-align: center;
    margin-left: 0;
  }
  .landing-education1-creator .job {
    text-align: center;
    margin-left: 0;
  }
  .landing-education1-creator .text {
    margin-top: 18px;
  }
  .landing-education1-creator .dot {
    width: 31px;
  }
  .landing-education1-creator .carousel-button {
    display: none;
  }

  .landing-education1-company {
    padding-top: 56px;
    padding-bottom: 48px;
  }
  .landing-education1-company .container {
    max-width: 261px;
    padding: 0;
  }
  .landing-education1-company .text {
    font-size: 20px;
  }
  .landing-education1-company .company {
    flex-wrap: wrap;
    width: 246px;
    column-gap: 54px;
    row-gap: 34px;
    margin: auto;
    margin-top: 31px;
    margin-bottom: 0;
  }
  .landing-education1-company hr {
    display: none;
  }

  .landing-education1-class {
    margin: 0;
  }
  .landing-education1-class .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-education1-class .text-container {
    padding-top: 48px;
  }
  .landing-education1-class .quote {
    font-size: 20px;
    margin-bottom: 28px;
  }
  .landing-education1-class .name {
    font-size: 18px;
  }
  .landing-education1-class .job {
    font-size: 14px;
  }
  .landing-education1-class a {
    margin: 40px auto;
  }
  .landing-education1-class img {
    width: 279px;
  }

  .landing-education1-join {
    margin: 0;
    padding-top: 36px;
    padding-bottom: 42px;
  }
  .landing-education1-join .container {
    max-width: 300px;
    padding: 0;
  }
  .landing-education1-join .title {
    font-size: 28px;
    margin-bottom: 34px;
  }
  .landing-education1-join .custom-form input {
    border-radius: 8px;
    border: solid 1px #c3cad9 !important;
  }
}
.bp_checking {
  display: none;
}

@media (min-width: 576px) {
  body.landing-education1 #bp_desktop {
    display: block;
  }
}
body.landing-education2 .section-title {
  font-size: 14px;
  font-family: "hk_grotesksemibold", sans-serif;
  font-weight: 100!important;
  line-height: 1.43;
  letter-spacing: 2px;
  text-align: center;
  color: #1A1A1A!important;
  padding-top:5%
}
body.landing-education2 .section-desc {
  font-size: 40px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}

body.landing-education2 .section-desc-black {
  font-size: 1.6rem;
    font-family: "obviously-wide", sans-serif;
    font-weight: 100;
    line-height: 1.3;
    letter-spacing: 0.2px;
    text-align: center;
    color: #1A1A1A;
    padding-bottom: 5%;
    text-transform: uppercase;
    padding-top: 5%;
}

header.landing-education2 {
  background-image: url("../../assets/images/landing-education2/light1.svg"), url("../../assets/images/landing-education2/light2.svg");
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  height: 100vh;
}
header.landing-education2 .hero {
  padding-top: 15%;
}
header.landing-education2 .badge {
  margin-bottom: 36px;
}
header.landing-education2 .hero-title {
  font-size: 35px;
  font-family: "obviously-wide", sans-serif;
  font-weight: 400;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #ffffff;
}

header.landing-education2 .hero-title span {
  font-size: 35px;
  font-family: "obviously-wide", sans-serif;
  font-weight: 700!important;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #ffffff;
}

@media (min-width: 768px) and (max-width: 991.98px)
header.landing-education2 .hero-title {
    font-size: 35px;
}

header.landing-education2 .hero-desc {
  font-size: 24px;
  line-height: 1.7;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 52px;
}
header.landing-education2 .btn-container {
  display: flex;
  column-gap: 25px;
}
header.landing-education2 .column-gap {
  column-gap: 25px;
}

.landing-education2-step {
  height: 106vh;
  background-color: #F2F8FF;
  padding-top: 100px;
}
.landing-education2-step .title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 32px;
  margin-bottom: 60px;
}
.landing-education2-step .title-container .title {
  width: 504px;
  font-size: 30px;
  font-family: "obviously-wide", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #1A1A1A !important;
}
.landing-education2-step .title-container .desc {
  font-family: "Effra", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 457px;
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
.landing-education2-step .image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  width: 682px;
  height: 430px;
  background-image: url("../../assets/images/landing-education2/image/1image.jpeg");
  background-size: 100%;
}
.landing-education2-step .fa-play {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
}
.landing-education2-step .step-card {
  width: 458px;
  height: 540px;
  background-color: transparent;
  padding-top: 40px;
  padding-left: 40px;
}
.landing-education2-step .step-card > .title {
  font-size: 28px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #183B56;
  margin-bottom: 40px;
}
.landing-education2-step .steps {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.landing-education2-step .step {
  display: flex;
}
.landing-education2-step .step .title {
  font-size: 18px;
  font-family: "Effra", sans-serif;
  line-height: 1.22;
  letter-spacing: 0.23px;
  color: #183B56;
}
.landing-education2-step .step .desc {
  font-size: 14px;
  line-height: 1.71;
  color: #5a7184;
}
.landing-education2-step .number {
  font-size: 16px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #183B56;
  margin-top: 18px;
}
.landing-education2-step .icon {
  margin-right: 22px;
  margin-left: 22px;
  border: solid 0.6px #eceef2;
  border-radius: 50%;
  padding: 20px;
}

.landing-education2-why {
}
.landing-education2-why .gap {
  gap: 45px;
}
.landing-education2-why .why-card {
  width: 350px;
  height: 423px;
  padding: 91px 32px 42px 30px;
  background-color: rgba(179, 186, 197, 0.1);
}
.landing-education2-why img {
  margin-bottom: 40px;
}
.landing-education2-why .title {
  font-size: 28px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-education2-why .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
  margin-top: 18px;
  margin-bottom: 32px;
}

.landing-education2-testimoni {
  background-color: #6AD6A2;
  padding-top: 80px;
  padding-bottom: 72px;
}


.landing-education2-testimoni .container {
  text-align: left;
}
.landing-education2-testimoni .section-desc {
  margin-top: 24px;
  margin-bottom: 64px;
}
.landing-education2-testimoni .testimoni {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-bottom: 72px;
}
.landing-education2-testimoni .text {
  font-size: 20px;
  font-family: "effra-cc", sans-serif;
font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #1A1A1A;
}

.landing-education2-testimoni .text-name span{
  font-size: 15px;
  font-family: "effra-cc", sans-serif;
font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #1A1A1A;
}


.landing-education2-testimoni img {
  box-shadow: 0 43px 85px 0 rgba(0, 0, 0, 0.1);
  margin-right: 16px;
}
.landing-education2-testimoni .testimoni-card {
  align-items: center;
  background-color: white;
  border-radius: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.landing-education2-testimoni .testimoni-card:nth-child(1) {
  padding-right: 23px;
}
.landing-education2-testimoni .testimoni-card:nth-child(2) {
  padding-right: 17px;
}
.landing-education2-testimoni .testimoni-card:nth-child(3) {
  padding-right: 31px;
}
.landing-education2-testimoni .testimoni-card:nth-child(4) {
  padding-right: 37px;
}
.landing-education2-testimoni .testimoni-card:nth-child(5) {
  padding-right: 31px;
}
.landing-education2-testimoni .testimoni-card:nth-child(6) {
  padding-right: 24px;
}
.landing-education2-testimoni .testimoni-card:nth-child(7) {
  padding-right: 23px;
}
.landing-education2-testimoni .btn {
  width: 260px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: unset;
  border-radius: 0;
  margin: auto;
}

.landing-education2-partner {
  padding-top: 100px;
  padding-bottom: 100px;
}
.landing-education2-partner .title {
  width: 297px;
  font-size: 32px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-education2-partner .partner {
  width: 760px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.landing-education2-class {
  padding-top: 80px;
  padding-bottom: 100px;
}
.landing-education2-class .section-desc {
  margin-top: 24px;
  margin-bottom: 64px;
}
.landing-education2-class .title {
  font-size: 20px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin-top: 20px;
  margin-bottom: 10px;
}
.landing-education2-class .gap {
  gap: 30px;
}
.landing-education2-class .class-card {
  width: 262px;
  height: 300px;
  border: solid 0.6px #eceef2;
  border-radius: 4px;
  background-color: white;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 22px;
  padding-left: 10px;
}
.landing-education2-class .fa-search {
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background-color: white;
  border-radius: 50%;
  margin: 60px auto;
}

.landing-education2-join {
  background-color: rgba(179, 186, 197, 0.1);
  padding-top: 80px;
}
.landing-education2-join .title {
  width: 427px;
  font-size: 40px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-education2-join .desc {
  width: 457px;
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  margin-bottom: 18px;
}
.landing-education2-join img {
  margin-left: 16px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  header.landing-education2 .hero {
    padding-top: 26px;
  }
  header.landing-education2 .hero .container {
    max-width: 503px;
    padding: 0;
  }
  header.landing-education2 .badge {
    margin-bottom: 22px;
  }
  header.landing-education2 .hero-title {
    font-size: 48px;
  }
  header.landing-education2 .hero-desc {
    margin-top: 18px;
    margin-bottom: 40px;
  }
  header.landing-education2 .btn-container {
    justify-content: center;
  }
  header.landing-education2 .hero-image {
    width: 363px;
    margin: auto;
    margin-top: 63px;
  }

  .landing-education2-step {
    height: 359px;
    margin-right: unset;
    padding-top: 72px;
  }
  .landing-education2-step .container {
    max-width: 682px;
    padding: 0;
  }
  .landing-education2-step .title-container {
    flex-direction: column;
    padding-right: unset;
    margin-bottom: 36px;
    text-align: center;
  }
  .landing-education2-step .title-container .title {
    font-size: 32px;
    width: unset;
    margin-bottom: 20px;
  }
  .landing-education2-step .title-container .desc {
    font-size: 16px;
    width: 570px;
  }
  .landing-education2-step .image {
    margin-top: unset;
    width: 682px;
    height: 270px;
    background-position: center;
  }
  .landing-education2-step .step-card {
    width: unset;
    height: unset;
    padding-left: 30px;
  }
  .landing-education2-step .steps {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
  }
  .landing-education2-step .step .desc {
    width: 185px;
  }
  .landing-education2-step .icon {
    padding: 16px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-right: 14px;
    margin-left: 20px;
  }
  .landing-education2-step .icon img {
    width: 25px;
  }

  .landing-education2-why {
    padding-top: 563px;
    padding-bottom: 72px;
  }
  .landing-education2-why .container {
    max-width: 700px;
    padding: 0;
  }
  .landing-education2-why .section-desc {
    font-size: 32px !important;
  }
  .landing-education2-why .gap {
    gap: 20px;
  }
  .landing-education2-why .why-card {
    width: 220px;
    height: 366px;
    padding: 30px;
    padding-left: 20px;
  }
  .landing-education2-why img {
    width: 42px;
    margin-bottom: 24px;
  }
  .landing-education2-why .title {
    font-size: 22px;
  }
  .landing-education2-why .desc {
    font-size: 14px;
  }

  .landing-education2-testimoni {
    margin: 0;
  }
  .landing-education2-testimoni .container {
    max-width: 656px;
    padding: 0;
  }
  .landing-education2-testimoni .section-desc {
    font-size: 32px !important;
    margin-bottom: 48px;
  }
  .landing-education2-testimoni .testimoni {
    margin-bottom: 64px;
    column-gap: 15px;
    row-gap: 24px;
  }
  .landing-education2-testimoni .testimoni-card {
    padding: 16px;
    padding-right: 20px !important;
  }
  .landing-education2-testimoni .text {
    font-size: 18px;
    text-align: left;
  }
  .landing-education2-testimoni img {
    width: 45px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(1),
.landing-education2-testimoni .testimoni-card:nth-child(7) {
    width: 337px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(2) {
    width: 264px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(6) {
    width: 304px;
  }

  .landing-education2-partner {
    padding-top: 80px;
    padding-bottom: 72px;
  }
  .landing-education2-partner .container {
    max-width: 541px;
    padding: 0;
  }
  .landing-education2-partner .title {
    width: unset;
    margin-bottom: 56px;
  }
  .landing-education2-partner .partner {
    width: 460px;
    justify-content: space-between;
  }
  .landing-education2-partner img {
    width: 107px;
  }

  .landing-education2-class {
    padding-top: 72px;
    padding-bottom: 56px;
  }
  .landing-education2-class .container {
    max-width: 698px;
  }
  .landing-education2-class .container .container {
    padding: 0;
  }
  .landing-education2-class .gap {
    gap: 19px;
  }
  .landing-education2-class .class-card {
    width: 220px;
    height: 270px;
    padding: 10px 10px 21px;
  }
  .landing-education2-class img {
    width: 200px;
  }
  .landing-education2-class .fa-search {
    margin-top: 46px;
    margin-bottom: 56px;
  }

  .landing-education2-join {
    padding-top: 53px;
    margin-bottom: 31px;
  }
  .landing-education2-join .container {
    max-width: 702px;
    padding: 0;
  }
  .landing-education2-join .desc {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .landing-education2-join img {
    width: 702px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header.landing-education2 .hero {
    padding-top: 26px;
  }
  header.landing-education2 .hero .container {
    max-width: 503px;
    padding: 0 !important;
  }
  header.landing-education2 .badge {
    margin-bottom: 22px;
  }
  header.landing-education2 .hero-title {
    font-size: 48px;
  }
  header.landing-education2 .hero-desc {
    margin-top: 18px;
    margin-bottom: 40px;
  }
  header.landing-education2 .btn-container {
    justify-content: center;
  }
  header.landing-education2 .hero-image {
    width: 363px;
    margin: auto;
    margin-top: 63px;
  }

  .landing-education2-step {
    height: 359px;
    margin-right: unset;
    padding-top: 72px;
  }
  .landing-education2-step .container {
    max-width: 682px;
    padding: 0 !important;
  }
  .landing-education2-step .title-container {
    flex-direction: column;
    padding-right: unset;
    margin-bottom: 36px;
    text-align: center;
  }
  .landing-education2-step .title-container .title {
    font-size: 32px;
    width: unset;
    margin-bottom: 20px;
  }
  .landing-education2-step .title-container .desc {
    font-size: 16px;
    width: 570px;
  }
  .landing-education2-step .image {
    margin-top: unset;
    width: 682px;
    height: 270px;
    background-position: center;
  }
  .landing-education2-step .step-card {
    width: unset;
    height: unset;
    padding-left: 30px;
  }
  .landing-education2-step .steps {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
  }
  .landing-education2-step .step .desc {
    width: 185px;
  }
  .landing-education2-step .icon {
    padding: 16px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-right: 14px;
    margin-left: 20px;
  }
  .landing-education2-step .icon img {
    width: 25px;
  }

  .landing-education2-why {
    padding-top: 563px;
    padding-bottom: 72px;
  }
  .landing-education2-why .container {
    max-width: 700px;
    padding: 0 !important;
  }
  .landing-education2-why .section-desc {
    font-size: 32px !important;
  }
  .landing-education2-why .gap {
    gap: 20px;
  }
  .landing-education2-why .why-card {
    width: 220px;
    height: 366px;
    padding: 30px;
    padding-left: 20px;
  }
  .landing-education2-why img {
    width: 42px;
    margin-bottom: 24px;
  }
  .landing-education2-why .title {
    font-size: 22px;
  }
  .landing-education2-why .desc {
    font-size: 14px;
  }

  .landing-education2-testimoni {
    margin: 0;
  }
  .landing-education2-testimoni .container {
    max-width: 656px;
    padding: 0 !important;
  }
  .landing-education2-testimoni .section-desc {
    font-size: 32px !important;
    margin-bottom: 48px;
  }
  .landing-education2-testimoni .testimoni {
    margin-bottom: 64px;
    column-gap: 15px;
    row-gap: 24px;
  }
  .landing-education2-testimoni .testimoni-card {
    padding: 16px;
    padding-right: 20px !important;
  }
  .landing-education2-testimoni .text {
    font-size: 18px;
    text-align: left;
  }
  .landing-education2-testimoni img {
    width: 45px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(1),
.landing-education2-testimoni .testimoni-card:nth-child(7) {
    width: 337px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(2) {
    width: 264px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(6) {
    width: 304px;
  }

  .landing-education2-partner {
    padding-top: 80px;
    padding-bottom: 72px;
  }
  .landing-education2-partner .container {
    max-width: 541px;
    padding: 0 !important;
  }
  .landing-education2-partner .title {
    width: unset;
    margin-bottom: 56px;
  }
  .landing-education2-partner .partner {
    width: 460px;
    justify-content: space-between;
  }
  .landing-education2-partner img {
    width: 107px;
  }

  .landing-education2-class {
    padding-top: 72px;
    padding-bottom: 56px;
  }
  .landing-education2-class .container {
    max-width: 698px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .landing-education2-class .gap {
    gap: 19px;
  }
  .landing-education2-class .class-card {
    width: 220px;
    height: 270px;
    padding: 10px 10px 21px;
  }
  .landing-education2-class img {
    width: 200px;
  }
  .landing-education2-class .fa-search {
    margin-top: 46px;
    margin-bottom: 56px;
  }

  .landing-education2-join {
    padding-top: 53px;
    margin-bottom: 31px;
  }
  .landing-education2-join .container {
    max-width: 702px;
    padding: 0 !important;
  }
  .landing-education2-join .desc {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .landing-education2-join img {
    width: 702px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  header.landing-education2 .hero {
    padding-top: 26px;
  }
  header.landing-education2 .badge {
    margin-bottom: 22px;
  }
  header.landing-education2 .hero-title {
    font-size: 48px;
  }
  header.landing-education2 .hero-desc {
    margin-top: 18px;
    margin-bottom: 40px;
  }
  header.landing-education2 .btn-container {
    justify-content: center;
  }
  header.landing-education2 .hero-image {
    width: 363px;
    margin: auto;
    margin-top: 63px;
  }

  .landing-education2-step {
    height: 359px;
    margin-right: unset;
    padding-top: 72px;
  }
  .landing-education2-step .container {
    max-width: 576px;
    padding: 0;
  }
  .landing-education2-step .title-container {
    flex-direction: column;
    padding-right: unset;
    margin-bottom: 36px;
    text-align: center;
  }
  .landing-education2-step .title-container .title {
    font-size: 32px;
    width: unset;
    margin-bottom: 20px;
    padding: 0 64px;
  }
  .landing-education2-step .title-container .desc {
    font-size: 16px;
    width: 570px;
  }
  .landing-education2-step .image {
    margin: auto;
    margin-top: unset;
    margin-bottom: 0;
    width: calc(100% - 64px);
    height: 270px;
    background-position: center;
  }
  .landing-education2-step .step-card {
    width: unset;
    height: unset;
    padding-left: 30px;
  }
  .landing-education2-step .steps {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
  }
  .landing-education2-step .step .desc {
    width: 130px;
  }
  .landing-education2-step .icon {
    padding: 16px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-right: 14px;
    margin-left: 20px;
  }
  .landing-education2-step .icon img {
    width: 25px;
  }

  .landing-education2-why {
    padding-top: 563px;
    padding-bottom: 72px;
  }
  .landing-education2-why .container {
    max-width: 100%;
  }
  .landing-education2-why .section-desc {
    font-size: 32px !important;
  }
  .landing-education2-why .gap {
    gap: 20px;
  }
  .landing-education2-why .why-card {
    width: 280px;
    height: auto;
    padding: 24px 10px 26px;
    text-align: center;
  }
  .landing-education2-why img {
    width: 42px;
    margin-bottom: 16px;
  }
  .landing-education2-why .title {
    font-size: 18px;
  }
  .landing-education2-why .desc {
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 20px;
  }

  .landing-education2-testimoni {
    margin: 0;
  }
  .landing-education2-testimoni .container {
    max-width: 100%;
  }
  .landing-education2-testimoni .section-desc {
    font-size: 32px !important;
    margin-bottom: 48px;
  }
  .landing-education2-testimoni .testimoni {
    margin-bottom: 64px;
    column-gap: 15px;
    row-gap: 24px;
  }
  .landing-education2-testimoni .testimoni-card {
    padding: 16px;
    padding-right: 20px !important;
  }
  .landing-education2-testimoni .text {
    font-size: 18px;
    text-align: left;
  }
  .landing-education2-testimoni img {
    width: 45px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(1),
.landing-education2-testimoni .testimoni-card:nth-child(7) {
    width: 337px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(2) {
    width: 264px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(6) {
    width: 304px;
  }

  .landing-education2-partner {
    padding-top: 80px;
    padding-bottom: 72px;
  }
  .landing-education2-partner .title {
    width: unset;
    margin-bottom: 56px;
  }
  .landing-education2-partner .partner {
    width: 460px;
    justify-content: space-between;
  }
  .landing-education2-partner img {
    width: 107px;
  }

  .landing-education2-class {
    padding-top: 72px;
    padding-bottom: 56px;
  }
  .landing-education2-class .gap {
    gap: 19px;
  }
  .landing-education2-class .class-card {
    width: 220px;
    height: 270px;
    padding: 10px 10px 21px;
  }
  .landing-education2-class img {
    width: 200px;
  }
  .landing-education2-class .fa-search {
    margin-top: 46px;
    margin-bottom: 56px;
  }

  .landing-education2-join {
    padding-top: 53px;
    margin-bottom: 31px;
  }
  .landing-education2-join .desc {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .landing-education2-join img {
    width: calc(100% - 64px);
    margin: auto;
  }
}
@media (max-width: 575.98px) {

  body.landing-education2 .section-desc-black{

  }

  header.landing-education2 .hero {
    padding-top: 34px;
  }
  header.landing-education2 .hero .container {
    max-width: 90vw;
    padding: 0;
  }
  header.landing-education2 .badge {
    margin-bottom: 26px;
  }
  header.landing-education2 .hero-title {
    text-align: left;
    font-size: 32px;
  }
  header.landing-education2 .hero-desc {
    text-align: left;
    padding: 0 0px;
    margin-top: 40px;
    margin-bottom: 28px;
  }
  header.landing-education2 .btn-container {
    justify-content: center;
    column-gap: 21px;
  }
  header.landing-education2 .btn-container img {
    width: 119px;
  }
  header.landing-education2 .hero-image {
    width: 228px;
    margin: auto;
    margin-top: 46px;
  }

  .landing-education2-step {
    height: 387px;
    margin-right: 0;
    padding-top: 48px;
  }
  .landing-education2-step .container {
    max-width: 300px;
    padding: 0;
  }
  .landing-education2-step .title-container {
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 32px;
    text-align: center;
  }
  .landing-education2-step .title-container .title {
    font-size: 28px;
    padding: 0 10px;
    margin-bottom: 16px;
  }
  .landing-education2-step .title-container .desc {
    font-size: 14px;
    padding: 0 15px;
  }
  .landing-education2-step .title-container .title,
.landing-education2-step .title-container .desc {
    width: unset;
  }
  .landing-education2-step .image {
    width: 300px;
    height: 180px;
    margin-top: 0;
    background-position: center;
    background-size: cover;
  }
  .landing-education2-step .fa-play {
    display: none;
  }
  .landing-education2-step .steps {
    gap: 20px;
  }
  .landing-education2-step .step-card {
    width: unset;
    padding-top: 36px;
    padding-left: 0;
  }
  .landing-education2-step .step-card > .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 18px;
  }
  .landing-education2-step .step {
    flex-direction: column;
    text-align: center;
  }
  .landing-education2-step .number {
    margin-top: 0;
    margin-right: 5px;
  }
  .landing-education2-step .icon {
    padding: 16px 15px 15px 16px;
    margin: 0;
  }
  .landing-education2-step .icon img {
    width: 25px;
  }
  .landing-education2-step .step .desc{
    text-align: left;
  }

  .landing-education2-why {
    padding-top: 819px;
    padding-bottom: 120px;
  }
  .landing-education2-why .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-education2-why .section-desc {
    font-size: 28px !important;
  }
  .landing-education2-why .gap {
    gap: 18px;
  }
  .landing-education2-why .why-card {
    width: 280px;
    height: 248px;
    padding: 22px 10px 26px;
    text-align: center;
  }
  .landing-education2-why img {
    width: 40px;
    margin-bottom: 20px;
  }
  .landing-education2-why .title {
    font-size: 18px;
    padding: 0 40px;
  }
  .landing-education2-why .desc {
    font-size: 14px;
    padding: 0 8px;
    margin-top: 14px;
    margin-bottom: 20px;
  }

  .landing-education2-testimoni {
    margin: 0;
    padding-top: 36px;
    padding-bottom: 40px;
  }
  .landing-education2-testimoni .container {
    padding: 0;
    max-width: 320px;
  }
  .landing-education2-testimoni .section-desc {
    font-size: 28px !important;
    margin-top: 18px;
    margin-bottom: 36px;
  }
  .landing-education2-testimoni .testimoni {
    column-gap: 10px;
    row-gap: 15px;
    justify-content: flex-start;
    margin-bottom: 48px;
  }
  .landing-education2-testimoni .testimoni-card {
    padding: 15px !important;
    padding-left: 16px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(1) {
    order: 2;
    width: 266px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(2) {
    order: 1;
    width: 229px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(3) {
    order: 4;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(4) {
    order: 3;
    width: 229px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(5) {
    order: 5;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(6) {
    order: 6;
    width: 238px;
  }
  .landing-education2-testimoni .testimoni-card:nth-child(8) {
    order: 7;
  }
  .landing-education2-testimoni img {
    width: 34px;
    margin-right: 12px;
  }
  .landing-education2-testimoni .text {
    font-size: 14px;
    text-align: left;
  }
  .landing-education2-testimoni .btn {
    width: 200px;
    height: 48px;
  }

  .landing-education2-partner {
    padding-top: 48px;
    padding-bottom: 0;
  }
  .landing-education2-partner .title {
    width: 217px;
    font-size: 20px;
    margin-bottom: 36px;
  }
  .landing-education2-partner .gap {
    column-gap: 54px;
  }
  .landing-education2-partner .partner {
    flex-direction: column;
    width: unset;
    flex-wrap: unset;
    justify-content: unset;
    row-gap: 24px;
  }

  .landing-education2-class {
    padding-top: 64px;
    padding-bottom: 48px;
  }
  .landing-education2-class .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-education2-class .section-desc {
    font-size: 28px !important;
    padding: 0 2px;
    margin-top: 26px;
    margin-bottom: 28px;
  }
  .landing-education2-class .gap {
    gap: 16px;
  }
  .landing-education2-class .class-card {
    width: 280px;
    height: 216px;
    padding-bottom: 24px;
  }
  .landing-education2-class .bg-info-100 {
    height: 178px;
  }
  .landing-education2-class .bg-info-100 .title {
    margin: 0;
  }
  .landing-education2-class img {
    width: 260px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
  }
  .landing-education2-class .title {
    font-size: 18px;
    margin-top: 23px;
    margin-bottom: 13px;
  }
  .landing-education2-class .fa-search {
    width: 56px;
    height: 56px;
    margin-top: 18px;
    margin-bottom: 22px;
  }

  .landing-education2-join {
    padding-top: 36px;
  }
  .landing-education2-join .container {
    max-width: 320px;
    padding: 0;
  }
  .landing-education2-join .title {
    font-size: 28px;
    width: unset;
    padding: 0 15px;
  }
  .landing-education2-join .desc {
    font-size: 14px;
    width: unset;
    padding: 0 17px;
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .landing-education2-join img {
    margin-left: 0;
    width: 320px;
    height: 160px;
    object-fit: cover;
  }
}
header.landing-pwd {
  background-size: cover;
  background-color: rgba(179, 186, 197, 0.1);
}
header.landing-pwd .hero .introduction {
  width: 391px;
  margin-top: 80px;
}
header.landing-pwd .hero .bg-primary {
  width: 64px;
  height: 8px;
  border-radius: 4px;
}
header.landing-pwd .hero .column-gap {
  column-gap: 24px;
}
header.landing-pwd .hero .fab {
  color: #00b8d9;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2000px;
  border: solid 2px #00b8d9;
  font-size: 18px;
}
header.landing-pwd .hero .fab:hover {
  background: #00b8d9;
  color: white;
  cursor: pointer;
}
header.landing-pwd .hero .name {
  font-size: 100px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.36px;
  color: #6AD6A2;
  margin-top: 56px;
  margin-bottom: 64px;
}
header.landing-pwd .hero .hero-image {
  width: 410px;
  height: 609px;
  position: relative;
  margin-left: -64px;
}
header.landing-pwd .hero .text-container {
  width: 320px;
  margin-top: 216px;
  margin-left: 12px;
}
header.landing-pwd .hero .pattern {
  width: 520px;
  position: absolute;
  top: 71px;
  left: -19.5px;
  z-index: -1;
}
header.landing-pwd .hero .text {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #959ead;
  margin-left: 14px;
}
header.landing-pwd .hero .strip {
  width: 28px;
  height: 2px;
  border-radius: 4px;
  background-color: #b3bac5;
}
header.landing-pwd .hero .job {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-top: 36px;
  margin-bottom: 22px;
}
header.landing-pwd .hero .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}

.landing-pwd-partner {
  padding-top: 100px;
  padding-bottom: 100px;
}
.landing-pwd-partner .partner {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.landing-pwd-detail .container {
  border-top: solid 1px #e3e7ed;
  padding-top: 100px;
  padding-bottom: 100px;
}
.landing-pwd-detail .title {
  font-size: 48px;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-pwd-detail .desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
.landing-pwd-detail .number {
  font-size: 48px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-pwd-detail .text-primary {
  font-size: 20px;
}
.landing-pwd-detail .fa-arrow-right {
  font-size: 16px;
  margin-left: 20px;
}
.landing-pwd-detail .column-gap {
  column-gap: 30px;
}
.landing-pwd-detail .data-card {
  width: 129px;
  height: 164px;
  background-color: rgba(179, 186, 197, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 24px;
}
.landing-pwd-detail .detail {
  width: 555px;
}
.landing-pwd-detail .detail .text {
  font-size: 16px;
  font-weight: 600;
  color: #5a7184;
}
.landing-pwd-detail .detail .desc {
  margin-top: 24px;
  margin-bottom: 36px;
}
.landing-pwd-detail .contact {
  width: 452px;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.landing-pwd-detail .contact .text {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #959ead;
  margin-left: 14px;
}
.landing-pwd-detail .contact .strip {
  width: 28px;
  height: 2px;
  border-radius: 4px;
  background-color: #b3bac5;
}
.landing-pwd-detail .contact .title {
  font-family: "hk_grotesksemibold", sans-serif;
}
.landing-pwd-detail .contact .desc {
  margin-top: 24px;
  margin-bottom: 64px;
}

.landing-pwd-skill {
  background-color: rgba(179, 186, 197, 0.1);
  padding-bottom: 100px;
  margin-top: 100px;
}
.landing-pwd-skill .skill {
  display: flex;
  flex-wrap: wrap;
  gap: 45px;
}
.landing-pwd-skill .skill-card {
  width: 350px;
  height: 380px;
  padding: 108px 30px 46px 32px;
  border-radius: 8px;
  margin-top: -100px;
}
.landing-pwd-skill .title {
  font-size: 32px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #ffffff;
  margin-top: 30px;
  margin-bottom: 18px;
}
.landing-pwd-skill .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #fafafb;
}

.landing-pwd-work {
  padding-top: 100px;
  padding-bottom: 64px;
}
.landing-pwd-work .title {
  font-size: 48px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
  margin-bottom: 26px;
}
.landing-pwd-work .desc {
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  color: #5a7184;
}
.landing-pwd-work .gap {
  gap: 28px;
}
.landing-pwd-work .category {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  height: 56px;
  border: solid 1px #eceef2;
  font-size: 16px;
  font-family: "hk_grotesksemibold", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  padding-right: 18px;
  padding-left: 16px;
}
.landing-pwd-work .category:hover {
  border: solid 1px #6AD6A2;
  cursor: pointer;
}
.landing-pwd-work .category img {
  margin-right: 10px;
}
.landing-pwd-work .work {
  display: flex;
  flex-wrap: wrap;
  column-gap: 70px;
  row-gap: 64px;
}
.landing-pwd-work .work-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.landing-pwd-work .image {
  width: 535px;
  height: 460px;
}
.landing-pwd-work .caption {
  font-size: 24px;
  color: #6AD6A2;
  width: 475px;
  height: 96px;
  border-radius: 8px;
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -53px;
  background-color: white;
}
.landing-pwd-work .work-card:nth-child(1) .image {
  background: url("../../assets/images/landing-pwd/image/11a.svg");
}
.landing-pwd-work .work-card:nth-child(2) .image {
  background: url("../../assets/images/landing-pwd/image/12a.svg");
}
.landing-pwd-work .work-card:nth-child(3) .image {
  background: url("../../assets/images/landing-pwd/image/13a.svg");
}
.landing-pwd-work .work-card:nth-child(4) .image {
  background: url("../../assets/images/landing-pwd/image/14a.svg");
}
.landing-pwd-work .work-card:nth-child(3),
.landing-pwd-work .work-card:nth-child(4) {
  height: 401px;
}

.landing-pwd-insight {
  padding-top: 104px;
  padding-bottom: 100px;
}
.landing-pwd-insight .text-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.landing-pwd-insight .title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-pwd-insight .desc {
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}
.landing-pwd-insight .gap-container {
  margin: 0 -15px;
}
.landing-pwd-insight .gap-x {
  padding: 0 15px;
}
.landing-pwd-insight .gap-x > div {
  height: 350px;
}
.landing-pwd-insight .bg-transparent {
  width: 555px;
  padding: 20px;
  padding-bottom: 26px;
}
.landing-pwd-insight .bg-transparent .date {
  margin-top: 24px;
}
.landing-pwd-insight .insight-card {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  width: 262px;
  padding-top: 30px;
  padding-right: 18px;
  padding-bottom: 24px;
  padding-left: 20px;
}
.landing-pwd-insight .image {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 515px;
  height: 219px;
  padding: 16px;
  border-radius: 8px;
  background-image: url("../../assets/images/landing-pwd/image/21.svg");
}
.landing-pwd-insight .image img:hover {
  cursor: pointer;
}
.landing-pwd-insight .date {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.landing-pwd-insight .text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-pwd-insight .carousel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -36px;
  transform: translateY(-50%);
}
.landing-pwd-insight .carousel-button:hover {
  cursor: pointer;
}

.landing-pwd-review {
  padding-top: 80px;
  padding-bottom: 100px;
}
.landing-pwd-review img {
  width: 100px !important;
  margin-right: 44px;
  margin-left: 28px;
}
.landing-pwd-review .carousel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  top: 239px;
  right: -36px;
  z-index: 9999;
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
}
.landing-pwd-review .carousel-button:hover {
  cursor: pointer;
}
.landing-pwd-review .name {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 12px;
}
.landing-pwd-review .job {
  font-size: 18px;
  color: #6AD6A2;
}
.landing-pwd-review .text {
  width: 938px;
  font-family: "hk_groteskregular", sans-serif;
  font-size: 30px;
  line-height: 1.8;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-pwd-review .fa-quote-left {
  font-size: 72px;
  color: rgba(0, 184, 217, 0.1);
}

.landing-pwd-collab {
  padding-top: 56px;
  padding-bottom: 64px;
}
.landing-pwd-collab .text {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #ffffff;
}
.landing-pwd-collab .btn-container {
  display: flex;
}
.landing-pwd-collab .bg-info {
  width: 218px;
  height: 60px;
  padding: 0 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: unset;
  font-size: 20px;
  color: #fafafb;
  margin-right: 30px;
}
.landing-pwd-collab .bg-white {
  width: 238px;
  height: 60px;
  padding: 0 24px 0 26px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: unset;
  font-size: 20px;
  color: #6AD6A2;
}
.landing-pwd-collab .fa-skype {
  font-size: 22px;
  margin-right: 18px;
}
.landing-pwd-collab .fa-envelope {
  font-size: 18px;
  margin-left: 26px;
}

.footer {
  background-image: url("../../assets/images/landing-pwd/oval1.svg"), url("../../assets/images/landing-pwd/oval2.svg");
  background-position: left top, right top;
  background-repeat: no-repeat;
}

.bp_checking {
  display: none;
}

@media (min-width: 576px) {
  body.landing-pwd #bp_desktop {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  header.landing-pwd .hero .container {
    max-width: 525px;
    padding: 0;
  }
  header.landing-pwd .hero .introduction {
    order: 1;
    width: unset;
    margin-top: 50px;
  }
  header.landing-pwd .hero .hero-image {
    order: 3;
    margin: auto;
    margin-top: 52px;
  }
  header.landing-pwd .hero .text-container {
    order: 2;
  }
  header.landing-pwd .hero .bg-primary {
    height: 5px;
    margin: auto;
  }
  header.landing-pwd .hero .name {
    font-size: 72px;
    text-align: center;
    margin-top: 36px;
    margin-bottom: 22px;
  }
  header.landing-pwd .hero .text-container {
    width: unset;
    text-align: center;
    margin-top: 0;
    margin-left: 0;
  }
  header.landing-pwd .hero .job {
    margin-top: 0;
    margin-bottom: 16px;
  }
  header.landing-pwd .hero .desc {
    margin-bottom: 36px;
  }

  .landing-pwd-partner {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-pwd-partner .container {
    max-width: 754px;
  }

  .landing-pwd-detail .container {
    max-width: 688px;
    padding: 0;
    padding-top: 56px;
    padding-bottom: 72px;
  }
  .landing-pwd-detail .detail {
    width: unset;
  }
  .landing-pwd-detail .detail .desc {
    margin-top: 15px;
    margin-bottom: 32px;
    padding-right: 64px;
    padding-left: 64px;
  }
  .landing-pwd-detail .contact {
    flex-direction: row;
    column-gap: 42px;
    width: unset;
    padding-top: 102px;
  }
  .landing-pwd-detail .contact .desc {
    margin-top: 16px;
    margin-bottom: 18px;
  }
  .landing-pwd-detail .title {
    font-size: 32px;
  }
  .landing-pwd-detail .desc {
    font-size: 16px;
  }
  .landing-pwd-detail .data-card {
    flex-direction: row;
    align-items: center;
    width: 210px;
    height: 100px;
    column-gap: 16px;
    padding-right: 0;
    padding-bottom: 20px;
  }
  .landing-pwd-detail .column-gap {
    column-gap: 20px;
  }

  .landing-pwd-skill {
    padding-bottom: 64px;
  }
  .landing-pwd-skill .skill {
    gap: 20px;
    justify-content: center;
  }
  .landing-pwd-skill .skill-card {
    width: 220px;
    height: 312px;
    padding: 50px 20px 40px;
  }
  .landing-pwd-skill img {
    width: 36px;
  }
  .landing-pwd-skill .title {
    font-size: 24px;
    margin-top: 32px;
  }
  .landing-pwd-skill .desc {
    font-size: 14px;
  }

  .landing-pwd-work {
    padding-top: 56px;
    padding-bottom: 46px;
  }
  .landing-pwd-work .title {
    font-size: 36px;
    margin-bottom: 16px;
  }
  .landing-pwd-work .gap {
    gap: 20px;
  }
  .landing-pwd-work .work {
    justify-content: center;
    gap: 30px;
  }
  .landing-pwd-work .image {
    width: 340px;
    height: 292px;
  }
  .landing-pwd-work .caption {
    font-size: 15.3px;
    width: 302px;
    height: 61px;
    margin-top: -33.35px;
  }
  .landing-pwd-work .work-card:nth-child(1) .image {
    background: url("../../assets/images/landing-pwd/image/11b.svg");
  }
  .landing-pwd-work .work-card:nth-child(2) .image {
    background: url("../../assets/images/landing-pwd/image/12b.svg");
  }
  .landing-pwd-work .work-card:nth-child(3) .image {
    background: url("../../assets/images/landing-pwd/image/13b.svg");
  }
  .landing-pwd-work .work-card:nth-child(4) .image {
    background: url("../../assets/images/landing-pwd/image/14b.svg");
  }
  .landing-pwd-work .work-card:nth-child(3),
.landing-pwd-work .work-card:nth-child(4) {
    height: 255px;
  }

  .landing-pwd-insight {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-pwd-insight .container {
    max-width: 688px;
    padding: 0;
  }
  .landing-pwd-insight .text-container {
    flex-direction: column;
    text-align: center;
    margin-bottom: 44px;
  }
  .landing-pwd-insight .title {
    font-size: 32px;
    margin-bottom: 18px;
  }
  .landing-pwd-insight .gap-container {
    margin: 0 -20px;
  }
  .landing-pwd-insight .gap-x {
    padding: 0 20px;
  }
  .landing-pwd-insight .gap-x > div {
    height: 320px;
  }
  .landing-pwd-insight .bg-transparent {
    width: 395px;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 26px;
    padding-left: 0;
  }
  .landing-pwd-insight .bg-transparent a {
    margin-top: -4px;
  }
  .landing-pwd-insight .image {
    width: 395px;
    height: 189px;
  }
  .landing-pwd-insight .insight-card {
    width: 233px;
    padding-right: 22px;
    padding-bottom: 30px;
  }
  .landing-pwd-insight .carousel-button {
    width: 56px;
    height: 56px;
    right: -8px;
  }

  .landing-pwd-review {
    padding-top: 56px;
    padding-bottom: 86px;
  }
  .landing-pwd-review .container {
    max-width: 648px;
    padding: 0;
  }
  .landing-pwd-review .text {
    width: 648px;
    font-size: 24px;
  }
  .landing-pwd-review .fa-quote-left {
    font-size: 52px;
  }
  .landing-pwd-review img {
    width: 80px !important;
    margin-right: 20px;
    margin-left: 24px;
  }
  .landing-pwd-review .name {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .landing-pwd-review .job {
    font-size: 16px;
  }
  .landing-pwd-review .carousel-button {
    top: 8px;
  }

  .landing-pwd-collab {
    padding-top: 56px;
    padding-bottom: 64px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header.landing-pwd .hero .introduction {
    order: 1;
    width: unset;
    margin-top: 50px;
  }
  header.landing-pwd .hero .hero-image {
    order: 3;
    margin: auto;
    margin-top: 52px;
  }
  header.landing-pwd .hero .text-container {
    order: 2;
  }
  header.landing-pwd .hero .bg-primary {
    height: 5px;
    margin: auto;
  }
  header.landing-pwd .hero .name {
    font-size: 72px;
    text-align: center;
    margin-top: 36px;
    margin-bottom: 22px;
  }
  header.landing-pwd .hero .text-container {
    width: unset;
    text-align: center;
    margin-top: 0;
    margin-left: 0;
  }
  header.landing-pwd .hero .job {
    margin-top: 0;
    margin-bottom: 16px;
    padding-right: 32px;
    padding-left: 32px;
  }
  header.landing-pwd .hero .desc {
    margin-bottom: 36px;
    padding-right: 36px;
    padding-left: 36px;
  }

  .landing-pwd-partner {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .landing-pwd-detail .container {
    max-width: 688px;
    padding-top: 56px;
    padding-right: 0 !important;
    padding-bottom: 72px;
    padding-left: 0 !important;
  }
  .landing-pwd-detail .detail {
    width: unset;
  }
  .landing-pwd-detail .detail .desc {
    margin-top: 15px;
    margin-bottom: 32px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .landing-pwd-detail .contact {
    flex-direction: row;
    column-gap: 42px;
    width: unset;
    padding-top: 102px;
  }
  .landing-pwd-detail .contact .desc {
    margin-top: 16px;
    margin-bottom: 18px;
  }
  .landing-pwd-detail .title {
    font-size: 32px;
  }
  .landing-pwd-detail .desc {
    font-size: 16px;
  }
  .landing-pwd-detail .data-card {
    flex-direction: row;
    align-items: center;
    width: 210px;
    height: 100px;
    column-gap: 16px;
    padding-right: 0;
    padding-bottom: 20px;
  }
  .landing-pwd-detail .column-gap {
    column-gap: 20px;
  }

  .landing-pwd-skill {
    padding-bottom: 64px;
  }
  .landing-pwd-skill .container {
    max-width: 700px;
    padding: 0 !important;
  }
  .landing-pwd-skill .skill {
    gap: 20px;
    justify-content: center;
  }
  .landing-pwd-skill .skill-card {
    width: 220px;
    height: 312px;
    padding: 50px 20px 40px;
  }
  .landing-pwd-skill img {
    width: 36px;
  }
  .landing-pwd-skill .title {
    font-size: 24px;
    margin-top: 32px;
  }
  .landing-pwd-skill .desc {
    font-size: 14px;
  }

  .landing-pwd-work {
    padding-top: 56px;
    padding-bottom: 46px;
  }
  .landing-pwd-work .container {
    max-width: 710px;
    padding: 0 !important;
  }
  .landing-pwd-work .title {
    font-size: 36px;
    margin-bottom: 16px;
  }
  .landing-pwd-work .gap {
    gap: 20px;
  }
  .landing-pwd-work .work {
    justify-content: center;
    gap: 30px;
  }
  .landing-pwd-work .image {
    width: 340px;
    height: 292px;
  }
  .landing-pwd-work .caption {
    font-size: 15.3px;
    width: 302px;
    height: 61px;
    margin-top: -33.35px;
  }
  .landing-pwd-work .work-card:nth-child(1) .image {
    background: url("../../assets/images/landing-pwd/image/11b.svg");
  }
  .landing-pwd-work .work-card:nth-child(2) .image {
    background: url("../../assets/images/landing-pwd/image/12b.svg");
  }
  .landing-pwd-work .work-card:nth-child(3) .image {
    background: url("../../assets/images/landing-pwd/image/13b.svg");
  }
  .landing-pwd-work .work-card:nth-child(4) .image {
    background: url("../../assets/images/landing-pwd/image/14b.svg");
  }
  .landing-pwd-work .work-card:nth-child(3),
.landing-pwd-work .work-card:nth-child(4) {
    height: 255px;
  }

  .landing-pwd-insight {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-pwd-insight .container {
    max-width: 688px;
    padding: 0 !important;
  }
  .landing-pwd-insight .text-container {
    flex-direction: column;
    text-align: center;
    margin-bottom: 44px;
  }
  .landing-pwd-insight .title {
    font-size: 32px;
    margin-bottom: 18px;
  }
  .landing-pwd-insight .gap-container {
    margin: 0 -20px;
  }
  .landing-pwd-insight .gap-x {
    padding: 0 20px;
  }
  .landing-pwd-insight .gap-x > div {
    height: 320px;
  }
  .landing-pwd-insight .bg-transparent {
    width: 395px;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 26px;
    padding-left: 0;
  }
  .landing-pwd-insight .bg-transparent a {
    margin-top: -4px;
  }
  .landing-pwd-insight .image {
    width: 395px;
    height: 189px;
  }
  .landing-pwd-insight .insight-card {
    width: 233px;
    padding-right: 22px;
    padding-bottom: 30px;
  }
  .landing-pwd-insight .carousel-button {
    width: 56px;
    height: 56px;
    right: -8px;
  }

  .landing-pwd-review {
    padding-top: 56px;
    padding-bottom: 86px;
  }
  .landing-pwd-review .container {
    max-width: 648px;
    padding: 0 !important;
  }
  .landing-pwd-review .text {
    width: 648px;
    font-size: 24px;
  }
  .landing-pwd-review .fa-quote-left {
    font-size: 52px;
  }
  .landing-pwd-review img {
    width: 80px !important;
    margin-right: 20px;
    margin-left: 24px;
  }
  .landing-pwd-review .name {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .landing-pwd-review .job {
    font-size: 16px;
  }
  .landing-pwd-review .carousel-button {
    top: 8px;
  }

  .landing-pwd-collab {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-pwd-collab .text {
    margin-bottom: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  header.landing-pwd .hero .introduction {
    order: 1;
    width: unset;
    margin-top: 50px;
  }
  header.landing-pwd .hero .hero-image {
    order: 3;
    margin: auto;
    margin-top: 52px;
  }
  header.landing-pwd .hero .text-container {
    order: 2;
  }
  header.landing-pwd .hero .bg-primary {
    height: 5px;
    margin: auto;
  }
  header.landing-pwd .hero .name {
    font-size: 72px;
    text-align: center;
    margin-top: 36px;
    margin-bottom: 22px;
  }
  header.landing-pwd .hero .text-container {
    width: unset;
    text-align: center;
    margin-top: 0;
    margin-left: 0;
  }
  header.landing-pwd .hero .job {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 0;
  }
  header.landing-pwd .hero .desc {
    margin-bottom: 36px;
    padding-right: 36px;
    padding-left: 36px;
  }

  .landing-pwd-partner {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-pwd-partner img {
    width: 96px;
  }

  .landing-pwd-detail .container {
    padding-top: 56px;
    padding-bottom: 72px;
  }
  .landing-pwd-detail .detail {
    width: unset;
  }
  .landing-pwd-detail .detail .desc {
    margin-top: 15px;
    margin-bottom: 32px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .landing-pwd-detail .contact {
    column-gap: 42px;
    width: unset;
    padding-top: 102px;
  }
  .landing-pwd-detail .contact .desc {
    margin-top: 16px;
    margin-bottom: 18px;
  }
  .landing-pwd-detail .title {
    font-size: 32px;
  }
  .landing-pwd-detail .desc {
    font-size: 16px;
  }
  .landing-pwd-detail .data-card {
    align-items: center;
    justify-content: center;
    width: calc(470px / 3);
    height: 139px;
    column-gap: 16px;
    padding: 0;
  }
  .landing-pwd-detail .column-gap {
    column-gap: 20px;
  }
  .landing-pwd-detail .number {
    margin-bottom: 12px;
  }

  .landing-pwd-skill {
    padding-bottom: 64px;
  }
  .landing-pwd-skill .skill {
    gap: 20px;
    justify-content: center;
  }
  .landing-pwd-skill .skill-card {
    width: calc(470px / 3);
    height: auto;
    padding: 50px 20px 40px;
  }
  .landing-pwd-skill img {
    width: 36px;
  }
  .landing-pwd-skill .title {
    font-size: 24px;
    margin-top: 32px;
  }
  .landing-pwd-skill .desc {
    font-size: 14px;
  }

  .landing-pwd-work {
    padding-top: 56px;
    padding-bottom: 46px;
  }
  .landing-pwd-work .title {
    font-size: 36px;
    margin-bottom: 16px;
  }
  .landing-pwd-work .gap {
    gap: 20px;
  }
  .landing-pwd-work .work {
    justify-content: center;
    gap: 30px;
  }
  .landing-pwd-work .image {
    width: 240px;
    height: 292px;
  }
  .landing-pwd-work .caption {
    font-size: 12px;
    width: 202px;
    height: 44px;
    margin-top: -33.35px;
  }
  .landing-pwd-work .work-card:nth-child(1) .image {
    background: url("../../assets/images/landing-pwd/image/11b.svg");
  }
  .landing-pwd-work .work-card:nth-child(2) .image {
    background: url("../../assets/images/landing-pwd/image/12b.svg");
  }
  .landing-pwd-work .work-card:nth-child(3) .image {
    background: url("../../assets/images/landing-pwd/image/13b.svg");
  }
  .landing-pwd-work .work-card:nth-child(4) .image {
    background: url("../../assets/images/landing-pwd/image/14b.svg");
  }
  .landing-pwd-work .work-card:nth-child(3),
.landing-pwd-work .work-card:nth-child(4) {
    height: 255px;
  }

  .landing-pwd-insight {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-pwd-insight .title {
    font-size: 32px;
    margin-bottom: 18px;
  }
  .landing-pwd-insight .text-container {
    flex-direction: column;
    text-align: center;
    margin-bottom: 44px;
  }
  .landing-pwd-insight .gap-container {
    margin: 0 -20px;
  }
  .landing-pwd-insight .gap-x {
    padding: 0 20px;
  }
  .landing-pwd-insight .gap-x > div {
    height: 320px;
  }
  .landing-pwd-insight .bg-transparent {
    width: calc(470px * 4 / 6);
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 26px;
    padding-left: 0;
  }
  .landing-pwd-insight .bg-transparent a {
    margin-top: -4px;
  }
  .landing-pwd-insight .image {
    width: calc(470px * 4 / 6);
    height: 189px;
  }
  .landing-pwd-insight .insight-card {
    width: calc(470px * 2 / 6);
    padding-right: 22px;
    padding-bottom: 30px;
  }
  .landing-pwd-insight .carousel-button {
    width: 56px;
    height: 56px;
    right: -8px;
  }

  .landing-pwd-review {
    padding-top: 56px;
    padding-bottom: 86px;
  }
  .landing-pwd-review .text {
    width: 510px;
    font-size: 24px;
  }
  .landing-pwd-review .fa-quote-left {
    font-size: 52px;
  }
  .landing-pwd-review img {
    width: 80px !important;
    margin-right: 20px;
    margin-left: 24px;
  }
  .landing-pwd-review .name {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .landing-pwd-review .job {
    font-size: 16px;
  }
  .landing-pwd-review .carousel-button {
    top: 8px;
  }

  .landing-pwd-collab {
    padding-top: 56px;
    padding-bottom: 64px;
  }
  .landing-pwd-collab .text {
    margin-bottom: 36px;
  }
}
@media (max-width: 575.98px) {
  body.landing-pwd #bp_mobile {
    display: block;
  }

  header.landing-pwd .hero .container {
    max-width: 281px;
    padding: 0;
  }
  header.landing-pwd .hero .name {
    font-size: 48px;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 17px;
  }
  header.landing-pwd .hero .introduction {
    order: 1;
    width: unset;
    margin-top: 32px;
  }
  header.landing-pwd .hero .hero-image {
    order: 3;
    width: 281px;
    height: 373px;
    margin-top: 41px;
    margin-right: auto;
    margin-left: auto;
  }
  header.landing-pwd .hero .hero-image img {
    width: 100%;
    height: 100%;
  }
  header.landing-pwd .hero .text-container {
    order: 2;
    width: unset;
    text-align: center;
    margin-top: 0;
    margin-left: 0;
  }
  header.landing-pwd .hero .bg-primary {
    height: 4px;
    margin: auto;
  }
  header.landing-pwd .hero .job {
    font-size: 20px;
  }
  header.landing-pwd .hero .desc {
    margin-bottom: 32px;
  }
  header.landing-pwd .hero .column-gap {
    column-gap: 15px;
  }
  header.landing-pwd .hero .pattern {
    width: 259px;
    top: unset;
    right: 12px;
    bottom: 80px;
    left: unset;
  }

  .landing-pwd-partner {
    padding: 48px 0;
  }
  .landing-pwd-partner .partner {
    flex-wrap: wrap;
    column-gap: 54px;
    row-gap: 32px;
  }
  .landing-pwd-partner img {
    width: 96px;
  }

  .landing-pwd-detail .container {
    max-width: 305px;
    padding: 0;
    padding-top: 64px;
    padding-bottom: 48px;
  }
  .landing-pwd-detail .title {
    font-size: 28px;
  }
  .landing-pwd-detail .desc {
    font-size: 16px;
    padding: 0 16px;
  }
  .landing-pwd-detail .column-gap {
    column-gap: 10px;
  }
  .landing-pwd-detail .data-card {
    width: 95px;
    height: 139px;
    padding: 0;
    padding-right: 16px;
    padding-left: 15px;
    text-align: center;
    justify-content: center;
  }
  .landing-pwd-detail .number {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .landing-pwd-detail .detail,
.landing-pwd-detail .contact {
    width: unset;
  }
  .landing-pwd-detail .detail .desc {
    margin-top: 14px;
    margin-bottom: 32px;
  }
  .landing-pwd-detail .detail .text {
    font-size: 12px;
  }
  .landing-pwd-detail .contact {
    padding-top: 56px;
  }
  .landing-pwd-detail .contact .title {
    text-align: center;
  }
  .landing-pwd-detail .contact .desc {
    margin-top: 14px;
    margin-bottom: 26px;
  }

  .landing-pwd-skill {
    padding-bottom: 64px;
    margin-top: unset;
    background: linear-gradient(0deg, rgba(179, 186, 197, 0.1) 55%, white 45%);
  }
  .landing-pwd-skill .skill {
    gap: 16px;
    justify-content: center;
  }
  .landing-pwd-skill .skill-card {
    width: 280px;
    height: 178px;
    margin-top: unset;
    text-align: center;
    padding: 10px;
    padding-top: 24px;
    padding-bottom: 0;
  }
  .landing-pwd-skill img {
    width: 36px;
  }
  .landing-pwd-skill .title {
    font-size: 18px;
    line-height: unset;
    margin-top: 20px;
    margin-bottom: 12px;
  }
  .landing-pwd-skill .desc {
    line-height: unset;
    font-size: 14px;
  }

  .landing-pwd-work {
    padding-top: 64px;
    padding-bottom: 36px;
  }
  .landing-pwd-work .container {
    max-width: 288px;
    padding: 0;
  }
  .landing-pwd-work .title {
    font-size: 28px;
  }
  .landing-pwd-work .desc {
    font-size: 16px;
  }
  .landing-pwd-work .carousel-container {
    margin-right: -16px;
  }
  .landing-pwd-work .category {
    height: 50px;
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .landing-pwd-work .category img {
    width: 20px !important;
    margin-right: 6px;
  }
  .landing-pwd-work .work {
    justify-content: center;
    gap: 20px;
  }
  .landing-pwd-work .image {
    width: 280px;
    height: 150px;
  }
  .landing-pwd-work .caption {
    font-size: 16px;
    width: 270px;
    height: 50px;
    margin-top: -33.35px;
  }
  .landing-pwd-work .work-card:nth-child(1) .image {
    background: url("../../assets/images/landing-pwd/image/11c.svg");
  }
  .landing-pwd-work .work-card:nth-child(2) .image {
    background: url("../../assets/images/landing-pwd/image/12c.svg");
  }
  .landing-pwd-work .work-card:nth-child(3) {
    height: unset;
  }
  .landing-pwd-work .work-card:nth-child(3) .image {
    background: url("../../assets/images/landing-pwd/image/13c.svg");
  }
  .landing-pwd-work .work-card:nth-child(4) {
    height: unset;
  }
  .landing-pwd-work .work-card:nth-child(4) .image {
    background: url("../../assets/images/landing-pwd/image/14c.svg");
  }

  .landing-pwd-insight {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .landing-pwd-insight .container {
    max-width: 286px;
    padding: 0;
  }
  .landing-pwd-insight .text-container {
    flex-direction: column;
    text-align: center;
    width: 286px;
    margin: auto;
  }
  .landing-pwd-insight .title {
    font-size: 28px;
  }
  .landing-pwd-insight .desc {
    margin-top: 13px;
    margin-bottom: 36px;
  }
  .landing-pwd-insight .gap-container {
    margin: 0;
    row-gap: 20px;
  }
  .landing-pwd-insight .gap-x {
    padding: 0;
  }
  .landing-pwd-insight .gap-x > div {
    width: 280px;
  }
  .landing-pwd-insight .bg-transparent {
    padding: 0;
    height: 242px !important;
  }
  .landing-pwd-insight .bg-transparent .date {
    margin-top: 20px;
  }
  .landing-pwd-insight .bg-transparent .date,
.landing-pwd-insight .bg-transparent .text {
    margin-left: 15px;
  }
  .landing-pwd-insight .bg-transparent a {
    margin-right: 15px;
  }
  .landing-pwd-insight .image {
    width: 280px;
    height: 126px;
    padding: 15px;
  }
  .landing-pwd-insight .insight-card {
    height: 124px !important;
    flex-direction: row;
    padding: 24px 15px;
  }
  .landing-pwd-insight .date {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .landing-pwd-insight .text {
    font-size: 18px;
  }
  .landing-pwd-insight i {
    font-size: 14px;
  }
  .landing-pwd-insight .carousel-button {
    display: none;
  }

  .landing-pwd-review {
    padding-top: 28px;
    padding-bottom: 32px;
  }
  .landing-pwd-review .fa-quote-left {
    font-size: 52px;
  }
  .landing-pwd-review img {
    margin: 0;
    margin-top: 22px;
    margin-bottom: 18px;
  }
  .landing-pwd-review .name {
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center;
  }
  .landing-pwd-review .job {
    font-size: 14px;
    text-align: center;
  }
  .landing-pwd-review .text {
    width: 280px;
    font-size: 20px;
    text-align: center;
  }
  .landing-pwd-review .carousel-button {
    top: unset;
    right: unset;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 48px;
    height: 48px;
  }

  .landing-pwd-collab {
    padding-top: 36px;
    padding-bottom: 48px;
  }
  .landing-pwd-collab .text {
    font-size: 28px;
    text-align: center;
  }
  .landing-pwd-collab .btn-container {
    flex-direction: column;
    row-gap: 24px;
  }
  .landing-pwd-collab .bg-info,
.landing-pwd-collab .bg-white {
    width: 240px;
    height: 48px;
    justify-content: center;
    font-size: 16px;
  }
  .landing-pwd-collab .fa-skype,
.landing-pwd-collab .fa-envelope {
    font-size: 18px;
  }
  .landing-pwd-collab .bg-info {
    margin-right: 0;
  }
  .landing-pwd-collab .fa-skype {
    margin-right: 11px;
  }
  .landing-pwd-collab .fa-envelope {
    margin-left: 11px;
  }
}
body.landing-pwp .section-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}

header.landing-pwp .hero .gap {
  gap: 30px;
}
header.landing-pwp .hero a.bg-warning-100 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 18px;
  color: #faad13;
}
header.landing-pwp .hero .image {
  width: 468px;
  height: 617px;
  background-image: url("../../assets/images/landing-pwp/hero.svg");
  background-size: cover;
  position: relative;
}
header.landing-pwp .hero .image img {
  width: 122px;
  position: absolute;
  right: -23px;
  bottom: 89px;
  z-index: -1;
}
header.landing-pwp .hero .text-container {
  width: 505px;
}
header.landing-pwp .hero .name {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
header.landing-pwp .hero .line {
  width: 36px;
  height: 2px;
  background-color: #faad13;
}
header.landing-pwp .hero .hero-title {
  font-size: 72px;
  font-weight: bold;
  line-height: 1.28;
  letter-spacing: 0.26px;
  color: #6AD6A2;
}
header.landing-pwp .hero .desc {
  font-family: "OpenSans", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #5a7184;
}
header.landing-pwp .hero a.bg-primary {
  width: 260px;
  height: 56px;
  padding: 0px 30px 0px 32px;
  font-family: "OpenSans", sans-serif;
  font-size: 18px;
  color: white;
}
header.landing-pwp .hero a.bg-primary:hover {
  text-decoration: none;
}
header.landing-pwp .hero a.bg-primary-100 {
  width: 58px;
  height: 56px;
  color: #1565d8;
}
header.landing-pwp .hero a.bg-primary-100:hover {
  text-decoration: none;
}

.landing-pwp-client .section-title {
  width: 425px;
}
.landing-pwp-client .clients {
  width: 476px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 94px;
  row-gap: 50px;
}
.landing-pwp-client .text {
  font-family: "OpenSans", sans-serif;
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  color: #5a7184;
  margin-top: 24px;
  margin-bottom: 44px;
}
.landing-pwp-client img {
  width: 96px;
}

.landing-pwp-about .container {
  border-top: solid 1px #e3e7ed;
  padding-top: 100px;
}
.landing-pwp-about .images {
  display: flex;
  justify-content: center;
  column-gap: 30px;
  margin-bottom: 44px;
}
.landing-pwp-about .image {
  height: 351px;
  width: 262px;
}
.landing-pwp-about .image:last-child {
  height: 371px;
}
.landing-pwp-about .image:nth-child(1) {
  width: 555px;
}
.landing-pwp-about .text-container {
  width: 555px;
}
.landing-pwp-about .desc {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
}
.landing-pwp-about .cards {
  width: 468px;
  gap: 30px;
}
.landing-pwp-about .about-card {
  width: 219px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(21, 101, 216, 0.1);
  padding-left: 14px;
}
.landing-pwp-about .number {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 71px;
  font-size: 48px;
  font-family: "hk_groteskmedium";
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #1565d8;
  margin-right: 20px;
}
.landing-pwp-about .text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-family: "hk_grotesksemibold";
  color: #5a7184;
}

.landing-pwp-form {
  background-image: url("../../assets/images/landing-pwp/bg-form.svg");
  background-repeat: no-repeat;
  padding: 72px 0;
}
.landing-pwp-form .gap {
  gap: 30px;
}
.landing-pwp-form .form-group {
  display: flex;
  gap: 30px;
  margin-bottom: unset;
}
.landing-pwp-form .form {
  display: flex;
  align-items: center;
  width: 290px;
  height: 56px;
  border-radius: 8px;
  border: solid 1px #c3cad9;
  background-color: #ffffff;
}
.landing-pwp-form .icon {
  width: 48px;
  text-align: center;
}
.landing-pwp-form input {
  width: 100%;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #959ead;
}
.landing-pwp-form input:focus {
  outline: none;
}
.landing-pwp-form a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 56px;
  border-radius: 4px;
  background-color: #faad13;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.landing-pwp-form a:hover {
  text-decoration: none;
}

.landing-pwp-portofolio .tab {
  display: flex;
  justify-content: center;
  column-gap: 35px;
}
.landing-pwp-portofolio .text {
  font-size: 14px;
  font-family: "hk_grotesksemibold";
  line-height: 1.29;
  letter-spacing: 0.18px;
  color: #6AD6A2;
}
.landing-pwp-portofolio .text.active {
  position: relative;
}
.landing-pwp-portofolio .text.active::after {
  content: "";
  display: block;
  position: absolute;
  width: 82px;
  height: 2px;
  margin-top: 18px;
  margin-left: -5px;
  background-color: #faad13;
}
.landing-pwp-portofolio .gap {
  gap: 30px;
}
.landing-pwp-portofolio .image {
  height: 320px;
}
.landing-pwp-portofolio a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 56px;
  border-radius: 4px;
  background-color: #1565d8;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.landing-pwp-portofolio a:hover {
  text-decoration: none;
}

.landing-pwp-review > .container {
  padding-top: 90px;
  padding-bottom: 165px;
  border-top: solid 1px #e3e7ed;
}
.landing-pwp-review .image {
  width: 320px;
  height: 370px;
  background-image: url("../../assets/images/landing-pwp/image/31.svg");
  text-align: right;
}
.landing-pwp-review .fas {
  font-size: 72px;
  color: #fef6e7;
  margin-top: -30px;
  margin-right: -142px;
}
.landing-pwp-review .text-container {
  width: 705px;
}
.landing-pwp-review .desc {
  font-size: 24px;
  font-family: "hk_groteskmedium";
  line-height: 2;
  letter-spacing: 0.16px;
  color: #6AD6A2;
}
.landing-pwp-review .name {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-pwp-review .company {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6AD6A2;
}
.landing-pwp-review .owl-stage-outer {
  padding-top: 30px;
}
.landing-pwp-review .owl-dots {
  position: absolute;
  bottom: 27px;
  left: 383px;
  line-height: 0;
  display: flex;
  column-gap: 16px;
}
.landing-pwp-review .owl-dot {
  width: 60px;
  height: 5px;
  background-color: rgba(250, 173, 19, 0.1);
}
.landing-pwp-review .owl-dot.active {
  background-color: #faad13;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  header.landing-pwp .hero .container {
    padding: 0 39px;
    max-width: 720px;
  }

  .landing-pwp-client .container {
    max-width: 720px;
  }

  .landing-pwp-about .container {
    max-width: 720px;
    padding-top: 72px;
    padding-top: 72px;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .landing-pwp-about .images {
    column-gap: 20px;
    margin-bottom: 92px;
  }
  .landing-pwp-about .image:nth-child(1) {
    width: 325px;
    height: 231px;
  }
  .landing-pwp-about .image {
    width: 162px;
    height: 231px;
  }
  .landing-pwp-about .image:last-child {
    width: 161px;
    height: 251px;
  }
  .landing-pwp-about .section-title {
    width: 320px;
  }
  .landing-pwp-about .text-container {
    width: 324px;
  }
  .landing-pwp-about .cards {
    width: unset;
    gap: 20px;
  }
  .landing-pwp-about .about-card {
    width: 149px;
    height: 145px;
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
    padding-left: 20px;
    padding-right: 15px;
  }
  .landing-pwp-about .number {
    width: unset;
    margin-right: unset;
    line-height: unset;
    justify-content: unset;
    align-items: unset;
    display: block;
  }

  .landing-pwp-form {
    background-position-x: -218px;
    padding: 48px 0;
  }
  .landing-pwp-form .container {
    max-width: 720px;
  }
  .landing-pwp-form .form-group {
    width: 420px;
    flex-wrap: wrap;
    gap: 20px;
  }
  .landing-pwp-form .form-group > div:nth-child(1) {
    order: 1;
  }
  .landing-pwp-form .form-group > div:nth-child(2) {
    order: 3;
  }
  .landing-pwp-form .form-group > div:nth-child(3) {
    order: 2;
  }
  .landing-pwp-form .form-group > a:nth-child(4) {
    order: 4;
  }
  .landing-pwp-form .form {
    width: 200px;
  }

  .landing-pwp-portofolio .container {
    max-width: 730px;
    padding: 0 !important;
  }
  .landing-pwp-portofolio .carousel-container {
    padding-left: 31px;
    margin-right: -18px;
  }
  .landing-pwp-portofolio .gap {
    gap: 20px;
  }
  .landing-pwp-portofolio .image {
    height: 220px;
    object-fit: cover;
  }
  .landing-pwp-portofolio .image:nth-child(1) {
    width: 452px;
  }
  .landing-pwp-portofolio .image:nth-child(2),
.landing-pwp-portofolio .image:nth-child(3) {
    width: 258px;
  }
  .landing-pwp-portofolio .image:nth-child(4) {
    width: 452px;
  }
  .landing-pwp-portofolio .image:nth-child(5) {
    width: 730px;
  }
  .landing-pwp-portofolio .image:nth-child(6),
.landing-pwp-portofolio .image:nth-child(7),
.landing-pwp-portofolio .image:nth-child(8) {
    width: 230px;
  }

  .landing-pwp-review .container {
    padding: 0 26px !important;
    border: unset;
  }
  .landing-pwp-review .image {
    width: 190px;
    height: 240px;
    background-size: cover;
  }
  .landing-pwp-review .fas {
    position: relative;
    z-index: -1;
    margin-top: 173px;
    margin-right: -54px;
  }
  .landing-pwp-review .text-container {
    width: 668px;
  }
  .landing-pwp-review .owl-stage-outer {
    padding-top: 48px;
  }
  .landing-pwp-review .owl-dots {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header.landing-pwp .hero .container {
    padding: 0 39px !important;
  }

  .landing-pwp-client .clients {
    row-gap: 36px;
  }

  .landing-pwp-about .container {
    padding-top: 72px;
    padding-top: 72px;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .landing-pwp-about .images {
    column-gap: 20px;
    margin-bottom: 92px;
  }
  .landing-pwp-about .image:nth-child(1) {
    width: 325px;
    height: 231px;
  }
  .landing-pwp-about .image {
    width: 162px;
    height: 231px;
  }
  .landing-pwp-about .image:last-child {
    width: 161px;
    height: 251px;
  }
  .landing-pwp-about .section-title {
    width: 320px;
  }
  .landing-pwp-about .text-container {
    width: 324px;
  }
  .landing-pwp-about .cards {
    width: unset;
    gap: 20px;
  }
  .landing-pwp-about .about-card {
    width: 149px;
    height: 145px;
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
    padding-left: 20px;
    padding-right: 15px;
  }
  .landing-pwp-about .number {
    width: unset;
    margin-right: unset;
    line-height: unset;
    justify-content: unset;
    align-items: unset;
    display: block;
  }

  .landing-pwp-form {
    background-position-x: -218px;
    padding: 48px 0;
  }
  .landing-pwp-form .form-group {
    width: 420px;
    flex-wrap: wrap;
    gap: 20px;
  }
  .landing-pwp-form .form-group > div:nth-child(1) {
    order: 1;
  }
  .landing-pwp-form .form-group > div:nth-child(2) {
    order: 3;
  }
  .landing-pwp-form .form-group > div:nth-child(3) {
    order: 2;
  }
  .landing-pwp-form .form-group > a:nth-child(4) {
    order: 4;
  }
  .landing-pwp-form .form {
    width: 200px;
  }

  .landing-pwp-portofolio .container {
    max-width: 730px;
    padding: 0 !important;
  }
  .landing-pwp-portofolio .carousel-container {
    padding-left: 31px;
    margin-right: -18px;
  }
  .landing-pwp-portofolio .gap {
    gap: 20px;
  }
  .landing-pwp-portofolio .image {
    height: 220px;
    object-fit: cover;
  }
  .landing-pwp-portofolio .image:nth-child(1) {
    width: 452px;
  }
  .landing-pwp-portofolio .image:nth-child(2),
.landing-pwp-portofolio .image:nth-child(3) {
    width: 258px;
  }
  .landing-pwp-portofolio .image:nth-child(4) {
    width: 452px;
  }
  .landing-pwp-portofolio .image:nth-child(5) {
    width: 730px;
  }
  .landing-pwp-portofolio .image:nth-child(6),
.landing-pwp-portofolio .image:nth-child(7),
.landing-pwp-portofolio .image:nth-child(8) {
    width: 230px;
  }

  .landing-pwp-review .container {
    padding: 0 26px !important;
    border: unset;
  }
  .landing-pwp-review .image {
    width: 190px;
    height: 240px;
    background-size: cover;
  }
  .landing-pwp-review .fas {
    position: relative;
    z-index: -1;
    margin-top: 173px;
    margin-right: -54px;
  }
  .landing-pwp-review .text-container {
    width: 668px;
  }
  .landing-pwp-review .owl-stage-outer {
    padding-top: 48px;
  }
  .landing-pwp-review .owl-dots {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.bp_checking {
  display: none;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .landing-pwp-client .landing-pwp-client .clients {
    row-gap: 36px;
  }

  .landing-pwp-about .container {
    padding-top: 72px;
  }
  .landing-pwp-about .images {
    column-gap: 10px;
    row-gap: 20px;
    margin-bottom: 92px;
    flex-wrap: wrap;
  }
  .landing-pwp-about .image:nth-child(1) {
    width: 510px;
  }
  .landing-pwp-about .image {
    width: 250px;
    height: 351px;
    object-fit: cover;
  }
  .landing-pwp-about .image:last-child {
    height: 351px;
  }
  .landing-pwp-about .text-container {
    width: 510px;
  }

  .landing-pwp-form {
    background-position-x: -218px;
    padding: 48px 0;
  }
  .landing-pwp-form .form-group {
    width: 420px;
    flex-wrap: wrap;
    gap: 20px;
  }
  .landing-pwp-form .form-group > div:nth-child(1) {
    order: 1;
  }
  .landing-pwp-form .form-group > div:nth-child(2) {
    order: 3;
  }
  .landing-pwp-form .form-group > div:nth-child(3) {
    order: 2;
  }
  .landing-pwp-form .form-group > a:nth-child(4) {
    order: 4;
  }
  .landing-pwp-form .form {
    width: 200px;
  }

  .landing-pwp-portofolio .owl-carousel .owl-stage-outer {
    overflow: initial;
  }
  .landing-pwp-portofolio .gap {
    gap: 10px;
  }
  .landing-pwp-portofolio .image {
    object-fit: cover;
  }
  .landing-pwp-portofolio .image:nth-child(1),
.landing-pwp-portofolio .image:nth-child(4) {
    width: 335px;
  }
  .landing-pwp-portofolio .image:nth-child(2),
.landing-pwp-portofolio .image:nth-child(3) {
    width: 165px;
  }
  .landing-pwp-portofolio .image:nth-child(5) {
    width: 510px;
  }
  .landing-pwp-portofolio .image:nth-child(6),
.landing-pwp-portofolio .image:nth-child(7),
.landing-pwp-portofolio .image:nth-child(8) {
    width: calc(490px / 3);
  }

  .landing-pwp-review .container {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
  }
  .landing-pwp-review .text-container {
    width: 100%;
  }
  .landing-pwp-review .owl-stage-outer {
    padding-top: 48px;
  }
  .landing-pwp-review .image {
    width: 190px;
    height: 240px;
    background-size: cover;
  }
  .landing-pwp-review .fas {
    position: relative;
    z-index: -1;
    margin-top: 173px;
    margin-right: -54px;
  }
  .landing-pwp-review .owl-dots {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 575.98px) {
  body.landing-pwp .section-title {
    font-size: 28px;
  }

  header.landing-pwp .hero .container {
    max-width: 300px;
    padding: 0;
  }
  header.landing-pwp .hero .text-container {
    width: 100%;
    text-align: center;
  }
  header.landing-pwp .hero .name {
    font-size: 20px;
  }
  header.landing-pwp .hero .line {
    display: none;
  }
  header.landing-pwp .hero .hero-title {
    font-size: 40px;
  }
  header.landing-pwp .hero a.bg-primary {
    width: 212px;
    height: 48px;
  }
  header.landing-pwp .hero a.bg-primary-100 {
    width: 52px;
    height: 48px;
  }
  header.landing-pwp .hero .image {
    width: 280px;
    height: 376px;
    margin-top: 32px;
  }
  header.landing-pwp .hero .image img {
    width: 110px;
    right: -29px;
    bottom: 29px;
  }

  .landing-pwp-client .container {
    padding: 0;
    max-width: 280px;
  }
  .landing-pwp-client .section-title {
    width: 100%;
  }
  .landing-pwp-client .clients {
    width: 227px;
    column-gap: 35px;
    row-gap: 25px;
  }
  .landing-pwp-client img {
    width: 96px;
  }

  .landing-pwp-about .container {
    padding-top: 48px;
    padding: 0;
    padding-top: 48px;
    width: 296px;
  }
  .landing-pwp-about .images {
    width: 296px;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 20px;
    margin: auto;
    margin-bottom: 83px;
  }
  .landing-pwp-about .image {
    object-fit: cover;
    width: 143px;
  }
  .landing-pwp-about .image:nth-child(1) {
    width: 296px;
    height: 158px;
  }
  .landing-pwp-about .image:nth-child(2) {
    height: 118px;
  }
  .landing-pwp-about .image:nth-child(3) {
    height: 114px;
  }
  .landing-pwp-about .about-card {
    width: 140px;
    height: 130px;
    flex-direction: column;
    justify-content: center;
  }
  .landing-pwp-about .section-title {
    text-align: center;
  }
  .landing-pwp-about .text-container {
    width: 100%;
    text-align: center;
  }
  .landing-pwp-about .about-card {
    padding-right: 28px;
    padding-left: 28px;
  }
  .landing-pwp-about .cards {
    width: 290px;
    gap: 10px;
  }
  .landing-pwp-about .number {
    margin-right: 0;
    width: unset;
    font-size: 32px;
    margin-bottom: 10px;
  }
  .landing-pwp-about .text {
    font-size: 14px;
    text-align: center;
  }

  .landing-pwp-form {
    background-size: cover;
    background-image: url("../../assets/images/landing-pwp/bg-form2.svg");
    padding-top: 30px;
    padding-bottom: 185px;
  }
  .landing-pwp-form .form-group {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  .landing-pwp-form .form {
    width: 260px;
    height: 40px;
  }
  .landing-pwp-form a {
    margin-top: 10px;
    width: 140px;
    height: 40px;
  }

  .landing-pwp-portofolio .container {
    padding: 0;
    width: 320px;
  }
  .landing-pwp-portofolio .desc {
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: #5a7184;
    margin-top: 14px;
    margin-bottom: 34px;
    padding-right: 24px;
    padding-left: 24px;
  }
  .landing-pwp-portofolio .carousel-container {
    padding-left: 20px;
  }
  .landing-pwp-portofolio .owl-carousel .owl-stage-outer {
    overflow: initial;
  }
  .landing-pwp-portofolio .text.active::after {
    margin-top: 8px;
  }
  .landing-pwp-portofolio .gap {
    gap: 10px;
  }
  .landing-pwp-portofolio .image {
    height: 180px;
    object-fit: cover;
  }
  .landing-pwp-portofolio .image:nth-child(1),
.landing-pwp-portofolio .image:nth-child(4) {
    width: 190px;
  }
  .landing-pwp-portofolio .image:nth-child(2),
.landing-pwp-portofolio .image:nth-child(3) {
    width: 120px;
  }
  .landing-pwp-portofolio .image:nth-child(5) {
    width: 320px;
  }
  .landing-pwp-portofolio .image:nth-child(6),
.landing-pwp-portofolio .image:nth-child(7),
.landing-pwp-portofolio .image:nth-child(8) {
    width: 100px;
  }
  .landing-pwp-portofolio a {
    width: 180px;
    height: 48px;
  }

  .landing-pwp-review .container {
    max-width: 280px;
    padding: 0;
    padding-bottom: 48px;
  }
  .landing-pwp-review .image {
    width: 260px;
    height: 180px;
    background-size: cover;
    background-position: center;
  }
  .landing-pwp-review .fas {
    margin-top: -19px;
    margin-right: 0;
  }
  .landing-pwp-review .text-container {
    width: 100%;
  }
  .landing-pwp-review .desc {
    font-size: 20px;
    letter-spacing: 0.22px;
    line-height: 1.6;
  }
  .landing-pwp-review .owl-stage-outer {
    padding-top: 55px;
  }
  .landing-pwp-review .owl-dots {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 243px;
    column-gap: 12px;
  }
  .landing-pwp-review .owl-dot {
    width: 52px;
  }
}
@media (max-width: 767.98px) {
  body.landing-pwp #bp_tablet {
    display: block;
  }
}
body.landing-pd .section-title {
  font-size: 48px;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  font-family: "hk_groteskmedium", sans-serif;
}
body.landing-pd .section-desc {
  font-size: 18px;
  line-height: 1.78;
  color: #6AD6A2;
}
body.landing-pd .badge-yellow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77px;
  height: 33px;
  border-radius: 8px;
  background-color: #faad13;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 41px;
}

header.landing-pd .hero {
  padding-top: 60px;
  padding-bottom: 100px;
}
header.landing-pd .hero .hero-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
header.landing-pd .hero .text-container {
  width: 480px;
}
header.landing-pd .hero .title {
  font-size: 18px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.22;
  letter-spacing: 0.23px;
  color: #6AD6A2;
  margin-bottom: 11px;
}
header.landing-pd .hero .desc {
  font-size: 16px;
  color: #5a7184;
}
header.landing-pd .hero .column-gap {
  column-gap: 98px;
}
header.landing-pd .hero .fa-arrow-right {
  font-size: 14px;
  color: #1565d8;
  margin-left: 15px;
}

.landing-pd-card .image {
  background-image: url("../../assets/images/landing-portofolio-details/image/11@2x.png");
  background-size: cover;
  height: 520px;
}
.landing-pd-card .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #6AD6A2;
}
.landing-pd-card .desc {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  font-family: "hk_groteskmedium", sans-serif;
}
.landing-pd-card .text-container {
  width: 782px;
}
.landing-pd-card .flex {
  border-bottom: solid 1px #e3e7ed;
}

.landing-pd-step1 .container {
  border-bottom: solid 1px #e3e7ed;
  padding-top: 100px;
  padding-bottom: 120px;
}
.landing-pd-step1 .text-container {
  width: 847px;
}
.landing-pd-step1 .section-title {
  margin-bottom: 20px;
}
.landing-pd-step1 .section-desc {
  margin-bottom: 60px;
}
.landing-pd-step1 .image1 {
  width: 652px;
  height: 320px;
}
.landing-pd-step1 .image2 {
  width: 458px;
  height: 360px;
}
.landing-pd-step1 .image3 {
  width: 360px;
  height: 360px;
}
.landing-pd-step1 .image4 {
  width: 750px;
  height: 320px;
}

.landing-pd-step2 {
  padding: 120px 0;
}
.landing-pd-step2 .text-container {
  width: 847px;
}
.landing-pd-step2 .images {
  display: flex;
  justify-content: space-between;
}
.landing-pd-step2 .image {
  width: 360px;
  margin-bottom: 32px;
}
.landing-pd-step2 .title {
  font-size: 18px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.22;
  letter-spacing: 0.23px;
  color: #6AD6A2;
}
.landing-pd-step2 .section-title {
  margin-bottom: 20px;
}
.landing-pd-step2 .section-desc {
  margin-bottom: 60px;
}

.landing-pd-mapping .text-container {
  width: 757px;
  text-align: center;
  margin: auto;
  margin-bottom: 72px;
}
.landing-pd-mapping .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.landing-pd-mapping .owl-carousel .owl-item {
  opacity: 0;
  transition: opacity 500ms;
}
.landing-pd-mapping .owl-carousel .owl-item.active {
  opacity: 1;
}
.landing-pd-mapping .title {
  font-size: 40px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #6AD6A2;
  margin-bottom: 20px;
}
.landing-pd-mapping .badge-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 33px;
  border-radius: 8px;
  background-color: #00b8d9;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  margin: auto;
  margin-bottom: 20px;
}
.landing-pd-mapping .mapping-card {
  width: 262px;
  height: 231px;
  padding-top: 32px;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
}
.landing-pd-mapping .date {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: 0.23px;
  color: #6AD6A2;
  margin-bottom: 27px;
}
.landing-pd-mapping .text {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #5a7184;
  margin-bottom: 22px;
}

.landing-pd-plan {
  padding-top: 148px;
  padding-bottom: 100px;
}
.landing-pd-plan .text-container:first-child {
  width: 511px;
}
.landing-pd-plan .text-container:last-child {
  width: 457px;
}
.landing-pd-plan .images {
  display: flex;
}
.landing-pd-plan .image {
  width: 545px;
}

.landing-pd-step3 {
  background-image: url("../../assets/images/landing-portofolio-details/bg/oval1.svg");
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 148px;
  padding-bottom: 120px;
}
.landing-pd-step3 .text-container:first-child {
  width: 404px;
}
.landing-pd-step3 .text-container:last-child {
  width: 585px;
}
.landing-pd-step3 .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
}
.landing-pd-step3 .image {
  width: 545px;
  height: 349px;
}
.landing-pd-step3 .image:nth-child(1) {
  box-shadow: 0px 28px 32px 0px rgba(0, 0, 0, 0.06);
}
.landing-pd-step3 .image:nth-child(2) {
  box-shadow: 0px 28px 32px 0px rgba(0, 0, 0, 0.06);
}
.landing-pd-step3 .image:nth-child(5) {
  height: 471px;
}
.landing-pd-step3 .image:nth-child(6) {
  height: 479px;
}

.landing-pd-mobile {
  background-image: url("../../assets/images/landing-portofolio-details/bg/oval2.svg");
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 160px;
  padding-bottom: 96px;
}
.landing-pd-mobile .text-container {
  width: 757px;
  margin: auto;
  text-align: center;
}
.landing-pd-mobile .title {
  font-size: 40px;
  font-family: "hk_groteskmedium", sans-serif;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-align: center;
  color: #6AD6A2;
}
.landing-pd-mobile .badge-blue {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
  padding: 8px 12px 7px;
  border-radius: 8px;
  background-color: #1565d8;
  width: 134px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.landing-pd-mobile .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin-top: 80px;
  margin-bottom: 120px;
}
.landing-pd-mobile .image {
  width: 252px;
  box-shadow: 0px 28px 32px 0px rgba(0, 0, 0, 0.06);
}
.landing-pd-mobile .bg-green,
.landing-pd-mobile .bg-red {
  height: 310px;
  width: 50%;
  text-align: center;
  padding-top: 60px;
}
.landing-pd-mobile .bg-green .title,
.landing-pd-mobile .bg-red .title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #ffffff;
}
.landing-pd-mobile .bg-green {
  background-image: url("../../assets/images/landing-portofolio-details/bg/bg-success.svg");
}
.landing-pd-mobile .bg-red {
  background-image: url("../../assets/images/landing-portofolio-details/bg/bg-danger.svg");
}
.landing-pd-mobile a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 64px;
  border-radius: 2000px;
  border: solid 2px #ffffff;
  color: #ffffff;
}
.landing-pd-mobile .desc {
  font-size: 16px;
  color: #ffffff;
}

.bp_checking {
  display: none;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body.landing-pd .section-title {
    font-size: 32px;
  }
  body.landing-pd .section-desc {
    font-size: 16px;
  }
  body.landing-pd .badge-yellow {
    height: 30px;
  }

  header.landing-pd .hero {
    padding-bottom: 64px;
  }
  header.landing-pd .hero .container {
    max-width: 652px;
    padding: 0;
  }
  header.landing-pd .hero .row-gap {
    row-gap: 48px;
  }
  header.landing-pd .hero .column-gap:nth-child(1) {
    column-gap: 64px;
  }
  header.landing-pd .hero .column-gap:nth-child(2) {
    column-gap: 109px;
  }
  header.landing-pd .hero .text-container {
    width: 552px;
    margin-top: 18px;
  }

  .landing-pd-card .container {
    max-width: 678px;
    padding: 0;
  }
  .landing-pd-card .image {
    height: 360px;
  }
  .landing-pd-card .text-container {
    width: 464px;
  }
  .landing-pd-card .desc {
    font-size: 20px;
  }

  .landing-pd-step1 .container {
    max-width: 670px;
    padding: 64px 0;
  }
  .landing-pd-step1 .text-container {
    width: 602px;
  }
  .landing-pd-step1 .badge-yellow {
    margin-bottom: 30px;
  }
  .landing-pd-step1 .section-title {
    margin-bottom: 18px;
  }
  .landing-pd-step1 .section-desc {
    margin-bottom: 36px;
  }
  .landing-pd-step1 .image1 {
    width: 372px;
    height: 180px;
  }
  .landing-pd-step1 .image2 {
    width: 278px;
    height: 200px;
  }
  .landing-pd-step1 .image3 {
    width: 180px;
    height: 200px;
  }
  .landing-pd-step1 .image4 {
    width: 470px;
    height: 180px;
  }
  .landing-pd-step1 .image1,
.landing-pd-step1 .image2,
.landing-pd-step1 .image3,
.landing-pd-step1 .image4 {
    object-fit: cover;
    border-radius: 16px;
  }

  .landing-pd-step2 {
    padding-top: 64px;
    padding-bottom: 80px;
  }
  .landing-pd-step2 .container {
    max-width: 700px;
    padding: 0;
  }
  .landing-pd-step2 .text-container {
    width: 666px;
  }
  .landing-pd-step2 .image {
    width: 220px;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 26px;
  }
  .landing-pd-step2 .badge-yellow {
    margin-bottom: 30px;
  }
  .landing-pd-step2 .section-title {
    margin-bottom: 18px;
  }
  .landing-pd-step2 .section-desc {
    margin-bottom: 36px;
  }

  .landing-pd-mapping .container {
    max-width: 728px;
    padding: 0;
  }
  .landing-pd-mapping .title {
    font-size: 28px;
  }
  .landing-pd-mapping .text-container {
    width: 540px;
  }
  .landing-pd-mapping .mapping-card {
    height: 211px;
  }

  .landing-pd-plan {
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .landing-pd-plan .container {
    max-width: 688px;
    padding: 0;
  }
  .landing-pd-plan .text-container:first-child {
    width: 293px;
  }
  .landing-pd-plan .text-container:last-child {
    width: 345px;
  }
  .landing-pd-plan .image {
    width: 330px;
  }

  .landing-pd-step3 {
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .landing-pd-step3 .container {
    max-width: 691px;
    padding: 0;
  }
  .landing-pd-step3 .text-container:first-child {
    width: unset;
  }
  .landing-pd-step3 .text-container:last-child {
    width: 626px;
  }
  .landing-pd-step3 .images {
    margin-top: 48px;
  }
  .landing-pd-step3 .image {
    width: 330px;
    height: 213px;
  }
  .landing-pd-step3 .image:nth-child(5) {
    height: 288px;
  }
  .landing-pd-step3 .image:nth-child(6) {
    height: 293px;
  }
  .landing-pd-step3 .badge-yellow {
    margin-bottom: 30px !important;
  }
  .landing-pd-step3 .section-title {
    margin-bottom: 18px;
  }

  .landing-pd-mobile {
    background-size: 100%;
    padding-top: 90px;
  }
  .landing-pd-mobile .container {
    max-width: 665px;
    padding: 0;
  }
  .landing-pd-mobile .text-container {
    width: 518px;
  }
  .landing-pd-mobile .badge-blue {
    height: 30px;
  }
  .landing-pd-mobile .images {
    gap: 19px;
    margin-top: 156px;
    margin-bottom: 64px;
  }
  .landing-pd-mobile .image {
    width: 209px;
  }
  .landing-pd-mobile .image:nth-child(1) {
    order: 1;
  }
  .landing-pd-mobile .image:nth-child(2) {
    display: none;
  }
  .landing-pd-mobile .image:nth-child(3) {
    order: 3;
  }
  .landing-pd-mobile .image:nth-child(4) {
    order: 2;
    margin-top: -107px;
  }
  .landing-pd-mobile .image:nth-child(5) {
    order: 4;
    margin-top: -24px;
  }
  .landing-pd-mobile .image:nth-child(6) {
    order: 5;
    margin-top: -18px;
  }
  .landing-pd-mobile .image:nth-child(7) {
    order: 6;
  }
  .landing-pd-mobile .image:nth-child(8) {
    display: none;
  }
  .landing-pd-mobile .bg-green,
.landing-pd-mobile .bg-red {
    height: 246px;
    padding-top: 40px;
  }
  .landing-pd-mobile .bg-green .title,
.landing-pd-mobile .bg-red .title {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body.landing-pd .section-title {
    font-size: 32px;
  }
  body.landing-pd .section-desc {
    font-size: 16px;
  }
  body.landing-pd .badge-yellow {
    height: 30px;
  }

  header.landing-pd .hero {
    padding-bottom: 64px;
  }
  header.landing-pd .hero .container {
    max-width: 652px;
    padding: 0 !important;
  }
  header.landing-pd .hero .row-gap {
    row-gap: 48px;
  }
  header.landing-pd .hero .column-gap:nth-child(1) {
    column-gap: 64px;
  }
  header.landing-pd .hero .column-gap:nth-child(2) {
    column-gap: 109px;
  }
  header.landing-pd .hero .text-container {
    width: 552px;
    margin-top: 18px;
  }

  .landing-pd-card .container {
    max-width: 678px;
    padding: 0 !important;
  }
  .landing-pd-card .image {
    height: 360px;
  }
  .landing-pd-card .text-container {
    width: 464px;
  }
  .landing-pd-card .desc {
    font-size: 20px;
  }

  .landing-pd-step1 .container {
    max-width: 670px;
    padding: 64px 0 !important;
  }
  .landing-pd-step1 .text-container {
    width: 602px;
  }
  .landing-pd-step1 .badge-yellow {
    margin-bottom: 30px;
  }
  .landing-pd-step1 .section-title {
    margin-bottom: 18px;
  }
  .landing-pd-step1 .section-desc {
    margin-bottom: 36px;
  }
  .landing-pd-step1 .image1 {
    width: 372px;
    height: 180px;
  }
  .landing-pd-step1 .image2 {
    width: 278px;
    height: 200px;
  }
  .landing-pd-step1 .image3 {
    width: 180px;
    height: 200px;
  }
  .landing-pd-step1 .image4 {
    width: 470px;
    height: 180px;
  }
  .landing-pd-step1 .image1,
.landing-pd-step1 .image2,
.landing-pd-step1 .image3,
.landing-pd-step1 .image4 {
    object-fit: cover;
    border-radius: 16px;
  }

  .landing-pd-step2 {
    padding-top: 64px;
    padding-bottom: 80px;
  }
  .landing-pd-step2 .container {
    max-width: 700px;
    padding: 0 !important;
  }
  .landing-pd-step2 .text-container {
    width: 666px;
  }
  .landing-pd-step2 .image {
    width: 220px;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 26px;
  }
  .landing-pd-step2 .badge-yellow {
    margin-bottom: 30px;
  }
  .landing-pd-step2 .section-title {
    margin-bottom: 18px;
  }
  .landing-pd-step2 .section-desc {
    margin-bottom: 36px;
  }

  .landing-pd-mapping .container {
    max-width: 728px;
    padding: 0 !important;
  }
  .landing-pd-mapping .title {
    font-size: 28px;
  }
  .landing-pd-mapping .text-container {
    width: 540px;
  }
  .landing-pd-mapping .mapping-card {
    height: 211px;
  }

  .landing-pd-plan {
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .landing-pd-plan .container {
    max-width: 688px;
    padding: 0 !important;
  }
  .landing-pd-plan .text-container:first-child {
    width: 293px;
  }
  .landing-pd-plan .text-container:last-child {
    width: 345px;
  }
  .landing-pd-plan .image {
    width: 330px;
  }

  .landing-pd-step3 {
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .landing-pd-step3 .container {
    max-width: 691px;
    padding: 0 !important;
  }
  .landing-pd-step3 .text-container:first-child {
    width: unset;
  }
  .landing-pd-step3 .text-container:last-child {
    width: 626px;
  }
  .landing-pd-step3 .images {
    margin-top: 48px;
  }
  .landing-pd-step3 .image {
    width: 330px;
    height: 213px;
  }
  .landing-pd-step3 .image:nth-child(5) {
    height: 288px;
  }
  .landing-pd-step3 .image:nth-child(6) {
    height: 293px;
  }
  .landing-pd-step3 .badge-yellow {
    margin-bottom: 30px !important;
  }
  .landing-pd-step3 .section-title {
    margin-bottom: 18px;
  }

  .landing-pd-mobile {
    background-size: 100%;
    padding-top: 90px;
  }
  .landing-pd-mobile .container {
    max-width: 665px;
    padding: 0 !important;
  }
  .landing-pd-mobile .text-container {
    width: 518px;
  }
  .landing-pd-mobile .badge-blue {
    height: 30px;
  }
  .landing-pd-mobile .images {
    gap: 19px;
    margin-top: 156px;
    margin-bottom: 64px;
  }
  .landing-pd-mobile .image {
    width: 209px;
  }
  .landing-pd-mobile .image:nth-child(1) {
    order: 1;
  }
  .landing-pd-mobile .image:nth-child(2) {
    display: none;
  }
  .landing-pd-mobile .image:nth-child(3) {
    order: 3;
  }
  .landing-pd-mobile .image:nth-child(4) {
    order: 2;
    margin-top: -107px;
  }
  .landing-pd-mobile .image:nth-child(5) {
    order: 4;
    margin-top: -24px;
  }
  .landing-pd-mobile .image:nth-child(6) {
    order: 5;
    margin-top: -18px;
  }
  .landing-pd-mobile .image:nth-child(7) {
    order: 6;
  }
  .landing-pd-mobile .image:nth-child(8) {
    display: none;
  }
  .landing-pd-mobile .bg-green,
.landing-pd-mobile .bg-red {
    height: 246px;
    padding-top: 40px;
  }
  .landing-pd-mobile .bg-green .title,
.landing-pd-mobile .bg-red .title {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  body.landing-pd .section-title {
    font-size: 32px;
  }
  body.landing-pd .section-desc {
    font-size: 16px;
  }
  body.landing-pd .badge-yellow {
    height: 30px;
  }

  header.landing-pd .hero {
    padding-bottom: 64px;
  }
  header.landing-pd .hero .container {
    max-width: 100%;
  }
  header.landing-pd .hero .row-gap {
    row-gap: 48px;
  }
  header.landing-pd .hero .column-gap:nth-child(1) {
    column-gap: 64px;
  }
  header.landing-pd .hero .column-gap:nth-child(2) {
    column-gap: 109px;
  }
  header.landing-pd .hero .text-container {
    width: 100%;
    margin-top: 18px;
  }

  .landing-pd-card .container {
    max-width: 100%;
  }
  .landing-pd-card .image {
    height: 360px;
  }
  .landing-pd-card .text-container {
    width: 464px;
  }
  .landing-pd-card .desc {
    font-size: 20px;
  }

  .landing-pd-step1 .container {
    max-width: 100%;
  }
  .landing-pd-step1 .text-container {
    width: unset;
  }
  .landing-pd-step1 .badge-yellow {
    margin-bottom: 30px;
  }
  .landing-pd-step1 .section-title {
    margin-bottom: 18px;
  }
  .landing-pd-step1 .section-desc {
    margin-bottom: 36px;
  }
  .landing-pd-step1 .images {
    width: 546px;
    margin: auto;
  }
  .landing-pd-step1 .image1 {
    width: calc(526px * 2 / 3);
    height: 180px;
  }
  .landing-pd-step1 .image2 {
    width: calc(526px * 1 / 3);
    height: 200px;
  }
  .landing-pd-step1 .image3 {
    width: calc(526px * 1 / 3);
    height: 200px;
  }
  .landing-pd-step1 .image4 {
    width: calc(526px * 2 / 3);
    height: 180px;
  }
  .landing-pd-step1 .image1,
.landing-pd-step1 .image2,
.landing-pd-step1 .image3,
.landing-pd-step1 .image4 {
    object-fit: cover;
    border-radius: 16px;
  }

  .landing-pd-step2 {
    padding-top: 64px;
    padding-bottom: 80px;
  }
  .landing-pd-step2 .container {
    max-width: 100%;
  }
  .landing-pd-step2 .text-container {
    width: unset;
  }
  .landing-pd-step2 .images {
    width: 546px;
    margin: auto;
  }
  .landing-pd-step2 .image {
    width: calc(506px / 3);
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 26px;
  }
  .landing-pd-step2 .badge-yellow {
    margin-bottom: 30px;
  }
  .landing-pd-step2 .section-title {
    margin-bottom: 18px;
  }
  .landing-pd-step2 .section-desc {
    margin-bottom: 36px;
  }

  .landing-pd-mapping .container {
    max-width: 100%;
  }
  .landing-pd-mapping .title {
    font-size: 28px;
  }
  .landing-pd-mapping .text-container {
    width: 540px;
  }
  .landing-pd-mapping .mapping-card {
    height: 211px;
  }

  .landing-pd-plan {
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .landing-pd-plan .container {
    max-width: 100%;
  }
  .landing-pd-plan .text-container:first-child {
    width: 293px;
  }
  .landing-pd-plan .text-container:last-child {
    width: 345px;
  }
  .landing-pd-plan .images {
    width: 546px;
    margin: auto;
  }
  .landing-pd-plan .image {
    width: calc(518px / 2);
  }

  .landing-pd-step3 {
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .landing-pd-step3 .container {
    max-width: 100%;
  }
  .landing-pd-step3 .text-container:first-child {
    width: unset;
  }
  .landing-pd-step3 .text-container:last-child {
    width: unset;
  }
  .landing-pd-step3 .images {
    margin: auto;
    margin-top: 48px;
    width: 546px;
  }
  .landing-pd-step3 .image {
    width: calc(518px / 2);
    height: 100% !important;
  }
  .landing-pd-step3 .badge-yellow {
    margin-bottom: 30px !important;
  }
  .landing-pd-step3 .section-title {
    margin-bottom: 18px;
  }

  .landing-pd-mobile {
    background-size: 100%;
    padding-top: 90px;
  }
  .landing-pd-mobile .container {
    max-width: 100%;
  }
  .landing-pd-mobile .text-container {
    width: 518px;
  }
  .landing-pd-mobile .badge-blue {
    height: 30px;
  }
  .landing-pd-mobile .images {
    width: 546px;
    gap: 19px;
    margin: auto;
    margin-top: 156px;
    margin-bottom: 64px;
  }
  .landing-pd-mobile .image {
    width: calc(508px / 3);
  }
  .landing-pd-mobile .image:nth-child(1) {
    order: 1;
  }
  .landing-pd-mobile .image:nth-child(2) {
    display: none;
  }
  .landing-pd-mobile .image:nth-child(3) {
    order: 3;
  }
  .landing-pd-mobile .image:nth-child(4) {
    order: 2;
    margin-top: 0px;
  }
  .landing-pd-mobile .image:nth-child(5) {
    order: 4;
    margin-top: -92px !important;
  }
  .landing-pd-mobile .image:nth-child(6) {
    order: 5;
    margin-top: 0px;
  }
  .landing-pd-mobile .image:nth-child(7) {
    order: 6;
    margin-top: -72px !important;
  }
  .landing-pd-mobile .image:nth-child(8) {
    display: none;
  }
  .landing-pd-mobile .bg-green,
.landing-pd-mobile .bg-red {
    height: 246px;
    padding-top: 40px;
  }
  .landing-pd-mobile .bg-green .title,
.landing-pd-mobile .bg-red .title {
    font-size: 28px;
  }
}
@media (max-width: 575.98px) {
  body.landing-pd .section-title {
    font-size: 28px;
  }
  body.landing-pd .section-desc {
    font-size: 14px;
  }
  body.landing-pd .badge-yellow {
    margin: auto;
    margin-bottom: 24px;
  }
  body.landing-pd #bp_mobile {
    display: block;
  }

  header.landing-pd .hero {
    text-align: center;
    padding-top: 19px;
    padding-bottom: 48px;
  }
  header.landing-pd .hero .container {
    max-width: 280px;
    padding: 0;
  }
  header.landing-pd .hero .hero-title {
    font-size: 32px;
    margin-bottom: 16px;
  }
  header.landing-pd .hero .text-container {
    width: 270px;
  }
  header.landing-pd .hero .section-desc {
    font-size: 16px;
  }
  header.landing-pd .hero .title {
    margin-bottom: 8px;
    font-size: 16px;
  }
  header.landing-pd .hero .desc {
    font-size: 14px;
  }

  .landing-pd-card {
    text-align: center;
  }
  .landing-pd-card .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-pd-card .image {
    height: 255px;
  }
  .landing-pd-card .text-container {
    width: unset;
    margin-top: 16px;
  }
  .landing-pd-card .desc {
    font-size: 18px;
    line-height: 1.78;
  }

  .landing-pd-step1 .container {
    padding: 48px 0;
  }
  .landing-pd-step1 .text-container {
    width: 280px;
    margin: auto;
    text-align: center;
  }
  .landing-pd-step1 .section-title {
    margin-bottom: 14px;
    padding: 0 39px;
  }
  .landing-pd-step1 .section-desc {
    margin-bottom: 36px;
  }
  .landing-pd-step1 .images {
    width: 320px;
    margin: auto;
  }
  .landing-pd-step1 .image1 {
    width: 183px;
    height: 90px;
  }
  .landing-pd-step1 .image2 {
    width: 128px;
    height: 101px;
  }
  .landing-pd-step1 .image3 {
    width: 101px;
    height: 101px;
  }
  .landing-pd-step1 .image4 {
    width: 210px;
    height: 90px;
  }
  .landing-pd-step1 .xs-mb-9 {
    margin-bottom: 9px;
  }
  .landing-pd-step1 .xs-mr-9 {
    margin-right: 9px;
  }

  .landing-pd-step2 {
    padding-top: 64px;
    padding-bottom: 56px;
  }
  .landing-pd-step2 .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-pd-step2 .text-container {
    width: unset;
    text-align: center;
  }
  .landing-pd-step2 .section-title {
    margin-bottom: 14px;
    padding: 0 8px;
  }
  .landing-pd-step2 .section-desc {
    margin-bottom: 36px;
  }
  .landing-pd-step2 .images {
    flex-direction: column;
  }
  .landing-pd-step2 .image {
    width: 280px;
    height: 240px;
    object-fit: cover;
    object-position: top;
    margin-bottom: 15px;
  }
  .landing-pd-step2 .title {
    text-align: center;
  }

  .landing-pd-mapping .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-pd-mapping .text-container {
    width: unset;
    margin-bottom: 36px;
  }
  .landing-pd-mapping .title {
    font-size: 24px;
    margin-bottom: 14px;
    padding: 0 37px;
  }
  .landing-pd-mapping #mapping {
    row-gap: 64px;
  }
  .landing-pd-mapping .mapping-card {
    margin: auto;
    height: fit-content;
    padding: 24px 0;
  }
  .landing-pd-mapping .date {
    margin-bottom: 20px;
  }
  .landing-pd-mapping .text {
    margin-bottom: 12px;
  }
  .landing-pd-mapping .text:last-child {
    margin-bottom: 0;
  }

  .landing-pd-plan {
    padding-top: 72px;
    padding-bottom: 48px;
  }
  .landing-pd-plan .container {
    padding: 0;
    max-width: 320px;
  }
  .landing-pd-plan .text-container {
    width: 280px !important;
    text-align: center;
  }
  .landing-pd-plan .section-title {
    margin-bottom: 14px;
  }
  .landing-pd-plan .images {
    width: 310px;
    margin: auto;
  }
  .landing-pd-plan .image {
    width: 150px;
    height: 113px !important;
    object-fit: cover;
  }

  .landing-pd-step3 {
    padding: 72px 0;
    text-align: center;
  }
  .landing-pd-step3 .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-pd-step3 .text-container {
    width: unset !important;
  }
  .landing-pd-step3 .section-title {
    margin-bottom: 14px;
  }
  .landing-pd-step3 .images {
    margin-top: 36px;
    row-gap: 15px;
  }
  .landing-pd-step3 .image {
    width: 280px !important;
    height: 179px !important;
    object-fit: cover;
    margin-top: 0;
  }

  .landing-pd-mobile {
    padding-top: 72px;
    padding-bottom: 0;
  }
  .landing-pd-mobile .container {
    max-width: 300px;
    padding: 0;
  }
  .landing-pd-mobile .text-container {
    width: unset;
  }
  .landing-pd-mobile .title {
    font-size: 24px;
  }
  .landing-pd-mobile .images {
    margin-top: 36px;
    margin-bottom: 56px;
    margin-left: 10px;
  }
  .landing-pd-mobile .image {
    width: 252px !important;
    height: 260px;
    object-fit: cover;
    object-position: top;
    margin: 0;
  }
  .landing-pd-mobile a {
    width: 40px;
    height: 60px;
  }
  .landing-pd-mobile .desc {
    font-size: 12px;
  }
  .landing-pd-mobile .bg-green,
.landing-pd-mobile .bg-red {
    height: 224px;
    padding-top: 36px;
    padding: 10px;
    padding-top: 36px;
    padding-bottom: 0;
  }
  .landing-pd-mobile .bg-green .title,
.landing-pd-mobile .bg-red .title {
    font-size: 18px;
  }
}
@media (min-width: 576px) {
  body.landing-pd #bp_desktop {
    display: block;
  }
}
body.landing-crypto .section-title {
  font-size: 36px;
  letter-spacing: 0.2px;
  line-height: 48px;
}
body.landing-crypto .section-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 32px;
}
body.landing-crypto .title {
  font-family: "hk_grotesksemibold", sans-serif;
  font-size: 22px;
  letter-spacing: 0.2px;
  line-height: 32px;
}
body.landing-crypto .desc {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #5a7184;
}

header.landing-crypto {
  background: #1565d8;
}
header.landing-crypto .hero {
  padding-top: 80px;
  text-align: center;
  color: white;
}
header.landing-crypto .hero .hero-title {
  font-size: 48px;
  letter-spacing: 0.2px;
  line-height: 60px;
  margin-bottom: 24px;
}
header.landing-crypto .hero .custom-form {
  display: flex;
  justify-content: center;
  background: white;
  width: 475px;
  border-radius: 8px;
  padding: 6px;
  margin: auto;
  margin-top: 24px;
  margin-bottom: 48px;
}
header.landing-crypto .hero input {
  flex: auto;
  padding-left: 18px;
  border: none;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: unset;
  color: #5a7184;
}
header.landing-crypto .hero button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 46px;
  background-color: #36b37e;
  border: none;
  border-radius: 4px;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 16px;
}
header.landing-crypto .hero img {
  box-shadow: 0 28px 32px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: -244px;
}

.landing-crypto-advantage {
  padding-top: 364px;
}
.landing-crypto-advantage .advantages {
  display: flex;
  flex-wrap: wrap;
  column-gap: 28px;
  row-gap: 40px;
}
.landing-crypto-advantage .advantage {
  width: 361px;
  height: 232px;
  padding-right: 31px;
  padding-left: 44px;
}
.landing-crypto-advantage .title {
  margin-top: 26px;
  margin-bottom: 4px;
}

.landing-crypto-pairing {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 100px;
}
.landing-crypto-pairing .section-title {
  font-size: 28px !important;
  line-height: 36px !important;
  margin-bottom: 82px;
}
.landing-crypto-pairing .pairing-container {
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
}

.landing-crypto-count {
  background-color: #1565d8;
  color: white;
  text-align: center;
  padding: 40px 0;
}
.landing-crypto-count .count-container {
  display: flex;
  gap: 16px;
}
.landing-crypto-count .count {
  width: 250px;
  height: 178px;
  padding-top: 40px;
}
.landing-crypto-count .number {
  font-size: 48px;
  letter-spacing: 0.2px;
  line-height: 48px;
}

.landing-crypto-portofolio {
  padding-top: 100px;
  padding-bottom: 80px;
}
.landing-crypto-portofolio .title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 56px;
}
.landing-crypto-portofolio .section-desc {
  width: 555px;
}
.landing-crypto-portofolio .steps {
  display: flex;
  flex-direction: column;
  gap: 45px;
  margin-top: 34px;
}
.landing-crypto-portofolio .step {
  display: flex;
  width: 392px;
}
.landing-crypto-portofolio .step img {
  width: 56px;
  height: 56px;
  margin-right: 28px;
  border-radius: 50%;
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.04);
}
.landing-crypto-portofolio .title {
  margin-bottom: 6px;
}

.landing-crypto-review {
  background-color: rgba(179, 186, 197, 0.1);
  padding-top: 70px;
  padding-bottom: 100px;
}
.landing-crypto-review .title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.landing-crypto-review .review {
  width: 545px;
}
.landing-crypto-review .comment {
  background-image: url(../../assets/images/landing-cryptocurrency/bg-comment.svg);
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  color: #6AD6A2;
  line-height: 41px;
  margin-bottom: 24px;
  padding-top: 33px;
  padding-right: 21px;
  padding-bottom: 54px;
  padding-left: 34px;
}
.landing-crypto-review .avatar {
  width: 56px !important;
  margin-right: 22px;
}
.landing-crypto-review .name {
  font-family: "hk_grotesksemibold", sans-serif;
  font-size: 20px;
  color: #6AD6A2;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin-bottom: 6px;
}

.landing-crypto-start {
  padding: 100px 0;
  margin-bottom: 75px;
  text-align: center;
}
.landing-crypto-start .section-title {
  font-size: 40px !important;
  line-height: 52px !important;
}
.landing-crypto-start .section-desc {
  margin-top: 24px;
  margin-bottom: 32px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  header.landing-crypto .hero {
    padding-top: 48px;
  }
  header.landing-crypto .hero .container {
    max-width: 680px;
    padding: 0;
  }
  header.landing-crypto .hero .hero-title {
    font-size: 40px;
    line-height: 52px;
  }
  header.landing-crypto .hero .custom-form {
    margin-top: 48px;
    margin-bottom: 58px;
  }
  header.landing-crypto .hero img {
    width: 680px;
    margin-bottom: -145px;
  }

  .landing-crypto-advantage {
    padding-top: 225px;
  }
  .landing-crypto-advantage .container {
    max-width: 718px;
    padding: 0;
  }
  .landing-crypto-advantage .advantages {
    column-gap: 20px;
    row-gap: 36px;
  }
  .landing-crypto-advantage .advantage {
    width: 226px;
    height: 259px;
    padding-right: 6px;
    padding-left: 20px;
  }
  .landing-crypto-advantage .advantage img {
    width: 48px;
  }
  .landing-crypto-advantage .advantage:nth-of-type(1) {
    order: 1;
  }
  .landing-crypto-advantage .advantage:nth-of-type(2) {
    order: 5;
  }
  .landing-crypto-advantage .advantage:nth-of-type(3) {
    order: 6;
  }
  .landing-crypto-advantage .advantage:nth-of-type(4) {
    order: 3;
    height: 229px;
  }
  .landing-crypto-advantage .advantage:nth-of-type(5) {
    order: 4;
    height: 229px;
  }
  .landing-crypto-advantage .advantage:nth-of-type(6) {
    order: 2;
    height: 229px;
  }
  .landing-crypto-advantage .title {
    font-size: 20px !important;
  }
  .landing-crypto-advantage .desc {
    font-size: 14px !important;
  }

  .landing-crypto-pairing {
    padding-bottom: 80px;
  }
  .landing-crypto-pairing .container {
    max-width: 724px;
    padding: 0;
  }
  .landing-crypto-pairing .section-title {
    margin-bottom: 66px;
  }
  .landing-crypto-pairing .pairing-container {
    gap: 22px;
  }

  .landing-crypto-count {
    padding: 64px 0;
  }
  .landing-crypto-count .container {
    max-width: 725px;
    padding: 0;
  }
  .landing-crypto-count .count-container {
    gap: 8px;
  }
  .landing-crypto-count .count {
    width: 176px;
    height: 128px;
    padding-top: 20px;
  }
  .landing-crypto-count .number {
    font-size: 36px;
    margin-bottom: 11px;
  }

  .landing-crypto-portofolio {
    padding-top: 80px;
  }
  .landing-crypto-portofolio .container {
    max-width: 692px;
    padding: 0;
  }
  .landing-crypto-portofolio .title-container {
    flex-direction: column;
    text-align: center;
  }
  .landing-crypto-portofolio .section-title {
    margin-bottom: 42px;
  }
  .landing-crypto-portofolio .section-desc {
    width: 575px;
  }
  .landing-crypto-portofolio .steps {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 48px;
    margin-top: 0;
    margin-bottom: 56px;
  }
  .landing-crypto-portofolio .step {
    width: 322px;
  }
  .landing-crypto-portofolio .step img {
    margin-right: 26px;
  }

  .landing-crypto-review {
    padding-top: 52px;
    padding-bottom: 80px;
  }
  .landing-crypto-review .container {
    max-width: 728px;
    padding: 0;
  }
  .landing-crypto-review .relative {
    margin-left: 20px;
  }
  .landing-crypto-review .title-container {
    margin-bottom: 36px;
  }
  .landing-crypto-review .review {
    width: 505px;
  }
  .landing-crypto-review .comment {
    background-size: cover;
    font-size: 18px;
    line-height: 36px;
    padding-top: 30px;
    margin-bottom: 28px;
  }

  .landing-crypto-start {
    margin-bottom: 30px;
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .landing-crypto-start .container {
    max-width: 587px;
    padding: 0;
  }
  .landing-crypto-start .section-desc {
    width: 525px;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 72px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header.landing-crypto .hero {
    padding-top: 48px;
  }
  header.landing-crypto .hero .container {
    max-width: 680px;
    padding: 0 !important;
  }
  header.landing-crypto .hero .hero-title {
    font-size: 40px;
    line-height: 52px;
  }
  header.landing-crypto .hero .custom-form {
    margin-top: 48px;
    margin-bottom: 58px;
  }
  header.landing-crypto .hero img {
    width: 680px;
    margin-bottom: -145px;
  }

  .landing-crypto-advantage {
    padding-top: 225px;
  }
  .landing-crypto-advantage .container {
    max-width: 718px;
    padding: 0 !important;
  }
  .landing-crypto-advantage .advantages {
    column-gap: 20px;
    row-gap: 36px;
  }
  .landing-crypto-advantage .advantage {
    width: 226px;
    height: 259px;
    padding-right: 6px;
    padding-left: 20px;
  }
  .landing-crypto-advantage .advantage img {
    width: 48px;
  }
  .landing-crypto-advantage .advantage:nth-of-type(1) {
    order: 1;
  }
  .landing-crypto-advantage .advantage:nth-of-type(2) {
    order: 5;
  }
  .landing-crypto-advantage .advantage:nth-of-type(3) {
    order: 6;
  }
  .landing-crypto-advantage .advantage:nth-of-type(4) {
    order: 3;
    height: 229px;
  }
  .landing-crypto-advantage .advantage:nth-of-type(5) {
    order: 4;
    height: 229px;
  }
  .landing-crypto-advantage .advantage:nth-of-type(6) {
    order: 2;
    height: 229px;
  }
  .landing-crypto-advantage .title {
    font-size: 20px !important;
  }
  .landing-crypto-advantage .desc {
    font-size: 14px !important;
  }

  .landing-crypto-pairing {
    padding-bottom: 80px;
  }
  .landing-crypto-pairing .container {
    max-width: 724px;
    padding: 0 !important;
  }
  .landing-crypto-pairing .section-title {
    margin-bottom: 66px;
  }
  .landing-crypto-pairing .pairing-container {
    gap: 22px;
  }

  .landing-crypto-count {
    padding: 64px 0;
  }
  .landing-crypto-count .container {
    max-width: 725px;
    padding: 0 !important;
  }
  .landing-crypto-count .count-container {
    gap: 8px;
  }
  .landing-crypto-count .count {
    width: 176px;
    height: 128px;
    padding-top: 20px;
  }
  .landing-crypto-count .number {
    font-size: 36px;
    margin-bottom: 11px;
  }

  .landing-crypto-portofolio {
    padding-top: 80px;
  }
  .landing-crypto-portofolio .container {
    max-width: 692px;
    padding: 0 !important;
  }
  .landing-crypto-portofolio .title-container {
    flex-direction: column;
    text-align: center;
  }
  .landing-crypto-portofolio .section-title {
    margin-bottom: 42px;
  }
  .landing-crypto-portofolio .section-desc {
    width: 575px;
  }
  .landing-crypto-portofolio .steps {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 48px;
    margin-top: 0;
    margin-bottom: 56px;
  }
  .landing-crypto-portofolio .step {
    width: 322px;
  }
  .landing-crypto-portofolio .step img {
    margin-right: 26px;
  }

  .landing-crypto-review {
    padding-top: 52px;
    padding-bottom: 80px;
  }
  .landing-crypto-review .container {
    max-width: 728px;
    padding: 0 !important;
  }
  .landing-crypto-review .relative {
    margin-left: 20px;
  }
  .landing-crypto-review .title-container {
    margin-bottom: 36px;
  }
  .landing-crypto-review .review {
    width: 505px;
  }
  .landing-crypto-review .comment {
    background-size: cover;
    font-size: 18px;
    line-height: 36px;
    padding-top: 30px;
    margin-bottom: 28px;
  }

  .landing-crypto-start {
    margin-bottom: 30px;
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .landing-crypto-start .container {
    max-width: 587px;
    padding: 0 !important;
  }
  .landing-crypto-start .section-desc {
    width: 525px;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 72px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  header.landing-crypto .hero {
    padding-top: 48px;
  }
  header.landing-crypto .hero .container {
    max-width: 556px;
    padding: 0 !important;
  }
  header.landing-crypto .hero .hero-title {
    font-size: 40px;
    line-height: 52px;
  }
  header.landing-crypto .hero .custom-form {
    margin-top: 48px;
    margin-bottom: 58px;
  }
  header.landing-crypto .hero img {
    width: 556px;
    margin-bottom: -145px;
  }

  .landing-crypto-advantage {
    padding-top: 225px;
  }
  .landing-crypto-advantage .container {
    max-width: 472px;
    padding: 0 !important;
  }
  .landing-crypto-advantage .advantages {
    column-gap: 20px;
    row-gap: 36px;
  }
  .landing-crypto-advantage .advantage {
    width: 226px;
    height: 259px;
    padding-right: 6px;
    padding-left: 20px;
  }
  .landing-crypto-advantage .advantage img {
    width: 48px;
  }
  .landing-crypto-advantage .title {
    font-size: 20px !important;
  }
  .landing-crypto-advantage .desc {
    font-size: 14px !important;
  }

  .landing-crypto-pairing {
    padding-bottom: 80px;
  }
  .landing-crypto-pairing .container {
    max-width: 351px;
    padding: 0 !important;
  }
  .landing-crypto-pairing .section-title {
    margin-bottom: 66px;
  }
  .landing-crypto-pairing .pairing-container {
    gap: 22px;
  }
  .landing-crypto-pairing img {
    display: none;
  }
  .landing-crypto-pairing img:nth-child(1) {
    display: unset;
  }
  .landing-crypto-pairing img:nth-child(2) {
    display: unset;
  }

  .landing-crypto-count {
    padding: 64px 0;
  }
  .landing-crypto-count .container {
    max-width: 360px;
    padding: 0 !important;
  }
  .landing-crypto-count .count-container {
    gap: 8px;
    flex-wrap: wrap;
  }
  .landing-crypto-count .count {
    width: 176px;
    height: 128px;
    padding-top: 20px;
  }
  .landing-crypto-count .number {
    font-size: 36px;
    margin-bottom: 11px;
  }

  .landing-crypto-portofolio {
    padding-top: 80px;
  }
  .landing-crypto-portofolio .container {
    max-width: 392px;
    padding: 0 !important;
  }
  .landing-crypto-portofolio .title-container {
    flex-direction: column;
    text-align: center;
  }
  .landing-crypto-portofolio .section-title {
    margin-bottom: 42px;
  }
  .landing-crypto-portofolio .section-desc {
    width: 100%;
  }
  .landing-crypto-portofolio .steps {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 48px;
    margin-top: 0;
    margin-bottom: 56px;
  }

  .landing-crypto-review {
    padding-top: 52px;
    padding-bottom: 80px;
  }
  .landing-crypto-review .container {
    max-width: 536px;
    padding: 0 !important;
  }
  .landing-crypto-review .relative {
    margin-left: 20px;
  }
  .landing-crypto-review .title-container {
    margin-bottom: 36px;
  }
  .landing-crypto-review .review {
    width: 450px;
  }
  .landing-crypto-review .comment {
    background-size: cover;
    font-size: 18px;
    line-height: 36px;
    padding-top: 30px;
    margin-bottom: 28px;
  }

  .landing-crypto-start {
    margin-bottom: 30px;
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .landing-crypto-start .container {
    max-width: 525px;
    padding: 0 !important;
  }
  .landing-crypto-start .section-desc {
    margin-top: 24px;
    margin-bottom: 72px;
  }
}
@media (max-width: 575.98px) {
  body.landing-crypto .section-title {
    font-size: 24px;
    line-height: 32px;
  }
  body.landing-crypto .section-desc {
    font-size: 16px;
    line-height: 28px;
  }
  body.landing-crypto .title {
    font-size: 16px;
    line-height: 20px;
  }
  body.landing-crypto .desc {
    font-size: 14px;
    line-height: 24px;
  }

  header.landing-crypto .hero {
    padding-top: 36px;
  }
  header.landing-crypto .hero .container {
    max-width: 300px;
    padding: 0;
  }
  header.landing-crypto .hero .hero-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 18px;
  }
  header.landing-crypto .hero .custom-form {
    flex-direction: column;
    width: 280px;
    background-color: transparent;
    padding: 0;
    margin-bottom: 36px;
  }
  header.landing-crypto .hero input {
    height: 42px;
    border-radius: 8px;
    padding-left: 0;
    text-align: center;
    margin-bottom: 14px;
  }
  header.landing-crypto .hero button {
    width: 100%;
    height: 42px;
    border-radius: 8px;
  }
  header.landing-crypto .hero img {
    width: 100%;
    margin-bottom: -76px;
  }

  .landing-crypto-advantage {
    padding-top: 132px;
  }
  .landing-crypto-advantage .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-crypto-advantage .advantages {
    row-gap: 36px;
  }
  .landing-crypto-advantage .advantage {
    width: 100%;
    height: 220px;
    padding-right: 36px;
    padding-left: 24px;
  }
  .landing-crypto-advantage .advantage::nth-of-type(1) {
    order: 1;
  }
  .landing-crypto-advantage .advantage::nth-of-type(2) {
    order: 2;
  }
  .landing-crypto-advantage .advantage::nth-of-type(3) {
    order: 5;
  }
  .landing-crypto-advantage .advantage::nth-of-type(4) {
    order: 3;
  }
  .landing-crypto-advantage .advantage::nth-of-type(5) {
    order: 4;
  }
  .landing-crypto-advantage .advantage::nth-of-type(6) {
    order: 6;
  }
  .landing-crypto-advantage img {
    width: 48px;
  }
  .landing-crypto-advantage .title {
    margin-top: 24px;
    margin-bottom: 8px;
  }

  .landing-crypto-pairing {
    padding: 56px 0;
  }
  .landing-crypto-pairing .container {
    max-width: 300px;
    padding: 0;
  }
  .landing-crypto-pairing .section-title {
    width: 201px;
    margin: auto;
    margin-bottom: 26px;
  }
  .landing-crypto-pairing .pairing-container {
    gap: 24px;
  }
  .landing-crypto-pairing img {
    width: 300px;
    display: none;
  }
  .landing-crypto-pairing img:nth-child(1) {
    display: unset;
  }
  .landing-crypto-pairing img:nth-child(2) {
    display: unset;
  }

  .landing-crypto-count {
    padding: 36px 0;
  }
  .landing-crypto-count .container {
    max-width: 306px;
    padding: 0;
  }
  .landing-crypto-count .count-container {
    flex-wrap: wrap;
    gap: 0;
  }
  .landing-crypto-count .count {
    width: 153px;
    height: 104px;
    padding-top: 12px;
  }
  .landing-crypto-count .number {
    font-size: 28px;
    line-height: 36px;
  }
  .landing-crypto-count .section-desc {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .landing-crypto-portofolio {
    padding: 56px 0;
  }
  .landing-crypto-portofolio .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-crypto-portofolio .title-container {
    flex-direction: column;
    text-align: center;
    margin-bottom: 36px;
  }
  .landing-crypto-portofolio .section-title {
    margin-bottom: 16px;
  }
  .landing-crypto-portofolio .section-desc {
    width: 100%;
  }
  .landing-crypto-portofolio .steps {
    gap: 20px;
    margin-top: 0;
  }
  .landing-crypto-portofolio .step {
    width: 276px;
  }
  .landing-crypto-portofolio .step img {
    width: 36px;
    height: 36px;
    margin-right: 20px;
  }
  .landing-crypto-portofolio .title {
    margin-bottom: 10px;
  }

  .landing-crypto-review {
    padding-top: 36px;
    padding-bottom: 48px;
  }
  .landing-crypto-review .container {
    max-width: 267px;
    padding: 0;
  }
  .landing-crypto-review .title-container {
    justify-content: center;
    margin-bottom: 24px;
  }
  .landing-crypto-review .review {
    width: 267px;
  }
  .landing-crypto-review .comment {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding: 20px;
    padding-bottom: 37px;
  }
  .landing-crypto-review .avatar {
    width: 36px !important;
    margin-right: 10px;
  }
  .landing-crypto-review .name {
    font-size: 16px;
    line-height: 20px;
  }
  .landing-crypto-review .desc {
    line-height: 20px !important;
  }

  .landing-crypto-start {
    margin-bottom: 5px;
    padding: 48px 0;
  }
  .landing-crypto-start .container {
    max-width: 280px;
    padding: 0;
  }
  .landing-crypto-start .section-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .landing-crypto-start .section-desc {
    margin-top: 20px;
    margin-bottom: 36px;
  }
}
* {
  font-family: "hk_groteskbold", sans-serif;
}

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;
  font-weight: normal;
  line-height: 1.75rem;
}

@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: #6AD6A2;
  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, .btn.btn-outline-gray {
  line-height: 2.75rem;
}
.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, .btn.btn-outline-gray:hover {
  color: white;
}
.btn:hover {
  opacity: 0.8;
}
.btn.focus, .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.btn.btn-primary {
  background-color: #1565d8;
  color: white;
  border-color: #1565d8;
}
.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(21, 101, 216, 0.8);
  border-color: rgba(21, 101, 216, 0.8);
}
.btn.btn-secondary {
  background-color: #506690;
  color: white;
  border-color: #506690;
}
.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(80, 102, 144, 0.8);
  border-color: rgba(80, 102, 144, 0.8);
}
.btn.btn-gray-light {
  background-color: #b3bac5;
  color: white;
  border-color: #b3bac5;
}
.btn.btn-gray-light:not(:disabled):not(.disabled).active, .btn.btn-gray-light:not(:disabled):not(.disabled):active,
.btn.btn-gray-light .show > .btn-danger.dropdown-toggle {
  background-color: rgba(179, 186, 197, 0.8);
  border-color: rgba(179, 186, 197, 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: #6AD6A2;
  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-bright-red {
  background-color: #e95432;
  color: white;
  border-color: #e95432;
}
.btn.btn-bright-red:not(:disabled):not(.disabled).active, .btn.btn-bright-red:not(:disabled):not(.disabled):active,
.btn.btn-bright-red .show > .btn-danger.dropdown-toggle {
  background-color: rgba(233, 84, 50, 0.8);
  border-color: rgba(233, 84, 50, 0.8);
}
.btn.btn-soft-primary, .btn.btn-primary-100 {
  background-color: rgba(21, 101, 216, 0.1);
  color: #1565d8;
}
.btn.btn-soft-secondary, .btn.btn-secondary-100 {
  background-color: rgba(80, 102, 144, 0.1);
  color: #506690;
}
.btn.btn-soft-success, .btn.btn-success-100 {
  background-color: rgba(54, 179, 126, 0.1);
  color: #36b37e;
}
.btn.btn-soft-danger, .btn.btn-danger-100 {
  background-color: rgba(242, 96, 123, 0.1);
  color: #f2607b;
}
.btn.btn-soft-warning, .btn.btn-warning-100 {
  background-color: rgba(250, 173, 19, 0.1);
  color: #faad13;
}
.btn.btn-soft-info, .btn.btn-info-100 {
  background-color: rgba(0, 184, 217, 0.1);
  color: #00b8d9;
}
.btn.btn-soft-white, .btn.btn-white-100 {
  background-color: rgba(255, 255, 255, 0.1);
  color: #6AD6A2;
}
.btn.btn-black {
  background-color: #6AD6A2;
  color: white;
}
.btn.btn-light-blue {
  background-color: #f9fbfe;
  color: #1565d8;
}
.btn.btn-iris-blue {
  background-color: #00b8d9;
  color: white;
}
.btn.btn-regal-blue {
  background-color: #6AD6A2;
  color: white;
}
.btn.btn-bright-red {
  background-color: #e95432;
  color: white;
}
.btn.btn-light-blue-100 {
  background-color: rgba(249, 251, 254, 0.1);
  color: #f9fbfe;
}
.btn.btn-iris-blue-100 {
  background-color: rgba(0, 184, 217, 0.1);
  color: #00b8d9;
}
.btn.btn-bright-red-100 {
  background-color: rgba(233, 84, 50, 0.1);
  color: #e95432;
}
.btn.btn-light-blue-40 {
  background-color: rgba(249, 251, 254, 0.04);
  color: #f9fbfe;
}
.btn.btn-iris-blue-40 {
  background-color: rgba(0, 184, 217, 0.04);
  color: #00b8d9;
}
.btn.btn-bright-red-40 {
  background-color: rgba(233, 84, 50, 0.04);
  color: #e95432;
}
.btn.btn-outline-primary {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #1565d8;
  color: #1565d8;
}
.btn.btn-outline-primary:hover {
  background-color: #1565d8;
}
.btn.btn-outline-secondary {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #506690;
  color: #506690;
}
.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-outline-green {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #6AD6A2;
  color: #6AD6A2;
}


.btn.btn-outline-gray {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #b3bac5;
  color: #6AD6A2;
}
.btn.btn-outline-gray:hover {
  color: #6AD6A2;
  background: rgba(179, 186, 197, 0.1);
}
.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, .btn.btn-xs.btn-outline-gray {
  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, .btn.btn-xs.btn-outline-gray: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, .btn.btn-sm.btn-outline-gray {
  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, .btn.btn-sm.btn-outline-gray: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, .btn.btn-lg.btn-outline-gray {
  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, .btn.btn-lg.btn-outline-gray: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: #1565d8;
}
.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-white-transparent {
  background-color: rgba(255, 255, 255, 0.1);
  color: white !important;
}
.badge-primary {
  background-color: rgba(21, 101, 216, 0.1);
  color: #1565d8 !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-warning {
  background-color: rgba(250, 173, 19, 0.1);
  color: #ffffff !important;
}
.badge-twitter {
  background-color: #00b8d9;
  color: white !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: #6AD6A2;
  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: #1565d8;
}
.accordion .card-header h2 button .fas {
  font-size: 0.875rem;
}
.accordion .card-header h2 button[aria-expanded=true] {
  color: #1565d8;
  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: #5a7184;
}

@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: 48px 64px;
  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: -40px;
  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: #6AD6A2;
  box-shadow: none;
  padding-left: 20px;
  padding-right: 20px;
}
.bootstrap-select .btn-light:after {
  font-family: "Font Awesome 5 Free";
  content: "";
  border: none;
  height: 16px;
  width: 10px;
  margin-top: -25px;
}
.bootstrap-select .dropdown-menu .dropdown-item.active {
  background-color: #e5eaf4;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*# sourceMappingURL=main.css.map */
