@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap");
@import url(../fonts/hkgrotesk/stylesheet.css);

body {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif
}

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
}

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

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

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

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

.text-opensans {
    font-family: "Open Sans", sans-serif
}

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

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

.text-hkgrotesk.font-hairline,
.text-hkgrotesk.font-thin,
.text-hkgrotesk.font-light,
.text-hkgrotesk .font-hairline,
.text-hkgrotesk .font-thin,
.text-hkgrotesk .font-light {
    font-family: "hk_grotestlight", sans-serif !important
}

.text-hkgrotesk.font-normal,
.text-hkgrotesk .font-normal {
    font-family: 'hk_groteskregular', sans-serif !important
}

.text-hkgrotesk.font-medium,
.text-hkgrotesk .font-medium {
    font-family: "hk_groteskmedium", sans-serif !important
}

.text-hkgrotesk.font-semibold,
.text-hkgrotesk .font-semibold {
    font-family: 'hk_grotesksemibold', sans-serif !important
}

.text-hkgrotesk.font-bold,
.text-hkgrotesk.font-extrabold,
.text-hkgrotesk.font-black,
.text-hkgrotesk .font-bold,
.text-hkgrotesk .font-extrabold,
.text-hkgrotesk .font-black {
    font-family: 'hk_groteskbold', sans-serif !important
}

.text-1 {
    font-size: 1px !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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: .5rem !important
}

@media (max-width: 575.98px) {
    .xs-text-8 {
        font-size: .5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-text-8 {
        font-size: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-8 {
        font-size: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-8 {
        font-size: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-8 {
        font-size: .5rem !important
    }
}

.text-12 {
    font-size: .75rem !important
}

@media (max-width: 575.98px) {
    .xs-text-12 {
        font-size: .75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-text-12 {
        font-size: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-12 {
        font-size: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-12 {
        font-size: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-12 {
        font-size: .75rem !important
    }
}

.text-14 {
    font-size: .875rem !important
}

@media (max-width: 575.98px) {
    .xs-text-14 {
        font-size: .875rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-text-14 {
        font-size: .875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-14 {
        font-size: .875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-14 {
        font-size: .875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-14 {
        font-size: .875rem !important
    }
}

.text-16 {
    font-size: 1rem !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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: .5rem !important
}

@media (max-width: 575.98px) {
    .xs-text-xxs {
        font-size: .5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-text-xxs {
        font-size: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-xxs {
        font-size: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-xxs {
        font-size: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-xxs {
        font-size: .5rem !important
    }
}

.text-xs {
    font-size: .75rem !important
}

@media (max-width: 575.98px) {
    .xs-text-xs {
        font-size: .75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-text-xs {
        font-size: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-xs {
        font-size: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-xs {
        font-size: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-xs {
        font-size: .75rem !important
    }
}

.text-sm {
    font-size: .875rem !important
}

@media (max-width: 575.98px) {
    .xs-text-sm {
        font-size: .875rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-text-sm {
        font-size: .875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-sm {
        font-size: .875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-sm {
        font-size: .875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-sm {
        font-size: .875rem !important
    }
}

.text-base {
    font-size: 1rem !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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 !important
}

@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
    }
}

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

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

.tracking-tighter {
    letter-spacing: -.05em
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-tighter {
        letter-spacing: -.05em
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-tighter {
        letter-spacing: -.05em
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-tighter {
        letter-spacing: -.05em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-tighter {
        letter-spacing: -.05em
    }
}

.tracking-tight {
    letter-spacing: -.025em
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-tight {
        letter-spacing: -.025em
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-tight {
        letter-spacing: -.025em
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-tight {
        letter-spacing: -.025em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-tight {
        letter-spacing: -.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: .025em
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-wide {
        letter-spacing: .025em
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-wide {
        letter-spacing: .025em
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-wide {
        letter-spacing: .025em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-wide {
        letter-spacing: .025em
    }
}

.tracking-wider {
    letter-spacing: .05em
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-wider {
        letter-spacing: .05em
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-wider {
        letter-spacing: .05em
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-wider {
        letter-spacing: .05em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-wider {
        letter-spacing: .05em
    }
}

.tracking-widest {
    letter-spacing: .1em
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-widest {
        letter-spacing: .1em
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-widest {
        letter-spacing: .1em
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-widest {
        letter-spacing: .1em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-widest {
        letter-spacing: .1em
    }
}

.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-01 {
    letter-spacing: .1px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-01 {
        letter-spacing: .1px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-01 {
        letter-spacing: .1px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-01 {
        letter-spacing: .1px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-01 {
        letter-spacing: .1px
    }
}

.tracking-02 {
    letter-spacing: .2px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-02 {
        letter-spacing: .2px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-02 {
        letter-spacing: .2px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-02 {
        letter-spacing: .2px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-02 {
        letter-spacing: .2px
    }
}

.tracking-03 {
    letter-spacing: .3px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-03 {
        letter-spacing: .3px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-03 {
        letter-spacing: .3px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-03 {
        letter-spacing: .3px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-03 {
        letter-spacing: .3px
    }
}

.tracking-04 {
    letter-spacing: .4px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-04 {
        letter-spacing: .4px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-04 {
        letter-spacing: .4px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-04 {
        letter-spacing: .4px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-04 {
        letter-spacing: .4px
    }
}

.tracking-05 {
    letter-spacing: .5px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-05 {
        letter-spacing: .5px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-05 {
        letter-spacing: .5px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-05 {
        letter-spacing: .5px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-05 {
        letter-spacing: .5px
    }
}

.tracking-06 {
    letter-spacing: .6px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-06 {
        letter-spacing: .6px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-06 {
        letter-spacing: .6px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-06 {
        letter-spacing: .6px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-06 {
        letter-spacing: .6px
    }
}

.tracking-07 {
    letter-spacing: .7px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-07 {
        letter-spacing: .7px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-07 {
        letter-spacing: .7px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-07 {
        letter-spacing: .7px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-07 {
        letter-spacing: .7px
    }
}

.tracking-08 {
    letter-spacing: .8px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-08 {
        letter-spacing: .8px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-08 {
        letter-spacing: .8px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-08 {
        letter-spacing: .8px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-08 {
        letter-spacing: .8px
    }
}

.tracking-09 {
    letter-spacing: .9px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-tracking-09 {
        letter-spacing: .9px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-tracking-09 {
        letter-spacing: .9px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-tracking-09 {
        letter-spacing: .9px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-09 {
        letter-spacing: .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
    }
}

.leading-none {
    line-height: none !important
}

@media (max-width: 575.98px) {
    .xs-leading-none {
        line-height: none !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-leading-none {
        line-height: none !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-leading-none {
        line-height: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-leading-none {
        line-height: none !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-none {
        line-height: none !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: .5rem !important
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-leading-8 {
        line-height: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-leading-8 {
        line-height: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-leading-8 {
        line-height: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-8 {
        line-height: .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-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-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-transparent::placeholder {
    color: transparent
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-placeholder-transparent::placeholder {
        color: transparent
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-placeholder-transparent::placeholder {
        color: transparent
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-placeholder-transparent::placeholder {
        color: transparent
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-transparent::placeholder {
        color: transparent
    }
}

.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: #183B56
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-placeholder-black::placeholder {
        color: #183B56
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-placeholder-black::placeholder {
        color: #183B56
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-placeholder-black::placeholder {
        color: #183B56
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black::placeholder {
        color: #183B56
    }
}

.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: #fff
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-placeholder-white::placeholder {
        color: #fff
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-placeholder-white::placeholder {
        color: #fff
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-placeholder-white::placeholder {
        color: #fff
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white::placeholder {
        color: #fff
    }
}

.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-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-transparent {
    color: transparent !important
}

.hover-text-transparent {
    color: transparent !important
}

.focus-text-transparent {
    color: transparent !important
}

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

    .sm-hover-text-transparent:hover {
        color: transparent !important
    }

    .sm-focus-text-transparent:focus {
        color: transparent !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-transparent {
        color: transparent !important
    }

    .md-hover-text-transparent:hover {
        color: transparent !important
    }

    .md-focus-text-transparent:focus {
        color: transparent !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-transparent {
        color: transparent !important
    }

    .lg-hover-text-transparent:hover {
        color: transparent !important
    }

    .lg-focus-text-transparent:focus {
        color: transparent !important
    }
}

@media (min-width: 1200px) {
    .xl-text-transparent {
        color: transparent !important
    }

    .xl-hover-text-transparent:hover {
        color: transparent !important
    }

    .xl-focus-text-transparent:focus {
        color: transparent !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: #183B56 !important
}

.hover-text-black {
    color: #183B56 !important
}

.focus-text-black {
    color: #183B56 !important
}

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

    .sm-hover-text-black:hover {
        color: #183B56 !important
    }

    .sm-focus-text-black:focus {
        color: #183B56 !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-black {
        color: #183B56 !important
    }

    .md-hover-text-black:hover {
        color: #183B56 !important
    }

    .md-focus-text-black:focus {
        color: #183B56 !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-black {
        color: #183B56 !important
    }

    .lg-hover-text-black:hover {
        color: #183B56 !important
    }

    .lg-focus-text-black:focus {
        color: #183B56 !important
    }
}

@media (min-width: 1200px) {
    .xl-text-black {
        color: #183B56 !important
    }

    .xl-hover-text-black:hover {
        color: #183B56 !important
    }

    .xl-focus-text-black:focus {
        color: #183B56 !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: #fff !important
}

.hover-text-white {
    color: #fff !important
}

.focus-text-white {
    color: #fff !important
}

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

    .sm-hover-text-white:hover {
        color: #fff !important
    }

    .sm-focus-text-white:focus {
        color: #fff !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-text-white {
        color: #fff !important
    }

    .md-hover-text-white:hover {
        color: #fff !important
    }

    .md-focus-text-white:focus {
        color: #fff !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-text-white {
        color: #fff !important
    }

    .lg-hover-text-white:hover {
        color: #fff !important
    }

    .lg-focus-text-white:focus {
        color: #fff !important
    }
}

@media (min-width: 1200px) {
    .xl-text-white {
        color: #fff !important
    }

    .xl-hover-text-white:hover {
        color: #fff !important
    }

    .xl-focus-text-white:focus {
        color: #fff !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-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
    }
}

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

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

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

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

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

.bg-transparent {
    background-color: transparent !important
}

.hover-bg-transparent:hover {
    background-color: transparent
}

.focus-bg-transparent:focus {
    background-color: transparent
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-bg-transparent {
        background-color: transparent !important
    }

    .sm-hover-bg-transparent:hover {
        background-color: transparent !important
    }

    .sm-focus-bg-transparent:focus {
        background-color: transparent !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-bg-transparent {
        background-color: transparent !important
    }

    .md-hover-bg-transparent:hover {
        background-color: transparent !important
    }

    .md-focus-bg-transparent:focus {
        background-color: transparent !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-bg-transparent {
        background-color: transparent !important
    }

    .lg-hover-bg-transparent:hover {
        background-color: transparent !important
    }

    .lg-focus-bg-transparent:focus {
        background-color: transparent !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-transparent {
        background-color: transparent !important
    }

    .xl-hover-bg-transparent:hover {
        background-color: transparent !important
    }

    .xl-focus-bg-transparent:focus {
        background-color: transparent !important
    }
}

.bg-primary {
    background-color: #1565D8 !important
}

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

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

@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-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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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-100 {
    background-color: rgba(54, 179, 126, 0.1) !important
}

.hover-bg-success-100:hover {
    background-color: rgba(54, 179, 126, 0.1)
}

.focus-bg-success-100:focus {
    background-color: rgba(54, 179, 126, 0.1)
}

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

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

    .sm-focus-bg-success-100:focus {
        background-color: rgba(54, 179, 126, 0.1) !important
    }
}

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

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

    .md-focus-bg-success-100:focus {
        background-color: rgba(54, 179, 126, 0.1) !important
    }
}

@media (min-width: 992px) and (max-width: 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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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: #183B56 !important
}

.hover-bg-black:hover {
    background-color: #183B56
}

.focus-bg-black:focus {
    background-color: #183B56
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-bg-black {
        background-color: #183B56 !important
    }

    .sm-hover-bg-black:hover {
        background-color: #183B56 !important
    }

    .sm-focus-bg-black:focus {
        background-color: #183B56 !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-bg-black {
        background-color: #183B56 !important
    }

    .md-hover-bg-black:hover {
        background-color: #183B56 !important
    }

    .md-focus-bg-black:focus {
        background-color: #183B56 !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-bg-black {
        background-color: #183B56 !important
    }

    .lg-hover-bg-black:hover {
        background-color: #183B56 !important
    }

    .lg-focus-bg-black:focus {
        background-color: #183B56 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black {
        background-color: #183B56 !important
    }

    .xl-hover-bg-black:hover {
        background-color: #183B56 !important
    }

    .xl-focus-bg-black:focus {
        background-color: #183B56 !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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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: #fff !important
}

.hover-bg-white:hover {
    background-color: #fff
}

.focus-bg-white:focus {
    background-color: #fff
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-bg-white {
        background-color: #fff !important
    }

    .sm-hover-bg-white:hover {
        background-color: #fff !important
    }

    .sm-focus-bg-white:focus {
        background-color: #fff !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-bg-white {
        background-color: #fff !important
    }

    .md-hover-bg-white:hover {
        background-color: #fff !important
    }

    .md-focus-bg-white:focus {
        background-color: #fff !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-bg-white {
        background-color: #fff !important
    }

    .lg-hover-bg-white:hover {
        background-color: #fff !important
    }

    .lg-focus-bg-white:focus {
        background-color: #fff !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white {
        background-color: #fff !important
    }

    .xl-hover-bg-white:hover {
        background-color: #fff !important
    }

    .xl-focus-bg-white:focus {
        background-color: #fff !important
    }
}

.bg-white-100 {
    background-color: rgba(255, 255, 255, 0.1) !important
}

.hover-bg-white-100:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

.focus-bg-white-100:focus {
    background-color: rgba(255, 255, 255, 0.1)
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-bg-white-100 {
        background-color: rgba(255, 255, 255, 0.1) !important
    }

    .sm-hover-bg-white-100:hover {
        background-color: rgba(255, 255, 255, 0.1) !important
    }

    .sm-focus-bg-white-100:focus {
        background-color: rgba(255, 255, 255, 0.1) !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-bg-white-100 {
        background-color: rgba(255, 255, 255, 0.1) !important
    }

    .md-hover-bg-white-100:hover {
        background-color: rgba(255, 255, 255, 0.1) !important
    }

    .md-focus-bg-white-100:focus {
        background-color: rgba(255, 255, 255, 0.1) !important
    }
}

@media (min-width: 992px) and (max-width: 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 (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 (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 (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 (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 (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 (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 (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 (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-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
    }
}

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

.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-transparent {
    border-color: transparent !important
}

.hover-border-transparent:hover {
    border-color: transparent !important
}

.focus-border-transparent:focus {
    border-color: transparent !important
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-border-transparent {
        border-color: transparent
    }

    .sm-hover-border-transparent:hover {
        border-color: transparent
    }

    .sm-focus-border-transparent:focus {
        border-color: transparent
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-border-transparent {
        border-color: transparent
    }

    .md-hover-border-transparent:hover {
        border-color: transparent
    }

    .md-focus-border-transparent:focus {
        border-color: transparent
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-border-transparent {
        border-color: transparent
    }

    .lg-hover-border-transparent:hover {
        border-color: transparent
    }

    .lg-focus-border-transparent:focus {
        border-color: transparent
    }
}

@media (min-width: 1200px) {
    .xl-border-transparent {
        border-color: transparent
    }

    .xl-hover-border-transparent:hover {
        border-color: transparent
    }

    .xl-focus-border-transparent:focus {
        border-color: transparent
    }
}

.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: #183B56 !important
}

.hover-border-black:hover {
    border-color: #183B56 !important
}

.focus-border-black:focus {
    border-color: #183B56 !important
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-border-black {
        border-color: #183B56
    }

    .sm-hover-border-black:hover {
        border-color: #183B56
    }

    .sm-focus-border-black:focus {
        border-color: #183B56
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-border-black {
        border-color: #183B56
    }

    .md-hover-border-black:hover {
        border-color: #183B56
    }

    .md-focus-border-black:focus {
        border-color: #183B56
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-border-black {
        border-color: #183B56
    }

    .lg-hover-border-black:hover {
        border-color: #183B56
    }

    .lg-focus-border-black:focus {
        border-color: #183B56
    }
}

@media (min-width: 1200px) {
    .xl-border-black {
        border-color: #183B56
    }

    .xl-hover-border-black:hover {
        border-color: #183B56
    }

    .xl-focus-border-black:focus {
        border-color: #183B56
    }
}

.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: #fff !important
}

.hover-border-white:hover {
    border-color: #fff !important
}

.focus-border-white:focus {
    border-color: #fff !important
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-border-white {
        border-color: #fff
    }

    .sm-hover-border-white:hover {
        border-color: #fff
    }

    .sm-focus-border-white:focus {
        border-color: #fff
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-border-white {
        border-color: #fff
    }

    .md-hover-border-white:hover {
        border-color: #fff
    }

    .md-focus-border-white:focus {
        border-color: #fff
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-border-white {
        border-color: #fff
    }

    .lg-hover-border-white:hover {
        border-color: #fff
    }

    .lg-focus-border-white:focus {
        border-color: #fff
    }
}

@media (min-width: 1200px) {
    .xl-border-white {
        border-color: #fff
    }

    .xl-hover-border-white:hover {
        border-color: #fff
    }

    .xl-focus-border-white:focus {
        border-color: #fff
    }
}

.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-solid {
    border-style: solid
}

.hover-border-solid:hover {
    border-style: solid
}

.focus-border-solid:focus {
    border-style: solid
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-border-solid {
        border-style: solid
    }

    .sm-hover-border-solid:hover {
        border-style: solid
    }

    .sm-focus-border-solid:focus {
        border-style: solid
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-border-solid {
        border-style: solid
    }

    .md-hover-border-solid:hover {
        border-style: solid
    }

    .md-focus-border-solid:focus {
        border-style: solid
    }
}

@media (min-width: 992px) and (max-width: 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
}

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

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

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

.rounded-4 {
    border-radius: .25rem
}

.rounded-8 {
    border-radius: .5rem
}

.rounded-12 {
    border-radius: .75rem
}

.rounded-16 {
    border-radius: 1rem
}

.rounded-t-8 {
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem
}

.rounded-t-12 {
    border-top-right-radius: .75rem;
    border-top-left-radius: .75rem
}

.rounded-t-16 {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem
}

.rounded-b-4 {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-b-8 {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-b-12 {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-l-4 {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-l-8 {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-12 {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-r-4 {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-r-8 {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-r-12 {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded {
    border-radius: .25rem
}

.rounded-lg {
    border-radius: .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: .125rem;
    border-top-right-radius: .125rem
}

.rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .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: .25rem
}

.rounded-tl-8 {
    border-top-left-radius: .5rem
}

.rounded-tl-12 {
    border-top-left-radius: .75rem
}

.rounded-tl-16 {
    border-top-left-radius: 1rem
}

.rounded-tr-4 {
    border-top-right-radius: .25rem
}

.rounded-tr-8 {
    border-top-right-radius: .5rem
}

.rounded-tr-12 {
    border-top-right-radius: .75rem
}

.rounded-tr-16 {
    border-top-right-radius: 1rem
}

.rounded-bl-4 {
    border-bottom-left-radius: .25rem
}

.rounded-bl-8 {
    border-bottom-left-radius: .5rem
}

.rounded-bl-12 {
    border-bottom-left-radius: .75rem
}

.rounded-bl-16 {
    border-bottom-left-radius: 1rem
}

.rounded-br-4 {
    border-bottom-right-radius: .25rem
}

.rounded-br-8 {
    border-bottom-right-radius: .5rem
}

.rounded-br-12 {
    border-bottom-right-radius: .75rem
}

.rounded-br-16 {
    border-bottom-right-radius: 1rem
}

.rounded-tl-sm {
    border-top-left-radius: .125rem
}

.rounded-tr-sm {
    border-top-right-radius: .125rem
}

.rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.rounded-br {
    border-bottom-right-radius: .25rem
}

.rounded-bl {
    border-bottom-left-radius: .25rem
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-tl-full {
    border-top-left-radius: 9999px
}

.rounded-tr-full {
    border-top-right-radius: 9999px
}

.rounded-br-full {
    border-bottom-right-radius: 9999px
}

.rounded-bl-full {
    border-bottom-left-radius: 9999px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-rounded-4 {
        border-radius: .25rem
    }

    .sm-rounded-8 {
        border-radius: .5rem
    }

    .sm-rounded-12 {
        border-radius: .75rem
    }

    .sm-rounded-16 {
        border-radius: 1rem
    }

    .sm-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .sm-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .sm-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .sm-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .sm-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .sm-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .sm-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .sm-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .sm-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .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: .125rem
    }

    .sm-rounded {
        border-radius: .25rem
    }

    .sm-rounded-lg {
        border-radius: .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: .125rem;
        border-top-right-radius: .125rem
    }

    .sm-rounded-r-sm {
        border-top-right-radius: .125rem;
        border-bottom-right-radius: .125rem
    }

    .sm-rounded-b-sm {
        border-bottom-right-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .sm-rounded-l-sm {
        border-top-left-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .sm-rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .sm-rounded-r {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .sm-rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .sm-rounded-l {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .sm-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .sm-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .sm-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .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: .5rem
    }

    .sm-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .sm-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .sm-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .sm-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .sm-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .sm-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .sm-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .sm-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .sm-rounded-br-12 {
        border-bottom-right-radius: .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: .125rem
    }

    .sm-rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .sm-rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .sm-rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .sm-rounded-tl {
        border-top-left-radius: .25rem
    }

    .sm-rounded-tr {
        border-top-right-radius: .25rem
    }

    .sm-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .sm-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .sm-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .sm-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .sm-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .sm-rounded-bl-lg {
        border-bottom-left-radius: .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: .5rem
    }

    .md-rounded-12 {
        border-radius: .75rem
    }

    .md-rounded-16 {
        border-radius: 1rem
    }

    .md-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .md-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .md-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .md-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .md-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .md-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .md-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .md-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .md-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .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: .125rem
    }

    .md-rounded {
        border-radius: .25rem
    }

    .md-rounded-lg {
        border-radius: .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: .125rem;
        border-top-right-radius: .125rem
    }

    .md-rounded-r-sm {
        border-top-right-radius: .125rem;
        border-bottom-right-radius: .125rem
    }

    .md-rounded-b-sm {
        border-bottom-right-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .md-rounded-l-sm {
        border-top-left-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .md-rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .md-rounded-r {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .md-rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .md-rounded-l {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .md-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .md-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .md-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .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: .5rem
    }

    .md-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .md-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .md-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .md-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .md-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .md-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .md-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .md-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .md-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .md-rounded-br-12 {
        border-bottom-right-radius: .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: .125rem
    }

    .md-rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .md-rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .md-rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .md-rounded-tl {
        border-top-left-radius: .25rem
    }

    .md-rounded-tr {
        border-top-right-radius: .25rem
    }

    .md-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .md-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .md-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .md-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .md-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .md-rounded-bl-lg {
        border-bottom-left-radius: .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: .5rem
    }

    .lg-rounded-12 {
        border-radius: .75rem
    }

    .lg-rounded-16 {
        border-radius: 1rem
    }

    .lg-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .lg-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .lg-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .lg-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .lg-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .lg-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .lg-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .lg-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .lg-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .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: .125rem
    }

    .lg-rounded {
        border-radius: .25rem
    }

    .lg-rounded-lg {
        border-radius: .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: .125rem;
        border-top-right-radius: .125rem
    }

    .lg-rounded-r-sm {
        border-top-right-radius: .125rem;
        border-bottom-right-radius: .125rem
    }

    .lg-rounded-b-sm {
        border-bottom-right-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .lg-rounded-l-sm {
        border-top-left-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .lg-rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .lg-rounded-r {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .lg-rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .lg-rounded-l {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .lg-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .lg-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .lg-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .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: .5rem
    }

    .lg-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .lg-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .lg-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .lg-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .lg-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .lg-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .lg-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .lg-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .lg-rounded-br-12 {
        border-bottom-right-radius: .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: .125rem
    }

    .lg-rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .lg-rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .lg-rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .lg-rounded-tl {
        border-top-left-radius: .25rem
    }

    .lg-rounded-tr {
        border-top-right-radius: .25rem
    }

    .lg-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .lg-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .lg-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .lg-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .lg-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .lg-rounded-bl-lg {
        border-bottom-left-radius: .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: .5rem
    }

    .xl-rounded-12 {
        border-radius: .75rem
    }

    .xl-rounded-16 {
        border-radius: 1rem
    }

    .xl-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .xl-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .xl-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .xl-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .xl-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .xl-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .xl-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .xl-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .xl-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .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: .125rem
    }

    .xl-rounded {
        border-radius: .25rem
    }

    .xl-rounded-lg {
        border-radius: .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: .125rem;
        border-top-right-radius: .125rem
    }

    .xl-rounded-r-sm {
        border-top-right-radius: .125rem;
        border-bottom-right-radius: .125rem
    }

    .xl-rounded-b-sm {
        border-bottom-right-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .xl-rounded-l-sm {
        border-top-left-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .xl-rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .xl-rounded-r {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .xl-rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .xl-rounded-l {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .xl-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .xl-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .xl-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .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: .5rem
    }

    .xl-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .xl-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .xl-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .xl-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .xl-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .xl-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .xl-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .xl-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .xl-rounded-br-12 {
        border-bottom-right-radius: .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: .125rem
    }

    .xl-rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .xl-rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .xl-rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .xl-rounded-tl {
        border-top-left-radius: .25rem
    }

    .xl-rounded-tr {
        border-top-right-radius: .25rem
    }

    .xl-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .xl-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .xl-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .xl-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .xl-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .xl-rounded-bl-lg {
        border-bottom-left-radius: .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-row {
    flex-direction: row
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-flex-row {
        flex-direction: row !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-flex-row {
        flex-direction: row !important
    }
}

@media (min-width: 992px) and (max-width: 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 (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 (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 (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: 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 (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 (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
    }
}

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

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

.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 (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 (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 (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 (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-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-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: 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: 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-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 (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 (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
    }
}

.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: .25rem
}

.py-4 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-4 {
    padding-right: .25rem;
    padding-left: .25rem
}

.pt-4 {
    padding-top: .25rem
}

.pr-4 {
    padding-right: .25rem
}

.pb-4 {
    padding-bottom: .25rem
}

.pl-4 {
    padding-left: .25rem
}

@media (max-width: 575.98px) {
    .xs-p-4 {
        padding: .25rem !important
    }

    .xs-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .xs-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .xs-pt-4 {
        padding-top: .25rem !important
    }

    .xs-pr-4 {
        padding-right: .25rem !important
    }

    .xs-pb-4 {
        padding-bottom: .25rem !important
    }

    .xs-pl-4 {
        padding-left: .25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-p-4 {
        padding: .25rem !important
    }

    .sm-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .sm-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .sm-pt-4 {
        padding-top: .25rem !important
    }

    .sm-pr-4 {
        padding-right: .25rem !important
    }

    .sm-pb-4 {
        padding-bottom: .25rem !important
    }

    .sm-pl-4 {
        padding-left: .25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-p-4 {
        padding: .25rem !important
    }

    .md-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .md-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .md-pt-4 {
        padding-top: .25rem !important
    }

    .md-pr-4 {
        padding-right: .25rem !important
    }

    .md-pb-4 {
        padding-bottom: .25rem !important
    }

    .md-pl-4 {
        padding-left: .25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-p-4 {
        padding: .25rem !important
    }

    .lg-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .lg-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .lg-pt-4 {
        padding-top: .25rem !important
    }

    .lg-pr-4 {
        padding-right: .25rem !important
    }

    .lg-pb-4 {
        padding-bottom: .25rem !important
    }

    .lg-pl-4 {
        padding-left: .25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-4 {
        padding: .25rem !important
    }

    .xl-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .xl-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .xl-pt-4 {
        padding-top: .25rem !important
    }

    .xl-pr-4 {
        padding-right: .25rem !important
    }

    .xl-pb-4 {
        padding-bottom: .25rem !important
    }

    .xl-pl-4 {
        padding-left: .25rem !important
    }
}

.p-8 {
    padding: .5rem
}

.py-8 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-8 {
    padding-right: .5rem;
    padding-left: .5rem
}

.pt-8 {
    padding-top: .5rem
}

.pr-8 {
    padding-right: .5rem
}

.pb-8 {
    padding-bottom: .5rem
}

.pl-8 {
    padding-left: .5rem
}

@media (max-width: 575.98px) {
    .xs-p-8 {
        padding: .5rem !important
    }

    .xs-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .xs-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .xs-pt-8 {
        padding-top: .5rem !important
    }

    .xs-pr-8 {
        padding-right: .5rem !important
    }

    .xs-pb-8 {
        padding-bottom: .5rem !important
    }

    .xs-pl-8 {
        padding-left: .5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-p-8 {
        padding: .5rem !important
    }

    .sm-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .sm-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .sm-pt-8 {
        padding-top: .5rem !important
    }

    .sm-pr-8 {
        padding-right: .5rem !important
    }

    .sm-pb-8 {
        padding-bottom: .5rem !important
    }

    .sm-pl-8 {
        padding-left: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-p-8 {
        padding: .5rem !important
    }

    .md-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .md-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .md-pt-8 {
        padding-top: .5rem !important
    }

    .md-pr-8 {
        padding-right: .5rem !important
    }

    .md-pb-8 {
        padding-bottom: .5rem !important
    }

    .md-pl-8 {
        padding-left: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-p-8 {
        padding: .5rem !important
    }

    .lg-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .lg-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .lg-pt-8 {
        padding-top: .5rem !important
    }

    .lg-pr-8 {
        padding-right: .5rem !important
    }

    .lg-pb-8 {
        padding-bottom: .5rem !important
    }

    .lg-pl-8 {
        padding-left: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-8 {
        padding: .5rem !important
    }

    .xl-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .xl-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .xl-pt-8 {
        padding-top: .5rem !important
    }

    .xl-pr-8 {
        padding-right: .5rem !important
    }

    .xl-pb-8 {
        padding-bottom: .5rem !important
    }

    .xl-pl-8 {
        padding-left: .5rem !important
    }
}

.p-12 {
    padding: .75rem
}

.py-12 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-12 {
    padding-right: .75rem;
    padding-left: .75rem
}

.pt-12 {
    padding-top: .75rem
}

.pr-12 {
    padding-right: .75rem
}

.pb-12 {
    padding-bottom: .75rem
}

.pl-12 {
    padding-left: .75rem
}

@media (max-width: 575.98px) {
    .xs-p-12 {
        padding: .75rem !important
    }

    .xs-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .xs-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .xs-pt-12 {
        padding-top: .75rem !important
    }

    .xs-pr-12 {
        padding-right: .75rem !important
    }

    .xs-pb-12 {
        padding-bottom: .75rem !important
    }

    .xs-pl-12 {
        padding-left: .75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-p-12 {
        padding: .75rem !important
    }

    .sm-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .sm-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .sm-pt-12 {
        padding-top: .75rem !important
    }

    .sm-pr-12 {
        padding-right: .75rem !important
    }

    .sm-pb-12 {
        padding-bottom: .75rem !important
    }

    .sm-pl-12 {
        padding-left: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-p-12 {
        padding: .75rem !important
    }

    .md-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .md-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .md-pt-12 {
        padding-top: .75rem !important
    }

    .md-pr-12 {
        padding-right: .75rem !important
    }

    .md-pb-12 {
        padding-bottom: .75rem !important
    }

    .md-pl-12 {
        padding-left: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-p-12 {
        padding: .75rem !important
    }

    .lg-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .lg-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .lg-pt-12 {
        padding-top: .75rem !important
    }

    .lg-pr-12 {
        padding-right: .75rem !important
    }

    .lg-pb-12 {
        padding-bottom: .75rem !important
    }

    .lg-pl-12 {
        padding-left: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-12 {
        padding: .75rem !important
    }

    .xl-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .xl-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .xl-pt-12 {
        padding-top: .75rem !important
    }

    .xl-pr-12 {
        padding-right: .75rem !important
    }

    .xl-pb-12 {
        padding-bottom: .75rem !important
    }

    .xl-pl-12 {
        padding-left: .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-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-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-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
    }
}

.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: .25rem
}

.-m-4 {
    margin: -0.25rem
}

.my-4 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.-my-4 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem
}

.mx-4 {
    margin-right: .25rem;
    margin-left: .25rem
}

.-mx-4 {
    margin-right: -0.25rem;
    margin-left: -0.25rem
}

.mt-4 {
    margin-top: .25rem
}

.-mt-4 {
    margin-top: -0.25rem
}

.mr-4 {
    margin-right: .25rem
}

.-mr-4 {
    margin-right: -0.25rem
}

.mb-4 {
    margin-bottom: .25rem
}

.-mb-4 {
    margin-bottom: -0.25rem
}

.ml-4 {
    margin-left: .25rem
}

.-ml-4 {
    margin-left: -0.25rem
}

@media (max-width: 575.98px) {
    .xs-m-4 {
        margin: .25rem !important
    }

    .-xs-m-4 {
        margin: -.25rem !important
    }

    .xs-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-xs-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .xs-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-xs-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .xs-mt-4 {
        margin-top: .25rem !important
    }

    .-xs-mt-4 {
        margin-top: -.25rem !important
    }

    .xs-mr-4 {
        margin-right: .25rem !important
    }

    .-xs-mr-4 {
        margin-right: -.25rem !important
    }

    .xs-mb-4 {
        margin-bottom: .25rem !important
    }

    .-xs-mb-4 {
        margin-bottom: -.25rem !important
    }

    .xs-ml-4 {
        margin-left: .25rem !important
    }

    .-xs-ml-4 {
        margin-left: -.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-m-4 {
        margin: .25rem !important
    }

    .-sm-m-4 {
        margin: -.25rem !important
    }

    .sm-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-sm-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .sm-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-sm-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .sm-mt-4 {
        margin-top: .25rem !important
    }

    .-sm-mt-4 {
        margin-top: -.25rem !important
    }

    .sm-mr-4 {
        margin-right: .25rem !important
    }

    .-sm-mr-4 {
        margin-right: -.25rem !important
    }

    .sm-mb-4 {
        margin-bottom: .25rem !important
    }

    .-sm-mb-4 {
        margin-bottom: -.25rem !important
    }

    .sm-ml-4 {
        margin-left: .25rem !important
    }

    .-sm-ml-4 {
        margin-left: -.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-m-4 {
        margin: .25rem !important
    }

    .-md-m-4 {
        margin: -.25rem !important
    }

    .md-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-md-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .md-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-md-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .md-mt-4 {
        margin-top: .25rem !important
    }

    .-md-mt-4 {
        margin-top: -.25rem !important
    }

    .md-mr-4 {
        margin-right: .25rem !important
    }

    .-md-mr-4 {
        margin-right: -.25rem !important
    }

    .md-mb-4 {
        margin-bottom: .25rem !important
    }

    .-md-mb-4 {
        margin-bottom: -.25rem !important
    }

    .md-ml-4 {
        margin-left: .25rem !important
    }

    .-md-ml-4 {
        margin-left: -.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-m-4 {
        margin: .25rem !important
    }

    .-lg-m-4 {
        margin: -.25rem !important
    }

    .lg-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-lg-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .lg-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-lg-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .lg-mt-4 {
        margin-top: .25rem !important
    }

    .-lg-mt-4 {
        margin-top: -.25rem !important
    }

    .lg-mr-4 {
        margin-right: .25rem !important
    }

    .-lg-mr-4 {
        margin-right: -.25rem !important
    }

    .lg-mb-4 {
        margin-bottom: .25rem !important
    }

    .-lg-mb-4 {
        margin-bottom: -.25rem !important
    }

    .lg-ml-4 {
        margin-left: .25rem !important
    }

    .-lg-ml-4 {
        margin-left: -.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-4 {
        margin: .25rem !important
    }

    .-xl-m-4 {
        margin: -.25rem !important
    }

    .xl-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-xl-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .xl-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-xl-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .xl-mt-4 {
        margin-top: .25rem !important
    }

    .-xl-mt-4 {
        margin-top: -.25rem !important
    }

    .xl-mr-4 {
        margin-right: .25rem !important
    }

    .-xl-mr-4 {
        margin-right: -.25rem !important
    }

    .xl-mb-4 {
        margin-bottom: .25rem !important
    }

    .-xl-mb-4 {
        margin-bottom: -.25rem !important
    }

    .xl-ml-4 {
        margin-left: .25rem !important
    }

    .-xl-ml-4 {
        margin-left: -.25rem !important
    }
}

.m-8 {
    margin: .5rem
}

.-m-8 {
    margin: -0.5rem
}

.my-8 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.-my-8 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem
}

.mx-8 {
    margin-right: .5rem;
    margin-left: .5rem
}

.-mx-8 {
    margin-right: -0.5rem;
    margin-left: -0.5rem
}

.mt-8 {
    margin-top: .5rem
}

.-mt-8 {
    margin-top: -0.5rem
}

.mr-8 {
    margin-right: .5rem
}

.-mr-8 {
    margin-right: -0.5rem
}

.mb-8 {
    margin-bottom: .5rem
}

.-mb-8 {
    margin-bottom: -0.5rem
}

.ml-8 {
    margin-left: .5rem
}

.-ml-8 {
    margin-left: -0.5rem
}

@media (max-width: 575.98px) {
    .xs-m-8 {
        margin: .5rem !important
    }

    .-xs-m-8 {
        margin: -.5rem !important
    }

    .xs-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-xs-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .xs-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-xs-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .xs-mt-8 {
        margin-top: .5rem !important
    }

    .-xs-mt-8 {
        margin-top: -.5rem !important
    }

    .xs-mr-8 {
        margin-right: .5rem !important
    }

    .-xs-mr-8 {
        margin-right: -.5rem !important
    }

    .xs-mb-8 {
        margin-bottom: .5rem !important
    }

    .-xs-mb-8 {
        margin-bottom: -.5rem !important
    }

    .xs-ml-8 {
        margin-left: .5rem !important
    }

    .-xs-ml-8 {
        margin-left: -.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-m-8 {
        margin: .5rem !important
    }

    .-sm-m-8 {
        margin: -.5rem !important
    }

    .sm-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-sm-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .sm-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-sm-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .sm-mt-8 {
        margin-top: .5rem !important
    }

    .-sm-mt-8 {
        margin-top: -.5rem !important
    }

    .sm-mr-8 {
        margin-right: .5rem !important
    }

    .-sm-mr-8 {
        margin-right: -.5rem !important
    }

    .sm-mb-8 {
        margin-bottom: .5rem !important
    }

    .-sm-mb-8 {
        margin-bottom: -.5rem !important
    }

    .sm-ml-8 {
        margin-left: .5rem !important
    }

    .-sm-ml-8 {
        margin-left: -.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-m-8 {
        margin: .5rem !important
    }

    .-md-m-8 {
        margin: -.5rem !important
    }

    .md-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-md-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .md-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-md-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .md-mt-8 {
        margin-top: .5rem !important
    }

    .-md-mt-8 {
        margin-top: -.5rem !important
    }

    .md-mr-8 {
        margin-right: .5rem !important
    }

    .-md-mr-8 {
        margin-right: -.5rem !important
    }

    .md-mb-8 {
        margin-bottom: .5rem !important
    }

    .-md-mb-8 {
        margin-bottom: -.5rem !important
    }

    .md-ml-8 {
        margin-left: .5rem !important
    }

    .-md-ml-8 {
        margin-left: -.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-m-8 {
        margin: .5rem !important
    }

    .-lg-m-8 {
        margin: -.5rem !important
    }

    .lg-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-lg-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .lg-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-lg-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .lg-mt-8 {
        margin-top: .5rem !important
    }

    .-lg-mt-8 {
        margin-top: -.5rem !important
    }

    .lg-mr-8 {
        margin-right: .5rem !important
    }

    .-lg-mr-8 {
        margin-right: -.5rem !important
    }

    .lg-mb-8 {
        margin-bottom: .5rem !important
    }

    .-lg-mb-8 {
        margin-bottom: -.5rem !important
    }

    .lg-ml-8 {
        margin-left: .5rem !important
    }

    .-lg-ml-8 {
        margin-left: -.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-8 {
        margin: .5rem !important
    }

    .-xl-m-8 {
        margin: -.5rem !important
    }

    .xl-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-xl-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .xl-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-xl-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .xl-mt-8 {
        margin-top: .5rem !important
    }

    .-xl-mt-8 {
        margin-top: -.5rem !important
    }

    .xl-mr-8 {
        margin-right: .5rem !important
    }

    .-xl-mr-8 {
        margin-right: -.5rem !important
    }

    .xl-mb-8 {
        margin-bottom: .5rem !important
    }

    .-xl-mb-8 {
        margin-bottom: -.5rem !important
    }

    .xl-ml-8 {
        margin-left: .5rem !important
    }

    .-xl-ml-8 {
        margin-left: -.5rem !important
    }
}

.m-12 {
    margin: .75rem
}

.-m-12 {
    margin: -0.75rem
}

.my-12 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.-my-12 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem
}

.mx-12 {
    margin-right: .75rem;
    margin-left: .75rem
}

.-mx-12 {
    margin-right: -0.75rem;
    margin-left: -0.75rem
}

.mt-12 {
    margin-top: .75rem
}

.-mt-12 {
    margin-top: -0.75rem
}

.mr-12 {
    margin-right: .75rem
}

.-mr-12 {
    margin-right: -0.75rem
}

.mb-12 {
    margin-bottom: .75rem
}

.-mb-12 {
    margin-bottom: -0.75rem
}

.ml-12 {
    margin-left: .75rem
}

.-ml-12 {
    margin-left: -0.75rem
}

@media (max-width: 575.98px) {
    .xs-m-12 {
        margin: .75rem !important
    }

    .-xs-m-12 {
        margin: -.75rem !important
    }

    .xs-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-xs-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .xs-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-xs-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .xs-mt-12 {
        margin-top: .75rem !important
    }

    .-xs-mt-12 {
        margin-top: -.75rem !important
    }

    .xs-mr-12 {
        margin-right: .75rem !important
    }

    .-xs-mr-12 {
        margin-right: -.75rem !important
    }

    .xs-mb-12 {
        margin-bottom: .75rem !important
    }

    .-xs-mb-12 {
        margin-bottom: -.75rem !important
    }

    .xs-ml-12 {
        margin-left: .75rem !important
    }

    .-xs-ml-12 {
        margin-left: -.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-m-12 {
        margin: .75rem !important
    }

    .-sm-m-12 {
        margin: -.75rem !important
    }

    .sm-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-sm-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .sm-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-sm-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .sm-mt-12 {
        margin-top: .75rem !important
    }

    .-sm-mt-12 {
        margin-top: -.75rem !important
    }

    .sm-mr-12 {
        margin-right: .75rem !important
    }

    .-sm-mr-12 {
        margin-right: -.75rem !important
    }

    .sm-mb-12 {
        margin-bottom: .75rem !important
    }

    .-sm-mb-12 {
        margin-bottom: -.75rem !important
    }

    .sm-ml-12 {
        margin-left: .75rem !important
    }

    .-sm-ml-12 {
        margin-left: -.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-m-12 {
        margin: .75rem !important
    }

    .-md-m-12 {
        margin: -.75rem !important
    }

    .md-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-md-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .md-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-md-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .md-mt-12 {
        margin-top: .75rem !important
    }

    .-md-mt-12 {
        margin-top: -.75rem !important
    }

    .md-mr-12 {
        margin-right: .75rem !important
    }

    .-md-mr-12 {
        margin-right: -.75rem !important
    }

    .md-mb-12 {
        margin-bottom: .75rem !important
    }

    .-md-mb-12 {
        margin-bottom: -.75rem !important
    }

    .md-ml-12 {
        margin-left: .75rem !important
    }

    .-md-ml-12 {
        margin-left: -.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-m-12 {
        margin: .75rem !important
    }

    .-lg-m-12 {
        margin: -.75rem !important
    }

    .lg-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-lg-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .lg-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-lg-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .lg-mt-12 {
        margin-top: .75rem !important
    }

    .-lg-mt-12 {
        margin-top: -.75rem !important
    }

    .lg-mr-12 {
        margin-right: .75rem !important
    }

    .-lg-mr-12 {
        margin-right: -.75rem !important
    }

    .lg-mb-12 {
        margin-bottom: .75rem !important
    }

    .-lg-mb-12 {
        margin-bottom: -.75rem !important
    }

    .lg-ml-12 {
        margin-left: .75rem !important
    }

    .-lg-ml-12 {
        margin-left: -.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-12 {
        margin: .75rem !important
    }

    .-xl-m-12 {
        margin: -.75rem !important
    }

    .xl-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-xl-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .xl-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-xl-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .xl-mt-12 {
        margin-top: .75rem !important
    }

    .-xl-mt-12 {
        margin-top: -.75rem !important
    }

    .xl-mr-12 {
        margin-right: .75rem !important
    }

    .-xl-mr-12 {
        margin-right: -.75rem !important
    }

    .xl-mb-12 {
        margin-bottom: .75rem !important
    }

    .-xl-mb-12 {
        margin-bottom: -.75rem !important
    }

    .xl-ml-12 {
        margin-left: .75rem !important
    }

    .-xl-ml-12 {
        margin-left: -.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-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-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-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-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
    }
}

.w-auto {
    width: auto
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-auto {
        width: auto !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-auto {
        width: auto !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-auto {
        width: auto !important
    }
}

@media (min-width: 1200px) {
    .xl-w-auto {
        width: auto !important
    }
}

.w-full {
    width: 100%
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-full {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-full {
        width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-full {
        width: 100% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-full {
        width: 100% !important
    }
}

.w-screen {
    width: 100vw
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-screen {
        width: 100vw !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-screen {
        width: 100vw !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-screen {
        width: 100vw !important
    }
}

@media (min-width: 1200px) {
    .xl-w-screen {
        width: 100vw !important
    }
}

.w-0 {
    width: 0
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-0 {
        width: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-0 {
        width: 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-0 {
        width: 0 !important
    }
}

@media (min-width: 1200px) {
    .xl-w-0 {
        width: 0 !important
    }
}

.w-1 {
    width: 1px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-1 {
        width: 1px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-1 {
        width: 1px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-1 {
        width: 1px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-1 {
        width: 1px !important
    }
}

.w-2 {
    width: 2px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-2 {
        width: 2px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-2 {
        width: 2px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-2 {
        width: 2px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-2 {
        width: 2px !important
    }
}

.w-3 {
    width: 3px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-3 {
        width: 3px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-3 {
        width: 3px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-3 {
        width: 3px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-3 {
        width: 3px !important
    }
}

.w-4 {
    width: 4px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-4 {
        width: 4px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-4 {
        width: 4px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-4 {
        width: 4px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-4 {
        width: 4px !important
    }
}

.w-5 {
    width: 5px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-5 {
        width: 5px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-5 {
        width: 5px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-5 {
        width: 5px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-5 {
        width: 5px !important
    }
}

.w-6 {
    width: 6px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-6 {
        width: 6px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-6 {
        width: 6px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-6 {
        width: 6px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-6 {
        width: 6px !important
    }
}

.w-7 {
    width: 7px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-7 {
        width: 7px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-7 {
        width: 7px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-7 {
        width: 7px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-7 {
        width: 7px !important
    }
}

.w-8 {
    width: .5rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-8 {
        width: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-8 {
        width: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-8 {
        width: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-8 {
        width: .5rem !important
    }
}

.w-10 {
    width: .625rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-10 {
        width: .625rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-10 {
        width: .625rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-10 {
        width: .625rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-10 {
        width: .625rem !important
    }
}

.w-12 {
    width: .75rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-12 {
        width: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-12 {
        width: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-12 {
        width: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-12 {
        width: .75rem !important
    }
}

.w-14 {
    width: .875rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-14 {
        width: .875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-14 {
        width: .875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-14 {
        width: .875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-14 {
        width: .875rem !important
    }
}

.w-16 {
    width: 1rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-16 {
        width: 1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-16 {
        width: 1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-w-16 {
        width: 1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-16 {
        width: 1rem !important
    }
}

.w-18 {
    width: 1.125rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-w-18 {
        width: 1.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-w-18 {
        width: 1.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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-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: .5rem
}

@media (max-width: 575.98px) {
    .xs-min-w-8 {
        min-width: .5rem
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-min-w-8 {
        min-width: .5rem
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-min-w-8 {
        min-width: .5rem
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-min-w-8 {
        min-width: .5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-8 {
        min-width: .5rem
    }
}

.min-w-10 {
    min-width: .625rem
}

@media (max-width: 575.98px) {
    .xs-min-w-10 {
        min-width: .625rem
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-min-w-10 {
        min-width: .625rem
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-min-w-10 {
        min-width: .625rem
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-min-w-10 {
        min-width: .625rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-10 {
        min-width: .625rem
    }
}

.min-w-12 {
    min-width: .75rem
}

@media (max-width: 575.98px) {
    .xs-min-w-12 {
        min-width: .75rem
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-min-w-12 {
        min-width: .75rem
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-min-w-12 {
        min-width: .75rem
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-min-w-12 {
        min-width: .75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-12 {
        min-width: .75rem
    }
}

.min-w-14 {
    min-width: .875rem
}

@media (max-width: 575.98px) {
    .xs-min-w-14 {
        min-width: .875rem
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-min-w-14 {
        min-width: .875rem
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-min-w-14 {
        min-width: .875rem
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-min-w-14 {
        min-width: .875rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-14 {
        min-width: .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-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
    }
}

.h-auto {
    height: auto
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-auto {
        height: auto !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-auto {
        height: auto !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-auto {
        height: auto !important
    }
}

@media (min-width: 1200px) {
    .xl-h-auto {
        height: auto !important
    }
}

.h-full {
    height: 100%
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-full {
        height: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-full {
        height: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-full {
        height: 100% !important
    }
}

@media (min-width: 1200px) {
    .xl-h-full {
        height: 100% !important
    }
}

.h-screen {
    height: 100vh
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-screen {
        height: 100vh !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-screen {
        height: 100vh !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-screen {
        height: 100vh !important
    }
}

@media (min-width: 1200px) {
    .xl-h-screen {
        height: 100vh !important
    }
}

.h-0 {
    height: 0
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-0 {
        height: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-0 {
        height: 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-0 {
        height: 0 !important
    }
}

@media (min-width: 1200px) {
    .xl-h-0 {
        height: 0 !important
    }
}

.h-1 {
    height: 1px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-1 {
        height: 1px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-1 {
        height: 1px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-1 {
        height: 1px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-1 {
        height: 1px !important
    }
}

.h-2 {
    height: 2px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-2 {
        height: 2px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-2 {
        height: 2px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-2 {
        height: 2px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-2 {
        height: 2px !important
    }
}

.h-3 {
    height: 3px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-3 {
        height: 3px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-3 {
        height: 3px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-3 {
        height: 3px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-3 {
        height: 3px !important
    }
}

.h-4 {
    height: 4px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-4 {
        height: 4px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-4 {
        height: 4px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-4 {
        height: 4px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-4 {
        height: 4px !important
    }
}

.h-5 {
    height: 5px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-5 {
        height: 5px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-5 {
        height: 5px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-5 {
        height: 5px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-5 {
        height: 5px !important
    }
}

.h-6 {
    height: 6px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-6 {
        height: 6px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-6 {
        height: 6px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-6 {
        height: 6px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-6 {
        height: 6px !important
    }
}

.h-7 {
    height: 7px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-7 {
        height: 7px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-7 {
        height: 7px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-7 {
        height: 7px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-7 {
        height: 7px !important
    }
}

.h-8 {
    height: .5rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-8 {
        height: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-8 {
        height: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-8 {
        height: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-8 {
        height: .5rem !important
    }
}

.h-10 {
    height: .625rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-10 {
        height: .625rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-10 {
        height: .625rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-10 {
        height: .625rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-10 {
        height: .625rem !important
    }
}

.h-12 {
    height: .75rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-12 {
        height: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-12 {
        height: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-12 {
        height: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-12 {
        height: .75rem !important
    }
}

.h-14 {
    height: .875rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-14 {
        height: .875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-14 {
        height: .875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-14 {
        height: .875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-14 {
        height: .875rem !important
    }
}

.h-16 {
    height: 1rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-16 {
        height: 1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-16 {
        height: 1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-h-16 {
        height: 1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-16 {
        height: 1rem !important
    }
}

.h-18 {
    height: 1.125rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-18 {
        height: 1.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-18 {
        height: 1.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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-184 {
    height: 11.5rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-h-184 {
        height: 11.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-h-184 {
        height: 11.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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-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-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: 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-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
    }
}

.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 #183B56
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-shadow-black {
        box-shadow: 0 10px 25px 0 #183B56
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-shadow-black {
        box-shadow: 0 10px 25px 0 #183B56
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-shadow-black {
        box-shadow: 0 10px 25px 0 #183B56
    }
}

@media (min-width: 1200px) {
    .xl-shadow-black {
        box-shadow: 0 10px 25px 0 #183B56
    }
}

.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 #fff
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-shadow-white {
        box-shadow: 0 10px 25px 0 #fff
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-shadow-white {
        box-shadow: 0 10px 25px 0 #fff
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-shadow-white {
        box-shadow: 0 10px 25px 0 #fff
    }
}

@media (min-width: 1200px) {
    .xl-shadow-white {
        box-shadow: 0 10px 25px 0 #fff
    }
}

.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: .1
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-10 {
        opacity: .1
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-10 {
        opacity: .1
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-10 {
        opacity: .1
    }
}

@media (min-width: 1200px) {
    .xl-opacity-10 {
        opacity: .1
    }
}

.opacity-20 {
    opacity: .2
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-20 {
        opacity: .2
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-20 {
        opacity: .2
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-20 {
        opacity: .2
    }
}

@media (min-width: 1200px) {
    .xl-opacity-20 {
        opacity: .2
    }
}

.opacity-25 {
    opacity: .25
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-25 {
        opacity: .25
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-25 {
        opacity: .25
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-25 {
        opacity: .25
    }
}

@media (min-width: 1200px) {
    .xl-opacity-25 {
        opacity: .25
    }
}

.opacity-30 {
    opacity: .3
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-30 {
        opacity: .3
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-30 {
        opacity: .3
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-30 {
        opacity: .3
    }
}

@media (min-width: 1200px) {
    .xl-opacity-30 {
        opacity: .3
    }
}

.opacity-40 {
    opacity: .4
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-40 {
        opacity: .4
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-40 {
        opacity: .4
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-40 {
        opacity: .4
    }
}

@media (min-width: 1200px) {
    .xl-opacity-40 {
        opacity: .4
    }
}

.opacity-50 {
    opacity: .5
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-50 {
        opacity: .5
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-50 {
        opacity: .5
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-50 {
        opacity: .5
    }
}

@media (min-width: 1200px) {
    .xl-opacity-50 {
        opacity: .5
    }
}

.opacity-60 {
    opacity: .6
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-60 {
        opacity: .6
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-60 {
        opacity: .6
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-60 {
        opacity: .6
    }
}

@media (min-width: 1200px) {
    .xl-opacity-60 {
        opacity: .6
    }
}

.opacity-70 {
    opacity: .7
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-70 {
        opacity: .7
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-70 {
        opacity: .7
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-70 {
        opacity: .7
    }
}

@media (min-width: 1200px) {
    .xl-opacity-70 {
        opacity: .7
    }
}

.opacity-75 {
    opacity: .75
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-75 {
        opacity: .75
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-75 {
        opacity: .75
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-75 {
        opacity: .75
    }
}

@media (min-width: 1200px) {
    .xl-opacity-75 {
        opacity: .75
    }
}

.opacity-80 {
    opacity: .8
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-80 {
        opacity: .8
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-80 {
        opacity: .8
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-80 {
        opacity: .8
    }
}

@media (min-width: 1200px) {
    .xl-opacity-80 {
        opacity: .8
    }
}

.opacity-90 {
    opacity: .9
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sm-opacity-90 {
        opacity: .9
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .md-opacity-90 {
        opacity: .9
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .lg-opacity-90 {
        opacity: .9
    }
}

@media (min-width: 1200px) {
    .xl-opacity-90 {
        opacity: .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-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-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-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
    }
}

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

.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-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-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: #183B56;
        color: #183B56
    }

    .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: #183B56 !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: #183B56 !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: #183B56;
        color: #183B56
    }

    .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: #183B56 !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: #fff
}

.navbar.navbar-white .navbar-nav .dropdown-menu li a {
    color: #183B56
}

.navbar.navbar-dark .navbar-nav>.nav-item>.nav-link {
    color: #183B56
}

.navbar.navbar-dark .navbar-nav .dropdown-menu li a {
    color: #183B56
}

.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: #183b56;
    padding: 6px 12px
}

.navbar .sub-menu .nav-item>a:hover {
    color: #183b56;
    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: .75rem;
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
    background-color: white;
    border: none;
    margin-top: .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: #183b56;
    padding: 10px 32px
}

.dropdown-menu .dropdown-menu .nav-link {
    padding: 10px 32px
}

.dropdown-menu.dropdown-menu-submenu {
    padding: 22px 0
}

.dropdown-menu.dropdown-menu-submenu .nav-item:focus,
.dropdown-menu.dropdown-menu-submenu .nav-item:visited,
.dropdown-menu.dropdown-menu-submenu .nav-item:active {
    background-color: #E5EAF4 !important
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu>a:after {
    display: none
}

.dropdown-submenu>.nav-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 150px
}

.dropdown-submenu>.nav-link.dropdown-toggle {
    display: flex;
    justify-content: space-between
}

.dropdown-submenu>.nav-link .fas {
    font-size: 14px;
    margin-left: 10px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

@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: .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 #183B56
}

.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: .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: #183B56
}

.card-pricing .price h2 span {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #5A7184
}

.card-pricing .price h4 {
    color: #183B56
}

.card-pricing .price p {
    color: #5A7184
}

.card-pricing .pricing-list li {
    display: flex;
    align-items: center;
    color: #183B56
}

.card-pricing .pricing-list li img {
    margin-right: .75rem
}

.card-pricing .pricing-list li:not(:last-child) {
    margin-bottom: 1.5rem
}

.card-pricing-footer {
    margin-top: 1.5rem
}

.form-control {
    border-radius: .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: #183b56
}

.bootstrap-select .btn-light {
    height: 3.5rem !important
}

select.form-control {
    height: 3.375rem;
    padding-left: 1.25rem;
    color: #183b56;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

textarea.form-control {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #5a7184;
    margin-bottom: .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: .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: #183B56;
    padding: .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: .375rem 2rem;
    margin: 0;
    color: #5A7184;
    background-color: #E5EAF4;
    border-radius: 0 .5rem .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: #fff;
    border: 1px solid #E5EAF4;
    border-radius: .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: #fff
}

.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: .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 #fff;
    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: .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: .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 #fff
}

.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: .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: 33px;
    padding-bottom: 80px
}

.footer .footer-widget .description {
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 28px
}

.footer .footer-widget h5 {
    font-family: 'hk_groteskbold', sans-serif;
    font-weight: bold !important;
    font-size: 18px;
    margin-bottom: 32px
}

.footer .footer-widget-link li {
    margin-bottom: 24px
}

.footer .footer-widget-link li a {
    font-family: 'hk_groteskregular', sans-serif;
    line-height: normal
}

.footer .footer-widget-link li:last-child {
    margin-bottom: 0
}

.footer-sosmed {
    display: flex;
    margin-top: 32px
}

.footer-sosmed li .btn {
    margin-right: 6px
}

.footer-sosmed li:last-child .btn {
    margin-right: 0
}

.footer-copyright {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 96px
}

.footer-copyright .btn {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 24px
}

.footer-copyright p {
    font-weight: 600 !important;
    margin-bottom: 0
}

.footer-white {
    background-color: #fff
}

.footer-white .footer-widget h5 {
    color: #183B56
}

.footer-white .footer-widget .description {
    color: #5A7184
}

.footer-white .footer-widget-link li a {
    color: #183B56
}

.footer-white .footer-copyright p {
    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: flex;
        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 {
        display: none
    }
}

@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: .5rem !important
}

.ic.rounded-12 {
    border-radius: .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: .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: .5rem
}

.company-about .about-gallery-top li img,
.company-about .about-gallery-bottom li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .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: 40px
}

.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: 85px
}

.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: #fff;
    border-radius: .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
    }
}

.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: #fff;
    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: #fff;
    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: #fff;
    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: .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: .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: .5rem
}

.services-rent .quotes-user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .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: .5rem
}

.services-rent .features .content .right .features-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .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 #fff;
    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: .375rem;
    background-color: rgba(255, 255, 255, 0.05);
    padding: .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: .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: #183b56;
    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: '\f060'
}

.carousel .carousel-control-next {
    background-image: none
}

.carousel .carousel-control-next .carousel-control-next-icon:before {
    font-family: "Font Awesome 5 Free";
    content: '\f061'
}

.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: #183B56;
    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: #183B56;
    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: #fff;
    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: '\f10d';
    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: .5rem
}

.real-estate-about .content .right .features-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .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: #183B56;
    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: "\f10d";
    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: #183B56
}

.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: #fff
}

.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: #fff
}

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: #fff
}

.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: #183B56;
    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: #183b56;
    border-color: #183b56
}

.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: #183b56
}

.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: #183B56;
    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: #183B56;
    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: #183b56
}

.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: #183b56;
    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: #fff
}

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), #183b56);
    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: .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: #183b56;
    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: "\f295";
    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: #183b56;
    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: #183b56;
    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: #183b56;
    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: #183b56
}

.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: #183b56
}

.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 #fff;
    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: #183b56
}

.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: "\f10d";
    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: #183b56;
    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: #183b56
}

.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: #183b56
}

.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: #183b56
}

.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: #183b56;
    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: #183b56;
    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: #183b56
}

.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: #183b56;
    border-color: #183b56
}

.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: #183b56;
    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: #183b56
}

.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: #183b56;
    border-color: #183b56
}

.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: #183b56
}

.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: #183b56
}

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: #183b56;
    margin: 0 0 24px
}

.landing-cosmetics-store .heading p {
    font-size: 16px !important;
    line-height: 1.75;
    color: #183b56;
    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: #183b56
}

.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: #183b56;
    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: #183b56;
    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: #f9fbfe;
    padding: 90px 0
}

.landing-cosmetics-feature::before {
    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 .heading {
    max-width: 390px
}

.landing-cosmetics-feature .heading h3 {
    font-size: 40px !important;
    line-height: 1.33 !important;
    max-width: 290px;
    margin: 0 0 20px
}

.landing-cosmetics-feature .heading p {
    font-size: 16px !important;
    line-height: 1.75;
    color: #183b56;
    margin: 0 0 1.75em
}

.landing-cosmetics-feature .heading .c-list {
    color: #183b56
}

.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: 100%
}

.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;
    margin-top: 120px;
    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: #183b56;
    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: #183b56
}

.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: #183b56
}

.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: #183b56;
    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: #183b56
}

@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: #183B56;
    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: #183b56;
    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: #183b56
}

.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: #183b56;
    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: #183b56
}

.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: #183b56
}

.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: #183b56
}

.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: #183b56;
    font-family: 'Font Awesome 5 Free';
    content: "\f10d";
    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: #fff
}

.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: #2e67ba
}

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

h1 {
    font-family: 'hk_groteskbold', sans-serif;
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    line-height: 4.25rem !important;
    letter-spacing: .2px
}

h2 {
    font-family: 'hk_groteskbold', sans-serif;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 3.25rem !important;
    letter-spacing: .2px
}

h3 {
    font-family: 'hk_groteskbold', sans-serif;
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 2.5rem !important;
    letter-spacing: .2px
}

h4 {
    font-family: 'hk_groteskbold', sans-serif;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 2rem !important;
    letter-spacing: .2px
}

h5 {
    font-size: 1.25rem;
    font-weight: 700 !important;
    line-height: 1.5rem !important;
    letter-spacing: .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: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0 1.5rem;
    font-size: 1rem;
    line-height: 2.875rem;
    border-radius: .5rem;
    outline: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .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: #fff
}

.btn:hover {
    opacity: .8
}

.btn.focus,
.btn:focus {
    outline: none !important;
    box-shadow: none !important
}

.btn.btn-primary {
    background-color: #1565D8;
    color: #fff;
    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: #fff;
    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-success {
    background-color: #36B37E;
    color: #fff;
    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: #fff;
    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: #fff;
    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: #fff;
    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: #fff;
    color: #183B56;
    border-color: #fff
}

.btn.btn-white:not(:disabled):not(.disabled).active,
.btn.btn-white:not(:disabled):not(.disabled):active,
.btn.btn-white .show>.btn-danger.dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8)
}

.btn.btn-soft-primary,
.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: #183B56
}

.btn.btn-black {
    background-color: #183b56;
    color: #fff
}

.btn.btn-light-blue {
    background-color: #f9fbfe;
    color: #1565D8
}

.btn.btn-iris-blue {
    background-color: #00b8d9;
    color: #1565D8
}

.btn.btn-regal-blue {
    background-color: #183b56;
    color: #fff
}

.btn.btn-bright-red {
    background-color: #e95432;
    color: #fff
}

.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 #fff;
    color: #fff
}

.btn.btn-outline-gray {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #b3bac5;
    color: #183b56
}

.btn.btn-outline-gray:hover {
    color: #183b56;
    background: rgba(179, 186, 197, 0.1)
}

.btn.btn-xs {
    font-size: .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: #fff
}

.btn.btn-sm {
    font-size: .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: #fff
}

.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: #fff
}

.btn.btn-rounded {
    border-radius: 50px
}

.btn-ic {
    width: 48px;
    height: 48px;
    font-size: 14px !important;
    border-radius: .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: .875rem;
    font-weight: 600;
    line-height: 2rem;
    padding: 0 1rem
}

.badge-secondary {
    background-color: #fff;
    color: #36B37E !important
}

.badge-white-transparent {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff !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
}

.accordion.accordion-v1 {
    background-color: #fff;
    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: .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: #183B56;
    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: .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: .875rem
}

.accordion .card-header h2 button[aria-expanded="true"] .fas:before {
    content: '\f068'
}

.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: .5rem;
    border: solid 1px #e5eaf4;
    outline: none;
    color: #183b56;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 20px
}

.bootstrap-select .btn-light:after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    border: none;
    height: 16px;
    width: 10px;
    margin-top: -25px
}

.bootstrap-select .dropdown-menu .dropdown-item.active {
    background-color: #e5eaf4
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.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;
    -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 .owl-carousel {
    display: block
}

.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-height {
    transition: height 500ms ease-in-out
}

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

/*# sourceMappingURL=main.css.map */