/*
Template Name: Car Rent HTML Template
Template URI: carrent-html.htmlguru.net
Author: HTMLguru
Author URI: http://softhopper.net
Description: It\' s a HTML5 Car Rent Template. Which is a unique feature and user competitive feature.
Version: 1.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography 
    ## copy 
    ## headings 
    ## typography 
# Elements
	## elements
	## lists
	## tables
# Forms
	## buttons
	## fields
	## forms
# Media
	## Captions
	## Galleries
	## media
# mixins
	## mixins-master
# modules 
	## accessibility
	## alignments
	## clearings
	## infinite-scroll
# navigation
	## Links
	## Menus
	## Pagination
	## Navigation responsive
		### Mobile CSS
		### Pagination responsive
# layout
    ## header section
    ## slider section
    ## check_vehicle section
    ## about us section
    ## ability section
    ## accordion section
    ## vehicle_block section
    ## fun-facts section
    ## testimonial section
    ## call_to_action section
    ## service section
    ## blog section 
    ## welcome section
    ## pricing section
    ## mobile_app section
    ## footer section
# others
	## Blog Single Page
	## Coming Soon Page
	## Map Content
	## Category Style
# site
	## Posts and pages
	## Asides
	## Comments
	## Widgets
	## Widgets Content
	## About Page
	## Contact Page
	## 404 Page
	## Site Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);

html {
    font-size: 100%;
}

body {
    background-color: white;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.45em;
    color: #1d1d1f;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: "Exo", sans-serif;
    line-height: 1.4em;
    color: #1d1d1f;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

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

h1 {
    font-size: 2.441em;
}

h2 {
    font-size: 1.953em;
}

h3 {
    font-size: 1.563em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.8em;
}

small,
.font_small {
    font-size: 0.8em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: inherit;
    text-decoration: none;
}

    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover {
        color: inherit;
        text-decoration: none;
    }

.heading-content.style-one .title {
    font-size: 36px;
    color: inherit;
    position: relative;
    font-weight: 900;
    margin-bottom: 0;
    line-height: 1.2em;
    margin-top: 0;
}

.heading-content.style-one .subtitle {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin-top: 8px;
    color: #818080;
    margin-bottom: 0;
}

.heading-content.style-one h4.subtitle {
    font-family: inherit;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    color: #818080;
    margin-bottom: 0;
    margin-top: 0;
}

.heading-content.style-one.border h2.title {
    position: relative;
    margin-bottom: 25px;
}

    .heading-content.style-one.border h2.title:before {
        position: absolute;
        content: "";
        background-color: #fca22a;
        width: 80px;
        height: 8px;
        z-index: 999;
        left: 0;
        bottom: -25px;
    }

.heading-content.style-one.border.blue-border .title:before {
    background-color: #2e93e4;
}

.heading-content.style-two {
    margin: auto;
    text-align: center;
    font-weight: bold;
}

@media only screen and (min-width: 600px) {
    .heading-content.style-two {
        max-width: 500px;
    }
}

.heading-content.style-two .title {
    font-size: 60px;
    color: inherit;
    font-weight: 900;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .heading-content.style-two .title {
        font-size: 45px;
    }
}

.heading-content.style-two .subtitle {
    font-family: inherit;
    font-size: 20px;
    color: inherit;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .heading-content.style-two .subtitle {
        font-size: 16px;
    }
}

.heading-content-three {
    margin: auto auto 30px;
    text-align: center;
}

    .heading-content-three .title {
        font-size: 60px;
        color: inherit;
        position: relative;
        font-weight: 900;
        color: #232C3B;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.2em;
    }

    .heading-content-three .sub-title {
        font-family: inherit;
        font-size: 18px;
        color: inherit;
        font-weight: 500;
        color: #777;
        margin: 0;
    }

.heading-content-four {
    color: #232C3B;
}

    .heading-content-four h2.title {
        font-size: 60px;
        color: inherit;
        position: relative;
    }

    .heading-content-four h5.sub-title {
        font-family: inherit;
        font-size: 16px;
        color: inherit;
    }

.extra-big-title {
    font-size: 60px;
    font-weight: 800;
    line-height: 1.2em;
}

::-moz-selection {
    color: #ffffff;
    display: inline-block;
    text-shadow: none;
}

::selection {
    display: inline-block;
    text-shadow: none;
}

p {
    margin-bottom: 1.875em;
    line-height: 1.975em;
}

blockquote {
    margin: 0 0 1.3em;
}

address {
    margin: 0 0 1.3em;
}

dfn,
em,
cite,
i,
code,
kbd,
tt,
var {
    font-size: 1em;
}

em,
cite,
i {
    font-style: italic;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

pre {
    background: #f7f7f7;
    padding: 20px 30px;
    margin-bottom: 30px;
    max-width: 100%;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    border-left: 10px solid #ccc;
    font-size: 0.929em;
    overflow: auto;
}

.dropcap {
    display: block;
    float: left;
    margin: 15px 5px 0 0;
    font-weight: bold;
    font-size: 60px;
    color: #ccc;
}

/*--------------------------------------------------------------
  # Elements
  --------------------------------------------------------------*/
body {
    background: #ffffff;
    /* Fallback for when there is no custom background color defined. */
    word-wrap: break-word;
    overflow-x: hidden;
}

.social_link {
    font-size: 2rem;
    margin: 0.5rem;
}

    .social_link i {
        margin-right: 1rem;
    }

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

q {
    quotes: "" "";
}

    q:before,
    q:after {
        content: "";
    }

blockquote {
    border: 0;
    padding: 0;
    font-style: italic;
    font-size: 20px;
    position: relative;
    color: #939292;
}

    blockquote p {
        padding: 0 0 20px 40px;
        margin-bottom: 10px;
        position: relative;
    }

        blockquote p:last-child {
            margin-bottom: 0;
        }

        blockquote p cite {
            margin-left: 0;
            padding-left: 0;
        }

    blockquote footer {
        margin-left: 35px;
        position: relative;
        top: 6px;
        margin-top: -15px;
    }

    blockquote cite,
    blockquote a,
    blockquote span {
        padding: 0 1.2em;
        font-size: 0.8em;
        font-weight: 500;
        font-style: normal;
        position: relative;
    }

    blockquote cite {
        display: block;
    }

        blockquote cite::before {
            content: "--";
            padding-right: 5px;
        }

    blockquote .small::before,
    blockquote footer::before,
    blockquote small::before,
    blockquote .font_small::before {
        margin-left: 18px;
    }

.single-post blockquote {
    margin: 35px 0 35px 25px;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    border: 1px solid #d2d2d2;
}

th,
td {
    border: 1px solid #d2d2d2;
}

td {
    border-width: 0 1px 1px 0;
}

.tb {
    display: table;
    width: 100%;
}

    .tb .tb-cell {
        display: table-cell;
        vertical-align: middle;
    }

        .tb .tb-cell[class*="col-"] {
            float: none;
            padding: 0;
        }

    .tb.row {
        margin-left: 0;
        margin-right: 0;
    }

/*--------------------------------------------------------------
  # Post, Page, Comments Table
  --------------------------------------------------------------*/
body:not(.woocommerce) .blog-single-block .post li,
body:not(.woocommerce) .blog-single-block .page li,
body:not(.woocommerce) .blog-single-block #comments li {
    line-height: 1.3em;
}

body:not(.woocommerce) .blog-single-block .post table,
body:not(.woocommerce) .blog-single-block .page table,
body:not(.woocommerce) .blog-single-block #comments table {
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-left: none;
}

    body:not(.woocommerce) .blog-single-block .post table tbody tr.odd,
    body:not(.woocommerce) .blog-single-block .page table tbody tr.odd,
    body:not(.woocommerce) .blog-single-block #comments table tbody tr.odd {
        background: #ffffff;
    }

    body:not(.woocommerce) .blog-single-block .post table th,
    body:not(.woocommerce) .blog-single-block .post table td,
    body:not(.woocommerce) .blog-single-block .post table td,
    body:not(.woocommerce) .blog-single-block .page table th,
    body:not(.woocommerce) .blog-single-block .page table td,
    body:not(.woocommerce) .blog-single-block .page table td,
    body:not(.woocommerce) .blog-single-block #comments table th,
    body:not(.woocommerce) .blog-single-block #comments table td,
    body:not(.woocommerce) .blog-single-block #comments table td {
        border-left: 1px solid #d2d2d2;
        border-top: 1px solid #d2d2d2;
        line-height: 18px;
        padding: 8px;
        text-align: left;
        vertical-align: top;
    }

/*--------------------------------------------------------------
  # Spacing ELement
  --------------------------------------------------------------*/
.pd-zero {
    padding: 0 !important;
}

@media only screen and (min-width: 992px) {
    .pd-right-0 {
        padding-right: 0;
    }
}

.margin-less-top {
    margin-top: -35px;
}

.pd-10 {
    padding: 10px;
}

.mr-left-0 {
    margin-left: 0 !important;
}

.mr-top-60 {
    margin-top: 60px;
}

.mr-btm-60 {
    margin-bottom: 60px;
}

.mr-top-35 {
    margin-top: 35px;
}

.mr-btm-5 {
    margin-bottom: 5px;
}

.mr-btm-15 {
    margin-bottom: 15px;
}

.mr-btm-30 {
    margin-bottom: 30px;
}

.mr-top-45 {
    margin-top: 45px;
}

.mr-btm-78 {
    margin-bottom: 78px;
}

.mr-top-30 {
    margin-top: 30px;
}

.mr-top-90 {
    margin-top: 90px;
}

.mrt-less-137 {
    margin-top: -137px;
}

.mr-top-less-160 {
    margin-top: -160px;
}

@media only screen and (max-width: 992px) {
    .pdm-10 {
        padding: 10px 0 !important;
    }
}

.pd-17 {
    padding: 17px 0 !important;
}

.pd-23 {
    padding: 23px 0 !important;
}

.pd-11 {
    padding: 11px 0 !important;
}

.pd-16 {
    padding: 16px 0 !important;
}

.pd-75 {
    padding: 75px 0;
}

.pd-90 {
    padding: 90px 0;
}

.pd-btm-60 {
    padding-bottom: 60px;
}

.pd-btm-16 {
    padding-bottom: 16px;
}

.pd-85 {
    padding: 85px 0 !important;
}

.pd-t-54 {
    padding-top: 54px;
}

.pd-t-15 {
    padding-top: 15px;
}

.pd-btm-72 {
    padding-bottom: 72px;
}

@media only screen and (min-width: 768px) {
    .ex-pdt-102 {
        padding-top: 102px !important;
    }
}

@media only screen and (min-width: 768px) {
    .ex-pdb-72 {
        padding-bottom: 72px !important;
    }
}

@media only screen and (min-width: 768px) {
    .ex-pdb-102 {
        padding-bottom: 102px !important;
    }
}

@media only screen and (min-width: 768px) {
    .ex-pdb-120 {
        padding-bottom: 120px !important;
    }
}

@media only screen and (min-width: 768px) {
    .ex-pdb-130 {
        padding-bottom: 130px !important;
    }
}

@media only screen and (max-width: 767px) {
    .ex-pdtm-72 {
        padding-top: 72px !important;
    }
}

@media only screen and (max-width: 767px) {
    .ex-pdbm-72 {
        padding-bottom: 72px !important;
    }
}

.default-margin-bottom {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
  # Background ELement
  --------------------------------------------------------------*/
.overlay-bg {
    position: relative;
}

    .overlay-bg:before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0, 0.45);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

.bg-white-smoke {
    background-color: #f5f5f5;
}

.transfarent-white-bg {
    background-color: rgba(255, 255, 255, 0.45);
}

.bg-red {
    background: #FF4818;
}

.color-black h2 {
    color: #000;
}

.color-black p {
    color: #fff !important;
}

.gray-20 {
    background: #333333;
}

.nevy-bg {
    background-color: #232C3B;
}

.color-nevy {
    color: #232C3B !important;
}

.red-bg {
    background-color: #FF4818;
}

.color-black {
    background-color: #1d1d1f;
}

.black-color {
    color: #1d1d1f !important;
}

.color-blue {
    background-color: #2e93e4;
}

.blue-color {
    color: #2e93e4;
}

.color-white {
    background-color: #ffffff !important;
}

.white-color {
    color: #ffffff !important;
}

.bg-nero {
    background-color: #1C1C1C;
}

.blue-bg a:hover,
.blue-bg a:focus,
.blue-bg a:active {
    color: inherit !important;
}

/*--------------------------------------------------------------
  # Other's ELement
  --------------------------------------------------------------*/
.no-border {
    border: 0 none !important;
}

.border-btm-whisper {
    border-bottom: 1px solid #ececec;
}

@media only screen and (max-width: 767px) {
    .mb-float-left {
        float: left;
    }
}

@media only screen and (max-width: 767px) {
    .mb-float-right {
        float: right;
    }
}

.background-overlay {
    position: relative;
}

    .background-overlay:before {
        position: absolute;
        content: "";
        background-color: rgba(6, 6, 6, 0.75);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

.input {
    position: relative;
    margin-bottom: 15px;
}

    .input input,
    .input select,
    .input textarea {
        border-color: #757575;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 0;
        color: #757575;
        border: 1px solid;
        width: 100%;
        font-size: 12px !important;
        font-weight: 500;
    }

    .input i {
        position: absolute;
        right: 12px;
        top: 14px;
        color: #ffcc00;
    }

    .input .placeholder {
        color: #6a6b6f;
    }

.full-width-content {
    float: none;
    margin: auto;
}

.jarallax {
    position: relative;
}

@media only screen and (max-width: 992px) {
    .mb-block {
        display: block !important;
    }
}

@media only screen and (max-width: 992px) {
    select.responsive-nav {
        width: 100%;
        border: 1px solid #ebebeb;
        padding: 10px 15px;
        border-radius: 5px;
        margin-top: 15px;
    }
}

.breadcrumbs-area {
    overflow: hidden;
}

    .breadcrumbs-area .breadcrumbs {
        font-weight: 600;
        font-size: 18px;
        position: relative;
        padding: 15px 0;
    }

        .breadcrumbs-area .breadcrumbs .last-item {
            color: #999999;
        }

        .breadcrumbs-area .breadcrumbs .separator {
            color: #999999;
        }

    .breadcrumbs-area.bg {
        background-color: #F8F8F8;
    }

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .container-lg-screen {
        max-width: 1000px;
        margin: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .container-lg-screen {
        max-width: 1170px;
        margin: auto;
    }
}

@media only screen and (min-width: 1300px) {
    .container-lg-screen {
        max-width: 1290px;
        margin: auto;
        padding: 0 30px;
    }
}

@media only screen and (min-width: 1500px) {
    .container-lg-screen {
        max-width: 1370px;
        margin: auto;
        padding: 0 30px;
    }
}

@media only screen and (max-width: 992px) {
    .container-lg-screen {
        padding: 0 15px;
    }
}

/*--------------------------------------------------------------
  # Section-divide
  --------------------------------------------------------------*/
/**** r ****/
.vehicle-section-divider {
    border-bottom: 1px solid #434343;
    padding: 8px 0;
    overflow: hidden;
}

    .vehicle-section-divider .section-divider-content {
        position: relative;
    }

        .vehicle-section-divider .section-divider-content:before {
            border-top: dashed #ececec;
            width: 100%;
            content: "";
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 15px;
            z-index: 0;
        }

        .vehicle-section-divider .section-divider-content .vehicle-border {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            -webkit-animation: s3-rotate 7s infinite linear;
            animation: s3-rotate 7s infinite linear;
            display: block;
        }

        .vehicle-section-divider .section-divider-content.ambulance img {
            position: relative;
            top: -15px;
        }

@-webkit-keyframes s3-rotate {
    from {
        -webkit-transform: translateX(105%);
    }

    to {
        -webkit-transform: translateX(-5%);
    }
}

.vehicle-multi-border {
    position: relative;
}

    .vehicle-multi-border:before {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        height: 12px;
        background-size: 30px;
    }

    .vehicle-multi-border.yellow-black:before {
        background-image: -webkit-linear-gradient(0deg, #ffcc00 15px, #333 0);
    }

    .vehicle-multi-border.top-less-12:before {
        top: -12px;
    }

    .vehicle-multi-border.blue-white:before {
        background-image: -webkit-linear-gradient(0deg, #2e93e4 15px, #fff 0);
    }

/*--------------------------------------------------------------
  # Forms
  --------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-size: 11px;
    padding: 12px 30px;
    color: #ffffff;
    line-height: normal;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

input[type="submit"] {
    font-weight: bold;
    text-transform: uppercase;
    background: #646464;
    color: #ffffff;
}

    input[type="submit"]:hover {
        color: #ffffff;
    }

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus {
        outline: none;
    }

    button::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button a,
    input[type="button"] a,
    input[type="reset"] a,
    input[type="submit"] a {
        color: #ffffff;
    }

.search-form .btn,
.searchform .btn {
    border-radius: 0;
}

    .search-form .btn:hover,
    .searchform .btn:hover {
        color: #ffffff;
        text-decoration: none;
    }

    .search-form .btn:focus,
    .searchform .btn:focus {
        background: transparent;
        color: #ffffff;
        outline: 0 none;
    }

    .search-form .btn:active:focus,
    .searchform .btn:active:focus {
        background: transparent;
        color: #ffffff;
        outline: 0 none;
    }

.btn {
    border-radius: 0;
}

.btn-default {
    color: #1d1d1f;
}

    .btn-default:hover {
        color: #1d1d1f;
    }

.slider-button {
    border-radius: 0 !important;
}

a.more-content {
    background: #232C3B;
    padding: 15px 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    display: table;
    margin: 15px auto auto;
}

.more-link {
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    word-spacing: 0.02em;
    letter-spacing: 0.01em;
    color: #ffffff;
    display: table;
    margin: 30px auto 0;
    padding: 15px 30px;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

    .more-link:hover,
    .more-link:focus,
    .more-link:active:focus {
        color: #ffffff;
        text-decoration: none !important;
    }

.comment-reply-link {
    padding: 6px 22px;
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    background: #646464;
    color: #ffffff;
}

    .comment-reply-link:hover {
        color: #ffffff;
    }

.comment-navigation .nav-links a {
    background: #ffffff;
    display: inline-block;
    padding: 0.5em 1.8em;
    letter-spacing: 0.02em;
}

    .comment-navigation .nav-links a:hover {
        color: #ffffff;
    }

.go-button {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    width: 186px;
    height: 45px;
    line-height: 46px;
    background: #f7faf9;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .go-button:hover {
        color: #ffffff;
    }

.entry-content .btn {
    border-radius: 1px;
    letter-spacing: 0;
    line-height: 1.7em;
}

.mfp-wrap button:hover,
.mfp-wrap input[type="button"]:hover,
.mfp-wrap input[type="reset"]:hover,
.mfp-wrap input[type="submit"]:hover {
    background: transparent !important;
}

.button {
    padding: 12px 40px;
    color: #fff;
    font-weight: bold;
    border-radius: 25px;
    text-transform: capitalize;
    font-size: 14px;
    border: 0;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

    .button:hover {
        color: #ffffff !important;
    }

.black-color {
    color: #1d1d1f;
}

.black-button {
    background-color: #000000;
}

.soft-black-button {
    background-color: #1b1b1b;
}

.button-radius {
    border-radius: 5px;
}

.button.contact {
    background-color: #0E385D;
}

.red-bg a:hover {
    color: #ffffff;
}

.default-pd-center .button {
    border-radius: 5px;
    top: 10px;
    float: left;
}

.night-rider {
    background-color: #2C2C2C;
}

.bg-gray-color {
    background-color: #f7f7f7;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
select:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
textarea:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent url("../images/select-bg.png") no-repeat scroll 95% 50%;
}

    select option[selected] {
        color: #ffffff;
    }

    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
        -webkit-text-fill-color: #1d1d1f !important;
    }

        input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0px 1000px transparent inset;
            -webkit-text-fill-color: #1d1d1f !important;
        }

        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        input:-webkit-autofill:active {
            -webkit-transition: background-color 5000s ease-in-out 0s;
            transition: background-color 5000s ease-in-out 0s;
        }

textarea {
    display: block;
    width: 100%;
    font-size: 0.8em;
    padding-left: 3px;
    display: block;
}

input,
select,
textarea {
    margin: 0;
    border: none;
    vertical-align: baseline;
    font-size: 100%;
    font-weight: 400;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

::-webkit-input-placeholder {
    color: #b3b3b3;
}

.widget_newsletter::-webkit-input-placeholder {
    color: #808080;
}

:-moz-placeholder {
    color: #b3b3b3;
    opacity: 1;
}

::-moz-placeholder {
    color: #b3b3b3;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #b3b3b3;
}

.form-controller {
    font-size: 13px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    width: 100%;
    padding: 0.5em 1em;
    outline: none;
}

    .form-controller:focus {
        border-color: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.post-password-form input[type="password"] {
    font-size: 11px;
    border: 1px solid #f0f0f0;
    outline: none;
}

.post-password-form input[type="submit"] {
    padding: 11px 15px;
    position: relative;
    top: -1px;
}

.comments-post p {
    border-bottom: 1px solid #8c8c8c !important;
}

    .comments-post p input {
        padding: 8px 0 !important;
        font-size: 14px;
    }

/* -----forms-------- */
.form-content {
    margin: auto;
    display: table;
    width: 100%;
}

    .form-content .pd-left {
        padding-left: 7px;
    }

@media only screen and (max-width: 991px) {
    .form-content .pd-left {
        padding-left: 15px;
    }
}

.form-content .pd-right {
    padding-right: 7px;
}

@media only screen and (max-width: 991px) {
    .form-content .pd-right {
        padding-right: 15px;
    }
}

.form-content select {
    padding: 12px;
    width: 100%;
    color: #AEAEAE;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    background: transparent url(../images/angle.png) no-repeat scroll 95% 50%;
    background-color: #fff;
    -webkit-appearance: button;
    text-transform: capitalize;
}

    .form-content select option {
        font-size: 14px;
        font-weight: bold;
    }

.form-content label {
    text-transform: uppercase;
    margin-bottom: 7px;
    font-size: 14px;
    display: block;
    line-height: normal;
}

/*--------------------------------------------------------------
  # Accessibility
  --------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

    .screen-reader-text:hover,
    .screen-reader-text:active,
    .screen-reader-text:focus {
        border-radius: 3px;
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 0.8em;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
        /* Above WP tool-bar. */
    }

/*--------------------------------------------------------------
  # Alignments
  --------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
  # Clearings
  --------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
  # Navigation
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  ## Links
  --------------------------------------------------------------*/
a {
    color: inherit;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

    a:hover,
    a:focus,
    a:active {
        text-decoration: none;
    }

    a:focus {
        outline: none;
    }

    a:hover,
    a:active {
        outline: 0;
        text-decoration: none;
    }

/*--------------------------------------------------------------
  ## Menus
  --------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
    #mobile-menu {
        display: none;
    }

    .mainmenu {
        position: relative;
    }

    .overlapblackbg {
        display: none;
    }

    .menu-wrapper {
        color: #ffffff;
        position: relative;
        padding: 0;
        margin: 0px auto;
        width: 100%;
    }

    .menu-content {
        text-align: center;
        margin: auto;
    }

    .menu-list {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        .menu-list > li {
            float: left;
            position: relative;
        }

        .menu-list li {
            list-style: none;
        }

    .top-navigation .menu-list > li > a {
        display: block;
        padding: 27px 15px;
        line-height: 1.4;
        font-size: 20px;
        font-weight: 800;
        text-transform: capitalize;
        text-decoration: none;
        position: relative;
        font-family: "Exo", sans-serif;
        color: #1d1d1f;
        vertical-align: middle;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        white-space: nowrap;
    }

        .top-navigation .menu-list > li > a .fa {
            font-size: 14px;
            color: #929292;
            margin-left: 5px;
        }

    .top-navigation .menu-list > li.current-menu-item > a:before,
    .top-navigation .menu-list > li.current-menu-ancestor > a:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .top-navigation .menu-list > li:last-child > a::after {
        content: "";
    }

    .menu-click {
        display: none;
    }
    /* Sub Menu CSS */
    .menu-list .sub-menu {
        min-width: 190px;
        position: absolute;
        z-index: 999;
        margin: 0;
        padding: 0;
        border: solid 1px #1f2937;
        background-color: #1C1C1C;
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transition: transform 0.3s, opacity 0.3s;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    }

        .menu-list .sub-menu li {
            position: relative;
        }

            .menu-list .sub-menu li a {
                background-image: none;
                color: #dddddd;
                border-right: 0 none;
                text-align: left;
                display: block;
                line-height: 1.5em;
                padding: 10px 20px;
                text-transform: none;
                font-size: 15px;
                letter-spacing: normal;
            }

            .menu-list .sub-menu li:last-child a {
                border-bottom: none;
            }

            .menu-list .sub-menu li a,
            .menu-list .sub-menu .sub-menu li a {
                border-bottom: 1px solid #1f2937;
            }

            .menu-list .sub-menu li:last-child > a {
                border-bottom: 0;
            }

    .menuexpandermain {
        display: none;
    }

    .menu-list li:hover .sub-menu,
    .menu-list .sub-menu li:hover .sub-menu-sub {
        display: block;
    }

    .menu-list .sub-menu .sub-menu,
    .menu-list .sub-menu .sub-menu .sub-menu {
        min-width: 190px;
        position: absolute;
        left: 100%;
        top: -1px;
        margin: 0;
        padding: 0;
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transition: transform 0.4s, opacity 0.4s;
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: transform 0.4s, opacity 0.4s;
        transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
        z-index: 1001;
    }

        .menu-list .sub-menu li:hover .sub-menu,
        .menu-list .sub-menu .sub-menu li:hover .sub-menu {
            opacity: 1;
            list-style: none;
            background-color: rgba(0, 0, 0, 0.25);
        }

    .menu-list .sub-menu li {
        position: relative;
        display: block;
    }
    /*Animation*/
    .menu-list li > .sub-menu,
    .menu-list li > .megamenu > .sub-menu {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        visibility: hidden;
    }

    .menu-list li:hover > .sub-menu,
    .menu-list li:hover > .megamenu > .sub-menu {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
        visibility: visible;
    }
    /* Default Color */
    .menu-list li:hover > a,
    .menu-list > li > a:hover,
    .menu-list > li > a.active {
        background-color: transparent;
        text-decoration: none;
    }

    .menu-list .sub-menu > li > a:hover,
    .menu-list .sub-menu .sub-menu > li > a:hover,
    .menu-list .sub-menu .sub-menu .sub-menu > li > a:hover {
        background-color: rgba(0, 0, 0, 0.25);
        border-radius: 0 !important;
        text-decoration: none;
    }

    .menu-list .sub-menu .current-menu-parent > a,
    .menu-list .sub-menu .current-menu-item > a {
        background-color: rgba(0, 0, 0, 0.25);
    }

    .current-menu-ancestor .current-menu-ancestor > a {
        background-color: rgba(0, 0, 0, 0.25);
    }

    .megamenu .sub-menu .current-menu-item > a,
    .megamenu .current-menu-ancestor > a,
    .megamenu.current-menu-ancestor .current-menu-ancestor > a {
        background-color: rgba(0, 0, 0, 0.25);
    }

    .megamenu .sub-menu .current-menu-parent > a,
    .megamenu .sub-menu .current-menu-item > a {
        background-color: rgba(0, 0, 0, 0.25);
    }

    .menu-list .sub-menu .fa {
        margin-right: 7px;
    }

    .menu-list.two {
        margin-top: -6px;
    }

        .menu-list.two li a {
            color: #000000;
        }

            .menu-list.two li a .fa-angle-down {
                color: #000000;
            }

    .menu-list.six {
        border-top: 1px solid #979797;
        margin-top: 70px;
        width: 80%;
    }

        .menu-list.six li a {
            font-size: 20px;
        }

        .menu-list.six li ul li a {
            font-size: 14px;
        }

    .center-nav .menu-list {
        display: table;
        width: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .top-navigation .menu-list > li > a {
        padding: 10px 18px;
    }
}

@media only screen and (min-width: 1101px) and (max-width: 1200px) {
    .top-navigation .menu-list > li > a {
        padding: 10px 23px;
    }
}

/*--------------------------------------------------------------
  ## Pagination
  --------------------------------------------------------------*/
/* page link pagination */
.entry-content .page-links > a {
    border: 1px solid #ebebeb;
    font-size: 0.8em;
    padding: 0.4em 0.8em;
}

/*==================================
  pagination
  ================================= */
.pagination-link ul li a,
.pagination-link ul li > span {
    border: none;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px !important;
    color: #000;
    font-weight: bold;
    margin-left: 0;
    font-size: 15px;
    line-height: 1.5em;
}

    .pagination-link ul li a i,
    .pagination-link ul li > span i {
        font-weight: bold;
    }

.pagination-link ul li.active a {
    background-color: #494949 !important;
    color: #fff;
}

@media only screen and (min-width: 992px) {
    .pagination-link .pagination {
        margin-bottom: 0;
    }
}

.pagination-link .pagination > li:last-child > a {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.pagination-link .pagination > li:first-child > a {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.pagination-link .bg-gray.pagination > li > a,
.pagination-link .bg-gray.pagination > li > span {
    background: #f7f7f7;
}

/*--------------------------------------------------------------
  ## Navigation Responsive
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  # Mobile CSS
  --------------------------------------------------------------*/
@media only screen and (max-width: 992px) {
    .site-navigation {
        display: none !important;
    }

    .menu-list {
        list-style: none;
        padding-left: 0;
    }

        .menu-list ul {
            list-style: none;
            padding-left: 0;
            margin-left: 0;
        }

        .menu-list li a span {
            display: none !important;
        }

    #mobile-menu {
        display: block;
    }

    .menu-list > li:hover > a {
        background-color: rgba(0, 0, 0, 0.04) !important;
        text-decoration: none;
    }

    .mb-navigation .menu-list > li.current-menu-item > a,
    .mb-navigation .menu-list > li.current-menu-ancestor > a {
        background-color: rgba(0, 0, 0, 0.04);
    }

    .overlaybg {
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        display: none;
        background-color: rgba(0, 0, 0, 0.45);
        cursor: pointer;
    }

        .overlaybg.menuopen {
            display: block;
        }

    .mb-navigation .menu-list > li > a {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: white;
        -webkit-box-shadow: 0 0 1px transparent;
        box-shadow: 0 0 1px transparent;
        color: #282828;
        display: block;
        font-weight: 700;
        line-height: 60px;
        overflow: hidden;
        padding: 5px 14px;
        position: relative;
        text-decoration: none;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        vertical-align: middle;
    }
    /* Default Color */
    .menu-list li:hover .sub-menu {
        display: none;
    }

        .menu-list li:hover .sub-menu .sub-menu {
            display: none;
        }

    .menu-list .sub-menu .sub-menu li:hover .sub-menu {
        display: none;
        list-style: none;
        padding: 2px;
        border: solid 1px #ebebeb;
        background-color: #ffffff;
    }

    .menu-list li:first-child a {
        border-radius: 0;
    }

    .menu-list li:last-child a {
        border-right: 0;
        border-radius: 0;
    }

    .innerpnd {
        padding: 0 !important;
    }

    .menu-container {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        min-height: 800px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .menuexpandermain {
        display: block !important;
        position: relative;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    /* Mobile click to drop arrow */
    .menu-click {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        z-index: 120;
    }

        .menu-click i {
            display: block;
            background-size: 25px;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.25);
            float: right;
            padding: 15px;
            width: 43px;
            -webkit-transition: transform 0.1s ease;
            -webkit-transition: -webkit-transform 0.1s ease;
            transition: -webkit-transform 0.1s ease;
            transition: transform 0.1s ease;
            transition: transform 0.1s ease, -webkit-transform 0.1s ease;
            border-left: 1px solid #e1e1e1;
        }

    .menu-extend.fa-plus::before {
        content: "\f068";
        font-family: FontAwesome;
    }
    /*2nd UL Style*/
    .menu-list .sub-menu a {
        display: block;
        padding: 12px 25px;
        border-bottom: solid 1px #ebebeb !important;
        font-weight: normal;
    }

    .mb-navigation .menu-wrapper ul > li ul {
        border-top: 0 none;
        border-bottom: 0 none;
        border-right: 0 none;
    }

    .menu-list .sub-menu .sub-menu {
        width: 100% !important;
        position: static !important;
        left: 100% !important;
        top: 0 !important;
        display: none;
        margin: 0 !important;
        padding: 0 !important;
        border: solid 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

        .menu-list .sub-menu .sub-menu li {
            margin: 0 !important;
            padding: 0;
            position: relative;
        }

    .sub-menu-sub li:hover > a {
        color: #ffffff;
    }

    .menu-list > li > a .fa {
        margin-right: 6px;
    }

    .sub-menu .sub-menu .sub-menu {
        width: 100% !important;
        position: static !important;
        left: 100% !important;
        top: 0 !important;
        display: none;
        margin: 0 !important;
        padding: 0 !important;
        border: solid 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

        .sub-menu .sub-menu .sub-menu li {
            margin: 0 !important;
        }

        .sub-menu .sub-menu .sub-menu a {
            display: block;
            color: #000000;
            padding: 11px 25px;
            border-bottom: solid 1px #ebebeb;
            font-weight: normal;
        }

        .sub-menu .sub-menu .sub-menu li:hover > a {
            color: #fff;
        }

    .mb-navigation {
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .mb-navigation .menu-wrapper .container {
            padding: 0;
        }

        .mb-navigation .menu-wrapper .row {
            margin: 0;
        }

        .mb-navigation .menu-list {
            height: 100%;
            display: block !important;
        }

            .mb-navigation .menu-list > li {
                width: 240px;
                display: block;
                float: none;
                border-right: none;
                background-color: transparent;
                position: relative;
                text-align: left;
                white-space: inherit;
            }

                .mb-navigation .menu-list > li > a::before {
                    opacity: 0;
                }

                .mb-navigation .menu-list > li > a::after {
                    position: relative;
                    content: "";
                }

                .mb-navigation .menu-list > li > a {
                    padding: 9px 32px 9px 17px;
                    font-size: 15px;
                    letter-spacing: 0.010em;
                    border-right: solid 0px;
                    background-color: transparent;
                    line-height: 25px;
                    border-bottom: 1px solid #e1e1e1;
                    position: static;
                    text-transform: uppercase;
                    color: #505050;
                }

    .sub-menu {
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 1 !important;
        display: none;
        position: relative !important;
        top: 0px;
        background-color: #ffffff;
        border: 0 none;
        padding: 0px;
        visibility: visible !important;
    }

        .sub-menu .sub-menu li a {
            line-height: 20px;
            font-size: 14px !important;
        }

        .sub-menu li .sub-menu li a {
            padding-left: 28px;
        }

        .sub-menu .sub-menu li a,
        .sub-menu .sub-menu .sub-menu li a {
            padding-left: 38px !important;
        }

        .sub-menu li .sub-menu .sub-menu {
            padding-left: 38px;
        }

        .sub-menu .fa {
            margin-right: 0;
        }

    .mrginleft {
        margin-left: 240px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .mb-navigation {
        width: 0;
        height: 100%;
        position: fixed;
        left: 0;
        padding: 0;
        top: 0;
        margin: 0;
        z-index: 1000;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        border: none !important;
        background-color: #ffffff !important;
    }
        /*Nav Expanding Open Effect*/
        .mb-navigation.menuopen {
            width: 240px;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

        .mb-navigation.menuclose {
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

    .menucontent {
        z-index: 100;
    }
    /* Navigation arrow Animation */
    .animated-arrow {
        z-index: 200;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .animated-arrow {
        cursor: pointer;
        padding: 35px 15px;
        display: block;
    }

        .animated-arrow.menuopen {
            position: fixed;
        }

        .animated-arrow span,
        .animated-arrow span:before,
        .animated-arrow span:after {
            cursor: pointer;
            height: 3px;
            width: 25px;
            background: #282828;
            position: absolute;
            display: block;
            content: '';
            left: 0;
            right: 0;
            margin: auto;
        }

            .animated-arrow span:before {
                top: -7px;
            }

            .animated-arrow span:after {
                bottom: -7px;
            }

            .animated-arrow span,
            .animated-arrow span:before,
            .animated-arrow span:after {
                -webkit-transition: all 500ms ease-in-out;
                transition: all 500ms ease-in-out;
            }

        .animated-arrow.menuopen span {
            background-color: transparent;
        }

            .animated-arrow.menuopen span:before,
            .animated-arrow.menuopen span:after {
                background: #d2d2d2;
            }

            .animated-arrow.menuopen span:before,
            .animated-arrow.menuopen span:after {
                top: 13px;
            }

            .animated-arrow.menuopen span:before {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                bottom: 0;
            }

            .animated-arrow.menuopen span:after {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                bottom: 0;
            }
    /*Animation None */
    .menu-list li > .sub-menu,
    .menu-list li:hover > .sub-menu {
        -webkit-transform: none !important;
        transform: none !important;
        visibility: visible !important;
    }

    .sub-menu li:hover > .sub-menu {
        -webkit-transform: none !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media only screen and (max-width: 992px) {
    .menuexpandermain .menuopen {
        left: 16em !important;
        top: 1em !important;
    }
}

/*--------------------------------------------------------------
  # Pagination Responsive
  --------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
    .paging-navigation {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 590px) {
    .paging-navigation .nav-links li {
        display: none;
    }

        .paging-navigation .nav-links li:first-child.nav-previous,
        .paging-navigation .nav-links li:last-child.nav-next {
            display: block;
        }

        .paging-navigation .nav-links li:first-child.nav-previous {
            float: left;
            margin-left: 60px;
        }

        .paging-navigation .nav-links li:last-child.nav-next {
            float: right;
            margin-right: 60px;
        }
}

/*--------------------------------------------------------------
  # Layout
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  ## header section
  --------------------------------------------------------------*/
.white-color a {
    color: #fff !important;
}

    .white-color a i {
        color: #fff;
    }

    .white-color a .fa-search {
        color: #fff !important;
    }

.header-two .header-bottom-block {
    background-color: #ffffff;
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 992px) {
    .header-two .header-bottom-block {
        top: 45px;
        padding-right: 0;
        padding-left: 20px;
    }
}

.header-two .header-bottom-block .nav-right-content ul {
    list-style: none;
}

    .header-two .header-bottom-block .nav-right-content ul li {
        float: left;
    }

        .header-two .header-bottom-block .nav-right-content ul li a {
            font-weight: 700;
            padding: 20px 10px;
            display: block;
            position: relative;
        }

            .header-two .header-bottom-block .nav-right-content ul li a.login-form i {
                margin-right: 5px;
            }

            .header-two .header-bottom-block .nav-right-content ul li a.search-open,
            .header-two .header-bottom-block .nav-right-content ul li a.trigger-overlay {
                font-size: 22px;
            }

        .header-two .header-bottom-block .nav-right-content ul li .sub-menu {
            min-width: 175px;
            position: absolute;
            z-index: 999;
            margin: 0;
            padding: 0;
            top: 112%;
            border: solid 1px #1f2937;
            background-color: #1C1C1C;
            opacity: 0;
            -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            -webkit-transition: transform 0.3s, opacity 0.3s;
            -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
            transition: opacity 0.3s, -webkit-transform 0.3s;
            transition: transform 0.3s, opacity 0.3s;
            transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        }

            .header-two .header-bottom-block .nav-right-content ul li .sub-menu li a {
                color: #ffffff;
                padding: 10px 15px;
                border-bottom: 1px solid #333;
            }

            .header-two .header-bottom-block .nav-right-content ul li .sub-menu li {
                float: none;
            }

.header-two .header-bottom-block .nav-right-content > ul > li:hover .sub-menu {
    opacity: 1;
}

.header-two .header-bottom-block .nav-right-content > ul > li > a {
    font-family: "Exo", sans-serif;
}

.header-two .header-top-block {
    padding-top: 30px;
    margin-bottom: -16px;
    overflow: hidden;
}

@media only screen and (max-width: 992px) {
    .header-two .header-top-block {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
}

.header-two .header-content-right ul {
    list-style: none;
    padding: 0;
}

    .header-two .header-content-right ul li {
        float: left;
        padding: 0 15px;
        font-weight: 700;
        font-size: 15px;
        letter-spacing: 0.015em;
        font-family: "Exo", sans-serif;
    }

        .header-two .header-content-right ul li .icon-block {
            display: inline-block;
        }

            .header-two .header-content-right ul li .icon-block i {
                color: #fff;
                font-size: 22px;
                top: -10px;
                position: relative;
            }

        .header-two .header-content-right ul li .menu-info,
        .header-two .header-content-right ul li .social-icon {
            display: inline-block;
            border-left: 1px solid #ccc;
            padding-left: 10px;
            margin-left: 10px;
        }

        .header-two .header-content-right ul li .menu-info {
            color: #ffffff;
        }

            .header-two .header-content-right ul li .menu-info a {
                color: #ffffff;
            }

        .header-two .header-content-right ul li .social-icon .content-title {
            display: block;
            color: #ffffff;
        }

        .header-two .header-content-right ul li .social-icon > a {
            color: #2e93e4;
            background: #ffffff;
            width: 22px;
            height: 22px;
            display: inline-block;
            text-align: center;
            line-height: 25px;
            border-radius: 50px;
            font-size: 12px;
            margin-right: 5px;
        }

        .header-two .header-content-right ul li .menu-info a {
            display: block;
        }

.header-area.blue-theme {
    background-color: #2e93e4;
}

.theme-blue-bg .header-top-menu li a,
.theme-blue-bg .header-content-right .fa-search {
    color: #ffffff !important;
}

.header-two .header-top-block .header-top-menu {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    float: right;
    position: relative;
    top: 5px;
}

    .header-two .header-top-block .header-top-menu li {
        float: left;
    }

        .header-two .header-top-block .header-top-menu li a {
            padding: 5px 10px;
            display: block;
            color: #ffffff;
            font-size: 20px;
        }

@media only screen and (max-width: 992px) {
    .header-two .header-bottom-block {
        padding: 0;
    }
}

@media only screen and (max-width: 992px) {
    .header-two .header-bottom-block .nav-right-content ul li a {
        padding: 23px 0;
    }
}

@media only screen and (max-width: 992px) {
    .header-two .header-bottom-block .nav-right-content ul {
        margin-bottom: 0;
        float: right;
    }
}

@media only screen and (max-width: 992px) {
    .header-two .header-bottom-block .nav-right-content ul li .sub-menu {
        position: absolute !important;
        top: 100%;
        right: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 992px) {
    .header-two .header-bottom-block > .row {
        margin: 0;
    }
}

@media only screen and (max-width: 992px) {
    .header-two .header-bottom-block > .row .col-md-9.col-sm-9.col-xs-3 {
        padding-left: 0;
    }
}

.nav-style-one {
    float: right;
}

.nav-style-two {
    float: left;
}

.tel-contact-number {
    position: relative;
    overflow: hidden;
    padding: 28px 0;
    display: block;
}

    .tel-contact-number a {
        color: #E91E22;
        font-family: "Exo", sans-serif;
        font-size: 18px;
        font-weight: 700;
        margin-right: 15px;
        position: relative;
        top: -2px;
    }

    .tel-contact-number .icon-part {
        position: relative;
        font-size: 25px;
    }

        .tel-contact-number .icon-part .fa {
            position: relative;
            left: -4px;
            top: 2px;
        }

        .tel-contact-number .icon-part:after {
            content: "";
            border-left: 40px solid #ffcc00;
            position: absolute;
            width: 100%;
            height: 100%;
            right: -6px;
            bottom: 0;
            top: -60px;
            border-top: 150px solid #ffcc00;
            -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
            z-index: -1;
        }

/*--------------------------------------------------------------
  # Header Top Area
  --------------------------------------------------------------*/
.header-top-area .header-top-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .header-top-area .header-top-menu li {
        float: left;
        position: relative;
    }

        .header-top-area .header-top-menu li a {
            font-size: 13px;
            color: #ffcc00;
            padding-right: 12px;
            font-weight: 700;
            padding: 15px;
            display: block;
            letter-spacing: 0.010em;
        }

            .header-top-area .header-top-menu li a span {
                margin-left: 5px;
            }

            .header-top-area .header-top-menu li a i {
                font-size: 20px;
                position: relative;
                top: 2px;
            }

            .header-top-area .header-top-menu li a .fa-angle-down {
                font-size: 14px;
                color: #ececec;
            }

        .header-top-area .header-top-menu li .sub-menu {
            min-width: 175px;
            position: absolute !important;
            z-index: 999;
            margin: 0;
            padding: 0;
            top: 100%;
            border: solid 1px #1f2937;
            background-color: #1C1C1C;
            list-style: none;
            padding: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            -webkit-transition: transform 0.3s, opacity 0.3s;
            -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
            transition: opacity 0.3s, -webkit-transform 0.3s;
            transition: transform 0.3s, opacity 0.3s;
            transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        }

            .header-top-area .header-top-menu li .sub-menu li {
                float: none;
            }

                .header-top-area .header-top-menu li .sub-menu li a {
                    display: block;
                    border-bottom: solid 1px #1f2937;
                    padding: 10px 15px;
                }

                .header-top-area .header-top-menu li .sub-menu li:last-child a {
                    border-bottom: 0 none;
                }

        .header-top-area .header-top-menu li:hover .sub-menu {
            opacity: 1;
            visibility: visible;
        }

@media only screen and (min-width: 992px) {
    .header-content-left .header-top-menu {
        margin-left: -15px;
    }
}

.header-content-left a {
    color: #ffcc00;
}

.header-content-left i {
    color: #ececec;
}

.header-content-right {
    float: right;
}

@media only screen and (max-width: 767px) {
    .header-content-right {
        float: none;
    }
}

@media only screen and (min-width: 767px) {
    .header-content-right .header-top-menu {
        float: left;
    }
}

@media only screen and (min-width: 992px) {
    .header-content-right .header-top-menu {
        margin-right: -12px;
    }
}

@media only screen and (max-width: 767px) {
    .header-content-right .header-top-menu {
        display: table;
        margin: auto;
    }
}

.header-content-right .header-top-menu li a {
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .header-content-right .header-top-menu:first-child {
        float: left;
    }
}

@media only screen and (max-width: 767px) {
    .header-content-right .header-top-menu:last-child {
        float: right;
    }
}

.header-content-right .fa-search {
    color: #FF4818;
}

.header-content-right .fa-bars {
    color: #ececec;
}

.header-content-right.header-style-two ul li {
    margin-left: 30px;
}

    .header-content-right.header-style-two ul li a {
        color: #ddd;
    }

@media only screen and (min-width: 992px) {
    .nav-style-three .menu-content {
        display: table;
    }
}

@media only screen and (min-width: 992px) {
    .nav-style-three.top-navigation .menu-list > li > a {
        padding: 27px 15px;
    }
}

/*--------------------------------------------------------------
  # Header Top Search and Menu
  --------------------------------------------------------------*/
.overlay {
    z-index: 10002;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.95);
}

    .overlay .overlay-close {
        width: 80px;
        height: 80px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        font-size: 40px;
        color: #fff;
        background: transparent;
        outline: none;
        z-index: 100;
    }

.overlay__content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.overlay-scale {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
    -webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
}

    .overlay-scale.open {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        transition: opacity 0.4s, -webkit-transform 0.4s;
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: transform 0.4s, opacity 0.4s;
        transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
    }

.overlay .input-group {
    width: 100%;
}

.overlay .search-button {
    background: #ffcc00;
    border: 2px solid #ffcc00;
    padding: 10px 45px;
    display: inline-block;
    overflow: hidden;
    border-radius: 6px;
    font-weight: 700;
}

    .overlay .search-button:hover {
        background: #fff;
        color: #ffcc00;
    }

.overlay .input-group input {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    height: 49px;
    background: transparent;
    border: 0;
    font-weight: 300;
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .overlay .input-group input {
        font-size: 25px;
        line-height: 36px;
    }
}

.author-area {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 45px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .author-area .closebtn {
        position: absolute;
        top: 15px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        color: #fff;
    }

    .author-area.open {
        width: 250px;
    }

    .author-area .login-author {
        margin-top: 15px;
    }

    .author-area .author-menu {
        width: 250px;
    }

        .author-area .author-menu > ul {
            list-style: none;
            padding: 0;
            font-size: 15px;
        }

            .author-area .author-menu > ul li a {
                display: block;
                padding: 10px 20px;
                border-bottom: 1px solid #333333;
            }

                .author-area .author-menu > ul li a .fa {
                    margin-right: 5px;
                }

            .author-area .author-menu > ul li:first-child a {
                border-top: 1px solid #333333;
            }

    .author-area .author-info {
        width: 250px;
        overflow: hidden;
    }

    .author-area .author-image {
        width: 60px;
        height: 60px;
        margin: auto 15px 30px 20px;
        border: 5px solid;
        display: block;
        overflow: hidden;
        float: left;
    }

    .author-area .author-des {
        display: table-cell;
    }

        .author-area .author-des .author-name {
            color: #ffffff;
            margin: 0;
            font-size: 18px;
            font-weight: 800;
        }

        .author-area .author-des .author-description {
            font-size: 13px;
            margin-bottom: 0;
            color: #ffffff;
        }

    .author-area .login-form {
        overflow: hidden;
        clear: both;
        padding: 0 15px;
        margin-bottom: 10px;
        color: #fff;
    }

        .author-area .login-form form#login-form {
            width: 203px;
        }

        .author-area .login-form .form-title {
            margin-top: 0;
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
        }

        .author-area .login-form input[type="checkbox"] {
            margin-left: 0 !important;
        }

            .author-area .login-form input[type="checkbox"] + label {
                color: #fff;
            }

        .author-area .login-form .btn-login {
            padding: 10px;
            height: 40px;
            -webkit-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
            background: #ffcc00;
            border-radius: 5px;
        }

/*--------------------------------------------------------------
  # Header Bottom/Nav Area
  --------------------------------------------------------------*/
.header-nav-area {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(3, 3, 3, 0.22);
    box-shadow: 0px 0px 5px 0px rgba(3, 3, 3, 0.22);
}

    .header-nav-area .site-logo {
        padding: 28px 0;
    }

/*--------------------------------------------------------------
  ## slider section
  --------------------------------------------------------------*/
.slider-form-content {
    background: #f9f9f9;
    padding: 35px 60px;
}

    .slider-form-content .slider-form-title {
        font-size: 36px;
        font-weight: 900;
        margin-top: 0;
        margin-bottom: 0;
        color: #333333;
        line-height: 1;
    }

    .slider-form-content .slider-form-subtitle {
        margin-top: 0;
        font-weight: 800;
        color: #333333;
    }

    .slider-form-content form {
        margin-top: 30px;
    }

        .slider-form-content form label {
            font-weight: 600 !important;
        }

        .slider-form-content form .input {
            margin-bottom: 15px !important;
        }

            .slider-form-content form .input i {
                right: 12px;
                top: 12px;
            }

    .slider-form-content .check-vehicle-footer {
        margin-top: 15px;
        margin-left: 0 !important;
    }

        .slider-form-content .check-vehicle-footer > .row {
            margin: 0;
        }

        .slider-form-content .check-vehicle-footer button,
        .slider-form-content .check-vehicle-footer input[type="button"],
        .slider-form-content .check-vehicle-footer input[type="reset"],
        .slider-form-content .check-vehicle-footer input[type="submit"] {
            margin: 0 !important;
        }

@media only screen and (max-width: 767px) {
    .slider-form-content .check-vehicle-footer button,
    .slider-form-content .check-vehicle-footer input[type="button"],
    .slider-form-content .check-vehicle-footer input[type="reset"],
    .slider-form-content .check-vehicle-footer input[type="submit"] {
        display: table;
        margin: auto !important;
    }
}

.slider-form-content .check-vehicle-footer .advanced-search {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width: 992px) {
    .slider-form-content .check-vehicle-footer .advanced-search a {
        display: none;
    }
}

.carrent-slider-subheading {
    position: relative;
    min-width: 305px;
    text-align: center;
}

    .carrent-slider-subheading:before {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background-color: #E91E22;
        left: 0;
        top: 50%;
        border-radius: 50%;
        z-index: 99;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .carrent-slider-subheading:after {
        position: absolute;
        content: "";
        right: 0;
        width: 10px;
        height: 10px;
        background-color: #E91E22;
        top: 50%;
        border-radius: 50%;
        margin-left: 15px;
        z-index: 99;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.tp-caption h1,
.tp-caption h2,
.tp-caption h3,
.tp-caption h4,
.tp-caption h5 {
    color: inherit;
}

.company-brand-block {
    padding: 2rem 0 102px;
}

.brand-carousel {
    overflow: hidden;
    margin-top: 50px;
}

    .brand-carousel .item img {
        width: auto;
        margin: auto;
    }

@media only screen and (max-width: 768px) {
    .brand-carousel .owl-dots {
        text-align: center;
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .brand-carousel .owl-nav.disabled {
        display: block;
        text-align: center;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .brand-carousel .owl-nav.disabled > div {
        font-family: "Exo", sans-serif;
        background-color: #000;
        padding: 8px 15px;
        font-size: 14px;
        color: #fff;
        font-weight: 800;
        display: inline-block;
        height: 39px;
        border: 1px solid #ddd;
        letter-spacing: 0.015em;
        text-transform: capitalize;
    }
}

/*--------------------------------------------------------------
  ## check_vehicle section
  --------------------------------------------------------------*/
.check-vehicle-block {
    padding: 96px 0 103px;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .check-vehicle-block {
        padding: 45px 0 45px;
    }
}

.check-vehicle-block:before {
    content: "";
    background: #2C2C2C;
    width: 32.333333%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}

@media only screen and (min-width: 1500px) {
    .check-vehicle-block:before {
        width: 35.333333%;
    }
}

@media only screen and (min-width: 2300px) {
    .check-vehicle-block:before {
        width: 40.333333%;
    }
}

@media only screen and (max-width: 992px) {
    .check-vehicle-block:before {
        width: 100%;
    }
}

.check-vehicle-block.style-two {
    border-bottom: 1px solid #ebebeb;
}

    .check-vehicle-block.style-two:before {
        background: #f5f5f5;
    }

    .check-vehicle-block.style-two .top-subtitle {
        color: #6d6d6d;
    }

    .check-vehicle-block.style-two .subtitle {
        color: #262626;
        font-weight: 600;
    }

    .check-vehicle-block.style-two .advance-search-query label {
        color: #000000;
        font-weight: 600;
    }

    .check-vehicle-block.style-two .advance-search-query input,
    .check-vehicle-block.style-two .advance-search-query select {
        background-color: #232c3b;
        border-color: #232c3b;
        color: #b3b3b3;
    }

        .check-vehicle-block.style-two .advance-search-query button,
        .check-vehicle-block.style-two .advance-search-query input[type="button"],
        .check-vehicle-block.style-two .advance-search-query input[type="reset"],
        .check-vehicle-block.style-two .advance-search-query input[type="submit"] {
            color: #fff;
        }

    .check-vehicle-block.style-two .advance-search-query .advanced-search .fa-search {
        color: #FF4818;
    }

    .check-vehicle-block.style-two .advance-search-query .advanced-search a {
        color: #000000;
    }

.check-vehicle-block.check-boxshadow {
    padding: 0;
}

@media only screen and (max-width: 992px) {
    .check-vehicle-block.check-boxshadow {
        z-index: 0;
    }
}

.check-vehicle-block.check-boxshadow:before {
    background: transparent;
}

.check-vehicle-block.check-boxshadow .container {
    -webkit-box-shadow: 0px 0 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0 12px rgba(0, 0, 0, 0.15);
    z-index: 100;
    position: relative;
    padding: 60px;
    margin-top: -49px;
    background: #ffffff;
}

@media only screen and (max-width: 767px) {
    .check-vehicle-block.check-boxshadow .container {
        margin-top: 0;
        padding: 30px;
    }
}

.check-vehicle-block.style-three:before {
    background: #f5f5f5;
}

.check-vehicle-block.style-three .advance-search-query label {
    color: #454545;
    font-weight: 600;
}

.check-vehicle-block.style-three .input input,
.check-vehicle-block.style-three .input select {
    border-color: #e7e7e7;
    background: #ffffff;
}

.check-vehicle-block.style-three .check-vehicle-footer {
    text-align: center;
    margin-top: 30px;
}

    .check-vehicle-block.style-three .check-vehicle-footer button,
    .check-vehicle-block.style-three .check-vehicle-footer input[type="button"],
    .check-vehicle-block.style-three .check-vehicle-footer input[type="reset"],
    .check-vehicle-block.style-three .check-vehicle-footer input[type="submit"] {
        float: none;
        padding: 15px 50px;
    }

.check-content .top-subtitle {
    font-size: 20px;
    color: #818080;
    font-weight: 700;
}

.check-content .title {
    font-size: 45px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 900;
    font-family: "Exo", sans-serif;
    line-height: 50px;
}

.check-content .subtitle {
    font-size: 20px;
    color: #ececec;
    font-weight: normal;
    position: relative;
    margin-left: 20px;
    font-family: inherit;
}

    .check-content .subtitle:before {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background-color: #E91E22;
        left: -20px;
        top: 10px;
        border-radius: 50%;
    }

    .check-content .subtitle:after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background-color: #E91E22;
        top: 10px;
        border-radius: 50%;
        margin-left: 15px;
    }

@media only screen and (max-width: 767px) {
    .check-content {
        margin-bottom: 30px;
    }
}

.input-night-rider .input {
    background: #2C2C2C !important;
}

    .input-night-rider .input input,
    .input-night-rider .input select {
        background-color: transparent;
        margin-bottom: 0;
        color: #b3b3b3;
        border: 1px solid #434343;
    }

.advance-search-query label {
    color: #ececec;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.025em;
}

.advance-search-query.check-vehicle-two label {
    color: #1d1d1f;
    font-weight: 600;
}

.advance-search-query .advance-search {
    display: none;
}

.advance-search-query.blue-theme .button {
    color: #ffffff;
}

.advance-search-query .form-group .input {
    margin-bottom: 0;
}

    .advance-search-query .form-group .input input {
        height: 48px;
    }

.check-vehicle-footer {
    position: relative;
}

    .check-vehicle-footer .advanced-search {
        font-weight: 600;
        float: left;
        margin-top: 10px;
    }

@media only screen and (max-width: 767px) {
    .check-vehicle-footer .advanced-search {
        float: none;
        display: block;
        text-align: center;
    }
}

.check-vehicle-footer .advanced-search .fa-search {
    margin-left: 15px;
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .check-vehicle-footer .advanced-search .fa-search {
        margin-left: 0;
    }
}

.check-vehicle-footer button,
.check-vehicle-footer input[type="button"],
.check-vehicle-footer input[type="reset"],
.check-vehicle-footer input[type="submit"] {
    margin-right: 15px;
    float: right;
    color: #1d1d1f;
    font-family: "Exo", sans-serif;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0.035em;
    padding: 15px 60px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .check-vehicle-footer button,
    .check-vehicle-footer input[type="button"],
    .check-vehicle-footer input[type="reset"],
    .check-vehicle-footer input[type="submit"] {
        float: none;
        display: table;
        text-align: center;
        margin: 15px auto 0;
    }
}

.check-vehicle-footer.text-center {
    text-align: center;
    margin-left: 85px;
}

@media only screen and (max-width: 767px) {
    .check-vehicle-footer.text-center {
        margin-left: 0 !important;
    }
}

.check-vehicle-footer.text-center button,
.check-vehicle-footer.text-center input[type="button"],
.check-vehicle-footer.text-center input[type="reset"],
.check-vehicle-footer.text-center input[type="submit"] {
    float: none;
    color: #1d1d1f;
}

.check-vehicle-footer.text-center .advanced-search {
    float: right;
}

@media only screen and (max-width: 767px) {
    .check-vehicle-footer.text-center .advanced-search a {
        float: none;
        font-size: 16px;
        line-height: 23px;
    }
}

.after-image {
    position: relative;
}

    .after-image:after {
        width: 100%;
        content: "";
        padding: 5px;
        position: absolute;
        bottom: 0px;
        left: 0;
    }

.before-image {
    position: relative;
}

    .before-image:after {
        width: 41%;
        content: "";
        padding: 5px;
        position: absolute;
        top: -10px;
        left: 0;
    }

.check-vehicle-one input {
    background-color: #2C2C2C;
}

/* --------page-02--------- */
.check-vehicle-two input,
.check-vehicle-two select {
    background-color: #fff;
    border-color: #E7E7E7;
    color: #b3b3b3;
}

    .check-vehicle-two button,
    .check-vehicle-two input[type="button"],
    .check-vehicle-two input[type="reset"],
    .check-vehicle-two input[type="submit"] {
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
    }

.check-vehicle-two .color-black.white-color {
    text-transform: capitalize;
    font-size: 14px;
}

/* --------page-05--------- */
.check-vehicle-block.check-boxshadow .subtitle {
    color: #4b4b4b;
}

.check-vehicle-block.check-boxshadow .color-icon i {
    color: #2e93e4;
}

/* --------page-05--------- */
.form-group.small {
    position: relative;
}

    .form-group.small input {
        width: 46%;
        float: left;
    }

    .form-group.small .min {
        margin-right: 15px;
        background: none;
    }

    .form-group.small .max {
        background: none;
    }

    .form-group.small:after {
        position: absolute;
        content: "";
        background-color: #000;
        width: 10px;
        height: 1px;
        z-index: 999;
        right: 0;
        bottom: -31px;
        left: -3px;
        margin: auto;
    }

.check-default-style .top-subtitle {
    color: inherit;
}

.check-default-style .title {
    font-size: 40px;
}

.check-default-style .advance-search-query.check-vehicle-three .input i {
    color: #ffcc00;
}

.check-default-style .advance-search-query.check-vehicle-three .input input {
    margin-bottom: 10px;
}

.check-default-style .check-vehicle-footer {
    margin: auto;
    display: table;
    padding-top: 50px;
}

    .check-default-style .check-vehicle-footer button,
    .check-default-style .check-vehicle-footer input[type="button"],
    .check-default-style .check-vehicle-footer input[type="reset"],
    .check-default-style .check-vehicle-footer input[type="submit"] {
        float: none;
        text-align: center;
    }

    .check-default-style .check-vehicle-footer .advanced-search {
        float: none;
        position: relative;
        left: -10px;
        top: 5px;
    }

/*--------------------------------------------------------------
  ## about us section
  --------------------------------------------------------------*/
.about-us-block .mr-top-30 {
    margin-top: 30px;
}

.about-item .about-image {
    float: left;
    width: 56px;
    margin-right: 20px;
}

    .about-item .about-image i {
        font-size: 30px;
        padding: 10px 15px;
        border: 1px solid;
    }

.about-item .about-details-content {
    display: table-cell;
}

    .about-item .about-details-content .about-title {
        margin-top: 0;
        font-weight: 800;
        color: #454545;
        font-size: 25px;
        letter-spacing: 0.020em;
        display: block;
        margin-bottom: 15px;
    }

    .about-item .about-details-content .about-details {
        font-weight: 500;
        color: #4b4b4b;
        font-size: 15px;
        line-height: 1.75em;
    }

    .about-item .about-details-content .button {
        padding: 10px 30px;
    }

        .about-item .about-details-content .button:hover {
            color: #ffffff !important;
        }

.about-item .details-header .about-title {
    display: table-cell;
}

.about-details-content.content-style-two .tb {
    height: 100%;
    min-height: 275px;
}

.about-service-block {
    padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
    .about-service-two .tb-cell {
        display: block;
    }
}

.about-service-details .service-title {
    font-weight: 800;
    color: #454545;
    font-size: 36px;
    margin-top: 0;
}

.about-service-details .discription {
    column-count: 2;
    -webkit-column-count: 2;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    color: #4b4b4b;
    font-weight: 500;
    font-size: 15px;
}

@media only screen and (max-width: 767px) {
    .about-service-details .discription {
        column-count: 1;
        -webkit-column-count: 1;
        column-gap: 0;
        -webkit-column-gap: 0;
    }
}

.about-details-content.content-style-two {
    padding: 30px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
}

@media only screen and (max-width: 992px) {
    .about-details-content.content-style-two {
        margin-bottom: 30px;
    }
}

.about-details-content .details-header {
    overflow: hidden;
    margin-bottom: 20px;
}

.about-details-content .image-content {
    float: left;
    margin-right: 10px;
    font-size: 40px;
}

.about-details-content .about-title {
    margin-top: 0;
    font-weight: bold;
    color: #454545;
    font-size: 24px;
    display: table-cell;
    position: relative;
    top: 5px;
    padding-bottom: 0 !important;
}

.about-details-content .about-discription-two {
    color: #fff;
}

.about-details-content .button {
    margin-bottom: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 16px;
    font-family: "Exo", sans-serif;
    letter-spacing: 0.025em;
    padding: 10px 30px;
}

@media only screen and (max-width: 992px) {
    .about-details-content .button {
        margin-bottom: 30px;
    }
}

.service-list-slider {
    margin-bottom: -45px;
}

.about-us-block .header-style-one {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1200px) {
    .about-us-block .about-us-slider img {
        margin-bottom: 20px;
    }
}

/*--------------------------------------------------------------
  ## ability section
  --------------------------------------------------------------*/
.availability-area {
    padding: 60px 0 90px;
}

    .availability-area h3 {
        text-align: center;
        position: relative;
    }

    .availability-area .button {
        margin-top: 45px;
        border: none;
    }

    .availability-area.two {
        background-color: #EDFFE8;
        margin-top: 0;
    }

        .availability-area.two .list {
            background: #fff;
            position: relative;
            top: -68px;
            padding: 10px 100px;
            font-weight: 500;
            color: #000;
        }

            .availability-area.two .list span {
                color: #7B7B7B;
            }

        .availability-area.two .form-group:nth-child(5) {
            margin-right: 0px;
        }

        .availability-area.two .form-group:nth-child(4) input {
            margin-top: 30px;
        }

        .availability-area.two .form-content .form-group:first-child input {
            width: 260px;
        }

.corousel-gallery-content h4 {
    position: relative;
    top: -30px;
}

    .corousel-gallery-content h4 a {
        margin-right: 10px;
    }

    .corousel-gallery-content h4 span {
        font-weight: normal;
        color: #605F5F;
    }

.corousel-gallery-content .owl-carousel .owl-item img {
    border-radius: 10px;
}

.corousel-gallery-area {
    padding: 40px 0;
}

.list-view.owl-carousel.owl-theme.owl-loaded {
    margin-top: 20px;
    margin-bottom: 50px;
}

    .list-view.owl-carousel.owl-theme.owl-loaded img {
        border-radius: 10px;
    }

.vehicle-single-content .tb {
    margin-bottom: 30px;
}

.vehicle-single-content .tb-cell {
    vertical-align: bottom;
}

.vehicle-single-content .rent-price {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0;
}

@media only screen and (max-width: 520px) {
    .vehicle-single-content .rent-price {
        font-size: 15px;
        padding-left: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .vehicle-single-content .rent-price {
        float: none !important;
        margin-top: 0;
    }
}

.vehicle-single-content .vehicle-description {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    line-height: 1.75em;
    color: #777;
}

    .vehicle-single-content .vehicle-description:before {
        position: absolute;
        content: "";
        width: 60px;
        height: 8px;
        bottom: -20px;
    }

.vehicle-single-content .vehicle-single-title {
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
}

.vehicle-single-content .price-details {
    color: #555;
    margin-bottom: 30px;
}

    .vehicle-single-content .price-details .details-title {
        font-weight: 800;
        color: #555;
        font-size: 30px;
        margin-top: 0;
    }

    .vehicle-single-content .price-details h1,
    .vehicle-single-content .price-details h2,
    .vehicle-single-content .price-details h3,
    .vehicle-single-content .price-details h4,
    .vehicle-single-content .price-details h5 {
        font-weight: bold;
    }

    .vehicle-single-content .price-details ul {
        list-style: none;
        padding: 0;
    }

        .vehicle-single-content .price-details ul li {
            line-height: 30px;
            font-weight: 700;
            font-size: 16px;
            margin-bottom: 10px;
        }

.vehicle-single-content .vehicle-property-details h1,
.vehicle-single-content .vehicle-property-details h2,
.vehicle-single-content .vehicle-property-details h3,
.vehicle-single-content .vehicle-property-details h4,
.vehicle-single-content .vehicle-property-details h5 {
    font-weight: bold;
}

.vehicle-single-content .vehicle-property-details ul {
    list-style: none;
    padding: 0;
}

    .vehicle-single-content .vehicle-property-details ul li {
        font-size: 16px;
        color: #F8F8F8;
        margin-bottom: 30px;
        line-height: 1.85em;
    }

        .vehicle-single-content .vehicle-property-details ul li span {
            font-weight: bold;
            font-size: 18px;
            color: #4D4D4D;
        }

.vehicle-single-content .vehicle-overview .overview-title {
    font-weight: 800;
    color: #555;
    font-size: 30px;
    margin-top: 0;
}

.vehicle-single-content .vehicle-overview h1,
.vehicle-single-content .vehicle-overview h2,
.vehicle-single-content .vehicle-overview h3,
.vehicle-single-content .vehicle-overview h4,
.vehicle-single-content .vehicle-overview h5 {
    font-weight: 700;
}

.vehicle-single-content .vehicle-overview ul {
    font-weight: 600;
    color: #666666;
    list-style: none;
    padding: 0;
}

.vehicle-single-content .vehicle-overview li {
    background-color: #F8F8F8;
    padding: 20px 40px;
    margin-bottom: 10px;
}

.switchable.switchable--switch div[class*='col-']:first-child {
    float: right;
    right: 0;
}

.ralated-block {
    padding: 60px 0;
}

    .ralated-block .related-title {
        font-weight: 800;
        margin-bottom: 30px;
        margin-top: 0;
    }

/*--------------------------------------------------------------
  ## accordion section
  --------------------------------------------------------------*/
.faq-bolck .block-title-area {
    margin-bottom: 30px;
}

.faq-bolck .heading-content .subtitle {
    font-family: "Exo", sans-serif;
}

.menu-extend .fa-plus:before {
    content: "\f068";
    font-family: FontAwesome;
}

.faq-accordion .faq-title {
    font-weight: 800;
    font-size: 90px;
    text-transform: uppercase;
    line-height: 75px;
    color: #aeaeae;
    margin-top: 0;
}

.faq-accordion .faq-subtitle {
    font-weight: 800;
    font-size: 40px;
    margin-top: 0;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.faq-accordion .panel {
    border: 0 none;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

    .faq-accordion .panel .panel-body {
        border-top: 0 none !important;
        padding-left: 70px;
    }

@media only screen and (max-width: 992px) {
    .faq-bolck .accordion {
        margin-bottom: 30px;
    }
}

.accordion .panel {
    border-radius: 0;
}

    .accordion .panel .accordion-details {
        font-size: 13px;
        margin-bottom: 0;
        font-weight: 500;
        letter-spacing: 0.01em;
    }

    .accordion .panel .panel-heading {
        padding: 0;
        background-color: #F1F1F1;
    }

        .accordion .panel .panel-heading .panel-title {
            color: #4b4b4b;
            font-size: 15px;
            font-weight: 700;
            display: table;
        }

            .accordion .panel .panel-heading .panel-title i {
                padding: 15px 20px;
                margin-right: 20px;
                color: #232c3b;
                display: table-cell;
                vertical-align: middle;
            }

            .accordion .panel .panel-heading .panel-title span {
                display: table-cell;
                vertical-align: middle;
                padding: 15px;
            }

    .accordion .panel .accordion-details {
        color: #4b4b4b;
    }

.shipping-from-content {
    background-color: #f0f2f7;
    padding: 45px;
}

@media only screen and (max-width: 992px) {
    .shipping-from-content {
        padding: 30px;
        margin-bottom: 30px;
        margin-top: 0;
    }
}

.shipping-from-content .advance-search-query textarea {
    color: #aeaeae;
    width: 100%;
    min-height: 150px;
    padding: 15px;
    border-radius: 5px;
    min-height: 90px;
    font-size: 13px;
    font-family: "Exo", sans-serif;
    font-weight: 600;
}

.shipping-from-content .advance-search-query .input input,
.shipping-from-content .advance-search-query .input select,
.shipping-from-content .advance-search-query .input textarea {
    border: 1px solid #E7E7E7;
}

.shipping-from-content .check-vehicle-footer {
    padding: 0 15px;
}

    .shipping-from-content .check-vehicle-footer button,
    .shipping-from-content .check-vehicle-footer input[type="button"],
    .shipping-from-content .check-vehicle-footer input[type="reset"],
    .shipping-from-content .check-vehicle-footer input[type="submit"] {
        float: none;
        border-radius: 5px;
        font-size: 15px;
        text-transform: capitalize;
    }

.shipping-from-content .advanced-search {
    float: right;
    text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
    .shipping-from-content .advanced-search {
        float: none;
    }
}

@media only screen and (max-width: 992px) {
    .shipping-from-content.mr-top-less-160 {
        margin-top: 0;
    }
}

.shipping-form-heading {
    margin-bottom: 30px;
}

    .shipping-form-heading .from-subtitle {
        font-size: 14px;
        font-weight: 700;
        color: #5a5a5a;
        font-family: inherit;
        margin-top: 0;
        margin-bottom: 0;
    }

    .shipping-form-heading .from-title {
        font-size: 30px;
        margin-top: 0;
        font-weight: 900;
        line-height: 1.3em;
        margin-bottom: 0;
    }

.faq-slider .image-content {
    float: left;
}

.about-details-content .about-image {
    float: left;
    width: 56px;
    margin-right: 20px;
}

.about-details-content .about-title {
    margin-top: 0;
    font-weight: bold;
    color: #454545;
    font-size: 24px;
}

.about-details-content .about-details {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 15px;
}

.about-details-content .button {
    border-radius: 0;
    margin-bottom: 30px;
    display: inline-block;
}

    .about-details-content .button:hover {
        background-color: #FF4818;
    }

.fan-bolck .heading-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.block-navigation-area .item-navigation.nav-right.mr-30 {
    float: none;
    margin-left: -15px;
}

/*--------------------------------------------------------------
  ## vehicle_block section
  --------------------------------------------------------------*/
.vehicle-padding {
    padding: 90px 0;
}

@media only screen and (max-width: 767px) {
    .vehicle-padding {
        padding: 60px 0;
    }
}

.block-navigation-area .item-navigation {
    height: 39px;
    float: left;
    margin-left: 15px;
    overflow: hidden;
}

    .block-navigation-area .item-navigation a {
        padding: 2px 15px;
        line-height: 33px;
        border: 1px solid #ddd;
        border-right: transparent;
        display: inline-block;
    }

        .block-navigation-area .item-navigation a i {
            font-size: 20px;
            font-weight: bold;
        }

    .block-navigation-area .item-navigation .next-item {
        position: relative;
        border-left: transparent;
        margin-left: -5px;
    }

        .block-navigation-area .item-navigation .next-item:before {
            border-bottom: 40px solid;
            border-left: 8px solid transparent;
            border-right: 0px solid transparent;
            content: "";
            left: -8px;
            top: -1px;
            position: absolute;
        }

        .block-navigation-area .item-navigation .next-item:hover,
        .block-navigation-area .item-navigation .next-item:focus {
            color: inherit;
        }

    .block-navigation-area .item-navigation.nav-right {
        float: right;
    }

.theme-black .next-item {
    background-color: #1d1d1f;
    border-color: #1d1d1f !important;
    color: #ffffff;
}

    .theme-black .next-item:before {
        border-bottom-color: #1d1d1f !important;
    }

.view-all-item {
    float: right;
    margin-left: 20px;
}

    .view-all-item .view-all-btn {
        font-family: "Exo", sans-serif;
        background-color: #000;
        padding: 8px 15px;
        font-size: 14px;
        color: #fff;
        font-weight: 800;
        display: inline-block;
        height: 39px;
        border: 1px solid #ddd;
        letter-spacing: 0.015em;
    }

        .view-all-item .view-all-btn:hover {
            color: #ffffff !important;
        }

.vehicle-slider {
    display: none;
}

.vehicle-bottom-content {
    padding: 20px;
    margin-top: -1px;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    position: relative;
    padding-left: 22px;
}

    .vehicle-bottom-content:before {
        content: "";
        background-image: url(../images/rental-bottom-border.png);
        left: 0;
        right: 0;
        width: 100%;
        height: 16px;
        position: absolute;
        top: 0;
        background-repeat: repeat;
        opacity: 0.5;
    }

    .vehicle-bottom-content .vehicle-title {
        font-size: 25px;
        font-weight: 900;
        margin-top: 10px;
        margin-bottom: 4px;
    }

    .vehicle-bottom-content .meta-item {
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.015em;
        font-family: "Exo", sans-serif;
    }

        .vehicle-bottom-content .meta-item span {
            font-size: 16px;
            font-weight: 800;
        }

        .vehicle-bottom-content .meta-item i {
            margin-right: 5px;
        }

    .vehicle-bottom-content .driver-desc {
        margin: 0;
        font-size: 15px;
        font-weight: bold;
    }

.vehicle-content {
    margin-bottom: 30px;
}

    .vehicle-content .vehicle-thumbnail img {
        border-radius: 5px 5px 0 0;
    }

.vehicle-block-slider {
    padding: 15px;
}

@media only screen and (min-width: 992px) {
    .vehicle-slider,
    .regular-vehicle-slider {
        margin-bottom: -17px;
    }
}

.regular-vehicle-block .tab-content > .active {
    display: block;
    overflow: hidden;
}

@media only screen and (min-width: 992px) {
    .regular-vehicle-block .tab-content > .active {
        margin-bottom: -17px;
    }
}

.vehicle-top-meta {
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
    margin-left: 30px;
}

    .vehicle-top-meta .vehicle-title {
        font-size: 30px;
        font-weight: 800;
    }

    .vehicle-top-meta .meta-item {
        float: left;
        margin-right: 15px;
        font-family: "Exo", sans-serif;
    }

        .vehicle-top-meta .meta-item span {
            color: #ffffff;
        }

        .vehicle-top-meta .meta-item .meta-rent {
            font-size: 15px;
            font-weight: bold;
        }

@media only screen and (min-width: 992px) {
    .vehicle-style-two.popular-slider {
        margin-bottom: -17px;
    }
}

.vehicle-content.style-two {
    border-radius: 7px;
}

    .vehicle-content.style-two .vehicle-bottom-content {
        padding: 20px 30px 20px;
    }

        .vehicle-content.style-two .vehicle-bottom-content:before {
            background: transparent;
        }

        .vehicle-content.style-two .vehicle-bottom-content .vehicle-meta {
            margin-top: 5px;
            overflow: hidden;
        }

            .vehicle-content.style-two .vehicle-bottom-content .vehicle-meta i {
                margin-right: 10px;
            }

        .vehicle-content.style-two .vehicle-bottom-content .meta-rent {
            font-size: 15px;
            margin-bottom: 8px;
        }

    .vehicle-content.style-two .vehicle-thumbnail {
        min-height: 165px;
        position: relative;
    }

@media only screen and (min-width: 992px) {
    .vehicle-content.style-two .vehicle-thumbnail img {
        position: absolute;
        bottom: 5px;
    }
}

@media only screen and (min-width: 992px) {
    .driver-slider .vehicle-content {
        margin-bottom: 0;
    }
}

.vehicle-content.driver-two .driver-name {
    margin-top: 0;
}

.vehicle-content.driver-two .vehicle-bottom-content {
    padding: 20px 30px 20px;
}

    .vehicle-content.driver-two .vehicle-bottom-content:before {
        background: transparent;
    }

.vehicle-meta.black-color .meta-rent {
    color: #1d1d1f;
}

.vehicle-content.nevy-color {
    border-radius: 6px;
}

.view-all-item.tab .view-all-btn.color-yellow {
    background-color: #ffcc00;
}

.view-all-item.tab .view-all-btn.color-blue {
    background-color: #2e93e4;
}

.item-navigation.default-bg-black {
    margin-left: -11px;
}

    .item-navigation.default-bg-black .next-item {
        background-color: #000000 !important;
        border-color: #000000;
        color: #fff;
    }

        .item-navigation.default-bg-black .next-item:before {
            border-bottom: 39px solid #000;
        }

/* --------Filter Chack------- */
.filter-chack ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .filter-chack ul li {
        padding-bottom: 10px;
    }

.theme-yellow .vehicle-bottom-content .meta-rent {
    color: #333333 !important;
}

.theme-red .vehicle-bottom-content .meta-rent {
    color: #ffffff !important;
}

.theme-red .vehicle-bottom-content .driver-name,
.theme-red .vehicle-bottom-content .driver-desc {
    color: #ffffff;
}

.theme-blue .vehicle-bottom-content .driver-name,
.theme-blue .vehicle-bottom-content .driver-desc,
.theme-blue .vehicle-bottom-content .vehicle-title {
    color: #ffffff;
}

.theme-blue .vehicle-bottom-content .meta-rent,
.theme-blue .vehicle-bottom-content .meta-item {
    color: #ffffff;
}

@media only screen and (max-width: 768px) {
    .slider-style-two .owl-dots {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .slider-style-two .owl-nav.disabled {
        display: block;
        position: absolute;
        bottom: -39px;
    }
}

@media only screen and (max-width: 768px) {
    .slider-style-two .owl-nav.disabled > div {
        font-family: "Exo", sans-serif;
        background-color: #000;
        padding: 8px 15px;
        font-size: 14px;
        color: #fff;
        font-weight: 800;
        display: inline-block;
        height: 39px;
        border: 1px solid #ddd;
        letter-spacing: 0.015em;
        text-transform: capitalize;
    }
}

@media only screen and (max-width: 767px) {
    .vehicle-filter-area {
        clear: both;
        overflow: hidden;
    }
}

.vehicle-filter-area .nav-tabs li:hover a {
    color: #ffffff;
}

@media only screen and (max-width: 768px) {
    .service-slider .owl-nav.disabled,
    .priceing-slider .owl-nav.disabled,
    .testimonial-slider .owl-nav.disabled,
    .service-list-slider .owl-nav.disabled,
    .blog-related-slider .owl-nav.disabled {
        display: block;
        position: relative;
        bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .blog-related-slider .owl-nav.disabled {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .block-navigation-area.visible-xs-block {
        overflow: hidden;
        position: relative;
    }
}

@media only screen and (max-width: 768px) {
    .block-navigation-area.visible-xs-block .view-all-item {
        margin-left: 0;
    }
}

@media only screen and (max-width: 540px) {
    .ralated-block .col-md-3.col-sm-6.col-xs-6 {
        width: 100%;
    }
}

.overview > ul > li {
    background-color: #f7f7f7;
    border-radius: 5px;
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 7px;
    padding: 18px 0;
    text-align: left;
    -webkit-width: calc(50% - 5px);
    width: calc(50% - 5px);
}

@media only screen and (max-width: 767px) {
    .overview > ul > li {
        width: 100%;
    }
}

.overview > ul > li:nth-child(2n+1) {
    margin-right: 7px;
}

@media only screen and (max-width: 767px) {
    .overview > ul > li:nth-child(2n+1) {
        margin-right: 0;
    }
}

.overview > ul > li i.fa {
    font-size: 18px;
    margin: -3px 20px 0;
}

.vehicle-internal-features {
    margin-top: 45px;
}

    .vehicle-internal-features h1,
    .vehicle-internal-features h2,
    .vehicle-internal-features h3,
    .vehicle-internal-features h4,
    .vehicle-internal-features h5 {
        font-weight: bold;
    }

    .vehicle-internal-features .features-title {
        font-size: 20px;
        color: #444444;
        background: #F8F8F8;
        padding: 20px 30px;
        margin: 0;
        line-height: normal;
    }

    .vehicle-internal-features .features-list {
        list-style: none;
        padding-left: 30px;
        margin-top: 15px;
    }

        .vehicle-internal-features .features-list li {
            font-size: 15px;
            font-weight: 600;
            color: #666666;
            line-height: 2.45em;
        }

            .vehicle-internal-features .features-list li:before {
                content: "--";
                margin-right: 10px;
            }

.theme-blue .theme-blue a:hover {
    color: inherit;
}

/*--------------------------------------------------------------
  ## fun-facts section
  --------------------------------------------------------------*/
/* ====== fun-facts ====== */
.fun-facts-block {
    padding: 75px 0px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.stat {
    text-align: center;
}

.highlight {
    font-weight: 900;
    margin-bottom: 40px;
    font-size: 60px;
    color: #ffcc00;
    margin-top: 0;
    margin-bottom: 0;
}

.stat i {
    color: #f7c221;
}

.milestone-details {
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
    font-family: "Exo", sans-serif;
    margin-bottom: 20px;
    line-height: 1.15;
}

@media screen and (max-width: 990px) {
    .milestone-counter {
        margin-bottom: 50px;
    }
}

.stat.fun-facts-two .stat-count.highlight {
    color: #FF4818;
}

.stat.fun-facts-two .milestone-details {
    color: #1d1d1f;
}

/*--------------------------------------------------------------
  ## testimonial section
  --------------------------------------------------------------*/
.testimonial-block.bg-gray-color {
    padding: 30px 0 30px;
}

    .testimonial-block.bg-gray-color .container {
        overflow: hidden;
        padding: 15px;
    }

    .testimonial-block.bg-gray-color .subtitle {
        color: #0e385d;
    }

        .testimonial-block.bg-gray-color .subtitle i {
            font-size: 22px;
            margin-right: 10px;
        }

.testimonial-slider {
    padding-top: 40px;
}

    .testimonial-slider .container {
        overflow: hidden;
    }

    .testimonial-slider .owl-stage-outer {
        overflow: visible;
    }

    .testimonial-slider .item {
        position: relative;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        padding: 40px 30px;
        background-color: #ffffff;
        border-radius: 5px;
    }

@media only screen and (max-width: 768px) {
    .testimonial-slider .item {
        margin-bottom: 30px;
    }
}

.testimonial-slider .item .client-image {
    width: 71px;
    height: 71px;
    position: absolute;
    top: -40px;
    left: 25px;
}

.testimonial-slider .item .client-client-detales {
    background-color: #ffffff;
    padding: 30px;
}

.testimonial-slider .item .client-title {
    line-height: 30px;
    font-weight: 800;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #3d3d3d;
}

.testimonial-slider .item .client-subtitle {
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 5px;
    text-transform: capitalize;
}

.testimonial-slider .item .discription {
    font-size: 15px;
    margin-bottom: 15px;
}

.testimonial-slider .item .star i {
    color: #FFA506;
    font-size: 17px;
}

.testimonial-slider .owl-dots {
    margin-top: 15px;
}

/*--------------------------------------------------------------
  ## call_to_action section
  --------------------------------------------------------------*/
/* ======contact-baner======================= */
.call-to-action {
    padding: 70px 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
}

    .call-to-action .button {
        text-transform: capitalize;
        border-radius: 5px;
        background-color: #FCA22A;
        display: inline-block;
    }

    .call-to-action .contact-left-content h3 {
        font-size: 30px;
        font-weight: bold;
        font-family: inherit;
        color: #fff;
    }

    .call-to-action .contact-left-content h4 {
        font-size: 20px;
        color: #FCA22A;
        font-weight: bold;
        font-family: inherit;
    }

@media screen and (max-width: 767px) {
    .call-to-action .contact-left-content {
        text-align: center;
    }
}

.call-to-action .contact-right-content {
    margin-left: 30%;
}

@media screen and (max-width: 767px) {
    .call-to-action .contact-right-content {
        margin-left: 0%;
        margin-top: 30px;
        text-align: center;
    }
}

.call-to-action .contact-right-content h4 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 0px;
}

    .call-to-action .contact-right-content h4 span {
        display: block;
    }

.call-to-action.style-two {
    padding: 20px 0 30px;
}

    .call-to-action.style-two .left-content {
        left: 0;
    }

        .call-to-action.style-two .left-content h3 {
            font-size: 30px;
            font-weight: bold;
            font-family: inherit;
            color: #fff;
        }

        .call-to-action.style-two .left-content h4 {
            font-size: 20px;
            color: #303c6c;
            font-weight: bold;
            font-family: inherit;
        }

    .call-to-action.style-two .right-content h4 {
        font-size: 20px;
        color: #fff;
        margin-top: 20px;
        font-weight: bold;
        line-height: 30px;
        margin-top: 27px;
    }

        .call-to-action.style-two .right-content h4 span {
            display: block;
        }

    .call-to-action.style-two .right-content .contact a {
        font-size: 16px;
        font-weight: bold;
        color: #21B060;
        background-color: #303C6C;
        padding: 13px 45px;
        display: inline-block;
        border-radius: 5px;
        margin-top: 30px;
    }

/* ======contact======================= */
.heading-content-two.available {
    margin-bottom: 60px;
}

.contact-area {
    padding: 60px 0 75px;
}

    .contact-area.pd-zero {
        margin-bottom: -7px;
    }

        .contact-area.pd-zero .map-left-content iframe {
            min-height: 520px;
        }

        .contact-area.pd-zero .heading-content-two.available {
            margin-bottom: 30px;
        }

        .contact-area.pd-zero .heading-content-two h2.title {
            margin-top: 45px;
        }

    .contact-area .map-left-content iframe {
        width: 100%;
    }

@media screen and (max-width: 990px) {
    .contact-area {
        padding: 15px;
    }
}

.contact-area .contact {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .contact-area .contact {
        text-align: center;
    }
}

.contact-area .contact h4 {
    font-size: 24px;
    font-weight: 800;
}

    .contact-area .contact h4 i {
        color: #fff;
        font-size: 30px;
        margin-right: 10px;
    }

.contact-area .contact p {
    color: #414141;
    font-weight: bold;
    margin-top: 20px;
    letter-spacing: 0.5px;
    font-size: 16px;
}

.contact-area .contact .social-icon {
    margin-top: 20px;
}

    .contact-area .contact .social-icon i {
        background-color: #515151;
        padding: 7px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 17px;
        font-size: 15px;
        border-radius: 50%;
        margin-right: 5px;
    }

.call-to-action.with-map {
    display: block;
    position: relative;
    margin-top: -166px;
}

    .call-to-action.with-map .left-content h3,
    .call-to-action.with-map .contact-left h4 {
        color: #ffcc00;
    }

/*--------------------------------------------------------------
  ## service section
  --------------------------------------------------------------*/
.service-content .vehicle-thumbnail img {
    width: 100%;
}

.multi-services-block {
    padding: 90px 0 45px;
}

    .multi-services-block .heading-content .subtitle {
        margin-top: 20px;
        margin-bottom: 30px;
    }

.services-block .subtitle {
    margin-top: 25px;
    margin-bottom: 30px;
}

.service-block .vehicle-title {
    font-weight: 800;
    font-size: 24px;
    margin-top: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 0;
}

.service-block.mlts {
    margin-bottom: 75px;
}

    .service-block.mlts .vehicle-title {
        font-weight: 800;
        font-size: 24px;
        margin-top: 20px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 0;
    }

.multi-services-tab .service-block {
    text-align: center;
}

    .multi-services-tab .service-block .icon-block {
        position: relative;
        display: block;
        max-width: 150px;
        margin: auto;
    }

        .multi-services-tab .service-block .icon-block .renticon {
            font-size: 45px;
        }

        .multi-services-tab .service-block .icon-block:after {
            width: 100%;
            height: 12px;
            background-image: -webkit-linear-gradient(0deg, #ffcc00 15px, #333 0);
            background-size: 30px;
            content: "";
            padding: 5px;
            position: absolute;
            bottom: -9px;
            left: 0;
        }

.service-filter-area .nav.nav-tabs {
    border: none;
    margin-bottom: 60px;
}

    .service-filter-area .nav.nav-tabs li {
        margin-right: 10px;
        background-color: #1d1d1f;
    }

        .service-filter-area .nav.nav-tabs li.active {
            background-color: #ffcc00;
        }

            .service-filter-area .nav.nav-tabs li.active a {
                color: #1d1d1f;
            }

                .service-filter-area .nav.nav-tabs li.active a span {
                    color: #1d1d1f;
                }

                .service-filter-area .nav.nav-tabs li.active a:hover {
                    background-color: inherit !important;
                }

        .service-filter-area .nav.nav-tabs li a {
            padding: 15px 60px;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 800;
            background-color: #1d1d1f;
            color: #ffcc00;
            border: 0 none;
            line-height: 1.2em;
            letter-spacing: 0.010em;
        }

@media only screen and (max-width: 767px) {
    .service-filter-area .nav.nav-tabs li a {
        padding: 15px 20px;
    }
}

.service-filter-area .nav.nav-tabs li a:hover {
    background: inherit !important;
}

.service-filter-area .nav.nav-tabs li a span {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    color: #ffcc00;
    text-align: center;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background: none !important;
}

.service-filter-area {
    margin: auto;
    display: table;
}

.border-bottom {
    position: relative;
}

    .border-bottom:after {
        position: absolute;
        content: "";
        background: #ffcc00;
        left: 0;
        right: 0;
        bottom: 35px;
        width: 60px;
        height: 6px;
        margin: auto;
    }

/*--------------------------------------------------------------
  # Service Item
  --------------------------------------------------------------*/
.service-content .service-thumbnail {
    float: left;
    width: 103px;
    margin-right: 15px;
    height: 103px;
}

.service-content .service-details-content {
    display: table-cell;
}

    .service-content .service-details-content .service-title {
        font-size: 30px;
        font-weight: 800;
    }

    .service-content .service-details-content .service-details {
        margin-bottom: 0;
        font-size: 15px;
        color: #484848;
        line-height: 1.75em;
        font-weight: 500;
    }

.excellent-service-block .service-slider {
    padding-top: 15px;
    margin-bottom: -45px;
}

.excellent-service-block .service-content {
    margin-bottom: 55px;
}

.vehicle-filter-area .nav-tabs {
    border: 0 none;
    margin-bottom: -10px;
}

    .vehicle-filter-area .nav-tabs li {
        margin-right: 10px;
        margin-bottom: 10px;
        background-color: inherit;
    }

        .vehicle-filter-area .nav-tabs li a {
            padding: 10px 15px;
            font-size: 16px;
            text-transform: capitalize;
            font-weight: bold;
            background-color: #232C3B !important;
            color: #ffffff;
            border: 0 none;
            border-radius: 0;
            display: inline-block;
            margin-right: 0;
            font-family: "Exo", sans-serif;
            letter-spacing: 0.015em;
            font-weight: 700;
        }

            .vehicle-filter-area .nav-tabs li a:hover {
                border: 0 none !important;
            }

            .vehicle-filter-area .nav-tabs li a img,
            .vehicle-filter-area .nav-tabs li a i {
                margin-right: 10px;
            }

            .vehicle-filter-area .nav-tabs li a span {
                display: block;
                font-size: 14px;
                text-transform: capitalize;
                color: #ffcc00;
                text-align: center;
            }

        .vehicle-filter-area .nav-tabs li.active a {
            background-color: #FF4818 !important;
            color: #ffffff;
        }

            .vehicle-filter-area .nav-tabs li.active a:hover {
                border: 0 none !important;
            }

    .vehicle-filter-area .nav-tabs > li.active > a,
    .vehicle-filter-area .nav-tabs > li.active > a:focus,
    .vehicle-filter-area .nav-tabs > li.active > a:hover {
        border: 0 none !important;
    }

@media only screen and (min-width: 992px) {
    .vehicle-filter-area {
        margin: 0 -30px;
    }
}

/*--------------------------------------------------------------
  ## blog section
  --------------------------------------------------------------*/
.blog-content-block .subtitle {
    color: #232c3b !important;
}

@media only screen and (min-width: 992px) {
    .vehicle-blog-slider {
        margin-bottom: -5px;
    }
}

.blog-block .heading-content-one {
    margin-bottom: 30px;
}

.blog-block .text-content {
    padding: 20px;
}

    .blog-block .text-content .top-content span {
        font-weight: 600;
        color: #828282;
        position: relative;
        font-size: 13px;
    }

    .blog-block .text-content .top-content .devied {
        width: 2px;
        height: 12px;
        background-color: #828282;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }

.blog-block .bottom-content h4 {
    font-size: 16px;
    margin-top: 20px;
}

    .blog-block .bottom-content h4 a {
        color: #474747;
        margin-right: 20px;
        font-weight: 500;
        font-size: 14px;
    }

        .blog-block .bottom-content h4 a i {
            margin-right: 5px;
        }

        .blog-block .bottom-content h4 a .fa-heart-o {
            color: #5ED8E1;
        }

        .blog-block .bottom-content h4 a:last-child i {
            color: #7CC144;
        }

.blog-block {
    padding: 90px 0 102px;
}

    .blog-block .blog-content {
        background-color: #ffffff;
        margin-bottom: 30px;
    }

@media screen and (max-width: 990px) {
    .blog-block .blog-content {
        margin-bottom: 30px;
    }
}

.blog-block .nav-tabs {
    border-bottom: none;
    margin-bottom: 30px;
}

    .blog-block .nav-tabs > li {
        margin-right: 20px;
    }

        .blog-block .nav-tabs > li > a {
            font-size: 16px;
            font-weight: 600;
            padding: 12px 35px;
            border-radius: 5px;
            background-color: #ffffff;
            font-weight: bold;
            border: 1px solid #ddd;
            font-family: "Exo", sans-serif;
        }

            .blog-block .nav-tabs > li > a:hover {
                background-color: none;
                border: 1px solid #ffffff;
            }

            .blog-block .nav-tabs > li > a span {
                margin-right: 5px;
            }

                .blog-block .nav-tabs > li > a span:last-child {
                    margin-left: 5px;
                }

        .blog-block .nav-tabs > li:last-child {
            margin-right: 0;
        }

    .blog-block .nav-tabs li.active a {
        color: #fff;
        background-color: #232C3B !important;
    }

    .blog-block .nav-tabs .nav-tabs > li.active > a,
    .blog-block .nav-tabs .nav-tabs > li.active > a:focus,
    .blog-block .nav-tabs .nav-tabs > li.active > a:hover {
        background-color: #232C3B;
    }

.nav-tabs > li a.active {
    background-color: #232C3B !important;
}

.blog-content-right {
    margin-top: 75px;
}

@media only screen and (max-width: 620px) {
    .blog-content-left .col-md-6.col-sm-6.col-xs-6 {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .blog-sidebar {
        padding: 0;
    }
}

.post-filter-area h5 {
    position: relative;
    top: -30px;
    font-size: 18px;
    font-family: inherit;
    font-weight: bold;
}

    .post-filter-area h5 a {
        margin-right: 10px;
    }

.post-filter-block .responsive-nav {
    margin-bottom: 30px;
    background-color: #ffffff;
}

.post {
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
    text-align: center;
}

    .post .post-thumb img {
        -webkit-backface-visibility: hidden;
    }

    .post .post-content {
        padding: 20px;
    }

        .post .post-content .entry-title {
            font-size: 24px;
            font-weight: 800;
            letter-spacing: 0.010em;
            margin-top: 15px;
        }

    .post .entry-meta {
        color: #828282;
        font-size: 13px;
        letter-spacing: 0.04em;
        font-weight: 500;
        font-style: normal;
        border-bottom: 1px solid #E1E1E1;
        padding-bottom: 15px;
    }

        .post .entry-meta .entry-date,
        .post .entry-meta .entry-author {
            padding: 5px 15px;
            margin: 0 5px 5px;
            display: inline-block;
            font-size: 12px;
            color: #fff;
            border-radius: inherit;
        }

    .post .entry-footer-meta {
        font-weight: 600;
        font-size: 14px;
        color: #777777;
    }

        .post .entry-footer-meta i {
            margin-right: 5px;
        }

            .post .entry-footer-meta i:hover {
                color: #FF4818;
            }

        .post .entry-footer-meta .fa {
            color: #232c3b;
        }

        .post .entry-footer-meta .fa-heart-o {
            color: #FF4818;
        }

        .post .entry-footer-meta span {
            margin-right: 15px;
        }

/*--------------------------------------------------------------
  ## welcome section
  --------------------------------------------------------------*/
.wellcome-block {
    padding: 77px 0 60px;
}

    .wellcome-block .heading-content {
        margin-bottom: 50px;
    }

@media only screen and (max-width: 991px) {
    .wellcome-block .wellcome-content-left {
        margin-top: 30px;
    }
}

.about-service {
    position: relative;
    border-radius: 5px;
}

    .about-service .about-service-title {
        color: #ffcc00;
        font-size: 26px;
        padding-bottom: 0px;
        margin-bottom: 0;
        margin-top: 0;
        font-weight: 800;
        padding-left: 30px;
        position: relative;
    }

        .about-service .about-service-title:before {
            content: "";
            width: 8px;
            height: 64px;
            background: #ffcc00;
            left: 0;
            bottom: 25px;
            position: absolute;
        }

    .about-service .discription {
        color: #ececec;
    }

    .about-service .about-title-area {
        padding: 30px 30px 15px;
    }

    .about-service .discription {
        padding: 0px 30px;
        line-height: 26px;
    }

    .about-service .about-image {
        padding-top: 30px;
    }

    .about-service:before {
        width: 100%;
        height: 12px;
        background-image: -webkit-linear-gradient(0deg, #ffcc00 15px, #333 0);
        background-size: 30px;
        content: "";
        padding: 5px;
        position: absolute;
        bottom: -12px;
        left: 0;
    }

.wellcome-tab .service-block .renticon {
    color: #ffcc00;
    font-size: 40px;
}

.service-block .service-title {
    font-size: 24px;
    font-weight: 800;
}

.service-block .discription {
    color: #464646;
    line-height: 1.75em;
    font-size: 15px;
    font-weight: 500;
}

.wellcome-filter-area .nav.nav-tabs {
    border: none;
    margin-bottom: 45px;
}

    .wellcome-filter-area .nav.nav-tabs li {
        margin-right: 15px;
        background-color: #1d1d1f;
    }

@media only screen and (max-width: 767px) {
    .wellcome-filter-area .nav.nav-tabs li {
        margin-right: 0;
        padding: 10px;
    }
}

.wellcome-filter-area .nav.nav-tabs li.active {
    background-color: #ffcc00;
}

    .wellcome-filter-area .nav.nav-tabs li.active a {
        color: #1d1d1f;
    }

        .wellcome-filter-area .nav.nav-tabs li.active a:hover {
            background-color: none !important;
        }

.wellcome-filter-area .nav.nav-tabs li a {
    border-radius: 0;
    background-color: inherit;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 30px;
    color: #ffffff;
    border: none;
    line-height: 24px;
    letter-spacing: 0.009em;
}

    .wellcome-filter-area .nav.nav-tabs li a:hover {
        background: none !important;
    }

@media only screen and (max-width: 480px) {
    .wellcome-filter-area .nav.nav-tabs li a {
        padding: 10px 3px;
    }
}

/*--------------------------------------------------------------
  ## pricing section
  --------------------------------------------------------------*/
.price-block {
    padding: 30px 0 10px;
}

    .price-block .price-style-one {
        overflow: hidden;
        padding: 0 15px;
    }

    .price-block .price-style-two {
        overflow: hidden;
        padding: 0 30px;
    }

    .price-block .price-style-three {
        overflow: hidden;
        padding: 0 15px;
    }

    .price-block .price-style-four {
        overflow: hidden;
        padding: 0 30px;
    }

@media only screen and (max-width: 767px) {
    .price-block .price-style-four {
        padding: 0 15px;
    }
}

.price-block .price-style-five {
    overflow: hidden;
}

.price-style-one .pricing-image {
    position: relative;
}

.price-style-one .priceing-slider {
    padding-top: 60px;
}

@media only screen and (max-width: 768px) {
    .price-style-one .priceing-slider {
        padding-top: 30px;
    }
}

.price-style-one.pd-0 .pricing-image {
    padding: 0;
}

.priceing-slider .owl-stage-outer {
    overflow: visible;
}

.price-block .price-style-four .owl-stage-outer {
    overflow: hidden;
}

.pricing-table-item {
    background-color: #ffffff;
    margin: 30px 0 35px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}

@media only screen and (max-width: 768px) {
    .pricing-table-item {
        margin: 30px 0 15px;
    }
}

.pricing-table-item.category {
    background-color: #f7f7f7;
    margin-bottom: 30px;
}

.pricing-table-item .price-details {
    padding: 0 20px;
}

.pricing-table-item .pricing-image {
    background-color: #ffcc00;
    display: inline-block;
    font-size: 35px;
    padding: 30px;
    margin-top: -45px;
    margin-bottom: 45px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .pricing-table-item .pricing-image img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

@media only screen and (max-width: 991px) {
    .pricing-table-item .pricing-image img {
        width: 100% !important;
    }
}

@media only screen and (min-width: 992px) {
    .pricing-table-item .pricing-image img {
        width: auto !important;
    }
}

.pricing-table-item .price {
    list-style: none;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .pricing-table-item .price li {
        font-size: 18px;
        text-align: center;
    }

    .pricing-table-item .price .price-title {
        margin-bottom: 25px;
        font-weight: 800;
        letter-spacing: 0.010em;
        margin-top: 5px;
        position: relative;
        font-family: "Exo", sans-serif;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .pricing-table-item .price .price-title:after {
            position: absolute;
            content: "";
            background: #ffcc00;
            left: 0;
            right: 0;
            bottom: -15px;
            width: 50px;
            height: 7px;
            margin: auto;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

    .pricing-table-item .price .price-subtille {
        margin-bottom: 10px;
        font-family: "Exo", sans-serif;
        font-weight: 600;
        letter-spacing: 0.015em;
    }

    .pricing-table-item .price .price-discription {
        font-size: 14px;
        font-weight: 600;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.pricing-table-item.style-two .pricing-head {
    font-size: 24px;
    font-weight: 800;
}

.pricing-table-item.style-two .price-discription {
    color: #777777;
}

.pricing-table-item .pricing-table-footer {
    margin: auto;
    display: table;
    margin-top: 30px;
    padding-bottom: 45px;
}

    .pricing-table-item .pricing-table-footer .button {
        font-family: "Exo", sans-serif;
        font-size: 18px;
        display: inline-block;
    }

.price-style-three .pricing-image {
    display: block;
}

.price-head-area {
    text-align: center;
}

    .price-head-area .pricing-head {
        font-size: 18px;
        letter-spacing: 0.01em;
        text-transform: capitalize;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        -webkit-transition: all 0.3s ease 0.05s;
        transition: all 0.3s ease 0.05s;
    }

    .price-head-area .price-amount {
        font-size: 60px;
        font-weight: 800;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 100%;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        -webkit-transition: all 0.3s ease 0.05s;
        transition: all 0.3s ease 0.05s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.price-style-one .owl-item.active.center .theme-blue .price-amount,
.price-style-five .item:hover .theme-blue .price-amount,
.price-style-three .item:hover .pricing-table-item .price-amount,
.price-style-five .owl-item.active.center .theme-blue .price-amount,
.owl-item .featured-item .pricing-table-item.theme-blue .price-amount {
    color: #ffffff;
}

.price-style-one .owl-item.active.center .pricing-table-item {
    background-color: #232c3b;
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
    z-index: 99;
    position: relative;
}

    .price-style-one .owl-item.active.center .pricing-table-item .pricing-head,
    .price-style-one .owl-item.active.center .pricing-table-item .price-discription,
    .price-style-one .owl-item.active.center .pricing-table-item .price-title {
        color: #fff;
    }

@media only screen and (max-width: 992px) {
    .price-style-one .owl-item.active.center .pricing-table-item {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.price-style-two .item:hover .pricing-table-item {
    background-color: #232c3b;
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
    z-index: 99;
    position: relative;
}

    .price-style-two .item:hover .pricing-table-item .pricing-head,
    .price-style-two .item:hover .pricing-table-item .price-discription,
    .price-style-two .item:hover .pricing-table-item .price-title {
        color: #fff;
    }

@media only screen and (max-width: 992px) {
    .price-style-two .item:hover .pricing-table-item {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.price-style-five .item:hover .pricing-table-item,
.price-style-three .item.featured-item .pricing-table-item,
.price-style-three .item:hover .pricing-table-item,
.price-style-five .item.featured-item .pricing-table-item {
    background-color: #232c3b;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 99;
    position: relative;
}

    .price-style-five .item:hover .pricing-table-item .pricing-head,
    .price-style-five .item:hover .pricing-table-item .price-discription,
    .price-style-five .item:hover .pricing-table-item .price-title,
    .price-style-three .item.featured-item .pricing-table-item .pricing-head,
    .price-style-three .item.featured-item .pricing-table-item .price-discription,
    .price-style-three .item.featured-item .pricing-table-item .price-title,
    .price-style-three .item:hover .pricing-table-item .pricing-head,
    .price-style-three .item:hover .pricing-table-item .price-discription,
    .price-style-three .item:hover .pricing-table-item .price-title,
    .price-style-five .item.featured-item .pricing-table-item .pricing-head,
    .price-style-five .item.featured-item .pricing-table-item .price-discription,
    .price-style-five .item.featured-item .pricing-table-item .price-title {
        color: #fff;
    }

.price-style-five .pricing-image {
    background-color: transparent;
    display: inline-block;
    font-size: 35px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 45px;
}

.price-style-five .pricing-table-item {
    margin-top: 0;
}

@media only screen and (min-width: 992px) {
    .price-style-five .pricing-table-item {
        margin-bottom: 0;
    }
}

.price-style-two .pricing-table-item,
.price-style-three .pricing-table-item {
    padding-bottom: 15px;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 0;
    border-radius: 5px;
}

    .price-style-two .pricing-table-item .pricing-boat,
    .price-style-three .pricing-table-item .pricing-boat {
        margin-bottom: 35px;
    }

    .price-style-two .pricing-table-item .price-discription,
    .price-style-three .pricing-table-item .price-discription {
        padding: 0 20px;
    }

    .price-style-two .pricing-table-item .pricing-image,
    .price-style-three .pricing-table-item .pricing-image {
        margin-bottom: 30px;
        margin-top: 0;
        padding: 0;
        background-color: #f7f7f7;
    }

.price-style-three .priceing-slider {
    margin-bottom: -30px;
}

@media only screen and (max-width: 992px) {
    .price-style-three .priceing-slider {
        margin-bottom: 0;
    }
}

.price-style-three .pricing-table-item {
    margin-top: 0;
}

.price-style-three .owl-item .featured .pricing-table-item {
    background-color: #232c3b;
    z-index: 99;
    position: relative;
}

    .price-style-three .owl-item .featured .pricing-table-item .pricing-head,
    .price-style-three .owl-item .featured .pricing-table-item .price-discription,
    .price-style-three .owl-item .featured .pricing-table-item .price-title {
        color: #fff;
    }

.price-style-four .item:hover .pricing-table-item {
    background-color: #232c3b;
    z-index: 99;
    position: relative;
}

    .price-style-four .item:hover .pricing-table-item .pricing-head,
    .price-style-four .item:hover .pricing-table-item .price-discription,
    .price-style-four .item:hover .pricing-table-item .price-title {
        color: #ffffff;
    }

.price-style-four .owl-item .featured .pricing-table-item {
    background-color: #232c3b;
    z-index: 99;
    position: relative;
}

    .price-style-four .owl-item .featured .pricing-table-item .pricing-head,
    .price-style-four .owl-item .featured .pricing-table-item .price-discription,
    .price-style-four .owl-item .featured .pricing-table-item .price-title {
        color: #fff;
    }

.padding .col-md-4 {
    margin-bottom: 80px;
}

/*--------------------------------------------------------------
  ## mobile_app section
  --------------------------------------------------------------*/
.mobile-app-details .top-subtitle {
    font-size: 24px;
    font-family: inherit;
    font-weight: bold;
    margin-bottom: 0;
    color: #464646;
}

.mobile-app-details .title {
    font-size: 45px;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 0;
}

.mobile-app-details .subtitle {
    font-size: 36px;
    font-weight: 900;
    margin-top: 0;
    line-height: 1.45em;
}

@media only screen and (min-width: 1000px) {
    .mobile-app-details {
        max-width: 90%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
    .mobile-app-details {
        padding: 30px 0;
    }
}

.image-logo {
    margin-top: 30px;
}

    .image-logo img {
        margin-right: 10px;
    }

.app-location-link {
    margin-top: 30px;
}

    .app-location-link a {
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

.app-mokeup {
    margin-top: -66px;
    margin-bottom: -25px;
}

@media only screen and (max-width: 767px) {
    .app-mokeup {
        margin-top: 30px;
    }
}

.app-mokeup img {
    display: block;
    margin: auto;
}

.mobile-content {
    position: relative;
}

    .mobile-content img {
        position: absolute;
        left: 0;
        top: -67px;
    }

@media only screen and (max-width: 767px) {
    .app-block {
        padding: 30px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .app-block.mr-top-35 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .app-block .tb {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .app-block .tb .tb-cell {
        display: block;
    }
}

/*--------------------------------------------------------------
  ## footer section
  --------------------------------------------------------------*/
.footer-block {
    padding: 60px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
}

    .footer-block.blue-theme .widget .widget-title {
        color: #2e93e4;
        border-color: #2e93e4;
    }

    .footer-block.blue-theme .widget .button {
        background: #2e93e4;
    }

    .footer-block.blue-theme .widget.widget_menu ul li:before {
        background: #2e93e4;
    }

    .footer-block.blue-theme .widget.widget_hot_contact ul li i {
        color: #2e93e4;
    }

    .footer-block.blue-theme .widget.widget_newsletter .input-group-btn span {
        color: #2e93e4;
    }

    .footer-block.blue-theme .social-profile a:hover {
        color: #2e93e4;
    }

.bg-black {
    background-color: #1d1d1f;
}

.footer-area.others .footer-content h3 {
    color: #303C6C;
}

.footer-area.others .footer-content h2 {
    color: #239B02;
    font-size: 28px;
    margin-bottom: 25px;
}

    .footer-area.others .footer-content h2 a {
        position: relative;
        top: 5px;
    }

.footer-area.others .footer-content span a {
    background-color: #303C6C;
}

.footer-area.others .list-content ul li a {
    color: #303c6c;
}

.footer-area.four {
    background-color: #FAFAFA;
}

.footer-block .widget {
    margin: 30px 0;
}

.footer-bottom-block {
    color: #6a6b6f;
    border-top: 1px solid #434343;
    padding-top: 15px;
    margin-top: 30px;
}

    .footer-bottom-block .copyright {
        font-size: 14px;
        font-weight: 500;
    }

@media only screen and (max-width: 767px) {
    .footer-bottom-block .copyright {
        margin-bottom: 15px;
    }
}

.social-profile {
    float: right;
}

@media only screen and (max-width: 767px) {
    .social-profile {
        float: none;
        margin-bottom: 15px;
    }
}

.social-profile .social-profole-title {
    color: #cbcaca;
    margin-right: 5px;
    font-weight: bold;
    font-family: "Exo", sans-serif;
}

.social-profile a {
    padding: 5px;
}

    .social-profile a:hover {
        color: #ffcc00;
    }

.footer-top-border .vehicle-multi-border:before {
    top: -12px;
}

/*--------------------------------------------------------------
  # Scroll Top
  --------------------------------------------------------------*/
.topbutton {
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #ffffff;
    display: block;
    height: 45px;
    line-height: 47px;
    text-align: center;
    width: 45px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.4);
    z-index: 99;
    opacity: 0;
    color: #1d1d1f;
}

@media only screen and (max-width: 600px) {
    .topbutton {
        right: 10px;
    }
}

.btn-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.btn-hide {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

/*--------------------------------------------------------------
  # Media
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  # Blog Single Page
  --------------------------------------------------------------*/
.single-content {
    background-color: #F7F7F7;
}

    .single-content h4 {
        position: relative;
        top: 15px;
    }

        .single-content h4 a {
            margin-right: 10px;
        }

        .single-content h4 span {
            font-weight: normal;
            color: #605F5F;
        }

.blog-single-block .blog-heading {
    text-align: center;
}

    .blog-single-block .blog-heading h2 {
        font-size: 26px;
        font-weight: bold;
    }

.blog-single-block.bolge {
    padding: 30px 0;
}

.color-black li a {
    color: #000 !important;
}

.single-blog {
    margin-top: 35px;
}

.entry-author .author-image {
    width: 60px;
    float: left;
    margin-right: 15px;
}

.entry-author .author-details {
    display: table-cell;
}

    .entry-author .author-details .author-name {
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 0;
    }

    .entry-author .author-details .author-designation {
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 600;
        color: #999;
    }

.single-main-content {
    padding: 45px;
    background-color: #fff;
    color: #636363;
    margin-top: 75px;
    margin-bottom: 45px;
    border-radius: 4px;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .single-main-content {
        padding: 30px;
    }
}

.single-main-content .entry-header .entry-title {
    font-size: 38px;
    font-weight: 800;
    color: #181818;
    margin-bottom: 30px;
    margin-top: 0;
}

.single-main-content .post-thumb {
    margin-bottom: 30px;
}

.single-main-content .single-post .entry-meta {
    color: #828282;
    font-size: 13px;
    letter-spacing: 0.015em;
    font-weight: 500;
    font-style: normal;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    margin-top: 0 !important;
    padding-bottom: 0;
}

@media only screen and (max-width: 992px) {
    .single-main-content .single-post .entry-meta {
        margin-bottom: 15px;
        border-bottom: 1px solid #ebebeb;
    }
}

.single-main-content .entry-meta > div {
    float: left;
    margin-right: 40px;
}

@media only screen and (max-width: 992px) {
    .single-main-content .entry-meta > div {
        margin-right: 15px;
        float: none;
        display: inline-block;
        margin-bottom: 15px;
    }
}

.single-main-content .entry-meta > div .meta-title {
    font-weight: 800;
    color: #181818;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: "Exo", sans-serif;
}

@media only screen and (max-width: 992px) {
    .single-main-content .entry-meta .meta-title {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .single-main-content .entry-meta .entry-date:before {
        content: "\f017";
        font-family: FontAwesome;
        font-size: 16px;
    }
}

@media only screen and (max-width: 992px) {
    .single-main-content .entry-meta .entry-category:before {
        content: "\f07c";
        font-family: FontAwesome;
        font-size: 16px;
    }
}

@media only screen and (max-width: 992px) {
    .single-main-content .entry-meta .entry-tag:before {
        content: "\f292";
        font-family: FontAwesome;
        font-size: 16px;
    }
}

.blog-related-slider .post {
    margin-bottom: 0;
}

.single-post {
    margin-bottom: 0;
}

.entry-share .meta-name {
    font-weight: 700;
}

.entry-share a {
    padding: 10px;
}

    .entry-share a i {
        color: #969696;
        font-size: 15px;
    }

        .entry-share a i:hover {
            color: #000;
        }

.ralated-area .ralated-heading h2 {
    font-weight: 800;
    font-size: 26px;
    color: #363636;
    font-family: inherit;
}

.ralated-area .post-thumb img {
    width: 100%;
}

.bg-gray-color {
    background-color: #f7f7f7;
}

.related-blog {
    margin-bottom: 51px;
}

.blog-single-block .author-content {
    margin-bottom: 20px;
}

    .blog-single-block .author-content .image {
        width: 60px;
        float: left;
        margin-right: 10px;
    }

        .blog-single-block .author-content .image img {
            border-radius: 5px;
        }

    .blog-single-block .author-content .entry-category {
        display: table-cell;
    }

        .blog-single-block .author-content .entry-category span {
            font-size: 18px;
            margin-top: 5px;
            display: block;
            font-weight: bold;
        }

        .blog-single-block .author-content .entry-category a {
            font-size: 13px;
            font-weight: bold;
        }

.post.single-post {
    text-align: left;
}

    .post.single-post .pd-5 {
        padding: 0px 0px 0 15px;
    }

    .post.single-post .entry-meta {
        border-bottom: 0;
        margin-top: 20px;
    }

        .post.single-post .entry-meta span {
            font-size: 18px;
        }

        .post.single-post .entry-meta a {
            font-size: 14px;
        }

/*--------------------------------------------------------------
  # Coming Soon Page
  --------------------------------------------------------------*/
/* =======commingsoon============ */
.commingsoon-content {
    padding: 105px 0 125px;
}

    .commingsoon-content .commingsoon-image {
        margin-top: 75px;
    }

@media only screen and (max-width: 1200px) {
    .commingsoon-content .commingsoon-image {
        margin-left: 0;
    }
}

.commingsoon-content .comming-heading {
    font-size: 60px;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-family: inherit;
    font-weight: bold;
    margin-top: 0;
}

.commingsoon-content .comming-description {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.commingsoon-content .social-link a:hover {
    background-color: #ddd;
    color: #ffcc00;
}

.commingsoon-image img {
    display: block;
    margin: auto;
}

@media only screen and (max-width: 992px) {
    .commingsoon-image {
        margin-top: 0 !important;
    }
}

.commingsoon-count {
    margin: 15px 0 30px;
    text-align: center;
}

    .commingsoon-count .timer-body-block {
        display: table;
        width: 100%;
        padding: 0 45px;
    }

@media only screen and (max-width: 767px) {
    .commingsoon-count .timer-body-block {
        padding: 0;
    }
}

.commingsoon-count .timer-body-block > div {
    display: table-cell;
}

    .commingsoon-count .timer-body-block > div .tab-val {
        font-size: 45px;
        font-weight: 900;
        line-height: 1em;
        font-family: "Exo", sans-serif;
    }

@media only screen and (max-width: 767px) {
    .commingsoon-count .timer-body-block > div .tab-val {
        font-size: 45px;
    }
}

@media only screen and (max-width: 600px) {
    .commingsoon-count .timer-body-block > div .tab-val {
        font-size: 25px;
    }
}

.commingsoon-count .timer-body-block > div .tab-unit {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
    .commingsoon-count .timer-body-block > div .tab-unit {
        font-size: 15px;
    }
}

.social-link a {
    background-color: #ffcc00;
    padding: 9px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 17px;
    font-size: 19px;
    color: #fff;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
}

    .social-link a .fa {
        font-size: 15px;
    }

/*--------------------------------------------------------------
  # Map Content
  --------------------------------------------------------------*/
.map-block .heading-content {
    margin-bottom: 20px;
}

    .map-block .heading-content .subtitle {
        color: #232C3B;
        text-transform: capitalize;
    }

    .map-block .heading-content .title {
        margin-top: 15px;
    }

.map-block iframe {
    width: 100%;
}

.map-block p {
    color: #535353;
    font-size: 20px;
    font-weight: 500;
}

/* ======.google-map-area ======= */
.google-map-area {
    position: relative;
}

    .google-map-area .header-map-content {
        position: relative;
    }

        .google-map-area .header-map-content iframe {
            width: 100%;
        }

@media only screen and (max-width: 767px) {
    .google-map-area .header-map-content iframe {
        height: 250px;
    }
}

.google-map-area .contact-style-one {
    padding: 30px 15px 15px;
    position: relative;
}

@media only screen and (min-width: 767px) {
    .google-map-area .contact-style-one {
        min-width: 270px;
        display: inline-block;
        position: absolute;
        right: 15%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

.google-map-area .contact-style-one:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -12px;
    right: 0px;
    height: 12px;
    background-size: 30px;
    max-width: 150px;
}

.google-map-area .contact-style-one.contact-info-block .contact-title {
    font-weight: 800;
    font-size: 22px;
    margin-bottom: 0;
}

    .google-map-area .contact-style-one.contact-info-block .contact-title .fa {
        font-size: 30px;
        margin-right: 15px;
        color: #fff;
    }

.google-map-area .contact-style-one.contact-info-block .contact-info {
    margin-bottom: 0;
    font-weight: 700;
    margin-left: 40px;
}

.google-map-area .contact-style-one .contact {
    margin-bottom: 30px;
    padding: 0 30px;
}

    .google-map-area .contact-style-one .contact p {
        font-size: 15px;
        color: #161616;
        line-height: 20px;
        font-family: "Exo", sans-serif;
    }

.google-map-area .contact-style-one .social-icon {
    margin-left: 30px;
    margin-top: 15px;
}

    .google-map-area .contact-style-one .social-icon a {
        display: inline-block;
        background: #333;
        color: #ffcc00;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 32px;
        border-radius: 50px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

.google-map-area .contact-style-one.color-blue .fa-user {
    color: #2e93e4;
}

.google-map-area .contact-style-one.color-blue .social-icon i {
    color: #2e93e4;
}

    .google-map-area .contact-style-one.color-blue .social-icon i:hover {
        color: #fff;
        background-color: #ffcc00;
    }

.google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow {
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}

@media only screen and (min-width: 992px) {
    .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: inline-block;
        padding: 45px;
    }
}

@media only screen and (min-width: 992px) {
    .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row {
        margin: 0;
    }
}

.google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row .advanced-search-btn i {
    margin-left: 0;
}

@media only screen and (min-width: 992px) {
    .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row button,
    .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row input[type="button"],
    .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row input[type="reset"],
    .google-map-area.with-search-contanct .check-vehicle-block.check-boxshadow .check-vehicle-footer > .row input[type="submit"] {
        margin-right: 0;
    }
}

.header-map-content iframe {
    display: block;
    position: relative;
    /* IE needs a position other than static */
    pointer-events: none;
}

    .header-map-content iframe.clicked {
        pointer-events: auto;
    }

/*--------------------------------------------------------------
  # Category Style
  --------------------------------------------------------------*/
.filter-chack .chack-title {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: bold;
    color: #4c4c4c;
}

.page-header {
    margin: 0;
    padding: 60px 0;
    text-align: center;
}

    .page-header .page-title {
        color: #fff;
        font-weight: 800;
        font-size: 45px;
        margin-bottom: 0;
        line-height: 1.12em;
        margin-top: 0;
    }

        .page-header .page-title + .page-description {
            font-weight: bold;
            letter-spacing: 0.015em;
            margin-bottom: 0;
            color: #ffcc00;
        }

.available-block .pricing-table-item.category {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .vehicle-category {
        float: none !important;
    }
}

.vehicle-category #vehicle-cat-list {
    background-color: #fff;
    padding: 12px 15px;
    font-weight: 600;
    border-radius: 5px;
    min-width: 150px;
}

@media only screen and (max-width: 767px) {
    .vehicle-category #vehicle-cat-list {
        width: 100%;
        margin-bottom: 30px;
    }
}

.vehicle-category.bg-gray #vehicle-cat-list {
    background-color: #f5f5f5;
}

.vehicle-sidebar {
    padding: 30px;
    overflow: hidden;
    border-radius: 5px;
    background: #ffffff;
}

    .vehicle-sidebar .advance-search-query .form-title {
        font-weight: 800;
        margin-top: 0;
        font-size: 25px;
    }

    .vehicle-sidebar .advance-search-query .form-content label {
        color: #454545;
        font-family: "Exo", sans-serif;
        font-size: 18px;
        text-transform: capitalize;
        font-weight: 800;
    }

    .vehicle-sidebar .advance-search-query .form-content .input input,
    .vehicle-sidebar .advance-search-query .form-content .input select {
        margin-bottom: 10px;
        border-color: #ddd;
        height: 40px;
    }

    .vehicle-sidebar .advance-search-query .form-content .input i {
        color: #b3b3b3;
        right: 12px;
        top: 10px;
    }

    .vehicle-sidebar .advance-search-query .form-content .input-filter select {
        background-color: inherit;
        border: none;
        font-size: 24px;
        color: #232c3b;
        font-weight: 800;
        font-family: "Exo", sans-serif;
        margin-bottom: 20px;
    }

        .vehicle-sidebar .advance-search-query .form-content .input-filter select option {
            font-size: 15px;
        }

    .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer {
        overflow: hidden;
        margin-top: 30px;
    }

        .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer .advanced-search a {
            color: inherit;
            margin-left: 55px;
        }

        .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer button,
        .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer input[type="button"],
        .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer input[type="reset"],
        .vehicle-sidebar .advance-search-query .form-content .check-vehicle-footer input[type="submit"] {
            margin: auto;
            display: table;
            float: none;
        }

    .vehicle-sidebar .advance-search-query .advance-filters ul {
        padding: 0;
        list-style: none;
    }

        .vehicle-sidebar .advance-search-query .advance-filters ul.checkbox-content {
            padding-top: 10px;
        }

        .vehicle-sidebar .advance-search-query .advance-filters ul li {
            padding-bottom: 5px;
        }

            .vehicle-sidebar .advance-search-query .advance-filters ul li input[type="checkbox"] {
                display: none;
            }

            .vehicle-sidebar .advance-search-query .advance-filters ul li label {
                cursor: pointer;
                font-size: 14px;
                color: #949494;
                font-weight: 500;
                font-family: inherit;
            }

            .vehicle-sidebar .advance-search-query .advance-filters ul li input[type="checkbox"] + label:before {
                border: 2px solid #dddddd;
                content: "\00a0";
                display: inline-block;
                font: 16px/1em sans-serif;
                height: 16px;
                height: 16px;
                margin: 0 10px 0 0;
                padding: 0;
                vertical-align: middle;
                width: 16px;
                background: #f7f7f7;
            }

            .vehicle-sidebar .advance-search-query .advance-filters ul li input[type="checkbox"]:checked + label:before {
                background: #fff;
                color: #333;
                content: "\2713";
                text-align: center;
            }

            .vehicle-sidebar .advance-search-query .advance-filters ul li input[type="checkbox"]:checked + label:after {
                font-weight: bold;
            }

    .vehicle-sidebar .advance-search-query .filter-button {
        margin-top: 20px;
    }

        .vehicle-sidebar .advance-search-query .filter-button .button {
            border-radius: inherit;
            padding: 10px 28px;
            margin-right: 8px;
            display: inline-block;
        }

            .vehicle-sidebar .advance-search-query .filter-button .button:last-child {
                margin-right: 0;
            }

    .vehicle-sidebar .advance-search-query.search-query-two {
        background: #f5f5f5;
        padding: 45px;
        margin-bottom: 30px;
    }

        .vehicle-sidebar .advance-search-query.search-query-two .form-content label {
            font-size: 15px;
        }

        .vehicle-sidebar .advance-search-query.search-query-two .form-content .input {
            margin-bottom: 10px;
        }

            .vehicle-sidebar .advance-search-query.search-query-two .form-content .input input,
            .vehicle-sidebar .advance-search-query.search-query-two .form-content .input select {
                margin-bottom: 10px;
                border-color: #ddd;
                height: 48px;
            }

            .vehicle-sidebar .advance-search-query.search-query-two .form-content .input i {
                color: #ffcc00;
                right: 12px;
                top: 15px;
            }

            .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider {
                margin-bottom: 30px;
                margin-top: 30px;
            }

                .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content {
                    border: 0 none !important;
                }

                    .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content .ui-widget-header {
                        background: #ffcc00;
                    }

                        .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content .ui-state-default,
                        .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content .ui-widget-content .ui-state-default,
                        .vehicle-sidebar .advance-search-query.search-query-two .form-content .input .price-slider.ui-widget-content .ui-widget-header .ui-state-default {
                            border: 0 none;
                            background: #FF4818;
                        }

        .vehicle-sidebar .advance-search-query.search-query-two .check-vehicle-footer .advanced-search {
            float: none;
            text-align: center;
        }

        .vehicle-sidebar .advance-search-query.search-query-two .check-vehicle-footer .advanced-search-btn {
            margin: 0 !important;
        }

            .vehicle-sidebar .advance-search-query.search-query-two .check-vehicle-footer .advanced-search-btn .fa {
                margin-left: 0;
            }

.available-block .vehicle-thumbnail,
.blog-block .vehicle-thumbnail {
    padding-bottom: 1px;
}

    .available-block .vehicle-thumbnail img,
    .blog-block .vehicle-thumbnail img {
        width: 100%;
    }

.available-block .available-title,
.blog-block .available-title {
    margin-top: 0;
    font-weight: 800;
}

.available-block .category.pull-right .white-color,
.blog-block .category.pull-right .white-color {
    background-color: #fff;
}

.available-block .category.pull-right > a,
.blog-block .category.pull-right > a {
    height: 50px;
    padding: 3px 29px;
    vertical-align: middle;
    display: table-cell;
    background-color: #f7f7f7;
    color: #000000;
    border: 0 none;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
}

    .available-block .category.pull-right > a i,
    .blog-block .category.pull-right > a i {
        margin-left: 5px;
        font-weight: bold;
        color: #b6b6b6;
    }

.available-block .category.pull-right .dropdown-menu > li > a,
.blog-block .category.pull-right .dropdown-menu > li > a {
    font-weight: 500;
}

.available-filter .form-group.small:after {
    display: none;
}

/*--------------------------------------------------------------
  # Site Content
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  ## Posts and pages
  --------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 75px;
}

.page-content,
.entry-summary {
    margin: 1.4em 0;
}

.page-links {
    clear: both;
    margin: 0 0 2.1em;
}

/*--------------------------------------------------------------
  # Page Heading
  --------------------------------------------------------------*/
.header-title {
    text-align: center;
    margin-bottom: 30px;
}

.page-header {
    margin: 0;
}

/*--------------------------------------------------------------
  # Post Meta
  --------------------------------------------------------------*/
.post-format {
    background: #ffffff;
    border-radius: 50%;
    height: 55px;
    line-height: 46px;
    margin: -24px auto -32px;
    position: relative;
    width: 55px;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.entry-meta {
    color: #b3b3b3;
    font-size: 11px;
    letter-spacing: 0.04em;
    font-weight: bold;
    font-style: italic;
}

    .entry-meta a {
        color: inherit;
    }

/*--------------------------------------------------------------
  # Post Format
  --------------------------------------------------------------*/
.post .post-thumb {
    overflow: hidden;
    clear: both;
    border-radius: 5px;
}

    .post .post-thumb img {
        display: block;
        margin: auto;
    }

.post .entry-footer {
    font-size: 13px;
}

/*--------------------------------------------------------------
  ## Asides
  --------------------------------------------------------------*/
.format-aside .entry-content {
    margin-bottom: 0;
}

.format-aside {
    border: 1px solid #f0f0f0;
}

    .format-aside .entry-header .entry-title,
    .format-aside .entry-header .entry-meta,
    .format-aside .entry-footer {
        display: none;
    }

    .format-aside .post-format {
        border: 1px solid #f0f0f0;
        line-height: 54px;
        margin-top: -27px;
    }

    .format-aside .entry-content {
        padding: 15px 30px 30px;
    }

        .format-aside .entry-content p {
            margin-bottom: 20px;
            border-bottom: 1px solid #f0f0f0;
            padding-bottom: 30px;
        }

        .format-aside .entry-content .entry-meta {
            text-align: center;
        }

/*--------------------------------------------------------------
  ## Comments
  --------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.cancel-comment-reply-link {
    bottom: -2px;
    display: inline-block;
    left: 0.6em;
    position: relative;
}

.logged-in-as {
    margin-bottom: 0.7em !important;
}

.comments-area {
    padding: 40px 40px 5px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .comments-area {
        padding: 30px 30px 5px;
    }
}

.comments-area .comment-list,
.comments-area .children {
    list-style: none;
    padding: 0;
}

.comments-area .comments-title {
    font-size: 26px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 20px;
}

    .comments-area .comments-title span {
        background: #ffffff;
        z-index: 10;
        position: relative;
    }

        .comments-area .comments-title span:before {
            margin-right: 10px;
            content: "\e603";
            font-family: 'glimmer';
            font-size: 15px;
        }

        .comments-area .comments-title span:after {
            margin-left: 10px;
            font-size: 15px;
            content: "\e600";
            font-family: 'glimmer';
        }

.comments-area .comment-list {
    margin-bottom: 45px;
    border-top: none;
}

.comments-area .comment-body {
    overflow: hidden;
    margin-bottom: 45px;
    background: #ffffff;
}

.comments-area .comment-author img {
    float: left;
    margin-right: 20px;
    width: 80px;
    height: 80px;
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .comments-area .comment-author img {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        width: 60px;
        height: 60px;
    }
}

.comments-area .date {
    display: block;
    font-size: 13px;
    color: #a0a0a0;
    margin-top: 0px;
}

.comments-area .comment-details {
    display: table-cell;
    vertical-align: top;
}

.comments-area .comment-details {
    overflow: hidden;
}

.comments-area .comment-content p {
    font-size: 15px;
    color: #787878;
}

    .comments-area .comment-content p:last-of-type {
        margin-bottom: 15px;
    }

.comments-area .comment-metadata {
    margin-bottom: 0.5em;
    color: #1d1d1f;
}

    .comments-area .comment-metadata .author {
        font-size: 18px;
        font-weight: 800;
        font-family: "Exo", sans-serif;
    }

    .comments-area .comment-metadata .says,
    .comments-area .comment-metadata .comment-edit-link {
        color: #777;
    }

.comments-area .children {
    margin-left: 108px;
}

.comments-area .comment-navigation {
    margin-bottom: 3.5em;
}

    .comments-area .comment-navigation .nav-links .nav-previous {
        float: left;
    }

    .comments-area .comment-navigation .nav-links .nav-next {
        float: right;
    }

    .comments-area .comment-navigation .nav-links span {
        font-size: 18px;
    }

.comment-respond {
    background-color: #fff;
    padding: 45px;
    margin-bottom: 30px;
}

    .comment-respond .comment-reply-title {
        font-size: 1.25em;
        margin: 0 auto 30px;
        font-size: 26px;
        font-weight: 800;
    }

    .comment-respond p {
        margin-bottom: 1em;
    }

    .comment-respond .form-submit {
        margin-bottom: 0;
    }

    .comment-respond .pd-left {
        padding-left: 8px;
    }

    .comment-respond .pd-right {
        padding-right: 8px;
    }

    .comment-respond .comment-subscription-form {
        display: none;
    }

    .comment-respond input {
        font-size: 13px;
        color: #8c8c8c;
        border-bottom: 1px solid #dad2d2;
        width: 100%;
    }

    .comment-respond textarea {
        font-size: 13px;
        color: #8c8c8c;
        border-bottom: 1px solid #dad2d2;
        min-height: 150px;
    }

    .comment-respond #submit {
        padding: 15px 30px;
        margin-top: 15px;
        border-radius: 5px;
        color: #fff;
        font-weight: bold;
        text-transform: capitalize;
    }

.comment-reply-link {
    padding: 10px 22px;
    font-size: 11px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    background-color: #232C3B;
    color: white;
    border-radius: 5px;
}

input[type="checkbox"]::-ms-check {
    color: transparent;
}

/*--------------------------------------------------------------
  # Widgets
  --------------------------------------------------------------*/
.widget {
    overflow: hidden;
}

    .widget:last-child {
        border-bottom: none;
    }

    .widget select {
        width: 100%;
        border: 1px solid #ebebeb;
        padding: 0.4em 0.8em;
        outline: none;
    }

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

    .widget .widget-title-area {
        position: relative;
    }

    .widget .widget-title {
        margin-top: 0;
    }

    .widget pre {
        padding: 0.5em;
    }

    .widget label {
        margin-bottom: 0;
        display: inline;
    }

    .widget option {
        padding: 0.2em 1em;
    }

    .widget input[type="text"],
    .widget input[type="email"],
    .widget input[type="url"],
    .widget input[type="password"],
    .widget input[type="search"],
    .widget textarea {
        padding: 0.5em 1em;
    }

        .widget input[type="text"]:focus,
        .widget input[type="email"]:focus,
        .widget input[type="url"]:focus,
        .widget input[type="password"]:focus,
        .widget input[type="search"]:focus,
        .widget textarea:focus {
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

    .widget .expand-margin.widget-title {
        cursor: pointer;
    }

        .widget .expand-margin.widget-title:after {
            content: "\f067";
            font-family: FontAwesome;
            position: absolute;
            right: 15px;
            width: 30px;
            height: 30px;
            border: 2px solid;
            text-align: center;
            font-size: 15px;
            border-radius: 50px;
            line-height: 28px;
        }

    .widget .expand-margin.expand.widget-title:after {
        content: "\f068";
    }

.blog-content-right {
    padding: 30px;
}

    .blog-content-right .widget {
        margin-bottom: 45px;
    }

        .blog-content-right .widget:last-of-type {
            margin-bottom: 0;
        }

        .blog-content-right .widget .widget-title {
            font-size: 24px;
            margin-bottom: 25px;
            font-weight: 800;
            border-bottom: 0 none;
            padding-bottom: 0;
            color: #ffcc00;
        }

@media only screen and (max-width: 992px) {
    .blog-block .blog-content-right {
        margin-bottom: -102px;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 992px) {
    body.single .blog-content-right {
        margin-bottom: -60px;
    }
}

.footer-area .widget {
    background: transparent;
}

.yellow-color .button {
    background-color: #ffcc00;
}

.yellow-color.widget.widget_place_category ul li a {
    color: #ffcc00;
}

.nevy-color .button {
    background: #232C3B;
}

.nevy-color.widget.widget_place_category ul li a {
    color: #232C3B;
}

.widget.apartments_ads {
    padding: 0;
}

.widget-top {
    margin-top: 6px;
}

.footer-block .widget .widget-title {
    font-size: 24px;
    padding-bottom: 0px;
    margin-bottom: 30px;
    font-weight: 800;
    border-left: 5px solid;
    padding-left: 15px;
    letter-spacing: 0.020em;
}

.widget_hot_contact ul li {
    line-height: 35px;
}

    .widget_hot_contact ul li a {
        color: #ececec;
    }

    .widget_hot_contact ul li i {
        color: #ffcc00;
        margin-right: 15px;
    }

/*--------------------------------------------------------------
  # Widgets Content
  --------------------------------------------------------------*/
.widget_rental_search {
    margin-bottom: 30px;
}

    .widget_rental_search .advance_search_query {
        z-index: 9;
        position: relative;
    }

    .widget_rental_search .form-content {
        display: block;
    }

        .widget_rental_search .form-content .form-group {
            display: block;
        }

            .widget_rental_search .form-content .form-group.small {
                display: inline-block;
                width: 45%;
            }

        .widget_rental_search .form-content .button {
            float: none;
        }

.widget_tagcloud .tagcloud a {
    border: 1px solid #777777;
    display: block;
    color: white;
    float: left;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1.4em !important;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 6px 17px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 0.05em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

    .widget_tagcloud .tagcloud a:hover {
        color: white;
        background-color: #ffcc00;
        border: 1px solid #ffcc00;
    }

.widget_popular_posts .post-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #4c4c4c;
    padding-bottom: 20px;
}

    .widget_popular_posts .post-content:last-child {
        border-bottom: 0 none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.widget_popular_posts .image-content {
    margin-right: 15px;
    float: left;
    width: 75px;
    height: 75px;
}

    .widget_popular_posts .image-content img {
        width: 100%;
        height: 100%;
    }

.widget_popular_posts .post-info {
    display: table-cell;
}

    .widget_popular_posts .post-info .widget-post-title {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 5px;
        color: #ffffff;
        font-weight: bold;
        font-family: "Exo", sans-serif;
    }

    .widget_popular_posts .post-info .post-date {
        font-size: 12px;
        font-weight: 500;
        color: #b7b7b7;
    }

.widget_categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .widget_categories ul li {
        color: #fff;
        line-height: 35px;
        border-bottom: 1px solid #4c4c4c;
        margin-bottom: 20px;
        font-weight: bold;
    }

        .widget_categories ul li:last-child {
            margin-bottom: 0;
            border-bottom: 0;
        }

        .widget_categories ul li span {
            float: right;
        }

        .widget_categories ul li:hover {
            color: #3FB476;
        }

.widget_advertisement {
    padding: 0;
}

.widget-about-content img {
    width: auto;
    display: block;
    margin-bottom: 30px;
}

.widget-about-content p {
    font-size: 16px;
    color: #cbcaca;
}

.widget-about-content .button {
    margin-left: 0;
    border-radius: 5px;
    padding: 10px 40px;
    display: inline-block;
    font-size: 16px;
}

.photo-gallery-content li {
    float: left;
    width: 105px;
    height: 95px;
    border-radius: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    overflow: hidden;
}

    .photo-gallery-content li img {
        width: 100%;
        height: 100%;
    }

.widget.widget_menu ul {
    margin-left: 35px;
    margin-top: -8px;
}

    .widget.widget_menu ul li {
        line-height: 45px;
        position: relative;
        font-family: "Exo", sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.025em;
    }

        .widget.widget_menu ul li a {
            color: #ececec;
        }

        .widget.widget_menu ul li:before {
            position: absolute;
            left: -30px;
            top: 21px;
            width: 20px;
            height: 3px;
            content: "";
            background-color: #ffcc00;
        }

.widget_newsletter label {
    font-size: 16px;
    font-weight: normal;
    color: #ececec;
    margin-bottom: 15px;
    display: block;
}

.widget_newsletter .form-controller {
    background-color: #393939 !important;
}

.widget_newsletter input {
    border: none;
    border-radius: 5px 0 0 5px;
    padding: 15px 0 15px 15px !important;
    color: #fff;
    height: 50px;
}

.widget_newsletter .input-group-btn .btn-primary {
    padding: 17px 14px;
    background: #393939;
    border-radius: 0 5px 5px 0;
    border: none;
    height: 50px;
}

.widget_newsletter .input-group-btn span {
    color: #ffcc00;
}

/*--------------------------------------------------------------
  ## About Page
  --------------------------------------------------------------*/
/* ---------about----------- */
.about-main-content .about-heading-content {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 60px;
}

    .about-main-content .about-heading-content .about-title {
        font-weight: 900;
        font-size: 45px;
        margin-bottom: 0;
        line-height: 1em;
    }

    .about-main-content .about-heading-content .about-subtitle {
        font-size: 16px;
        font-weight: bold;
        color: #676565;
    }

.about-main-content .about-title-two {
    margin-left: 15px;
    font-size: 60px;
    color: #3d4348;
    font-weight: bold;
    margin-bottom: 35px;
}

@media only screen and (max-width: 991px) {
    .about-main-content .about-title-two {
        font-size: 45px;
        margin-bottom: 30px;
        margin-left: 15px;
    }
}

.about-main-content .about-content-left .about-details {
    font-size: 20px;
    font-family: inherit;
    margin-top: 0;
    line-height: 28px;
    font-weight: 500;
    color: #4b4b4b;
}

/*--------------------------------------------------------------
  ## Contact Page
  --------------------------------------------------------------*/
.contact-page .header-title {
    margin-bottom: 30px;
}

.contact-page .sub-heading {
    font-weight: 400;
    width: 50%;
    margin: 1.4em auto 0;
    line-height: 1.6em;
}

.contact-page .title {
    font-style: italic;
    font-weight: bold;
    font-size: 1.25em;
}

.contact-page #gmaps {
    height: 412px;
    background: #f7f7f7;
}

.contact-page #address-main {
    margin: auto auto 45px;
    text-align: center;
    width: 35%;
}

    .contact-page #address-main:before {
        background: #f0f0f0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -22px;
    }

    .contact-page #address-main span {
        background: #ffffff;
        display: inline-block;
        padding: 0 15px;
        position: relative;
        word-spacing: 2px;
    }

.contact-page .contact-details {
    padding-top: 60px;
}

.contact-page .post img,
.contact-page .page img {
    max-width: none;
}

.contact-page .entry-content {
    margin-top: -6px;
    position: relative;
}

    .contact-page .entry-content:after {
        background: #f0f0f0;
        content: "";
        height: 150px;
        position: absolute;
        right: -50px;
        top: 0;
        width: 1px;
    }

.contact-page #contact-info h4 {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0.8em;
    margin-bottom: 1.3em;
    margin-top: 0;
    font-weight: bold;
    font-size: 1em;
}

.contact-page #contact-info .dl-horizontal dd {
    margin-bottom: 15px;
    margin-left: 70px;
    margin-right: 0;
}

.contact-page #contact-info .dl-horizontal dt {
    text-align: left;
    width: 60px;
}

.contact-page #contact-info dl {
    margin-bottom: -7px;
}

.contact-page #contact-form-wrap {
    margin-top: 45px;
}

.contact-page .padding-left {
    padding-left: 0.5em;
}

.contact-page .padding-right {
    padding-right: 0.5em;
}

.contact-page .padding-left-right {
    padding: 0 0.5em;
}

.contact-page .contact-respond {
    margin-top: 30px;
}

    .contact-page .contact-respond p {
        margin-bottom: 1em;
    }

    .contact-page .contact-respond .form-submit {
        margin-bottom: 0;
    }

.contact-page #name,
.contact-page #email,
.contact-page #subject {
    height: 45px;
}

.contact-page span.wpcf7-not-valid-tip {
    color: #df2626;
    display: block;
    font-size: 0.8em;
    margin-bottom: -10px;
    margin-left: 4px;
    margin-top: 3px;
}

.contact-page div.wpcf7-validation-errors {
    border: 1px solid #efdf35;
    color: #df2626;
}

.contact-page div.wpcf7-mail-sent-ng {
    border: 1px solid #df2626;
}

.contact-page div.wpcf7-response-output {
    padding: 0.4em 1em;
    margin: 0;
}

.contact-page .wpcf7-mail-sent-ok {
    border-width: 1px;
}

/* =========contactus============ */
.contact-us-area {
    padding: 40px 0 106px;
}

    .contact-us-area .contact h4 {
        font-size: 24px;
        color: #0E385D;
        font-weight: 800;
    }

        .contact-us-area .contact h4 i {
            color: #ffcc00;
            font-size: 30px;
            margin-right: 10px;
        }

        .contact-us-area .contact h4 .fa-user {
            background-color: #0E385D;
            border-radius: 50%;
            color: #fff;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 36px;
        }

    .contact-us-area .contact p {
        color: #414141;
        font-weight: bold;
        letter-spacing: 0.025em;
        margin-bottom: 45px;
    }

    .contact-us-area .contact .social-icon {
        margin-top: 20px;
    }

        .contact-us-area .contact .social-icon i {
            background-color: #515151;
            padding: 9px;
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 17px;
            font-size: 19px;
            color: #fff;
            border-radius: 50%;
            margin-right: 5px;
        }

    .contact-us-area .heading-content {
        text-align: center;
        margin-bottom: 50px;
    }

        .contact-us-area .heading-content .title {
            font-size: 60px;
            color: #232C3B !important;
        }

    .contact-us-area .contact-us-content-right {
        text-align: center;
    }

@media only screen and (max-width: 992px) {
    .contact-us-area .contact-us-content-right {
        margin-top: 30px;
    }
}

.contact-us-area .contact-us-content-right .from-title {
    margin-top: 0;
    font-weight: 800;
    color: #232c3b;
}

.contact-us-area .contact-us-content-right i {
    font-size: 60px;
    position: relative;
    top: 30px;
    color: #ffcc00;
}

.input-content {
    border: 1px solid #DDDDDD;
    padding: 50px;
    border-radius: 10px;
    background-color: #FAFAFA;
}

    .input-content h4 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 45px;
        font-weight: 800;
        color: #232c3b;
    }

    .input-content input {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #DDDDDD;
        border-radius: 0;
        float: left;
        margin-bottom: 30px;
        padding: 10px 0;
        margin-right: 50px;
        color: #8c8c8c;
        font-size: 15px;
        background-color: #FAFAFA;
    }

        .input-content input:nth-of-type(3) {
            width: 100%;
        }

        .input-content input:nth-of-type(2) {
            margin-right: 0;
        }

@media screen and (max-width: 990px) {
    .input-content input {
        width: 100%;
    }
}

.input-content textarea {
    border: none;
    border-bottom: 1px solid #dddddd;
    color: #8c8c8c;
    margin-top: 50px;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    font-size: 15px;
    background-color: #FAFAFA;
}

.input-content .subimt-button {
    margin: auto;
    display: table;
}

    .input-content .subimt-button .submit {
        padding: 15px 60px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
        margin: auto;
        border-radius: 5px;
        background-color: #ffcc00;
    }

.oddRow {
    background-color: #000;
}

/*--------------------------------------------------------------
  ## 404 Page
  --------------------------------------------------------------*/
/* =======404============ */
.page-header.pd-404 {
    padding: 120px 0 130px;
}

    .page-header.pd-404 .col-md-6 {
        margin: auto;
        display: table;
        float: none;
    }

    .page-header.pd-404 .main-content {
        position: relative;
    }

@media only screen and (min-width: 540px) {
    .page-header.pd-404 .main-content .text-content {
        position: absolute;
        right: 45px;
        bottom: 40px;
    }
}

@media only screen and (max-width: 539px) {
    .page-header.pd-404 .main-content .text-content {
        text-align: center;
    }
}

.page-header.pd-404 .main-content .text-content h3 {
    font-weight: 900;
    font-size: 30px;
}

.page-header.pd-404 .main-content .text-content a {
    border-radius: 5px;
    float: right;
    text-transform: uppercase;
}

@media only screen and (max-width: 539px) {
    .page-header.pd-404 .main-content .text-content a {
        float: none;
    }
}

@media only screen and (max-width: 539px) {
    .page-header.pd-404 .main-content .text-content .button {
        overflow: hidden;
        margin: 30px auto 0;
        display: table;
    }
}

.error-page-area .default-pd-center {
    text-align: inherit;
}

    .error-page-area .default-pd-center .error-text-content {
        margin: auto;
        display: table;
    }

        .error-page-area .default-pd-center .error-text-content h2 {
            font-weight: bold;
            color: #FDE953;
            margin-top: 0;
        }

        .error-page-area .default-pd-center .error-text-content p {
            font-size: 24px;
            color: #fff;
            margin-top: -10px;
        }

/*--------------------------------------------------------------
  ## Site Responsive
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  # Comment and Contact Form Responsive
  --------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
    #contact_form .form-submit {
        margin-bottom: 0;
    }

    .comment-respond .pd-right {
        padding-right: 15px;
    }

    .comment-respond .pd-left {
        padding-left: 15px;
    }

    .contact-respond .padding-right {
        padding-right: 0;
        padding-left: 0;
    }

    .contact-respond .padding-left-right {
        padding-right: 0;
        padding-left: 0;
    }

    .contact-respond .padding-left {
        padding-left: 0;
        padding-right: 0;
    }

    #contact-form-wrap .col-md-12 {
        padding: 0;
    }
}

@media only screen and (max-width: 768px) {
    .children {
        margin-left: 40px !important;
    }
}

/*--------------------------------------------------------------
  # Infinite scroll
  --------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .never ending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
  # Media
  --------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-summary .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
    border: none;
}

.format-audio iframe {
    width: 100%;
    overflow: hidden;
}

/*--------------------------------------------------------------
  ## Captions
  --------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

    .wp-caption img[class*="wp-image-"] {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wp-caption .wp-caption-text {
        margin: 0.4em 0;
        font-size: 0.9em;
        font-style: italic;
    }

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
  ## Galleries
  --------------------------------------------------------------*/
/* --------------------------------------------------------------
  # WordPress Default Gallery
  -------------------------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    margin-left: -10px;
    margin-right: -10px;
}

.gallery-item {
    float: left;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 10px;
}

@media only screen and (max-width: 560px) {
    .gallery-item {
        max-width: 100% !important;
    }
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/* --------------------------------------------------------------
  # Post-gallery One
  -------------------------------------------------------------- */
.gallery-one .owl-controls,
.corousel-gallery-content .full-view .owl-controls {
    margin: 0;
    padding: 0;
}

    .gallery-one .owl-controls .owl-nav div,
    .corousel-gallery-content .full-view .owl-controls .owl-nav div {
        display: block !important;
        position: absolute;
        background: #ffffff;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 37px;
        top: 50%;
        font-size: 25px;
        margin: auto;
        border-radius: 2px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .gallery-one .owl-controls .owl-nav .owl-prev,
    .corousel-gallery-content .full-view .owl-controls .owl-nav .owl-prev {
        left: 10px;
    }

    .gallery-one .owl-controls .owl-nav .owl-next,
    .corousel-gallery-content .full-view .owl-controls .owl-nav .owl-next {
        right: 10px;
    }

.gallery-one .item {
    text-align: center;
}

    .gallery-one .item img {
        margin: auto;
        height: auto;
        width: 100%;
        display: block;
        vertical-align: middle;
    }

/* --------------------------------------------------------------
  # Post-gallery Two
  -------------------------------------------------------------- */
.corousel-gallery-content .full-view .item {
    text-align: center;
}

    .corousel-gallery-content .full-view .item img {
        margin: auto;
        height: auto;
        width: 100%;
        display: block;
        vertical-align: middle;
    }

.corousel-gallery-content .list-view {
    margin-top: 10px;
}

    .corousel-gallery-content .list-view .item {
        cursor: pointer;
    }

        .corousel-gallery-content .list-view .item > img {
            vertical-align: middle;
        }

    .corousel-gallery-content .list-view .owl-item.active {
        cursor: pointer;
        position: relative;
        z-index: 0;
    }

        .corousel-gallery-content .list-view .owl-item.active:before {
            border-color: #ffffff transparent transparent;
            border-style: solid;
            border-width: 10px 10px 0;
            content: "";
            height: 0;
            left: 0;
            margin: 0 auto;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
            visibility: hidden;
            width: 0;
            z-index: 1;
        }

        .corousel-gallery-content .list-view .owl-item.active.current::before {
            opacity: 1;
            visibility: visible;
        }

/*--------------------------------------------------------------
  # gallery-area
  --------------------------------------------------------------*/
.gallery-area {
    padding: 100px 30px;
}

    .gallery-area .gallery-left-content .col-md-4 {
        padding: 5px;
    }

    .gallery-area h2 {
        font-size: 60px;
        color: #232C3B;
        margin-top: 20px;
        font-weight: bold;
        line-height: 1.1em;
    }

        .gallery-area h2 + .button {
            margin-top: 30px;
        }

@media screen and (max-width: 990px) {
    .gallery-area h2 {
        font-size: 60px;
    }
}

@media screen and (min-width: 1400px) {
    .gallery-area h2 {
        font-size: 90px;
    }
}

.gallery-area h3 {
    font-size: 24px;
    font-weight: bold;
    color: #525252;
    margin-top: 20px;
    margin-bottom: 18px;
}

.gallery-area .gallery-right-content {
    padding: 0 15px;
}

/* ===========gallery04======= */
@media screen and (max-width: 767px) {
    .gallery-area.four .gallery-left-content .button {
        float: none;
    }
}

@media screen and (max-width: 990px) {
    .gallery-area.four .gallery-left-content {
        margin-top: 50%;
    }
}

@media screen and (max-width: 767px) {
    .gallery-area.four .gallery-left-content {
        margin-bottom: 70px;
        text-align: center;
        margin-top: 0;
    }
}

.gallery-area.four .gallery-left-content h2 {
    font-size: 60px;
    background: linear-gradient(330deg, #1136bb 0%, #019047 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2em;
    margin-top: 0;
    font-family: inherit;
    font-weight: bold;
}

.gallery-area .gallery-slider > div.owl-controls > div.owl-nav > div {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: normal;
    padding: 0px 15px;
    font-size: 35px;
    border-radius: 50%;
    color: #000;
    left: -50px;
}

    .gallery-area .gallery-slider > div.owl-controls > div.owl-nav > div.owl-prev i {
        position: relative;
        top: 40px;
        font-weight: bold;
        background: linear-gradient(330deg, #1136bb 0%, #019047 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .gallery-area .gallery-slider > div.owl-controls > div.owl-nav > div.owl-next i {
        font-weight: bold;
        background: linear-gradient(330deg, #1136bb 0%, #019047 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.gallery-heading .gallery-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}

.gallery-image-content {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

    .gallery-image-content img {
        width: 100%;
        height: 170px;
    }

    .gallery-image-content .overlay-background {
        -webkit-transition: opacity 0.5s ease-in-out 0s;
        transition: opacity 0.5s ease-in-out 0s;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        background-color: rgba(156, 156, 152, 0.64);
        bottom: 0;
        right: 0;
        text-align: center;
        opacity: 0;
    }

        .gallery-image-content .overlay-background a {
            width: 100%;
            height: 100%;
            display: block;
        }

            .gallery-image-content .overlay-background a i {
                position: absolute;
                top: 40%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                font-size: 30px;
            }

        .gallery-image-content .overlay-background .video-popup i {
            top: 30%;
        }

        .gallery-image-content .overlay-background .video-popup span {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(50% 50%);
            transform: translateY(50% 50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            font-size: 20px;
            font-weight: bold;
        }

    .gallery-image-content:hover .overlay-background {
        opacity: 1;
        width: 100%;
    }

.photo-gallery-area {
    padding: 20px 0 60px;
}

.change {
}

    .change .datepicker {
        display: none;
    }

        .change .datepicker.active {
            display: block;
        }

    .change .datepicker-dropdown {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
        padding-top: 4px;
    }

        .change .datepicker-dropdown.datepicker-orient-top {
            padding-top: 0;
            padding-bottom: 4px;
        }

    .change .datepicker-picker {
        display: inline-block;
        border-radius: 4px;
        background-color: #fff;
    }

    .change .datepicker-dropdown .datepicker-picker {
        -webkit-box-shadow: 0 2px 3px rgba(17, 24, 39, 0.1), 0 0 0 1px rgba(17, 24, 39, 0.1);
        box-shadow: 0 2px 3px rgba(17, 24, 39, 0.1), 0 0 0 1px rgba(17, 24, 39, 0.1);
    }

    .change .datepicker-picker span {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border: 0;
        border-radius: 4px;
        cursor: default;
        text-align: center;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .change .datepicker-main {
        padding: 2px;
    }

    .change .datepicker-footer {
        -webkit-box-shadow: inset 0 1px 1px rgba(17, 24, 39, 0.1);
        box-shadow: inset 0 1px 1px rgba(17, 24, 39, 0.1);
        background-color: #9ca3af;
    }

    .change .datepicker-controls,
    .change .datepicker-grid,
    .change .datepicker-view,
    .change .datepicker-view .days-of-week {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .change .datepicker-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .change .datepicker-view .days .datepicker-cell,
    .change .datepicker-view .dow {
        -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    }

    .change .datepicker-view.datepicker-grid .datepicker-cell {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .change .datepicker-cell,
    .change .datepicker-view .week {
        height: 2.25rem;
        line-height: 2.25rem;
    }

    .change .datepicker-title {
        -webkit-box-shadow: inset 0 -1px 1px rgba(17, 24, 39, 0.1);
        box-shadow: inset 0 -1px 1px rgba(17, 24, 39, 0.1);
        background-color: #9ca3af;
        padding: .375rem .75rem;
        text-align: center;
        font-weight: 700;
    }

    .change .datepicker-header .datepicker-controls {
        padding: 2px 2px 0;
    }

    .change .datepicker-controls .button {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        border: 1px solid #808998;
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
        cursor: pointer;
        padding: calc(.375em - 1px) 0.75em;
        height: 2.25em;
        vertical-align: top;
        text-align: center;
        line-height: 1.5;
        white-space: nowrap;
        color: #2C2C2C;
        font-size: 1rem;
    }

        .change .datepicker-controls .button:active,
        .change .datepicker-controls .button:focus {
            outline: 0;
        }

        .change .datepicker-controls .button:hover {
            border-color: #5b6371;
            color: #2C2C2C;
        }

        .change .datepicker-controls .button:focus {
            border-color: #3273dc;
            color: #2C2C2C;
        }

            .change .datepicker-controls .button:focus:not(:active) {
                -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
                box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
            }

        .change .datepicker-controls .button:active {
            border-color: #384f80;
            color: #2C2C2C;
        }

        .change .datepicker-controls .button[disabled] {
            cursor: not-allowed;
        }

    .change .datepicker-header .datepicker-controls .button {
        border-color: transparent;
        font-weight: 700;
    }

        .change .datepicker-header .datepicker-controls .button:hover {
            background-color: #f9f9f9;
        }

        .change .datepicker-header .datepicker-controls .button:focus:not(:active) {
            -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
            box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
        }

        .change .datepicker-header .datepicker-controls .button:active {
            background-color: #f2f2f2;
        }

        .change .datepicker-header .datepicker-controls .button[disabled] {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .change .datepicker-footer .datepicker-controls .button {
        margin: calc(.375rem - 1px) 0.375rem;
        border-radius: 2px;
        width: 100%;
        font-size: .75rem;
    }

    .change .datepicker-controls .view-switch {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }

    .change .datepicker-controls .next-btn,
    .change .datepicker-controls .prev-btn {
        padding-right: .375rem;
        padding-left: .375rem;
        width: 2.25rem;
    }

        .change .datepicker-controls .next-btn.disabled,
        .change .datepicker-controls .prev-btn.disabled {
            visibility: hidden;
        }

    .change .datepicker-view .dow {
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: .875rem;
        font-weight: 700;
    }

    .change .datepicker-view .week {
        width: 2.25rem;
        color: #5b6371;
        font-size: .75rem;
    }

@media (max-width: 22.5rem) {
    .change .datepicker-view .week {
        width: 1.96875rem;
    }
}

.change .datepicker-grid {
    width: 15.75rem;
}

@media (max-width: 22.5rem) {
    .change .calendar-weeks + .days .datepicker-grid {
        width: 13.78125rem;
    }
}

.change .datepicker-cell:not(.disabled):hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.change .datepicker-cell.focused:not(.selected) {
    background-color: #8e96a4;
}

.change .datepicker-cell.selected,
.change .datepicker-cell.selected:hover {
    background-color: #3273dc;
    color: #fff;
    font-weight: 600;
}

.change .datepicker-cell.disabled {
    color: #808998;
}

.change .datepicker-cell.next:not(.disabled),
.change .datepicker-cell.prev:not(.disabled) {
    color: #7a7a7a;
}

.change .datepicker-cell.next.selected,
.change .datepicker-cell.prev.selected {
    color: #e6e6e6;
}

.change .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    border-radius: 0;
    background-color: #9ca3af;
}

    .change .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
        background-color: #959ca9;
    }

    .change .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
        background-color: #8e96a4;
    }

.change .datepicker-cell.today:not(.selected) {
    background-color: #00d1b2;
}

    .change .datepicker-cell.today:not(.selected):not(.disabled) {
        color: #fff;
    }

.change .datepicker-cell.today.focused:not(.selected) {
    background-color: #00c4a7;
}

.change .datepicker-cell.range-end:not(.selected),
.change .datepicker-cell.range-start:not(.selected) {
    background-color: #5b6371;
    color: #fff;
}

.change .datepicker-cell.range-end.focused:not(.selected),
.change .datepicker-cell.range-start.focused:not(.selected) {
    background-color: #555d69;
}

.change .datepicker-cell.range-start {
    border-radius: 4px 0 0 4px;
}

.change .datepicker-cell.range-end {
    border-radius: 0 4px 4px 0;
}

.change .datepicker-cell.range {
    border-radius: 0;
    background-color: #808998;
}

    .change .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
        background-color: #798293;
    }

    .change .datepicker-cell.range.disabled {
        color: #666f7f;
    }

    .change .datepicker-cell.range.focused {
        background-color: #727c8d;
    }

.change .datepicker-view.datepicker-grid .datepicker-cell {
    height: 4.5rem;
    line-height: 4.5rem;
}

.change .datepicker-input.in-edit {
    border-color: #2366d1;
}

    .change .datepicker-input.in-edit:active,
    .change .datepicker-input.in-edit:focus {
        -webkit-box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
        box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
    }

.change :root {
    --bs-blue: #2361ce;
    --bs-indigo: #4F46E5;
    --bs-purple: #7C3AED;
    --bs-pink: #EF4683;
    --bs-red: #E11D48;
    --bs-orange: #FBA918;
    --bs-yellow: #ffcc00;
    --bs-green: #10B981;
    --bs-teal: #1E90FF;
    --bs-cyan: #63b1bd;
    --bs-white: #ffffff;
    --bs-gray: #4B5563;
    --bs-gray-dark: #2C2C2C;
    --bs-primary: #2C2C2C;
    --bs-secondary: #ffcc00;
    --bs-tertiary: #31316A;
    --bs-success: #10B981;
    --bs-info: #2361ce;
    --bs-warning: #FBA918;
    --bs-danger: #E11D48;
    --bs-white: #ffffff;
    --bs-indigo: #4F46E5;
    --bs-purple: #7C3AED;
    --bs-yellow-100: #ffcc00;
    --bs-yellow-200: #ffcc00;
    --bs-gray-50: #F9FAFB;
    --bs-gray-100: #F2F4F6;
    --bs-gray-200: #E5E7EB;
    --bs-gray-300: #D1D5DB;
    --bs-gray-400: #9CA3AF;
    --bs-gray-500: #6B7280;
    --bs-gray-600: #4B5563;
    --bs-gray-700: #374151;
    --bs-gray-800: #2C2C2C;
    --bs-gray-900: #111827;
    --bs-font-sans-serif: "Inter", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.change *,
.change ::after,
.change ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    .change :root {
        scroll-behavior: smooth;
    }
}

.change body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #374151;
    background-color: #f2f4f6;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(17, 24, 39, 0);
}

.change hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}

    .change hr:not([size]) {
        height: .0625rem;
    }

.change .h1,
.change .h2,
.change .h3,
.change .h4,
.change .h5,
.change .h6,
.change h1,
.change h2,
.change h3,
.change h4,
.change h5,
.change h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.3;
    color: #111827;
}

.change .h1,
.change h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .change .h1,
    .change h1 {
        font-size: 2.5rem;
    }
}

.change .h2,
.change h2 {
    font-size: calc(1.325rem + .9vw);
}

@media (min-width: 1200px) {
    .change .h2,
    .change h2 {
        font-size: 2rem;
    }
}

.change .h3,
.change h3 {
    font-size: calc(1.3rem + .6vw);
}

@media (min-width: 1200px) {
    .change .h3,
    .change h3 {
        font-size: 1.75rem;
    }
}

.change .h4,
.change h4 {
    font-size: calc(1.275rem + .3vw);
}

@media (min-width: 1200px) {
    .change .h4,
    .change h4 {
        font-size: 1.5rem;
    }
}

.change .h5,
.change h5 {
    font-size: 1.25rem;
}

.change .h6,
.change h6 {
    font-size: 1rem;
}

.change p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.change abbr[data-bs-original-title],
.change abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

.change address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

.change ol,
.change ul {
    padding-left: 2rem;
}

.change dl,
.change ol,
.change ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

    .change ol ol,
    .change ol ul,
    .change ul ol,
    .change ul ul {
        margin-bottom: 0;
    }

.change dt {
    font-weight: 500;
}

.change dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

.change blockquote {
    margin: 0 0 1rem;
}

.change b,
.change strong {
    font-weight: 600;
}

.change .small,
.change small {
    font-size: .875em;
}

.change .mark,
.change mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.change sub,
.change sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline;
}

.change sub {
    bottom: -.25em;
}

.change sup {
    top: -.5em;
}

.change a {
    color: #2C2C2C;
    text-decoration: none;
}

    .change a:hover {
        color: #000;
        text-decoration: none;
    }

    .change a:not([href]):not([class]),
    .change a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

.change code,
.change kbd,
.change pre,
.change samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override;
}

.change pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em;
}

    .change pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

.change code {
    font-size: .875em;
    color: #ef4683;
    word-wrap: break-word;
}

.change a > code {
    color: inherit;
}

.change kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #111827;
    border-radius: .35rem;
}

    .change kbd kbd {
        padding: 0;
        font-size: 1em;
        font-weight: 500;
    }

.change figure {
    margin: 0 0 1rem;
}

.change img,
.change svg {
    vertical-align: middle;
}

.change table {
    caption-side: bottom;
    border-collapse: collapse;
}

.change caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #58677d;
    text-align: left;
}

.change th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

.change tbody,
.change td,
.change tfoot,
.change th,
.change thead,
.change tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.change label {
    display: inline-block;
}

.change button {
    border-radius: 0;
}

    .change button:focus:not(:focus-visible) {
        outline: 0;
    }

.change button,
.change input,
.change optgroup,
.change select,
.change textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.change button,
.change select {
    text-transform: none;
}

.change [role=button] {
    cursor: pointer;
}

.change select {
    word-wrap: normal;
}

    .change select:disabled {
        opacity: 1;
    }

.change [list]::-webkit-calendar-picker-indicator {
    display: none;
}

.change [type=button],
.change [type=reset],
.change [type=submit],
.change button {
    -webkit-appearance: button;
}

    .change [type=button]:not(:disabled),
    .change [type=reset]:not(:disabled),
    .change [type=submit]:not(:disabled),
    .change button:not(:disabled) {
        cursor: pointer;
    }

.change ::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

.change textarea {
    resize: vertical;
}

.change fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.change legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
}

@media (min-width: 1200px) {
    .change legend {
        font-size: 1.5rem;
    }
}

.change legend + * {
    clear: left;
}

.change ::-webkit-datetime-edit-day-field,
.change ::-webkit-datetime-edit-fields-wrapper,
.change ::-webkit-datetime-edit-hour-field,
.change ::-webkit-datetime-edit-minute,
.change ::-webkit-datetime-edit-month-field,
.change ::-webkit-datetime-edit-text,
.change ::-webkit-datetime-edit-year-field {
    padding: 0;
}

.change ::-webkit-inner-spin-button {
    height: auto;
}

.change [type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

.change ::-webkit-search-decoration {
    -webkit-appearance: none;
}

.change ::-webkit-color-swatch-wrapper {
    padding: 0;
}

.change ::file-selector-button {
    font: inherit;
}

.change ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

.change output {
    display: inline-block;
}

.change iframe {
    border: 0;
}

.change summary {
    display: list-item;
    cursor: pointer;
}

.change progress {
    vertical-align: baseline;
}

.change [hidden] {
    display: none !important;
}

.change .lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.change .display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 500;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    .change .display-1 {
        font-size: 5rem;
    }
}

.change .display-2 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 500;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    .change .display-2 {
        font-size: 3.5rem;
    }
}

.change .display-3 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 500;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    .change .display-3 {
        font-size: 2.5rem;
    }
}

.change .display-4 {
    font-size: calc(1.3125rem + .75vw);
    font-weight: 500;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    .change .display-4 {
        font-size: 1.875rem;
    }
}

.change .display-5 {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.3;
}

.change .display-6 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
}

.change .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.change .list-inline {
    padding-left: 0;
    list-style: none;
}

.change .list-inline-item {
    display: inline-block;
}

    .change .list-inline-item:not(:last-child) {
        margin-right: .5rem;
    }

.change .initialism {
    font-size: .875em;
    text-transform: uppercase;
}

.change .blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

    .change .blockquote > :last-child {
        margin-bottom: 0;
    }

.change .blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #4b5563;
}

    .change .blockquote-footer::before {
        content: "\2014\00A0";
    }

.change .img-fluid {
    max-width: 100%;
    height: auto;
}

.change .img-thumbnail {
    padding: .25rem;
    background-color: #f2f4f6;
    border: .0625rem solid #d1d5db;
    border-radius: .5rem;
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    max-width: 100%;
    height: auto;
}

.change .figure {
    display: inline-block;
}

.change .figure-img {
    margin-bottom: .5rem;
    line-height: 1;
}

.change .figure-caption {
    font-size: .875em;
    color: #4b5563;
}

.change .container,
.change .container-fluid,
.change .container-lg,
.change .container-md,
.change .container-sm,
.change .container-xl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1rem);
    padding-left: var(--bs-gutter-x, 1rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .change .container,
    .change .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .change .container,
    .change .container-md,
    .change .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .change .container,
    .change .container-lg,
    .change .container-md,
    .change .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .change .container,
    .change .container-lg,
    .change .container-md,
    .change .container-sm,
    .change .container-xl {
        max-width: 1140px;
    }
}

.change .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}

    .change .row > * {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x)/ 2);
        padding-left: calc(var(--bs-gutter-x)/ 2);
        margin-top: var(--bs-gutter-y);
    }

.change .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}

.change .row-cols-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.change .row-cols-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.change .row-cols-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.change .row-cols-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
}

.change .row-cols-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}

.change .row-cols-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
}

.change .row-cols-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
}

.change .col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.change .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%;
}

.change .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
}

.change .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}

.change .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
}

.change .col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%;
}

.change .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.change .col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%;
}

.change .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%;
}

.change .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
}

.change .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%;
}

.change .col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%;
}

.change .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.change .offset-1 {
    margin-left: 8.33333%;
}

.change .offset-2 {
    margin-left: 16.66667%;
}

.change .offset-3 {
    margin-left: 25%;
}

.change .offset-4 {
    margin-left: 33.33333%;
}

.change .offset-5 {
    margin-left: 41.66667%;
}

.change .offset-6 {
    margin-left: 50%;
}

.change .offset-7 {
    margin-left: 58.33333%;
}

.change .offset-8 {
    margin-left: 66.66667%;
}

.change .offset-9 {
    margin-left: 75%;
}

.change .offset-10 {
    margin-left: 83.33333%;
}

.change .offset-11 {
    margin-left: 91.66667%;
}

.change .g-0,
.change .gx-0 {
    --bs-gutter-x: 0;
}

.change .g-0,
.change .gy-0 {
    --bs-gutter-y: 0;
}

.change .g-1,
.change .gx-1 {
    --bs-gutter-x: 0.25rem;
}

.change .g-1,
.change .gy-1 {
    --bs-gutter-y: 0.25rem;
}

.change .g-2,
.change .gx-2 {
    --bs-gutter-x: 0.5rem;
}

.change .g-2,
.change .gy-2 {
    --bs-gutter-y: 0.5rem;
}

.change .g-3,
.change .gx-3 {
    --bs-gutter-x: 1rem;
}

.change .g-3,
.change .gy-3 {
    --bs-gutter-y: 1rem;
}

.change .g-4,
.change .gx-4 {
    --bs-gutter-x: 1.5rem;
}

.change .g-4,
.change .gy-4 {
    --bs-gutter-y: 1.5rem;
}

.change .g-5,
.change .gx-5 {
    --bs-gutter-x: 3rem;
}

.change .g-5,
.change .gy-5 {
    --bs-gutter-y: 3rem;
}

.change .g-6,
.change .gx-6 {
    --bs-gutter-x: 5rem;
}

.change .g-6,
.change .gy-6 {
    --bs-gutter-y: 5rem;
}

.change .g-7,
.change .gx-7 {
    --bs-gutter-x: 8rem;
}

.change .g-7,
.change .gy-7 {
    --bs-gutter-y: 8rem;
}

.change .g-8,
.change .gx-8 {
    --bs-gutter-x: 10rem;
}

.change .g-8,
.change .gy-8 {
    --bs-gutter-y: 10rem;
}

.change .g-9,
.change .gx-9 {
    --bs-gutter-x: 11rem;
}

.change .g-9,
.change .gy-9 {
    --bs-gutter-y: 11rem;
}

.change .g-10,
.change .gx-10 {
    --bs-gutter-x: 14rem;
}

.change .g-10,
.change .gy-10 {
    --bs-gutter-y: 14rem;
}

.change .g-11,
.change .gx-11 {
    --bs-gutter-x: 16rem;
}

.change .g-11,
.change .gy-11 {
    --bs-gutter-y: 16rem;
}

.change .g-12,
.change .gx-12 {
    --bs-gutter-x: 20rem;
}

.change .g-12,
.change .gy-12 {
    --bs-gutter-y: 20rem;
}

.change .g-sm,
.change .gx-sm {
    --bs-gutter-x: 1rem;
}

.change .g-sm,
.change .gy-sm {
    --bs-gutter-y: 1rem;
}

.change .g-md,
.change .gx-md {
    --bs-gutter-x: 2rem;
}

.change .g-md,
.change .gy-md {
    --bs-gutter-y: 2rem;
}

.change .g-lg,
.change .gx-lg {
    --bs-gutter-x: 4rem;
}

.change .g-lg,
.change .gy-lg {
    --bs-gutter-y: 4rem;
}

.change .g-xl,
.change .gx-xl {
    --bs-gutter-x: 8rem;
}

.change .g-xl,
.change .gy-xl {
    --bs-gutter-y: 8rem;
}

@media (min-width: 576px) {
    .change .col-sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .change .row-cols-sm-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .row-cols-sm-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .row-cols-sm-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .row-cols-sm-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .row-cols-sm-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .change .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .change .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .change .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .change .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .change .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .change .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .change .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .change .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .offset-sm-0 {
        margin-left: 0;
    }

    .change .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .change .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .change .offset-sm-3 {
        margin-left: 25%;
    }

    .change .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .change .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .change .offset-sm-6 {
        margin-left: 50%;
    }

    .change .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .change .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .change .offset-sm-9 {
        margin-left: 75%;
    }

    .change .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .change .offset-sm-11 {
        margin-left: 91.66667%;
    }

    .change .g-sm-0,
    .change .gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .change .g-sm-0,
    .change .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .change .g-sm-1,
    .change .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .change .g-sm-1,
    .change .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .change .g-sm-2,
    .change .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .change .g-sm-2,
    .change .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .change .g-sm-3,
    .change .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .change .g-sm-3,
    .change .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .change .g-sm-4,
    .change .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .change .g-sm-4,
    .change .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .change .g-sm-5,
    .change .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .change .g-sm-5,
    .change .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }

    .change .g-sm-6,
    .change .gx-sm-6 {
        --bs-gutter-x: 5rem;
    }

    .change .g-sm-6,
    .change .gy-sm-6 {
        --bs-gutter-y: 5rem;
    }

    .change .g-sm-7,
    .change .gx-sm-7 {
        --bs-gutter-x: 8rem;
    }

    .change .g-sm-7,
    .change .gy-sm-7 {
        --bs-gutter-y: 8rem;
    }

    .change .g-sm-8,
    .change .gx-sm-8 {
        --bs-gutter-x: 10rem;
    }

    .change .g-sm-8,
    .change .gy-sm-8 {
        --bs-gutter-y: 10rem;
    }

    .change .g-sm-9,
    .change .gx-sm-9 {
        --bs-gutter-x: 11rem;
    }

    .change .g-sm-9,
    .change .gy-sm-9 {
        --bs-gutter-y: 11rem;
    }

    .change .g-sm-10,
    .change .gx-sm-10 {
        --bs-gutter-x: 14rem;
    }

    .change .g-sm-10,
    .change .gy-sm-10 {
        --bs-gutter-y: 14rem;
    }

    .change .g-sm-11,
    .change .gx-sm-11 {
        --bs-gutter-x: 16rem;
    }

    .change .g-sm-11,
    .change .gy-sm-11 {
        --bs-gutter-y: 16rem;
    }

    .change .g-sm-12,
    .change .gx-sm-12 {
        --bs-gutter-x: 20rem;
    }

    .change .g-sm-12,
    .change .gy-sm-12 {
        --bs-gutter-y: 20rem;
    }

    .change .g-sm-sm,
    .change .gx-sm-sm {
        --bs-gutter-x: 1rem;
    }

    .change .g-sm-sm,
    .change .gy-sm-sm {
        --bs-gutter-y: 1rem;
    }

    .change .g-sm-md,
    .change .gx-sm-md {
        --bs-gutter-x: 2rem;
    }

    .change .g-sm-md,
    .change .gy-sm-md {
        --bs-gutter-y: 2rem;
    }

    .change .g-sm-lg,
    .change .gx-sm-lg {
        --bs-gutter-x: 4rem;
    }

    .change .g-sm-lg,
    .change .gy-sm-lg {
        --bs-gutter-y: 4rem;
    }

    .change .g-sm-xl,
    .change .gx-sm-xl {
        --bs-gutter-x: 8rem;
    }

    .change .g-sm-xl,
    .change .gy-sm-xl {
        --bs-gutter-y: 8rem;
    }
}

@media (min-width: 768px) {
    .change .col-md {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .change .row-cols-md-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .row-cols-md-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .row-cols-md-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .row-cols-md-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .row-cols-md-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .change .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .change .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .change .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .change .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .change .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .change .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .change .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .change .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .offset-md-0 {
        margin-left: 0;
    }

    .change .offset-md-1 {
        margin-left: 8.33333%;
    }

    .change .offset-md-2 {
        margin-left: 16.66667%;
    }

    .change .offset-md-3 {
        margin-left: 25%;
    }

    .change .offset-md-4 {
        margin-left: 33.33333%;
    }

    .change .offset-md-5 {
        margin-left: 41.66667%;
    }

    .change .offset-md-6 {
        margin-left: 50%;
    }

    .change .offset-md-7 {
        margin-left: 58.33333%;
    }

    .change .offset-md-8 {
        margin-left: 66.66667%;
    }

    .change .offset-md-9 {
        margin-left: 75%;
    }

    .change .offset-md-10 {
        margin-left: 83.33333%;
    }

    .change .offset-md-11 {
        margin-left: 91.66667%;
    }

    .change .g-md-0,
    .change .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .change .g-md-0,
    .change .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .change .g-md-1,
    .change .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .change .g-md-1,
    .change .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .change .g-md-2,
    .change .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .change .g-md-2,
    .change .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .change .g-md-3,
    .change .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .change .g-md-3,
    .change .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .change .g-md-4,
    .change .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .change .g-md-4,
    .change .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .change .g-md-5,
    .change .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .change .g-md-5,
    .change .gy-md-5 {
        --bs-gutter-y: 3rem;
    }

    .change .g-md-6,
    .change .gx-md-6 {
        --bs-gutter-x: 5rem;
    }

    .change .g-md-6,
    .change .gy-md-6 {
        --bs-gutter-y: 5rem;
    }

    .change .g-md-7,
    .change .gx-md-7 {
        --bs-gutter-x: 8rem;
    }

    .change .g-md-7,
    .change .gy-md-7 {
        --bs-gutter-y: 8rem;
    }

    .change .g-md-8,
    .change .gx-md-8 {
        --bs-gutter-x: 10rem;
    }

    .change .g-md-8,
    .change .gy-md-8 {
        --bs-gutter-y: 10rem;
    }

    .change .g-md-9,
    .change .gx-md-9 {
        --bs-gutter-x: 11rem;
    }

    .change .g-md-9,
    .change .gy-md-9 {
        --bs-gutter-y: 11rem;
    }

    .change .g-md-10,
    .change .gx-md-10 {
        --bs-gutter-x: 14rem;
    }

    .change .g-md-10,
    .change .gy-md-10 {
        --bs-gutter-y: 14rem;
    }

    .change .g-md-11,
    .change .gx-md-11 {
        --bs-gutter-x: 16rem;
    }

    .change .g-md-11,
    .change .gy-md-11 {
        --bs-gutter-y: 16rem;
    }

    .change .g-md-12,
    .change .gx-md-12 {
        --bs-gutter-x: 20rem;
    }

    .change .g-md-12,
    .change .gy-md-12 {
        --bs-gutter-y: 20rem;
    }

    .change .g-md-sm,
    .change .gx-md-sm {
        --bs-gutter-x: 1rem;
    }

    .change .g-md-sm,
    .change .gy-md-sm {
        --bs-gutter-y: 1rem;
    }

    .change .g-md-md,
    .change .gx-md-md {
        --bs-gutter-x: 2rem;
    }

    .change .g-md-md,
    .change .gy-md-md {
        --bs-gutter-y: 2rem;
    }

    .change .g-md-lg,
    .change .gx-md-lg {
        --bs-gutter-x: 4rem;
    }

    .change .g-md-lg,
    .change .gy-md-lg {
        --bs-gutter-y: 4rem;
    }

    .change .g-md-xl,
    .change .gx-md-xl {
        --bs-gutter-x: 8rem;
    }

    .change .g-md-xl,
    .change .gy-md-xl {
        --bs-gutter-y: 8rem;
    }
}

@media (min-width: 992px) {
    .change .col-lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .change .row-cols-lg-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .row-cols-lg-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .row-cols-lg-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .row-cols-lg-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .row-cols-lg-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .change .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .change .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .change .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .change .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .change .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .change .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .change .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .change .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .offset-lg-0 {
        margin-left: 0;
    }

    .change .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .change .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .change .offset-lg-3 {
        margin-left: 25%;
    }

    .change .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .change .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .change .offset-lg-6 {
        margin-left: 50%;
    }

    .change .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .change .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .change .offset-lg-9 {
        margin-left: 75%;
    }

    .change .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .change .offset-lg-11 {
        margin-left: 91.66667%;
    }

    .change .g-lg-0,
    .change .gx-lg-0 {
        --bs-gutter-x: 0;
    }

    .change .g-lg-0,
    .change .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .change .g-lg-1,
    .change .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .change .g-lg-1,
    .change .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .change .g-lg-2,
    .change .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .change .g-lg-2,
    .change .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .change .g-lg-3,
    .change .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .change .g-lg-3,
    .change .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .change .g-lg-4,
    .change .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .change .g-lg-4,
    .change .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .change .g-lg-5,
    .change .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .change .g-lg-5,
    .change .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }

    .change .g-lg-6,
    .change .gx-lg-6 {
        --bs-gutter-x: 5rem;
    }

    .change .g-lg-6,
    .change .gy-lg-6 {
        --bs-gutter-y: 5rem;
    }

    .change .g-lg-7,
    .change .gx-lg-7 {
        --bs-gutter-x: 8rem;
    }

    .change .g-lg-7,
    .change .gy-lg-7 {
        --bs-gutter-y: 8rem;
    }

    .change .g-lg-8,
    .change .gx-lg-8 {
        --bs-gutter-x: 10rem;
    }

    .change .g-lg-8,
    .change .gy-lg-8 {
        --bs-gutter-y: 10rem;
    }

    .change .g-lg-9,
    .change .gx-lg-9 {
        --bs-gutter-x: 11rem;
    }

    .change .g-lg-9,
    .change .gy-lg-9 {
        --bs-gutter-y: 11rem;
    }

    .change .g-lg-10,
    .change .gx-lg-10 {
        --bs-gutter-x: 14rem;
    }

    .change .g-lg-10,
    .change .gy-lg-10 {
        --bs-gutter-y: 14rem;
    }

    .change .g-lg-11,
    .change .gx-lg-11 {
        --bs-gutter-x: 16rem;
    }

    .change .g-lg-11,
    .change .gy-lg-11 {
        --bs-gutter-y: 16rem;
    }

    .change .g-lg-12,
    .change .gx-lg-12 {
        --bs-gutter-x: 20rem;
    }

    .change .g-lg-12,
    .change .gy-lg-12 {
        --bs-gutter-y: 20rem;
    }

    .change .g-lg-sm,
    .change .gx-lg-sm {
        --bs-gutter-x: 1rem;
    }

    .change .g-lg-sm,
    .change .gy-lg-sm {
        --bs-gutter-y: 1rem;
    }

    .change .g-lg-md,
    .change .gx-lg-md {
        --bs-gutter-x: 2rem;
    }

    .change .g-lg-md,
    .change .gy-lg-md {
        --bs-gutter-y: 2rem;
    }

    .change .g-lg-lg,
    .change .gx-lg-lg {
        --bs-gutter-x: 4rem;
    }

    .change .g-lg-lg,
    .change .gy-lg-lg {
        --bs-gutter-y: 4rem;
    }

    .change .g-lg-xl,
    .change .gx-lg-xl {
        --bs-gutter-x: 8rem;
    }

    .change .g-lg-xl,
    .change .gy-lg-xl {
        --bs-gutter-y: 8rem;
    }
}

@media (min-width: 1200px) {
    .change .col-xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .change .row-cols-xl-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .row-cols-xl-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .row-cols-xl-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .row-cols-xl-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .row-cols-xl-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .change .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .change .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .change .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .change .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .change .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .change .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .change .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .change .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .offset-xl-0 {
        margin-left: 0;
    }

    .change .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .change .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .change .offset-xl-3 {
        margin-left: 25%;
    }

    .change .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .change .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .change .offset-xl-6 {
        margin-left: 50%;
    }

    .change .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .change .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .change .offset-xl-9 {
        margin-left: 75%;
    }

    .change .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .change .offset-xl-11 {
        margin-left: 91.66667%;
    }

    .change .g-xl-0,
    .change .gx-xl-0 {
        --bs-gutter-x: 0;
    }

    .change .g-xl-0,
    .change .gy-xl-0 {
        --bs-gutter-y: 0;
    }

    .change .g-xl-1,
    .change .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .change .g-xl-1,
    .change .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .change .g-xl-2,
    .change .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .change .g-xl-2,
    .change .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .change .g-xl-3,
    .change .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }

    .change .g-xl-3,
    .change .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }

    .change .g-xl-4,
    .change .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .change .g-xl-4,
    .change .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .change .g-xl-5,
    .change .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }

    .change .g-xl-5,
    .change .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }

    .change .g-xl-6,
    .change .gx-xl-6 {
        --bs-gutter-x: 5rem;
    }

    .change .g-xl-6,
    .change .gy-xl-6 {
        --bs-gutter-y: 5rem;
    }

    .change .g-xl-7,
    .change .gx-xl-7 {
        --bs-gutter-x: 8rem;
    }

    .change .g-xl-7,
    .change .gy-xl-7 {
        --bs-gutter-y: 8rem;
    }

    .change .g-xl-8,
    .change .gx-xl-8 {
        --bs-gutter-x: 10rem;
    }

    .change .g-xl-8,
    .change .gy-xl-8 {
        --bs-gutter-y: 10rem;
    }

    .change .g-xl-9,
    .change .gx-xl-9 {
        --bs-gutter-x: 11rem;
    }

    .change .g-xl-9,
    .change .gy-xl-9 {
        --bs-gutter-y: 11rem;
    }

    .change .g-xl-10,
    .change .gx-xl-10 {
        --bs-gutter-x: 14rem;
    }

    .change .g-xl-10,
    .change .gy-xl-10 {
        --bs-gutter-y: 14rem;
    }

    .change .g-xl-11,
    .change .gx-xl-11 {
        --bs-gutter-x: 16rem;
    }

    .change .g-xl-11,
    .change .gy-xl-11 {
        --bs-gutter-y: 16rem;
    }

    .change .g-xl-12,
    .change .gx-xl-12 {
        --bs-gutter-x: 20rem;
    }

    .change .g-xl-12,
    .change .gy-xl-12 {
        --bs-gutter-y: 20rem;
    }

    .change .g-xl-sm,
    .change .gx-xl-sm {
        --bs-gutter-x: 1rem;
    }

    .change .g-xl-sm,
    .change .gy-xl-sm {
        --bs-gutter-y: 1rem;
    }

    .change .g-xl-md,
    .change .gx-xl-md {
        --bs-gutter-x: 2rem;
    }

    .change .g-xl-md,
    .change .gy-xl-md {
        --bs-gutter-y: 2rem;
    }

    .change .g-xl-lg,
    .change .gx-xl-lg {
        --bs-gutter-x: 4rem;
    }

    .change .g-xl-lg,
    .change .gy-xl-lg {
        --bs-gutter-y: 4rem;
    }

    .change .g-xl-xl,
    .change .gx-xl-xl {
        --bs-gutter-x: 8rem;
    }

    .change .g-xl-xl,
    .change .gy-xl-xl {
        --bs-gutter-y: 8rem;
    }
}

@media (min-width: 1400px) {
    .change .col-xxl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .change .row-cols-xxl-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .row-cols-xxl-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .row-cols-xxl-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .row-cols-xxl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .row-cols-xxl-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .row-cols-xxl-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .change .row-cols-xxl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-xxl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .change .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .change .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .change .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .change .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .change .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .change .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .change .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .change .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .change .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .change .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .change .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .change .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .change .offset-xxl-0 {
        margin-left: 0;
    }

    .change .offset-xxl-1 {
        margin-left: 8.33333%;
    }

    .change .offset-xxl-2 {
        margin-left: 16.66667%;
    }

    .change .offset-xxl-3 {
        margin-left: 25%;
    }

    .change .offset-xxl-4 {
        margin-left: 33.33333%;
    }

    .change .offset-xxl-5 {
        margin-left: 41.66667%;
    }

    .change .offset-xxl-6 {
        margin-left: 50%;
    }

    .change .offset-xxl-7 {
        margin-left: 58.33333%;
    }

    .change .offset-xxl-8 {
        margin-left: 66.66667%;
    }

    .change .offset-xxl-9 {
        margin-left: 75%;
    }

    .change .offset-xxl-10 {
        margin-left: 83.33333%;
    }

    .change .offset-xxl-11 {
        margin-left: 91.66667%;
    }

    .change .g-xxl-0,
    .change .gx-xxl-0 {
        --bs-gutter-x: 0;
    }

    .change .g-xxl-0,
    .change .gy-xxl-0 {
        --bs-gutter-y: 0;
    }

    .change .g-xxl-1,
    .change .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .change .g-xxl-1,
    .change .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .change .g-xxl-2,
    .change .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .change .g-xxl-2,
    .change .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .change .g-xxl-3,
    .change .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }

    .change .g-xxl-3,
    .change .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }

    .change .g-xxl-4,
    .change .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .change .g-xxl-4,
    .change .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .change .g-xxl-5,
    .change .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }

    .change .g-xxl-5,
    .change .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }

    .change .g-xxl-6,
    .change .gx-xxl-6 {
        --bs-gutter-x: 5rem;
    }

    .change .g-xxl-6,
    .change .gy-xxl-6 {
        --bs-gutter-y: 5rem;
    }

    .change .g-xxl-7,
    .change .gx-xxl-7 {
        --bs-gutter-x: 8rem;
    }

    .change .g-xxl-7,
    .change .gy-xxl-7 {
        --bs-gutter-y: 8rem;
    }

    .change .g-xxl-8,
    .change .gx-xxl-8 {
        --bs-gutter-x: 10rem;
    }

    .change .g-xxl-8,
    .change .gy-xxl-8 {
        --bs-gutter-y: 10rem;
    }

    .change .g-xxl-9,
    .change .gx-xxl-9 {
        --bs-gutter-x: 11rem;
    }

    .change .g-xxl-9,
    .change .gy-xxl-9 {
        --bs-gutter-y: 11rem;
    }

    .change .g-xxl-10,
    .change .gx-xxl-10 {
        --bs-gutter-x: 14rem;
    }

    .change .g-xxl-10,
    .change .gy-xxl-10 {
        --bs-gutter-y: 14rem;
    }

    .change .g-xxl-11,
    .change .gx-xxl-11 {
        --bs-gutter-x: 16rem;
    }

    .change .g-xxl-11,
    .change .gy-xxl-11 {
        --bs-gutter-y: 16rem;
    }

    .change .g-xxl-12,
    .change .gx-xxl-12 {
        --bs-gutter-x: 20rem;
    }

    .change .g-xxl-12,
    .change .gy-xxl-12 {
        --bs-gutter-y: 20rem;
    }

    .change .g-xxl-sm,
    .change .gx-xxl-sm {
        --bs-gutter-x: 1rem;
    }

    .change .g-xxl-sm,
    .change .gy-xxl-sm {
        --bs-gutter-y: 1rem;
    }

    .change .g-xxl-md,
    .change .gx-xxl-md {
        --bs-gutter-x: 2rem;
    }

    .change .g-xxl-md,
    .change .gy-xxl-md {
        --bs-gutter-y: 2rem;
    }

    .change .g-xxl-lg,
    .change .gx-xxl-lg {
        --bs-gutter-x: 4rem;
    }

    .change .g-xxl-lg,
    .change .gy-xxl-lg {
        --bs-gutter-y: 4rem;
    }

    .change .g-xxl-xl,
    .change .gx-xxl-xl {
        --bs-gutter-x: 8rem;
    }

    .change .g-xxl-xl,
    .change .gy-xxl-xl {
        --bs-gutter-y: 8rem;
    }
}

.change .table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #374151;
    --bs-table-striped-bg: rgba(17, 24, 39, 0.05);
    --bs-table-active-color: #374151;
    --bs-table-active-bg: rgba(17, 24, 39, 0.1);
    --bs-table-hover-color: #374151;
    --bs-table-hover-bg: rgba(17, 24, 39, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #374151;
    vertical-align: top;
    border-color: #e5e7eb;
}

    .change .table > :not(caption) > * > * {
        padding: .75rem .5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: .0625rem;
        -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }

    .change .table > tbody {
        vertical-align: inherit;
    }

    .change .table > thead {
        vertical-align: bottom;
    }

    .change .table > :not(:last-child) > :last-child > * {
        border-bottom-color: currentColor;
    }

.change .caption-top {
    caption-side: top;
}

.change .table-sm > :not(caption) > * > * {
    padding: .25rem .25rem;
}

.change .table-bordered > :not(caption) > * {
    border-width: .0625rem 0;
}

    .change .table-bordered > :not(caption) > * > * {
        border-width: 0 .0625rem;
    }

.change .table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}

.change .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.change .table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}

.change .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}

.change .table-primary {
    --bs-table-bg: #d2d4d7;
    --bs-table-striped-bg: #c9cbcf;
    --bs-table-striped-color: #2C2C2C;
    --bs-table-active-bg: #c0c3c7;
    --bs-table-active-color: #2C2C2C;
    --bs-table-hover-bg: #c5c7cb;
    --bs-table-hover-color: #2C2C2C;
    color: #2C2C2C;
    border-color: #c0c3c7;
}

.change .table-secondary {
    --bs-table-bg: #fcf2e3;
    --bs-table-striped-bg: #f1e8da;
    --bs-table-striped-color: #2C2C2C;
    --bs-table-active-bg: #e6ded2;
    --bs-table-active-color: #2C2C2C;
    --bs-table-hover-bg: #ebe3d6;
    --bs-table-hover-color: #2C2C2C;
    color: #2C2C2C;
    border-color: #e6ded2;
}

.change .table-success {
    --bs-table-bg: #cff1e6;
    --bs-table-striped-bg: #c6e7dd;
    --bs-table-striped-color: #2C2C2C;
    --bs-table-active-bg: #bdddd5;
    --bs-table-active-color: #2C2C2C;
    --bs-table-hover-bg: #c2e2d9;
    --bs-table-hover-color: #2C2C2C;
    color: #2C2C2C;
    border-color: #bdddd5;
}

.change .table-info {
    --bs-table-bg: #d3dff5;
    --bs-table-striped-bg: #cad6ec;
    --bs-table-striped-color: #2C2C2C;
    --bs-table-active-bg: #c1cde2;
    --bs-table-active-color: #2C2C2C;
    --bs-table-hover-bg: #c6d1e7;
    --bs-table-hover-color: #2C2C2C;
    color: #2C2C2C;
    border-color: #c1cde2;
}

.change .table-warning {
    --bs-table-bg: #feeed1;
    --bs-table-striped-bg: #f3e4c9;
    --bs-table-striped-color: #2C2C2C;
    --bs-table-active-bg: #e8dac2;
    --bs-table-active-color: #2C2C2C;
    --bs-table-hover-bg: #eddfc5;
    --bs-table-hover-color: #2C2C2C;
    color: #2C2C2C;
    border-color: #e8dac2;
}

.change .table-danger {
    --bs-table-bg: #f9d2da;
    --bs-table-striped-bg: #eecad2;
    --bs-table-striped-color: #2C2C2C;
    --bs-table-active-bg: #e3c1ca;
    --bs-table-active-color: #2C2C2C;
    --bs-table-hover-bg: #e9c5ce;
    --bs-table-hover-color: #2C2C2C;
    color: #2C2C2C;
    border-color: #e3c1ca;
}

.change .table-light {
    --bs-table-bg: #9CA3AF;
    --bs-table-striped-bg: #969da9;
    --bs-table-striped-color: #2C2C2C;
    --bs-table-active-bg: #9097a3;
    --bs-table-active-color: #2C2C2C;
    --bs-table-hover-bg: #939aa6;
    --bs-table-hover-color: #2C2C2C;
    color: #2C2C2C;
    border-color: #9097a3;
}

.change .table-dark {
    --bs-table-bg: #2C2C2C;
    --bs-table-striped-bg: #2a3441;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #353e4b;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #303946;
    --bs-table-hover-color: #ffffff;
    color: #fff;
    border-color: #353e4b;
}

.change .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
    .change .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .change .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    .change .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199.98px) {
    .change .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399.98px) {
    .change .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.change .form-label {
    margin-bottom: .5rem;
}

.change .col-form-label {
    padding-top: .5625rem;
    padding-bottom: .5625rem;
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.change .col-form-label-lg {
    padding-top: .5625rem;
    padding-bottom: .5625rem;
    font-size: 1.25rem;
}

.change .col-form-label-sm {
    padding-top: .4375rem;
    padding-bottom: .4375rem;
    font-size: .875rem;
}

.change .form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #58677d;
}

.change .form-control {
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6b7280;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid #d1d5db;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .form-control {
        -webkit-transition: none;
        transition: none;
    }
}

.change .form-control[type=file] {
    overflow: hidden;
}

    .change .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

.change .form-control:focus {
    color: #6b7280;
    background-color: #fff;
    border-color: #4d6689;
    outline: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.change .form-control::-webkit-date-and-time-value {
    height: 1.5em;
}

.change .form-control::-webkit-input-placeholder {
    color: #4b5563;
    opacity: 1;
}

.change .form-control:-ms-input-placeholder {
    color: #4b5563;
    opacity: 1;
}

.change .form-control::-ms-input-placeholder {
    color: #4b5563;
    opacity: 1;
}

.change .form-control::placeholder {
    color: #4b5563;
    opacity: 1;
}

.change .form-control:disabled,
.change .form-control[readonly] {
    background-color: #e5e7eb;
    opacity: 1;
}

.change .form-control::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    color: #6b7280;
    background-color: #fff;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: .0625rem;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .form-control::file-selector-button {
        -webkit-transition: none;
        transition: none;
    }
}

.change .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #f2f2f2;
}

.change .form-control::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    color: #6b7280;
    background-color: #fff;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: .0625rem;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
}

.change .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #f2f2f2;
}

.change .form-control-plaintext {
    display: block;
    width: 100%;
    padding: .5rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #374151;
    background-color: transparent;
    border: solid transparent;
    border-width: .0625rem 0;
}

    .change .form-control-plaintext.form-control-lg,
    .change .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0;
    }

.change .form-control-sm {
    min-height: calc(1.5em + .875rem);
    padding: .375rem .625rem;
    font-size: .875rem;
    border-radius: .5rem;
}

    .change .form-control-sm::file-selector-button {
        padding: .375rem .625rem;
        margin: -.375rem -.625rem;
        -webkit-margin-end: .625rem;
        margin-inline-end: .625rem;
    }

    .change .form-control-sm::-webkit-file-upload-button {
        padding: .375rem .625rem;
        margin: -.375rem -.625rem;
        -webkit-margin-end: .625rem;
        margin-inline-end: .625rem;
    }

.change .form-control-lg {
    min-height: calc(1.5em + 1.125rem);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem;
}

    .change .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
    }

    .change .form-control-lg::-webkit-file-upload-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
    }

.change textarea.form-control {
    min-height: calc(1.5em + 1.125rem);
}

.change textarea.form-control-sm {
    min-height: calc(1.5em + .875rem);
}

.change textarea.form-control-lg {
    min-height: calc(1.5em + 1.125rem);
}

.change .form-control-color {
    max-width: 3rem;
    height: auto;
    padding: .5rem;
}

    .change .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .change .form-control-color::-moz-color-swatch {
        height: 1.5em;
        border-radius: .5rem;
    }

    .change .form-control-color::-webkit-color-swatch {
        height: 1.5em;
        border-radius: .5rem;
    }

.change .form-select {
    display: block;
    width: 100%;
    padding: .5rem 1rem .5rem 1rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6b7280;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: .0625rem solid #d1d5db;
    border-radius: .5rem;
    -webkit-box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .change .form-select:focus {
        border-color: #4d6689;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
        box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    }

    .change .form-select[multiple],
    .change .form-select[size]:not([size="1"]) {
        padding-right: 1rem;
        background-image: none;
    }

    .change .form-select:disabled {
        color: #4b5563;
        background-color: #e5e7eb;
    }

    .change .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #6b7280;
    }

.change .form-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    padding-left: .625rem;
    font-size: .875rem;
}

.change .form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.change .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.625em;
    margin-bottom: .125rem;
}

    .change .form-check .form-check-input {
        float: left;
        margin-left: -1.625em;
    }

.change .form-check-input {
    width: 1.125em;
    height: 1.125em;
    margin-top: .1875em;
    vertical-align: top;
    background-color: #f2f4f6;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #d1d5db;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    -webkit-transition: background-color .2s ease-in-out, background-position .2s ease-in-out, border-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, background-position .2s ease-in-out, border-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, background-position .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, background-position .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .form-check-input {
        -webkit-transition: none;
        transition: none;
    }
}

.change .form-check-input[type=checkbox] {
    border-radius: .25em;
}

.change .form-check-input[type=radio] {
    border-radius: 50%;
}

.change .form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.change .form-check-input:focus {
    border-color: #4d6689;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.change .form-check-input:checked {
    background-color: #2C2C2C;
    border-color: #2C2C2C;
}

    .change .form-check-input:checked[type=checkbox] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    .change .form-check-input:checked[type=radio] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
    }

.change .form-check-input[type=checkbox]:indeterminate {
    background-color: #2C2C2C;
    border-color: #2C2C2C;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.change .form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5;
}

    .change .form-check-input:disabled ~ .form-check-label,
    .change .form-check-input[disabled] ~ .form-check-label {
        opacity: .5;
    }

.change .form-switch {
    padding-left: 2.75em;
}

    .change .form-switch .form-check-input {
        width: 2.25em;
        margin-left: -2.75em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%234B5563'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2.25em;
        -webkit-transition: background-position .15s ease-in-out;
        transition: background-position .15s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .change .form-switch .form-check-input {
        -webkit-transition: none;
        transition: none;
    }
}

.change .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%234d6689'/%3e%3c/svg%3e");
}

.change .form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.change .form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.change .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

    .change .btn-check:disabled + .btn,
    .change .btn-check[disabled] + .btn {
        pointer-events: none;
        -webkit-filter: none;
        filter: none;
        opacity: .65;
    }

.change .form-range {
    width: 100%;
    height: 1.36rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .change .form-range:focus {
        outline: 0;
    }

        .change .form-range:focus::-webkit-slider-thumb {
            -webkit-box-shadow: 0 0 0 1px #f2f4f6, 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
            box-shadow: 0 0 0 1px #f2f4f6, 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
        }

        .change .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #f2f4f6, 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
        }

    .change .form-range::-moz-focus-outer {
        border: 0;
    }

    .change .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #2C2C2C;
        border: 0;
        border-radius: 1rem;
        -webkit-box-shadow: 0 0.1rem 0.25rem rgba(17, 24, 39, 0.1);
        box-shadow: 0 0.1rem 0.25rem rgba(17, 24, 39, 0.1);
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
    }

@media (prefers-reduced-motion: reduce) {
    .change .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.change .form-range::-webkit-slider-thumb:active {
    background-color: #627fa7;
}

.change .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #d1d5db;
    border-color: transparent;
    border-radius: 1rem;
    -webkit-box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
}

.change .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #2C2C2C;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(17, 24, 39, 0.1);
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .change .form-range::-moz-range-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.change .form-range::-moz-range-thumb:active {
    background-color: #627fa7;
}

.change .form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #d1d5db;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
}

.change .form-range:disabled {
    pointer-events: none;
}

    .change .form-range:disabled::-webkit-slider-thumb {
        background-color: #6b7280;
    }

    .change .form-range:disabled::-moz-range-thumb {
        background-color: #6b7280;
    }

.change .form-floating {
    position: relative;
}

    .change .form-floating > .form-control,
    .change .form-floating > .form-select {
        height: 3.625rem;
        padding: 1rem 1rem;
    }

    .change .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 1rem 1rem;
        pointer-events: none;
        border: .0625rem solid transparent;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
        transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
        transition: opacity .1s ease-in-out, transform .1s ease-in-out;
        transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .change .form-floating > label {
        -webkit-transition: none;
        transition: none;
    }
}

.change .form-floating > .form-control::-webkit-input-placeholder {
    color: transparent;
}

.change .form-floating > .form-control:-ms-input-placeholder {
    color: transparent;
}

.change .form-floating > .form-control::-ms-input-placeholder {
    color: transparent;
}

.change .form-floating > .form-control::placeholder {
    color: transparent;
}

.change .form-floating > .form-control:focus,
.change .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.change .form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.change .form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

    .change .form-floating > .form-control:focus ~ label,
    .change .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .change .form-floating > .form-select ~ label {
        opacity: .65;
        -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }

.change .form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.change .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

    .change .input-group > .form-control,
    .change .input-group > .form-select {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }

        .change .input-group > .form-control:focus,
        .change .input-group > .form-select:focus {
            z-index: 3;
        }

    .change .input-group .btn {
        position: relative;
        z-index: 2;
    }

        .change .input-group .btn:focus {
            z-index: 3;
        }

.change .input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .625rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #9ca3af;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: .0625rem solid #d1d5db;
    border-radius: .5rem;
}

.change .input-group-lg > .btn,
.change .input-group-lg > .form-control,
.change .input-group-lg > .form-select,
.change .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem;
}

.change .input-group-sm > .btn,
.change .input-group-sm > .form-control,
.change .input-group-sm > .form-select,
.change .input-group-sm > .input-group-text {
    padding: .375rem .625rem;
    font-size: .875rem;
    border-radius: .5rem;
}

.change .input-group-lg > .form-select,
.change .input-group-sm > .form-select {
    padding-right: 2rem;
}

.change .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.change .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.change .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.change .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.change .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -.0625rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.change .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #10b981;
}

.change .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .375rem .55rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #2C2C2C;
    background-color: rgba(16, 185, 129, 0.99);
    border-radius: .5rem;
}

.change .is-valid ~ .valid-feedback,
.change .is-valid ~ .valid-tooltip,
.change .was-validated :valid ~ .valid-feedback,
.change .was-validated :valid ~ .valid-tooltip {
    display: block;
}

.change .form-control.is-valid,
.change .was-validated .form-control:valid {
    border-color: #10b981;
    padding-right: calc(1.5em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2310B981' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .25rem) center;
    background-size: calc(.75em + .5rem) calc(.75em + .5rem);
}

    .change .form-control.is-valid:focus,
    .change .was-validated .form-control:valid:focus {
        border-color: #10b981;
        -webkit-box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.25);
        box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.25);
    }

.change .was-validated textarea.form-control:valid,
.change textarea.form-control.is-valid {
    padding-right: calc(1.5em + 1rem);
    background-position: top calc(.375em + .25rem) right calc(.375em + .25rem);
}

.change .form-select.is-valid,
.change .was-validated .form-select:valid {
    border-color: #10b981;
}

    .change .form-select.is-valid:not([multiple]):not([size]),
    .change .form-select.is-valid:not([multiple])[size="1"],
    .change .was-validated .form-select:valid:not([multiple]):not([size]),
    .change .was-validated .form-select:valid:not([multiple])[size="1"] {
        padding-right: 3.5rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2310B981' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-position: right 1rem center, center right 2rem;
        background-size: 16px 12px, calc(.75em + .5rem) calc(.75em + .5rem);
    }

    .change .form-select.is-valid:focus,
    .change .was-validated .form-select:valid:focus {
        border-color: #10b981;
        -webkit-box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.25);
        box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.25);
    }

.change .form-check-input.is-valid,
.change .was-validated .form-check-input:valid {
    border-color: #10b981;
}

    .change .form-check-input.is-valid:checked,
    .change .was-validated .form-check-input:valid:checked {
        background-color: #10b981;
    }

    .change .form-check-input.is-valid:focus,
    .change .was-validated .form-check-input:valid:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.25);
        box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.25);
    }

    .change .form-check-input.is-valid ~ .form-check-label,
    .change .was-validated .form-check-input:valid ~ .form-check-label {
        color: #10b981;
    }

.change .form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em;
}

.change .input-group .form-control.is-valid,
.change .input-group .form-select.is-valid,
.change .was-validated .input-group .form-control:valid,
.change .was-validated .input-group .form-select:valid {
    z-index: 1;
}

    .change .input-group .form-control.is-valid:focus,
    .change .input-group .form-select.is-valid:focus,
    .change .was-validated .input-group .form-control:valid:focus,
    .change .was-validated .input-group .form-select:valid:focus {
        z-index: 3;
    }

.change .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #e11d48;
}

.change .invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .375rem .55rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(225, 29, 72, 0.99);
    border-radius: .5rem;
}

.change .is-invalid ~ .invalid-feedback,
.change .is-invalid ~ .invalid-tooltip,
.change .was-validated :invalid ~ .invalid-feedback,
.change .was-validated :invalid ~ .invalid-tooltip {
    display: block;
}

.change .form-control.is-invalid,
.change .was-validated .form-control:invalid {
    border-color: #e11d48;
    padding-right: calc(1.5em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E11D48' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E11D48' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .25rem) center;
    background-size: calc(.75em + .5rem) calc(.75em + .5rem);
}

    .change .form-control.is-invalid:focus,
    .change .was-validated .form-control:invalid:focus {
        border-color: #e11d48;
        -webkit-box-shadow: 0 0 0 0.18rem rgba(225, 29, 72, 0.25);
        box-shadow: 0 0 0 0.18rem rgba(225, 29, 72, 0.25);
    }

.change .was-validated textarea.form-control:invalid,
.change textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 1rem);
    background-position: top calc(.375em + .25rem) right calc(.375em + .25rem);
}

.change .form-select.is-invalid,
.change .was-validated .form-select:invalid {
    border-color: #e11d48;
}

    .change .form-select.is-invalid:not([multiple]):not([size]),
    .change .form-select.is-invalid:not([multiple])[size="1"],
    .change .was-validated .form-select:invalid:not([multiple]):not([size]),
    .change .was-validated .form-select:invalid:not([multiple])[size="1"] {
        padding-right: 3.5rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23E11D48' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E11D48' stroke='none'/%3e%3c/svg%3e");
        background-position: right 1rem center, center right 2rem;
        background-size: 16px 12px, calc(.75em + .5rem) calc(.75em + .5rem);
    }

    .change .form-select.is-invalid:focus,
    .change .was-validated .form-select:invalid:focus {
        border-color: #e11d48;
        -webkit-box-shadow: 0 0 0 0.18rem rgba(225, 29, 72, 0.25);
        box-shadow: 0 0 0 0.18rem rgba(225, 29, 72, 0.25);
    }

.change .form-check-input.is-invalid,
.change .was-validated .form-check-input:invalid {
    border-color: #e11d48;
}

    .change .form-check-input.is-invalid:checked,
    .change .was-validated .form-check-input:invalid:checked {
        background-color: #e11d48;
    }

    .change .form-check-input.is-invalid:focus,
    .change .was-validated .form-check-input:invalid:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(225, 29, 72, 0.25);
        box-shadow: 0 0 0 0.18rem rgba(225, 29, 72, 0.25);
    }

    .change .form-check-input.is-invalid ~ .form-check-label,
    .change .was-validated .form-check-input:invalid ~ .form-check-label {
        color: #e11d48;
    }

.change .form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em;
}

.change .input-group .form-control.is-invalid,
.change .input-group .form-select.is-invalid,
.change .was-validated .input-group .form-control:invalid,
.change .was-validated .input-group .form-select:invalid {
    z-index: 2;
}

    .change .input-group .form-control.is-invalid:focus,
    .change .input-group .form-select.is-invalid:focus,
    .change .was-validated .input-group .form-control:invalid:focus,
    .change .was-validated .input-group .form-select:invalid:focus {
        z-index: 3;
    }

.change .btn {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: #374151;
    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: .0625rem solid transparent;
    padding: .5rem 1rem;
    font-size: .875rem;
    border-radius: .5rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .btn {
        -webkit-transition: none;
        transition: none;
    }
}

.change .btn:hover {
    color: #374151;
}

.change .btn-check:focus + .btn,
.change .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.change .btn-check:active + .btn,
.change .btn-check:checked + .btn,
.change .btn.active,
.change .btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125);
    box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125);
}

    .change .btn-check:active + .btn:focus,
    .change .btn-check:checked + .btn:focus,
    .change .btn.active:focus,
    .change .btn:active:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25), inset 0 3px 5px rgba(17, 24, 39, 0.125);
        box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25), inset 0 3px 5px rgba(17, 24, 39, 0.125);
    }

.change .btn.disabled,
.change .btn:disabled,
.change fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.change .btn-primary {
    color: #fff;
    background-color: #2C2C2C;
    border-color: #2C2C2C;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-primary:hover {
        color: #fff;
        background-color: #1a232f;
        border-color: #19212c;
    }

    .change .btn-check:focus + .btn-primary,
    .change .btn-primary:focus {
        color: #fff;
        background-color: #1a232f;
        border-color: #19212c;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(65, 73, 85, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(65, 73, 85, 0.5);
    }

    .change .btn-check:active + .btn-primary,
    .change .btn-check:checked + .btn-primary,
    .change .btn-primary.active,
    .change .btn-primary:active,
    .change .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #19212c;
        border-color: #171f29;
    }

        .change .btn-check:active + .btn-primary:focus,
        .change .btn-check:checked + .btn-primary:focus,
        .change .btn-primary.active:focus,
        .change .btn-primary:active:focus,
        .change .show > .btn-primary.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(65, 73, 85, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(65, 73, 85, 0.5);
        }

    .change .btn-primary.disabled,
    .change .btn-primary:disabled {
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

.change .btn-secondary {
    color: #2C2C2C;
    background-color: #ffcc00;
    border-color: #ffcc00;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-secondary:hover {
        color: #2C2C2C;
        background-color: #f2c689;
        border-color: #2C2C2C;
    }

    .change .btn-check:focus + .btn-secondary,
    .change .btn-secondary:focus {
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(209, 166, 107, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(209, 166, 107, 0.5);
    }

    .change .btn-check:active + .btn-secondary,
    .change .btn-check:checked + .btn-secondary,
    .change .btn-secondary.active,
    .change .btn-secondary:active,
    .change .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

        .change .btn-check:active + .btn-secondary:focus,
        .change .btn-check:checked + .btn-secondary:focus,
        .change .btn-secondary.active:focus,
        .change .btn-secondary:active:focus,
        .change .show > .btn-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(209, 166, 107, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(209, 166, 107, 0.5);
        }

    .change .btn-secondary.disabled,
    .change .btn-secondary:disabled {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

.change .btn-tertiary {
    color: #fff;
    background-color: #31316a;
    border-color: #31316a;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-tertiary:hover {
        color: #fff;
        background-color: #2a2a5a;
        border-color: #272755;
    }

    .change .btn-check:focus + .btn-tertiary,
    .change .btn-tertiary:focus {
        color: #fff;
        background-color: #2a2a5a;
        border-color: #272755;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(80, 80, 128, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(80, 80, 128, 0.5);
    }

    .change .btn-check:active + .btn-tertiary,
    .change .btn-check:checked + .btn-tertiary,
    .change .btn-tertiary.active,
    .change .btn-tertiary:active,
    .change .show > .btn-tertiary.dropdown-toggle {
        color: #fff;
        background-color: #272755;
        border-color: #252550;
    }

        .change .btn-check:active + .btn-tertiary:focus,
        .change .btn-check:checked + .btn-tertiary:focus,
        .change .btn-tertiary.active:focus,
        .change .btn-tertiary:active:focus,
        .change .show > .btn-tertiary.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(80, 80, 128, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(80, 80, 128, 0.5);
        }

    .change .btn-tertiary.disabled,
    .change .btn-tertiary:disabled {
        color: #fff;
        background-color: #31316a;
        border-color: #31316a;
    }

.change .btn-success {
    color: #2C2C2C;
    background-color: #10b981;
    border-color: #10b981;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-success:hover {
        color: #2C2C2C;
        background-color: #34c494;
        border-color: #28c08e;
    }

    .change .btn-check:focus + .btn-success,
    .change .btn-success:focus {
        color: #2C2C2C;
        background-color: #34c494;
        border-color: #28c08e;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(18, 163, 118, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(18, 163, 118, 0.5);
    }

    .change .btn-check:active + .btn-success,
    .change .btn-check:checked + .btn-success,
    .change .btn-success.active,
    .change .btn-success:active,
    .change .show > .btn-success.dropdown-toggle {
        color: #2C2C2C;
        background-color: #40c79a;
        border-color: #28c08e;
    }

        .change .btn-check:active + .btn-success:focus,
        .change .btn-check:checked + .btn-success:focus,
        .change .btn-success.active:focus,
        .change .btn-success:active:focus,
        .change .show > .btn-success.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(18, 163, 118, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(18, 163, 118, 0.5);
        }

    .change .btn-success.disabled,
    .change .btn-success:disabled {
        color: #2C2C2C;
        background-color: #10b981;
        border-color: #10b981;
    }

.change .btn-info {
    color: #fff;
    background-color: #2361ce;
    border-color: #2361ce;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-info:hover {
        color: #fff;
        background-color: #1e52af;
        border-color: #1c4ea5;
    }

    .change .btn-check:focus + .btn-info,
    .change .btn-info:focus {
        color: #fff;
        background-color: #1e52af;
        border-color: #1c4ea5;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(68, 121, 213, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(68, 121, 213, 0.5);
    }

    .change .btn-check:active + .btn-info,
    .change .btn-check:checked + .btn-info,
    .change .btn-info.active,
    .change .btn-info:active,
    .change .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #1c4ea5;
        border-color: #1a499b;
    }

        .change .btn-check:active + .btn-info:focus,
        .change .btn-check:checked + .btn-info:focus,
        .change .btn-info.active:focus,
        .change .btn-info:active:focus,
        .change .show > .btn-info.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(68, 121, 213, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(68, 121, 213, 0.5);
        }

    .change .btn-info.disabled,
    .change .btn-info:disabled {
        color: #fff;
        background-color: #2361ce;
        border-color: #2361ce;
    }

.change .btn-warning {
    color: #2C2C2C;
    background-color: #fba918;
    border-color: #fba918;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-warning:hover {
        color: #2C2C2C;
        background-color: #fcb63b;
        border-color: #fbb22f;
    }

    .change .btn-check:focus + .btn-warning,
    .change .btn-warning:focus {
        color: #2C2C2C;
        background-color: #fcb63b;
        border-color: #fbb22f;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(218, 150, 29, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(218, 150, 29, 0.5);
    }

    .change .btn-check:active + .btn-warning,
    .change .btn-check:checked + .btn-warning,
    .change .btn-warning.active,
    .change .btn-warning:active,
    .change .show > .btn-warning.dropdown-toggle {
        color: #2C2C2C;
        background-color: #fcba46;
        border-color: #fbb22f;
    }

        .change .btn-check:active + .btn-warning:focus,
        .change .btn-check:checked + .btn-warning:focus,
        .change .btn-warning.active:focus,
        .change .btn-warning:active:focus,
        .change .show > .btn-warning.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(218, 150, 29, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(218, 150, 29, 0.5);
        }

    .change .btn-warning.disabled,
    .change .btn-warning:disabled {
        color: #2C2C2C;
        background-color: #fba918;
        border-color: #fba918;
    }

.change .btn-danger {
    color: #fff;
    background-color: #e11d48;
    border-color: #e11d48;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-danger:hover {
        color: #fff;
        background-color: #bf193d;
        border-color: #b4173a;
    }

    .change .btn-check:focus + .btn-danger,
    .change .btn-danger:focus {
        color: #fff;
        background-color: #bf193d;
        border-color: #b4173a;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(230, 63, 99, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(230, 63, 99, 0.5);
    }

    .change .btn-check:active + .btn-danger,
    .change .btn-check:checked + .btn-danger,
    .change .btn-danger.active,
    .change .btn-danger:active,
    .change .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #b4173a;
        border-color: #a91636;
    }

        .change .btn-check:active + .btn-danger:focus,
        .change .btn-check:checked + .btn-danger:focus,
        .change .btn-danger.active:focus,
        .change .btn-danger:active:focus,
        .change .show > .btn-danger.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(230, 63, 99, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(230, 63, 99, 0.5);
        }

    .change .btn-danger.disabled,
    .change .btn-danger:disabled {
        color: #fff;
        background-color: #e11d48;
        border-color: #e11d48;
    }

.change .btn-white {
    color: #2C2C2C;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-white:hover {
        color: #2C2C2C;
        background-color: #fff;
        border-color: #fff;
    }

    .change .btn-check:focus + .btn-white,
    .change .btn-white:focus {
        color: #2C2C2C;
        background-color: #fff;
        border-color: #fff;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(221, 223, 225, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(221, 223, 225, 0.5);
    }

    .change .btn-check:active + .btn-white,
    .change .btn-check:checked + .btn-white,
    .change .btn-white.active,
    .change .btn-white:active,
    .change .show > .btn-white.dropdown-toggle {
        color: #2C2C2C;
        background-color: #fff;
        border-color: #fff;
    }

        .change .btn-check:active + .btn-white:focus,
        .change .btn-check:checked + .btn-white:focus,
        .change .btn-white.active:focus,
        .change .btn-white:active:focus,
        .change .show > .btn-white.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(221, 223, 225, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(221, 223, 225, 0.5);
        }

    .change .btn-white.disabled,
    .change .btn-white:disabled {
        color: #2C2C2C;
        background-color: #fff;
        border-color: #fff;
    }

.change .btn-indigo {
    color: #fff;
    background-color: #4f46e5;
    border-color: #4f46e5;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-indigo:hover {
        color: #fff;
        background-color: #433cc3;
        border-color: #3f38b7;
    }

    .change .btn-check:focus + .btn-indigo,
    .change .btn-indigo:focus {
        color: #fff;
        background-color: #433cc3;
        border-color: #3f38b7;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(105, 98, 233, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(105, 98, 233, 0.5);
    }

    .change .btn-check:active + .btn-indigo,
    .change .btn-check:checked + .btn-indigo,
    .change .btn-indigo.active,
    .change .btn-indigo:active,
    .change .show > .btn-indigo.dropdown-toggle {
        color: #fff;
        background-color: #3f38b7;
        border-color: #3b35ac;
    }

        .change .btn-check:active + .btn-indigo:focus,
        .change .btn-check:checked + .btn-indigo:focus,
        .change .btn-indigo.active:focus,
        .change .btn-indigo:active:focus,
        .change .show > .btn-indigo.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(105, 98, 233, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(105, 98, 233, 0.5);
        }

    .change .btn-indigo.disabled,
    .change .btn-indigo:disabled {
        color: #fff;
        background-color: #4f46e5;
        border-color: #4f46e5;
    }

.change .btn-purple {
    color: #fff;
    background-color: #7c3aed;
    border-color: #7c3aed;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-purple:hover {
        color: #fff;
        background-color: #6931c9;
        border-color: #632ebe;
    }

    .change .btn-check:focus + .btn-purple,
    .change .btn-purple:focus {
        color: #fff;
        background-color: #6931c9;
        border-color: #632ebe;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(144, 88, 240, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(144, 88, 240, 0.5);
    }

    .change .btn-check:active + .btn-purple,
    .change .btn-check:checked + .btn-purple,
    .change .btn-purple.active,
    .change .btn-purple:active,
    .change .show > .btn-purple.dropdown-toggle {
        color: #fff;
        background-color: #632ebe;
        border-color: #5d2cb2;
    }

        .change .btn-check:active + .btn-purple:focus,
        .change .btn-check:checked + .btn-purple:focus,
        .change .btn-purple.active:focus,
        .change .btn-purple:active:focus,
        .change .show > .btn-purple.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(144, 88, 240, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(144, 88, 240, 0.5);
        }

    .change .btn-purple.disabled,
    .change .btn-purple:disabled {
        color: #fff;
        background-color: #7c3aed;
        border-color: #7c3aed;
    }

.change .btn-yellow-100 {
    color: #2C2C2C;
    background-color: #ffcc00;
    border-color: #ffcc00;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-yellow-100:hover {
        color: #2C2C2C;
        background-color: #fff1dc;
        border-color: #fff0da;
    }

    .change .btn-check:focus + .btn-yellow-100,
    .change .btn-yellow-100:focus {
        color: #2C2C2C;
        background-color: #fff1dc;
        border-color: #fff0da;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(221, 208, 190, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(221, 208, 190, 0.5);
    }

    .change .btn-check:active + .btn-yellow-100,
    .change .btn-check:checked + .btn-yellow-100,
    .change .btn-yellow-100.active,
    .change .btn-yellow-100:active,
    .change .show > .btn-yellow-100.dropdown-toggle {
        color: #2C2C2C;
        background-color: #fff1de;
        border-color: #fff0da;
    }

        .change .btn-check:active + .btn-yellow-100:focus,
        .change .btn-check:checked + .btn-yellow-100:focus,
        .change .btn-yellow-100.active:focus,
        .change .btn-yellow-100:active:focus,
        .change .show > .btn-yellow-100.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(221, 208, 190, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(221, 208, 190, 0.5);
        }

    .change .btn-yellow-100.disabled,
    .change .btn-yellow-100:disabled {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

.change .btn-yellow-200 {
    color: #2C2C2C;
    background-color: #ffcc00;
    border-color: #ffcc00;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-yellow-200:hover {
        color: #2C2C2C;
        background-color: #f7e0c3;
        border-color: #f6dfbf;
    }

    .change .btn-check:focus + .btn-yellow-200,
    .change .btn-yellow-200:focus {
        color: #2C2C2C;
        background-color: #f7e0c3;
        border-color: #f6dfbf;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(213, 192, 165, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(213, 192, 165, 0.5);
    }

    .change .btn-check:active + .btn-yellow-200,
    .change .btn-check:checked + .btn-yellow-200,
    .change .btn-yellow-200.active,
    .change .btn-yellow-200:active,
    .change .show > .btn-yellow-200.dropdown-toggle {
        color: #2C2C2C;
        background-color: #f7e2c6;
        border-color: #f6dfbf;
    }

        .change .btn-check:active + .btn-yellow-200:focus,
        .change .btn-check:checked + .btn-yellow-200:focus,
        .change .btn-yellow-200.active:focus,
        .change .btn-yellow-200:active:focus,
        .change .show > .btn-yellow-200.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(213, 192, 165, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(213, 192, 165, 0.5);
        }

    .change .btn-yellow-200.disabled,
    .change .btn-yellow-200:disabled {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

.change .btn-gray-50 {
    color: #2C2C2C;
    background-color: #f9fafb;
    border-color: #f9fafb;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-50:hover {
        color: #2C2C2C;
        background-color: #fafbfc;
        border-color: #fafbfb;
    }

    .change .btn-check:focus + .btn-gray-50,
    .change .btn-gray-50:focus {
        color: #2C2C2C;
        background-color: #fafbfc;
        border-color: #fafbfb;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(216, 219, 222, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(216, 219, 222, 0.5);
    }

    .change .btn-check:active + .btn-gray-50,
    .change .btn-check:checked + .btn-gray-50,
    .change .btn-gray-50.active,
    .change .btn-gray-50:active,
    .change .show > .btn-gray-50.dropdown-toggle {
        color: #2C2C2C;
        background-color: #fafbfc;
        border-color: #fafbfb;
    }

        .change .btn-check:active + .btn-gray-50:focus,
        .change .btn-check:checked + .btn-gray-50:focus,
        .change .btn-gray-50.active:focus,
        .change .btn-gray-50:active:focus,
        .change .show > .btn-gray-50.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(216, 219, 222, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(216, 219, 222, 0.5);
        }

    .change .btn-gray-50.disabled,
    .change .btn-gray-50:disabled {
        color: #2C2C2C;
        background-color: #f9fafb;
        border-color: #f9fafb;
    }

.change .btn-gray-100 {
    color: #2C2C2C;
    background-color: #f2f4f6;
    border-color: #f2f4f6;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-100:hover {
        color: #2C2C2C;
        background-color: #f4f6f7;
        border-color: #f3f5f7;
    }

    .change .btn-check:focus + .btn-gray-100,
    .change .btn-gray-100:focus {
        color: #2C2C2C;
        background-color: #f4f6f7;
        border-color: #f3f5f7;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(210, 214, 217, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(210, 214, 217, 0.5);
    }

    .change .btn-check:active + .btn-gray-100,
    .change .btn-check:checked + .btn-gray-100,
    .change .btn-gray-100.active,
    .change .btn-gray-100:active,
    .change .show > .btn-gray-100.dropdown-toggle {
        color: #2C2C2C;
        background-color: #f5f6f8;
        border-color: #f3f5f7;
    }

        .change .btn-check:active + .btn-gray-100:focus,
        .change .btn-check:checked + .btn-gray-100:focus,
        .change .btn-gray-100.active:focus,
        .change .btn-gray-100:active:focus,
        .change .show > .btn-gray-100.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(210, 214, 217, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(210, 214, 217, 0.5);
        }

    .change .btn-gray-100.disabled,
    .change .btn-gray-100:disabled {
        color: #2C2C2C;
        background-color: #f2f4f6;
        border-color: #f2f4f6;
    }

.change .btn-gray-200 {
    color: #2C2C2C;
    background-color: #e5e7eb;
    border-color: #e5e7eb;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-200:hover {
        color: #2C2C2C;
        background-color: #e9ebee;
        border-color: #e8e9ed;
    }

    .change .btn-check:focus + .btn-gray-200,
    .change .btn-gray-200:focus {
        color: #2C2C2C;
        background-color: #e9ebee;
        border-color: #e8e9ed;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(199, 203, 208, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(199, 203, 208, 0.5);
    }

    .change .btn-check:active + .btn-gray-200,
    .change .btn-check:checked + .btn-gray-200,
    .change .btn-gray-200.active,
    .change .btn-gray-200:active,
    .change .show > .btn-gray-200.dropdown-toggle {
        color: #2C2C2C;
        background-color: #eaecef;
        border-color: #e8e9ed;
    }

        .change .btn-check:active + .btn-gray-200:focus,
        .change .btn-check:checked + .btn-gray-200:focus,
        .change .btn-gray-200.active:focus,
        .change .btn-gray-200:active:focus,
        .change .show > .btn-gray-200.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(199, 203, 208, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(199, 203, 208, 0.5);
        }

    .change .btn-gray-200.disabled,
    .change .btn-gray-200:disabled {
        color: #2C2C2C;
        background-color: #e5e7eb;
        border-color: #e5e7eb;
    }

.change .btn-gray-300 {
    color: #2C2C2C;
    background-color: #d1d5db;
    border-color: #d1d5db;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-300:hover {
        color: #2C2C2C;
        background-color: #d8dbe0;
        border-color: #d6d9df;
    }

    .change .btn-check:focus + .btn-gray-300,
    .change .btn-gray-300:focus {
        color: #2C2C2C;
        background-color: #d8dbe0;
        border-color: #d6d9df;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(182, 187, 194, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(182, 187, 194, 0.5);
    }

    .change .btn-check:active + .btn-gray-300,
    .change .btn-check:checked + .btn-gray-300,
    .change .btn-gray-300.active,
    .change .btn-gray-300:active,
    .change .show > .btn-gray-300.dropdown-toggle {
        color: #2C2C2C;
        background-color: #dadde2;
        border-color: #d6d9df;
    }

        .change .btn-check:active + .btn-gray-300:focus,
        .change .btn-check:checked + .btn-gray-300:focus,
        .change .btn-gray-300.active:focus,
        .change .btn-gray-300:active:focus,
        .change .show > .btn-gray-300.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(182, 187, 194, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(182, 187, 194, 0.5);
        }

    .change .btn-gray-300.disabled,
    .change .btn-gray-300:disabled {
        color: #2C2C2C;
        background-color: #d1d5db;
        border-color: #d1d5db;
    }

.change .btn-gray-400 {
    color: #2C2C2C;
    background-color: #9ca3af;
    border-color: #9ca3af;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-400:hover {
        color: #2C2C2C;
        background-color: #abb1bb;
        border-color: #a6acb7;
    }

    .change .btn-check:focus + .btn-gray-400,
    .change .btn-gray-400:focus {
        color: #2C2C2C;
        background-color: #abb1bb;
        border-color: #a6acb7;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(137, 145, 157, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(137, 145, 157, 0.5);
    }

    .change .btn-check:active + .btn-gray-400,
    .change .btn-check:checked + .btn-gray-400,
    .change .btn-gray-400.active,
    .change .btn-gray-400:active,
    .change .show > .btn-gray-400.dropdown-toggle {
        color: #2C2C2C;
        background-color: #b0b5bf;
        border-color: #a6acb7;
    }

        .change .btn-check:active + .btn-gray-400:focus,
        .change .btn-check:checked + .btn-gray-400:focus,
        .change .btn-gray-400.active:focus,
        .change .btn-gray-400:active:focus,
        .change .show > .btn-gray-400.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(137, 145, 157, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(137, 145, 157, 0.5);
        }

    .change .btn-gray-400.disabled,
    .change .btn-gray-400:disabled {
        color: #2C2C2C;
        background-color: #9ca3af;
        border-color: #9ca3af;
    }

.change .btn-gray-500 {
    color: #fff;
    background-color: #6b7280;
    border-color: #6b7280;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-500:hover {
        color: #fff;
        background-color: #5b616d;
        border-color: #565b66;
    }

    .change .btn-check:focus + .btn-gray-500,
    .change .btn-gray-500:focus {
        color: #fff;
        background-color: #5b616d;
        border-color: #565b66;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(129, 135, 147, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(129, 135, 147, 0.5);
    }

    .change .btn-check:active + .btn-gray-500,
    .change .btn-check:checked + .btn-gray-500,
    .change .btn-gray-500.active,
    .change .btn-gray-500:active,
    .change .show > .btn-gray-500.dropdown-toggle {
        color: #fff;
        background-color: #565b66;
        border-color: #505660;
    }

        .change .btn-check:active + .btn-gray-500:focus,
        .change .btn-check:checked + .btn-gray-500:focus,
        .change .btn-gray-500.active:focus,
        .change .btn-gray-500:active:focus,
        .change .show > .btn-gray-500.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(129, 135, 147, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(129, 135, 147, 0.5);
        }

    .change .btn-gray-500.disabled,
    .change .btn-gray-500:disabled {
        color: #fff;
        background-color: #6b7280;
        border-color: #6b7280;
    }

.change .btn-gray-600 {
    color: #fff;
    background-color: #4b5563;
    border-color: #4b5563;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-600:hover {
        color: #fff;
        background-color: #404854;
        border-color: #3c444f;
    }

    .change .btn-check:focus + .btn-gray-600,
    .change .btn-gray-600:focus {
        color: #fff;
        background-color: #404854;
        border-color: #3c444f;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(102, 111, 122, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(102, 111, 122, 0.5);
    }

    .change .btn-check:active + .btn-gray-600,
    .change .btn-check:checked + .btn-gray-600,
    .change .btn-gray-600.active,
    .change .btn-gray-600:active,
    .change .show > .btn-gray-600.dropdown-toggle {
        color: #fff;
        background-color: #3c444f;
        border-color: #38404a;
    }

        .change .btn-check:active + .btn-gray-600:focus,
        .change .btn-check:checked + .btn-gray-600:focus,
        .change .btn-gray-600.active:focus,
        .change .btn-gray-600:active:focus,
        .change .show > .btn-gray-600.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(102, 111, 122, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(102, 111, 122, 0.5);
        }

    .change .btn-gray-600.disabled,
    .change .btn-gray-600:disabled {
        color: #fff;
        background-color: #4b5563;
        border-color: #4b5563;
    }

.change .btn-gray-700 {
    color: #fff;
    background-color: #374151;
    border-color: #374151;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-700:hover {
        color: #fff;
        background-color: #2f3745;
        border-color: #2c3441;
    }

    .change .btn-check:focus + .btn-gray-700,
    .change .btn-gray-700:focus {
        color: #fff;
        background-color: #2f3745;
        border-color: #2c3441;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(85, 94, 107, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(85, 94, 107, 0.5);
    }

    .change .btn-check:active + .btn-gray-700,
    .change .btn-check:checked + .btn-gray-700,
    .change .btn-gray-700.active,
    .change .btn-gray-700:active,
    .change .show > .btn-gray-700.dropdown-toggle {
        color: #fff;
        background-color: #2c3441;
        border-color: #29313d;
    }

        .change .btn-check:active + .btn-gray-700:focus,
        .change .btn-check:checked + .btn-gray-700:focus,
        .change .btn-gray-700.active:focus,
        .change .btn-gray-700:active:focus,
        .change .show > .btn-gray-700.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(85, 94, 107, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(85, 94, 107, 0.5);
        }

    .change .btn-gray-700.disabled,
    .change .btn-gray-700:disabled {
        color: #fff;
        background-color: #374151;
        border-color: #374151;
    }

.change .btn-gray-800 {
    color: #fff;
    background-color: #2C2C2C;
    border-color: #2C2C2C;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-800:hover {
        color: #fff;
        background-color: #1a232f;
        border-color: #19212c;
    }

    .change .btn-check:focus + .btn-gray-800,
    .change .btn-gray-800:focus {
        color: #fff;
        background-color: #1a232f;
        border-color: #19212c;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(65, 73, 85, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(65, 73, 85, 0.5);
    }

    .change .btn-check:active + .btn-gray-800,
    .change .btn-check:checked + .btn-gray-800,
    .change .btn-gray-800.active,
    .change .btn-gray-800:active,
    .change .show > .btn-gray-800.dropdown-toggle {
        color: #fff;
        background-color: #19212c;
        border-color: #171f29;
    }

        .change .btn-check:active + .btn-gray-800:focus,
        .change .btn-check:checked + .btn-gray-800:focus,
        .change .btn-gray-800.active:focus,
        .change .btn-gray-800:active:focus,
        .change .show > .btn-gray-800.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(65, 73, 85, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(65, 73, 85, 0.5);
        }

    .change .btn-gray-800.disabled,
    .change .btn-gray-800:disabled {
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

.change .btn-gray-900 {
    color: #fff;
    background-color: #111827;
    border-color: #111827;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-gray-900:hover {
        color: #fff;
        background-color: #0e1421;
        border-color: #0e131f;
    }

    .change .btn-check:focus + .btn-gray-900,
    .change .btn-gray-900:focus {
        color: #fff;
        background-color: #0e1421;
        border-color: #0e131f;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(53, 59, 71, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(53, 59, 71, 0.5);
    }

    .change .btn-check:active + .btn-gray-900,
    .change .btn-check:checked + .btn-gray-900,
    .change .btn-gray-900.active,
    .change .btn-gray-900:active,
    .change .show > .btn-gray-900.dropdown-toggle {
        color: #fff;
        background-color: #0e131f;
        border-color: #0d121d;
    }

        .change .btn-check:active + .btn-gray-900:focus,
        .change .btn-check:checked + .btn-gray-900:focus,
        .change .btn-gray-900.active:focus,
        .change .btn-gray-900:active:focus,
        .change .show > .btn-gray-900.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(53, 59, 71, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(53, 59, 71, 0.5);
        }

    .change .btn-gray-900.disabled,
    .change .btn-gray-900:disabled {
        color: #fff;
        background-color: #111827;
        border-color: #111827;
    }

.change .btn-outline-primary {
    color: #2C2C2C;
    border-color: #2C2C2C;
}

    .change .btn-outline-primary:hover {
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

    .change .btn-check:focus + .btn-outline-primary,
    .change .btn-outline-primary:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.5);
    }

    .change .btn-check:active + .btn-outline-primary,
    .change .btn-check:checked + .btn-outline-primary,
    .change .btn-outline-primary.active,
    .change .btn-outline-primary.dropdown-toggle.show,
    .change .btn-outline-primary:active {
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

        .change .btn-check:active + .btn-outline-primary:focus,
        .change .btn-check:checked + .btn-outline-primary:focus,
        .change .btn-outline-primary.active:focus,
        .change .btn-outline-primary.dropdown-toggle.show:focus,
        .change .btn-outline-primary:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(31, 41, 55, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(31, 41, 55, 0.5);
        }

    .change .btn-outline-primary.disabled,
    .change .btn-outline-primary:disabled {
        color: #2C2C2C;
        background-color: transparent;
    }

.change .btn-outline-secondary {
    color: #ffcc00;
    border-color: #ffcc00;
}

    .change .btn-outline-secondary:hover {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

    .change .btn-check:focus + .btn-outline-secondary,
    .change .btn-outline-secondary:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(240, 188, 116, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(240, 188, 116, 0.5);
    }

    .change .btn-check:active + .btn-outline-secondary,
    .change .btn-check:checked + .btn-outline-secondary,
    .change .btn-outline-secondary.active,
    .change .btn-outline-secondary.dropdown-toggle.show,
    .change .btn-outline-secondary:active {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

        .change .btn-check:active + .btn-outline-secondary:focus,
        .change .btn-check:checked + .btn-outline-secondary:focus,
        .change .btn-outline-secondary.active:focus,
        .change .btn-outline-secondary.dropdown-toggle.show:focus,
        .change .btn-outline-secondary:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(240, 188, 116, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(240, 188, 116, 0.5);
        }

    .change .btn-outline-secondary.disabled,
    .change .btn-outline-secondary:disabled {
        color: #ffcc00;
        background-color: transparent;
    }

.change .btn-outline-tertiary {
    color: #31316a;
    border-color: #31316a;
}

    .change .btn-outline-tertiary:hover {
        color: #fff;
        background-color: #31316a;
        border-color: #31316a;
    }

    .change .btn-check:focus + .btn-outline-tertiary,
    .change .btn-outline-tertiary:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(49, 49, 106, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(49, 49, 106, 0.5);
    }

    .change .btn-check:active + .btn-outline-tertiary,
    .change .btn-check:checked + .btn-outline-tertiary,
    .change .btn-outline-tertiary.active,
    .change .btn-outline-tertiary.dropdown-toggle.show,
    .change .btn-outline-tertiary:active {
        color: #fff;
        background-color: #31316a;
        border-color: #31316a;
    }

        .change .btn-check:active + .btn-outline-tertiary:focus,
        .change .btn-check:checked + .btn-outline-tertiary:focus,
        .change .btn-outline-tertiary.active:focus,
        .change .btn-outline-tertiary.dropdown-toggle.show:focus,
        .change .btn-outline-tertiary:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(49, 49, 106, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(49, 49, 106, 0.5);
        }

    .change .btn-outline-tertiary.disabled,
    .change .btn-outline-tertiary:disabled {
        color: #31316a;
        background-color: transparent;
    }

.change .btn-outline-success {
    color: #10b981;
    border-color: #10b981;
}

    .change .btn-outline-success:hover {
        color: #2C2C2C;
        background-color: #10b981;
        border-color: #10b981;
    }

    .change .btn-check:focus + .btn-outline-success,
    .change .btn-outline-success:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(16, 185, 129, 0.5);
    }

    .change .btn-check:active + .btn-outline-success,
    .change .btn-check:checked + .btn-outline-success,
    .change .btn-outline-success.active,
    .change .btn-outline-success.dropdown-toggle.show,
    .change .btn-outline-success:active {
        color: #2C2C2C;
        background-color: #10b981;
        border-color: #10b981;
    }

        .change .btn-check:active + .btn-outline-success:focus,
        .change .btn-check:checked + .btn-outline-success:focus,
        .change .btn-outline-success.active:focus,
        .change .btn-outline-success.dropdown-toggle.show:focus,
        .change .btn-outline-success:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(16, 185, 129, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(16, 185, 129, 0.5);
        }

    .change .btn-outline-success.disabled,
    .change .btn-outline-success:disabled {
        color: #10b981;
        background-color: transparent;
    }

.change .btn-outline-info {
    color: #2361ce;
    border-color: #2361ce;
}

    .change .btn-outline-info:hover {
        color: #fff;
        background-color: #2361ce;
        border-color: #2361ce;
    }

    .change .btn-check:focus + .btn-outline-info,
    .change .btn-outline-info:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(35, 97, 206, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(35, 97, 206, 0.5);
    }

    .change .btn-check:active + .btn-outline-info,
    .change .btn-check:checked + .btn-outline-info,
    .change .btn-outline-info.active,
    .change .btn-outline-info.dropdown-toggle.show,
    .change .btn-outline-info:active {
        color: #fff;
        background-color: #2361ce;
        border-color: #2361ce;
    }

        .change .btn-check:active + .btn-outline-info:focus,
        .change .btn-check:checked + .btn-outline-info:focus,
        .change .btn-outline-info.active:focus,
        .change .btn-outline-info.dropdown-toggle.show:focus,
        .change .btn-outline-info:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(35, 97, 206, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(35, 97, 206, 0.5);
        }

    .change .btn-outline-info.disabled,
    .change .btn-outline-info:disabled {
        color: #2361ce;
        background-color: transparent;
    }

.change .btn-outline-warning {
    color: #fba918;
    border-color: #fba918;
}

    .change .btn-outline-warning:hover {
        color: #2C2C2C;
        background-color: #fba918;
        border-color: #fba918;
    }

    .change .btn-check:focus + .btn-outline-warning,
    .change .btn-outline-warning:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(251, 169, 24, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(251, 169, 24, 0.5);
    }

    .change .btn-check:active + .btn-outline-warning,
    .change .btn-check:checked + .btn-outline-warning,
    .change .btn-outline-warning.active,
    .change .btn-outline-warning.dropdown-toggle.show,
    .change .btn-outline-warning:active {
        color: #2C2C2C;
        background-color: #fba918;
        border-color: #fba918;
    }

        .change .btn-check:active + .btn-outline-warning:focus,
        .change .btn-check:checked + .btn-outline-warning:focus,
        .change .btn-outline-warning.active:focus,
        .change .btn-outline-warning.dropdown-toggle.show:focus,
        .change .btn-outline-warning:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(251, 169, 24, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(251, 169, 24, 0.5);
        }

    .change .btn-outline-warning.disabled,
    .change .btn-outline-warning:disabled {
        color: #fba918;
        background-color: transparent;
    }

.change .btn-outline-danger {
    color: #e11d48;
    border-color: #e11d48;
}

    .change .btn-outline-danger:hover {
        color: #fff;
        background-color: #e11d48;
        border-color: #e11d48;
    }

    .change .btn-check:focus + .btn-outline-danger,
    .change .btn-outline-danger:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(225, 29, 72, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(225, 29, 72, 0.5);
    }

    .change .btn-check:active + .btn-outline-danger,
    .change .btn-check:checked + .btn-outline-danger,
    .change .btn-outline-danger.active,
    .change .btn-outline-danger.dropdown-toggle.show,
    .change .btn-outline-danger:active {
        color: #fff;
        background-color: #e11d48;
        border-color: #e11d48;
    }

        .change .btn-check:active + .btn-outline-danger:focus,
        .change .btn-check:checked + .btn-outline-danger:focus,
        .change .btn-outline-danger.active:focus,
        .change .btn-outline-danger.dropdown-toggle.show:focus,
        .change .btn-outline-danger:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(225, 29, 72, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(225, 29, 72, 0.5);
        }

    .change .btn-outline-danger.disabled,
    .change .btn-outline-danger:disabled {
        color: #e11d48;
        background-color: transparent;
    }

.change .btn-outline-white {
    color: #fff;
    border-color: #fff;
}

    .change .btn-outline-white:hover {
        color: #2C2C2C;
        background-color: #fff;
        border-color: #fff;
    }

    .change .btn-check:focus + .btn-outline-white,
    .change .btn-outline-white:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(255, 255, 255, 0.5);
    }

    .change .btn-check:active + .btn-outline-white,
    .change .btn-check:checked + .btn-outline-white,
    .change .btn-outline-white.active,
    .change .btn-outline-white.dropdown-toggle.show,
    .change .btn-outline-white:active {
        color: #2C2C2C;
        background-color: #fff;
        border-color: #fff;
    }

        .change .btn-check:active + .btn-outline-white:focus,
        .change .btn-check:checked + .btn-outline-white:focus,
        .change .btn-outline-white.active:focus,
        .change .btn-outline-white.dropdown-toggle.show:focus,
        .change .btn-outline-white:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(255, 255, 255, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(255, 255, 255, 0.5);
        }

    .change .btn-outline-white.disabled,
    .change .btn-outline-white:disabled {
        color: #fff;
        background-color: transparent;
    }

.change .btn-outline-indigo {
    color: #4f46e5;
    border-color: #4f46e5;
}

    .change .btn-outline-indigo:hover {
        color: #fff;
        background-color: #4f46e5;
        border-color: #4f46e5;
    }

    .change .btn-check:focus + .btn-outline-indigo,
    .change .btn-outline-indigo:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(79, 70, 229, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(79, 70, 229, 0.5);
    }

    .change .btn-check:active + .btn-outline-indigo,
    .change .btn-check:checked + .btn-outline-indigo,
    .change .btn-outline-indigo.active,
    .change .btn-outline-indigo.dropdown-toggle.show,
    .change .btn-outline-indigo:active {
        color: #fff;
        background-color: #4f46e5;
        border-color: #4f46e5;
    }

        .change .btn-check:active + .btn-outline-indigo:focus,
        .change .btn-check:checked + .btn-outline-indigo:focus,
        .change .btn-outline-indigo.active:focus,
        .change .btn-outline-indigo.dropdown-toggle.show:focus,
        .change .btn-outline-indigo:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(79, 70, 229, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(79, 70, 229, 0.5);
        }

    .change .btn-outline-indigo.disabled,
    .change .btn-outline-indigo:disabled {
        color: #4f46e5;
        background-color: transparent;
    }

.change .btn-outline-purple {
    color: #7c3aed;
    border-color: #7c3aed;
}

    .change .btn-outline-purple:hover {
        color: #fff;
        background-color: #7c3aed;
        border-color: #7c3aed;
    }

    .change .btn-check:focus + .btn-outline-purple,
    .change .btn-outline-purple:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(124, 58, 237, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(124, 58, 237, 0.5);
    }

    .change .btn-check:active + .btn-outline-purple,
    .change .btn-check:checked + .btn-outline-purple,
    .change .btn-outline-purple.active,
    .change .btn-outline-purple.dropdown-toggle.show,
    .change .btn-outline-purple:active {
        color: #fff;
        background-color: #7c3aed;
        border-color: #7c3aed;
    }

        .change .btn-check:active + .btn-outline-purple:focus,
        .change .btn-check:checked + .btn-outline-purple:focus,
        .change .btn-outline-purple.active:focus,
        .change .btn-outline-purple.dropdown-toggle.show:focus,
        .change .btn-outline-purple:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(124, 58, 237, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(124, 58, 237, 0.5);
        }

    .change .btn-outline-purple.disabled,
    .change .btn-outline-purple:disabled {
        color: #7c3aed;
        background-color: transparent;
    }

.change .btn-outline-yellow-100 {
    color: #ffcc00;
    border-color: #ffcc00;
}

    .change .btn-outline-yellow-100:hover {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

    .change .btn-check:focus + .btn-outline-yellow-100,
    .change .btn-outline-yellow-100:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(255, 238, 214, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(255, 238, 214, 0.5);
    }

    .change .btn-check:active + .btn-outline-yellow-100,
    .change .btn-check:checked + .btn-outline-yellow-100,
    .change .btn-outline-yellow-100.active,
    .change .btn-outline-yellow-100.dropdown-toggle.show,
    .change .btn-outline-yellow-100:active {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

        .change .btn-check:active + .btn-outline-yellow-100:focus,
        .change .btn-check:checked + .btn-outline-yellow-100:focus,
        .change .btn-outline-yellow-100.active:focus,
        .change .btn-outline-yellow-100.dropdown-toggle.show:focus,
        .change .btn-outline-yellow-100:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(255, 238, 214, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(255, 238, 214, 0.5);
        }

    .change .btn-outline-yellow-100.disabled,
    .change .btn-outline-yellow-100:disabled {
        color: #ffcc00;
        background-color: transparent;
    }

.change .btn-outline-yellow-200 {
    color: #ffcc00;
    border-color: #ffcc00;
}

    .change .btn-outline-yellow-200:hover {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

    .change .btn-check:focus + .btn-outline-yellow-200,
    .change .btn-outline-yellow-200:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(245, 219, 184, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(245, 219, 184, 0.5);
    }

    .change .btn-check:active + .btn-outline-yellow-200,
    .change .btn-check:checked + .btn-outline-yellow-200,
    .change .btn-outline-yellow-200.active,
    .change .btn-outline-yellow-200.dropdown-toggle.show,
    .change .btn-outline-yellow-200:active {
        color: #2C2C2C;
        background-color: #ffcc00;
        border-color: #ffcc00;
    }

        .change .btn-check:active + .btn-outline-yellow-200:focus,
        .change .btn-check:checked + .btn-outline-yellow-200:focus,
        .change .btn-outline-yellow-200.active:focus,
        .change .btn-outline-yellow-200.dropdown-toggle.show:focus,
        .change .btn-outline-yellow-200:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(245, 219, 184, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(245, 219, 184, 0.5);
        }

    .change .btn-outline-yellow-200.disabled,
    .change .btn-outline-yellow-200:disabled {
        color: #ffcc00;
        background-color: transparent;
    }

.change .btn-outline-gray-50 {
    color: #f9fafb;
    border-color: #f9fafb;
}

    .change .btn-outline-gray-50:hover {
        color: #2C2C2C;
        background-color: #f9fafb;
        border-color: #f9fafb;
    }

    .change .btn-check:focus + .btn-outline-gray-50,
    .change .btn-outline-gray-50:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(249, 250, 251, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(249, 250, 251, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-50,
    .change .btn-check:checked + .btn-outline-gray-50,
    .change .btn-outline-gray-50.active,
    .change .btn-outline-gray-50.dropdown-toggle.show,
    .change .btn-outline-gray-50:active {
        color: #2C2C2C;
        background-color: #f9fafb;
        border-color: #f9fafb;
    }

        .change .btn-check:active + .btn-outline-gray-50:focus,
        .change .btn-check:checked + .btn-outline-gray-50:focus,
        .change .btn-outline-gray-50.active:focus,
        .change .btn-outline-gray-50.dropdown-toggle.show:focus,
        .change .btn-outline-gray-50:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(249, 250, 251, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(249, 250, 251, 0.5);
        }

    .change .btn-outline-gray-50.disabled,
    .change .btn-outline-gray-50:disabled {
        color: #f9fafb;
        background-color: transparent;
    }

.change .btn-outline-gray-100 {
    color: #f2f4f6;
    border-color: #f2f4f6;
}

    .change .btn-outline-gray-100:hover {
        color: #2C2C2C;
        background-color: #f2f4f6;
        border-color: #f2f4f6;
    }

    .change .btn-check:focus + .btn-outline-gray-100,
    .change .btn-outline-gray-100:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(242, 244, 246, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(242, 244, 246, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-100,
    .change .btn-check:checked + .btn-outline-gray-100,
    .change .btn-outline-gray-100.active,
    .change .btn-outline-gray-100.dropdown-toggle.show,
    .change .btn-outline-gray-100:active {
        color: #2C2C2C;
        background-color: #f2f4f6;
        border-color: #f2f4f6;
    }

        .change .btn-check:active + .btn-outline-gray-100:focus,
        .change .btn-check:checked + .btn-outline-gray-100:focus,
        .change .btn-outline-gray-100.active:focus,
        .change .btn-outline-gray-100.dropdown-toggle.show:focus,
        .change .btn-outline-gray-100:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(242, 244, 246, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(242, 244, 246, 0.5);
        }

    .change .btn-outline-gray-100.disabled,
    .change .btn-outline-gray-100:disabled {
        color: #f2f4f6;
        background-color: transparent;
    }

.change .btn-outline-gray-200 {
    color: #e5e7eb;
    border-color: #e5e7eb;
}

    .change .btn-outline-gray-200:hover {
        color: #2C2C2C;
        background-color: #e5e7eb;
        border-color: #e5e7eb;
    }

    .change .btn-check:focus + .btn-outline-gray-200,
    .change .btn-outline-gray-200:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(229, 231, 235, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(229, 231, 235, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-200,
    .change .btn-check:checked + .btn-outline-gray-200,
    .change .btn-outline-gray-200.active,
    .change .btn-outline-gray-200.dropdown-toggle.show,
    .change .btn-outline-gray-200:active {
        color: #2C2C2C;
        background-color: #e5e7eb;
        border-color: #e5e7eb;
    }

        .change .btn-check:active + .btn-outline-gray-200:focus,
        .change .btn-check:checked + .btn-outline-gray-200:focus,
        .change .btn-outline-gray-200.active:focus,
        .change .btn-outline-gray-200.dropdown-toggle.show:focus,
        .change .btn-outline-gray-200:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(229, 231, 235, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(229, 231, 235, 0.5);
        }

    .change .btn-outline-gray-200.disabled,
    .change .btn-outline-gray-200:disabled {
        color: #e5e7eb;
        background-color: transparent;
    }

.change .btn-outline-gray-300 {
    color: #d1d5db;
    border-color: #d1d5db;
}

    .change .btn-outline-gray-300:hover {
        color: #2C2C2C;
        background-color: #d1d5db;
        border-color: #d1d5db;
    }

    .change .btn-check:focus + .btn-outline-gray-300,
    .change .btn-outline-gray-300:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(209, 213, 219, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(209, 213, 219, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-300,
    .change .btn-check:checked + .btn-outline-gray-300,
    .change .btn-outline-gray-300.active,
    .change .btn-outline-gray-300.dropdown-toggle.show,
    .change .btn-outline-gray-300:active {
        color: #2C2C2C;
        background-color: #d1d5db;
        border-color: #d1d5db;
    }

        .change .btn-check:active + .btn-outline-gray-300:focus,
        .change .btn-check:checked + .btn-outline-gray-300:focus,
        .change .btn-outline-gray-300.active:focus,
        .change .btn-outline-gray-300.dropdown-toggle.show:focus,
        .change .btn-outline-gray-300:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(209, 213, 219, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(209, 213, 219, 0.5);
        }

    .change .btn-outline-gray-300.disabled,
    .change .btn-outline-gray-300:disabled {
        color: #d1d5db;
        background-color: transparent;
    }

.change .btn-outline-gray-400 {
    color: #9ca3af;
    border-color: #9ca3af;
}

    .change .btn-outline-gray-400:hover {
        color: #2C2C2C;
        background-color: #9ca3af;
        border-color: #9ca3af;
    }

    .change .btn-check:focus + .btn-outline-gray-400,
    .change .btn-outline-gray-400:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(156, 163, 175, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(156, 163, 175, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-400,
    .change .btn-check:checked + .btn-outline-gray-400,
    .change .btn-outline-gray-400.active,
    .change .btn-outline-gray-400.dropdown-toggle.show,
    .change .btn-outline-gray-400:active {
        color: #2C2C2C;
        background-color: #9ca3af;
        border-color: #9ca3af;
    }

        .change .btn-check:active + .btn-outline-gray-400:focus,
        .change .btn-check:checked + .btn-outline-gray-400:focus,
        .change .btn-outline-gray-400.active:focus,
        .change .btn-outline-gray-400.dropdown-toggle.show:focus,
        .change .btn-outline-gray-400:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(156, 163, 175, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(156, 163, 175, 0.5);
        }

    .change .btn-outline-gray-400.disabled,
    .change .btn-outline-gray-400:disabled {
        color: #9ca3af;
        background-color: transparent;
    }

.change .btn-outline-gray-500 {
    color: #6b7280;
    border-color: #6b7280;
}

    .change .btn-outline-gray-500:hover {
        color: #fff;
        background-color: #6b7280;
        border-color: #6b7280;
    }

    .change .btn-check:focus + .btn-outline-gray-500,
    .change .btn-outline-gray-500:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(107, 114, 128, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(107, 114, 128, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-500,
    .change .btn-check:checked + .btn-outline-gray-500,
    .change .btn-outline-gray-500.active,
    .change .btn-outline-gray-500.dropdown-toggle.show,
    .change .btn-outline-gray-500:active {
        color: #fff;
        background-color: #6b7280;
        border-color: #6b7280;
    }

        .change .btn-check:active + .btn-outline-gray-500:focus,
        .change .btn-check:checked + .btn-outline-gray-500:focus,
        .change .btn-outline-gray-500.active:focus,
        .change .btn-outline-gray-500.dropdown-toggle.show:focus,
        .change .btn-outline-gray-500:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(107, 114, 128, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(107, 114, 128, 0.5);
        }

    .change .btn-outline-gray-500.disabled,
    .change .btn-outline-gray-500:disabled {
        color: #6b7280;
        background-color: transparent;
    }

.change .btn-outline-gray-600 {
    color: #4b5563;
    border-color: #4b5563;
}

    .change .btn-outline-gray-600:hover {
        color: #fff;
        background-color: #4b5563;
        border-color: #4b5563;
    }

    .change .btn-check:focus + .btn-outline-gray-600,
    .change .btn-outline-gray-600:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(75, 85, 99, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(75, 85, 99, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-600,
    .change .btn-check:checked + .btn-outline-gray-600,
    .change .btn-outline-gray-600.active,
    .change .btn-outline-gray-600.dropdown-toggle.show,
    .change .btn-outline-gray-600:active {
        color: #fff;
        background-color: #4b5563;
        border-color: #4b5563;
    }

        .change .btn-check:active + .btn-outline-gray-600:focus,
        .change .btn-check:checked + .btn-outline-gray-600:focus,
        .change .btn-outline-gray-600.active:focus,
        .change .btn-outline-gray-600.dropdown-toggle.show:focus,
        .change .btn-outline-gray-600:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(75, 85, 99, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(75, 85, 99, 0.5);
        }

    .change .btn-outline-gray-600.disabled,
    .change .btn-outline-gray-600:disabled {
        color: #4b5563;
        background-color: transparent;
    }

.change .btn-outline-gray-700 {
    color: #374151;
    border-color: #374151;
}

    .change .btn-outline-gray-700:hover {
        color: #fff;
        background-color: #374151;
        border-color: #374151;
    }

    .change .btn-check:focus + .btn-outline-gray-700,
    .change .btn-outline-gray-700:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(55, 65, 81, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(55, 65, 81, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-700,
    .change .btn-check:checked + .btn-outline-gray-700,
    .change .btn-outline-gray-700.active,
    .change .btn-outline-gray-700.dropdown-toggle.show,
    .change .btn-outline-gray-700:active {
        color: #fff;
        background-color: #374151;
        border-color: #374151;
    }

        .change .btn-check:active + .btn-outline-gray-700:focus,
        .change .btn-check:checked + .btn-outline-gray-700:focus,
        .change .btn-outline-gray-700.active:focus,
        .change .btn-outline-gray-700.dropdown-toggle.show:focus,
        .change .btn-outline-gray-700:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(55, 65, 81, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(55, 65, 81, 0.5);
        }

    .change .btn-outline-gray-700.disabled,
    .change .btn-outline-gray-700:disabled {
        color: #374151;
        background-color: transparent;
    }

.change .btn-outline-gray-800 {
    color: #2C2C2C;
    border-color: #2C2C2C;
}

    .change .btn-outline-gray-800:hover {
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

    .change .btn-check:focus + .btn-outline-gray-800,
    .change .btn-outline-gray-800:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-800,
    .change .btn-check:checked + .btn-outline-gray-800,
    .change .btn-outline-gray-800.active,
    .change .btn-outline-gray-800.dropdown-toggle.show,
    .change .btn-outline-gray-800:active {
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

        .change .btn-check:active + .btn-outline-gray-800:focus,
        .change .btn-check:checked + .btn-outline-gray-800:focus,
        .change .btn-outline-gray-800.active:focus,
        .change .btn-outline-gray-800.dropdown-toggle.show:focus,
        .change .btn-outline-gray-800:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(31, 41, 55, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(31, 41, 55, 0.5);
        }

    .change .btn-outline-gray-800.disabled,
    .change .btn-outline-gray-800:disabled {
        color: #2C2C2C;
        background-color: transparent;
    }

.change .btn-outline-gray-900 {
    color: #111827;
    border-color: #111827;
}

    .change .btn-outline-gray-900:hover {
        color: #fff;
        background-color: #111827;
        border-color: #111827;
    }

    .change .btn-check:focus + .btn-outline-gray-900,
    .change .btn-outline-gray-900:focus {
        -webkit-box-shadow: 0 0 0 0.18rem rgba(17, 24, 39, 0.5);
        box-shadow: 0 0 0 0.18rem rgba(17, 24, 39, 0.5);
    }

    .change .btn-check:active + .btn-outline-gray-900,
    .change .btn-check:checked + .btn-outline-gray-900,
    .change .btn-outline-gray-900.active,
    .change .btn-outline-gray-900.dropdown-toggle.show,
    .change .btn-outline-gray-900:active {
        color: #fff;
        background-color: #111827;
        border-color: #111827;
    }

        .change .btn-check:active + .btn-outline-gray-900:focus,
        .change .btn-check:checked + .btn-outline-gray-900:focus,
        .change .btn-outline-gray-900.active:focus,
        .change .btn-outline-gray-900.dropdown-toggle.show:focus,
        .change .btn-outline-gray-900:active:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(17, 24, 39, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(17, 24, 39, 0.5);
        }

    .change .btn-outline-gray-900.disabled,
    .change .btn-outline-gray-900:disabled {
        color: #111827;
        background-color: transparent;
    }

.change .btn-link {
    font-weight: 400;
    color: #2C2C2C;
    text-decoration: none;
}

    .change .btn-link:hover {
        color: #000;
        text-decoration: none;
    }

    .change .btn-link:focus {
        text-decoration: none;
    }

    .change .btn-link.disabled,
    .change .btn-link:disabled {
        color: #4b5563;
    }

.change .btn-group-lg > .btn,
.change .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem;
}

.change .btn-group-sm > .btn,
.change .btn-sm {
    padding: .375rem .625rem;
    font-size: .875rem;
    border-radius: .5rem;
}

.change .fade {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .change .fade {
        -webkit-transition: none;
        transition: none;
    }
}

.change .fade:not(.show) {
    opacity: 0;
}

.change .collapse:not(.show) {
    display: none;
}

.change .collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .change .collapsing {
        -webkit-transition: none;
        transition: none;
    }
}

.change .dropdown,
.change .dropend,
.change .dropstart,
.change .dropup {
    position: relative;
}

.change .dropdown-toggle {
    white-space: nowrap;
}

    .change .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    .change .dropdown-toggle:empty::after {
        margin-left: 0;
    }

.change .dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 12rem;
    padding: .5rem 0;
    margin: 0;
    font-size: .875rem;
    color: #374151;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid #e5e7eb;
    border-radius: .35rem;
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

    .change .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: .125rem;
    }

.change .dropdown-menu-start {
    --bs-position: start;
}

    .change .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

.change .dropdown-menu-end {
    --bs-position: end;
}

    .change .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto;
    }

@media (min-width: 576px) {
    .change .dropdown-menu-sm-start {
        --bs-position: start;
    }

        .change .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .change .dropdown-menu-sm-end {
        --bs-position: end;
    }

        .change .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 768px) {
    .change .dropdown-menu-md-start {
        --bs-position: start;
    }

        .change .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .change .dropdown-menu-md-end {
        --bs-position: end;
    }

        .change .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 992px) {
    .change .dropdown-menu-lg-start {
        --bs-position: start;
    }

        .change .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .change .dropdown-menu-lg-end {
        --bs-position: end;
    }

        .change .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1200px) {
    .change .dropdown-menu-xl-start {
        --bs-position: start;
    }

        .change .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .change .dropdown-menu-xl-end {
        --bs-position: end;
    }

        .change .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1400px) {
    .change .dropdown-menu-xxl-start {
        --bs-position: start;
    }

        .change .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .change .dropdown-menu-xxl-end {
        --bs-position: end;
    }

        .change .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

.change .dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem;
}

.change .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

.change .dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.change .dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem;
}

.change .dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}

.change .dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}

.change .dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.change .dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem;
}

.change .dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
}

.change .dropstart .dropdown-toggle::after {
    display: none;
}

.change .dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent;
}

.change .dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}

.change .dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.change .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e5e7eb;
}

.change .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #111827;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .change .dropdown-item:focus,
    .change .dropdown-item:hover {
        color: #090d15;
        background-color: #f2f4f6;
    }

    .change .dropdown-item.active,
    .change .dropdown-item:active {
        color: #111827;
        text-decoration: none;
        background-color: #e5e7eb;
    }

    .change .dropdown-item.disabled,
    .change .dropdown-item:disabled {
        color: #4b5563;
        pointer-events: none;
        background-color: transparent;
    }

.change .dropdown-menu.show {
    display: block;
}

.change .dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #111827;
    white-space: nowrap;
}

.change .dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #111827;
}

.change .dropdown-menu-dark {
    color: #d1d5db;
    background-color: #2C2C2C;
    border-color: #e5e7eb;
}

    .change .dropdown-menu-dark .dropdown-item {
        color: #d1d5db;
    }

        .change .dropdown-menu-dark .dropdown-item:focus,
        .change .dropdown-menu-dark .dropdown-item:hover {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.15);
        }

        .change .dropdown-menu-dark .dropdown-item.active,
        .change .dropdown-menu-dark .dropdown-item:active {
            color: #111827;
            background-color: #e5e7eb;
        }

        .change .dropdown-menu-dark .dropdown-item.disabled,
        .change .dropdown-menu-dark .dropdown-item:disabled {
            color: #6b7280;
        }

    .change .dropdown-menu-dark .dropdown-divider {
        border-color: #e5e7eb;
    }

    .change .dropdown-menu-dark .dropdown-item-text {
        color: #d1d5db;
    }

    .change .dropdown-menu-dark .dropdown-header {
        color: #6b7280;
    }

.change .btn-group,
.change .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

    .change .btn-group-vertical > .btn,
    .change .btn-group > .btn {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .change .btn-group-vertical > .btn-check:checked + .btn,
        .change .btn-group-vertical > .btn-check:focus + .btn,
        .change .btn-group-vertical > .btn.active,
        .change .btn-group-vertical > .btn:active,
        .change .btn-group-vertical > .btn:focus,
        .change .btn-group-vertical > .btn:hover,
        .change .btn-group > .btn-check:checked + .btn,
        .change .btn-group > .btn-check:focus + .btn,
        .change .btn-group > .btn.active,
        .change .btn-group > .btn:active,
        .change .btn-group > .btn:focus,
        .change .btn-group > .btn:hover {
            z-index: 1;
        }

.change .btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .change .btn-toolbar .input-group {
        width: auto;
    }

.change .btn-group > .btn-group:not(:first-child),
.change .btn-group > .btn:not(:first-child) {
    margin-left: -.0625rem;
}

.change .btn-group > .btn-group:not(:last-child) > .btn,
.change .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.change .btn-group > .btn-group:not(:first-child) > .btn,
.change .btn-group > .btn:nth-child(n+3),
.change .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.change .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem;
}

    .change .dropdown-toggle-split::after,
    .change .dropend .dropdown-toggle-split::after,
    .change .dropup .dropdown-toggle-split::after {
        margin-left: 0;
    }

.change .dropstart .dropdown-toggle-split::before {
    margin-right: 0;
}

.change .btn-group-sm > .btn + .dropdown-toggle-split,
.change .btn-sm + .dropdown-toggle-split {
    padding-right: .46875rem;
    padding-left: .46875rem;
}

.change .btn-group-lg > .btn + .dropdown-toggle-split,
.change .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem;
}

.change .btn-group.show .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125);
    box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125);
}

    .change .btn-group.show .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.change .btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .change .btn-group-vertical > .btn,
    .change .btn-group-vertical > .btn-group {
        width: 100%;
    }

        .change .btn-group-vertical > .btn-group:not(:first-child),
        .change .btn-group-vertical > .btn:not(:first-child) {
            margin-top: -.0625rem;
        }

        .change .btn-group-vertical > .btn-group:not(:last-child) > .btn,
        .change .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .change .btn-group-vertical > .btn-group:not(:first-child) > .btn,
        .change .btn-group-vertical > .btn ~ .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.change .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.change .nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #2C2C2C;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .nav-link {
        -webkit-transition: none;
        transition: none;
    }
}

.change .nav-link:focus,
.change .nav-link:hover {
    color: #2C2C2C;
}

.change .nav-link.disabled {
    color: #4b5563;
    pointer-events: none;
    cursor: default;
}

.change .nav-tabs {
    border-bottom: .0625rem solid #9ca3af;
}

    .change .nav-tabs .nav-link {
        margin-bottom: -.0625rem;
        background: 0 0;
        border: .0625rem solid transparent;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
    }

        .change .nav-tabs .nav-link:focus,
        .change .nav-tabs .nav-link:hover {
            border-color: #e5e7eb #e5e7eb #9ca3af;
            isolation: isolate;
        }

        .change .nav-tabs .nav-link.disabled {
            color: #4b5563;
            background-color: transparent;
            border-color: transparent;
        }

        .change .nav-tabs .nav-item.show .nav-link,
        .change .nav-tabs .nav-link.active {
            color: #374151;
            background-color: #9ca3af;
            border-color: #9ca3af;
        }

    .change .nav-tabs .dropdown-menu {
        margin-top: -.0625rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.change .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .5rem;
}

    .change .nav-pills .nav-link.active,
    .change .nav-pills .show > .nav-link {
        color: #2C2C2C;
        background-color: #f8f8f8;
    }

.change .nav-fill .nav-item,
.change .nav-fill > .nav-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.change .nav-justified .nav-item,
.change .nav-justified > .nav-link {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

    .change .nav-fill .nav-item .nav-link,
    .change .nav-justified .nav-item .nav-link {
        width: 100%;
    }

.change .tab-content > .tab-pane {
    display: none;
}

.change .tab-content > .active {
    display: block;
}

.change .navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .change .navbar > .container,
    .change .navbar > .container-fluid,
    .change .navbar > .container-lg,
    .change .navbar > .container-md,
    .change .navbar > .container-sm,
    .change .navbar > .container-xl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.change .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1rem;
    font-size: 1.25rem;
    white-space: nowrap;
}

.change .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .change .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .change .navbar-nav .dropdown-menu {
        position: static;
    }

.change .navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.change .navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.change .navbar-toggler {
    padding: .4rem .6rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: .0625rem solid transparent;
    border-radius: .5rem;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .navbar-toggler {
        -webkit-transition: none;
        transition: none;
    }
}

.change .navbar-toggler:hover {
    text-decoration: none;
}

.change .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .18rem;
    box-shadow: 0 0 0 .18rem;
}

.change .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.change .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}

@media (min-width: 576px) {
    .change .navbar-expand-sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .change .navbar-expand-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .change .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .change .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .8rem;
                padding-left: .8rem;
            }

        .change .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible;
        }

        .change .navbar-expand-sm .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .change .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (min-width: 768px) {
    .change .navbar-expand-md {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .change .navbar-expand-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .change .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .change .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .8rem;
                padding-left: .8rem;
            }

        .change .navbar-expand-md .navbar-nav-scroll {
            overflow: visible;
        }

        .change .navbar-expand-md .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .change .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (min-width: 992px) {
    .change .navbar-expand-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .change .navbar-expand-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .change .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .change .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .8rem;
                padding-left: .8rem;
            }

        .change .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible;
        }

        .change .navbar-expand-lg .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .change .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (min-width: 1200px) {
    .change .navbar-expand-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .change .navbar-expand-xl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .change .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .change .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .8rem;
                padding-left: .8rem;
            }

        .change .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible;
        }

        .change .navbar-expand-xl .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .change .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

@media (min-width: 1400px) {
    .change .navbar-expand-xxl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .change .navbar-expand-xxl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .change .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .change .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: .8rem;
                padding-left: .8rem;
            }

        .change .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible;
        }

        .change .navbar-expand-xxl .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .change .navbar-expand-xxl .navbar-toggler {
            display: none;
        }
}

.change .navbar-expand {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .change .navbar-expand .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .change .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .change .navbar-expand .navbar-nav .nav-link {
            padding-right: .8rem;
            padding-left: .8rem;
        }

    .change .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }

    .change .navbar-expand .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .change .navbar-expand .navbar-toggler {
        display: none;
    }

.change .navbar-light .navbar-brand {
    color: #111827;
}

    .change .navbar-light .navbar-brand:focus,
    .change .navbar-light .navbar-brand:hover {
        color: #111827;
    }

.change .navbar-light .navbar-nav .nav-link {
    color: rgba(17, 24, 39, 0.9);
}

    .change .navbar-light .navbar-nav .nav-link:focus,
    .change .navbar-light .navbar-nav .nav-link:hover {
        color: #111827;
    }

    .change .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(17, 24, 39, 0.9);
    }

    .change .navbar-light .navbar-nav .nav-link.active,
    .change .navbar-light .navbar-nav .show > .nav-link {
        color: #111827;
    }

.change .navbar-light .navbar-toggler {
    color: rgba(17, 24, 39, 0.9);
    border-color: rgba(17, 24, 39, 0.1);
}

.change .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817, 24, 39, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.change .navbar-light .navbar-text {
    color: rgba(17, 24, 39, 0.9);
}

    .change .navbar-light .navbar-text a,
    .change .navbar-light .navbar-text a:focus,
    .change .navbar-light .navbar-text a:hover {
        color: #111827;
    }

.change .navbar-dark .navbar-brand {
    color: #fff;
}

    .change .navbar-dark .navbar-brand:focus,
    .change .navbar-dark .navbar-brand:hover {
        color: #fff;
    }

.change .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

    .change .navbar-dark .navbar-nav .nav-link:focus,
    .change .navbar-dark .navbar-nav .nav-link:hover {
        color: #fff;
    }

    .change .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.9);
    }

    .change .navbar-dark .navbar-nav .nav-link.active,
    .change .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff;
    }

.change .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.1);
}

.change .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.change .navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.9);
}

    .change .navbar-dark .navbar-text a,
    .change .navbar-dark .navbar-text a:focus,
    .change .navbar-dark .navbar-text a:hover {
        color: #fff;
    }

.change .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0.0625rem solid rgba(17, 24, 39, 0.125);
    border-radius: .5rem;
}

    .change .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .change .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .change .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: .4375rem;
            border-top-right-radius: .4375rem;
        }

        .change .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: .4375rem;
            border-bottom-left-radius: .4375rem;
        }

        .change .card > .card-header + .list-group,
        .change .card > .list-group + .card-footer {
            border-top: 0;
        }

.change .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem 1.5rem;
}

.change .card-title {
    margin-bottom: .875rem;
}

.change .card-subtitle {
    margin-top: -.4375rem;
    margin-bottom: 0;
}

.change .card-text:last-child {
    margin-bottom: 0;
}

.change .card-link:hover {
    text-decoration: none;
}

.change .card-link + .card-link {
    margin-left: 1.5rem;
}

.change .card-header {
    padding: 1.25rem 1.5rem;
    margin-bottom: 0;
    background-color: rgba(17, 24, 39, 0.03);
    border-bottom: 0.0625rem solid rgba(17, 24, 39, 0.125);
}

    .change .card-header:first-child {
        border-radius: .4375rem .4375rem 0 0;
    }

.change .card-footer {
    padding: 1.25rem 1.5rem;
    background-color: rgba(17, 24, 39, 0.03);
    border-top: 0.0625rem solid rgba(17, 24, 39, 0.125);
}

    .change .card-footer:last-child {
        border-radius: 0 0 .4375rem .4375rem;
    }

.change .card-header-tabs {
    margin-right: -.75rem;
    margin-bottom: -1.25rem;
    margin-left: -.75rem;
    border-bottom: 0;
}

    .change .card-header-tabs .nav-link.active {
        background-color: #fff;
        border-bottom-color: #fff;
    }

.change .card-header-pills {
    margin-right: -.75rem;
    margin-left: -.75rem;
}

.change .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: .4375rem;
}

.change .card-img,
.change .card-img-bottom,
.change .card-img-top {
    width: 100%;
}

.change .card-img,
.change .card-img-top {
    border-top-left-radius: .4375rem;
    border-top-right-radius: .4375rem;
}

.change .card-img,
.change .card-img-bottom {
    border-bottom-right-radius: .4375rem;
    border-bottom-left-radius: .4375rem;
}

.change .card-group > .card {
    margin-bottom: .75rem;
}

@media (min-width: 576px) {
    .change .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .change .card-group > .card {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .change .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .change .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .change .card-group > .card:not(:last-child) .card-header,
                .change .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0;
                }

                .change .card-group > .card:not(:last-child) .card-footer,
                .change .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .change .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .change .card-group > .card:not(:first-child) .card-header,
                .change .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0;
                }

                .change .card-group > .card:not(:first-child) .card-footer,
                .change .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0;
                }
}

.change .accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #374151;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .accordion-button {
        -webkit-transition: none;
        transition: none;
    }
}

.change .accordion-button:not(.collapsed) {
    color: #4b5563;
    background-color: #f2f4f6;
    -webkit-box-shadow: inset 0 -.0625rem 0 #e5e7eb;
    box-shadow: inset 0 -.0625rem 0 #e5e7eb;
}

    .change .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234B5563'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.change .accordion-button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23374151'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .accordion-button::after {
        -webkit-transition: none;
        transition: none;
    }
}

.change .accordion-button:hover {
    z-index: 2;
}

.change .accordion-button:focus {
    z-index: 3;
    border-color: #4d6689;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.change .accordion-header {
    margin-bottom: 0;
}

.change .accordion-item {
    background-color: transparent;
    border: .0625rem solid #e5e7eb;
}

    .change .accordion-item:first-of-type {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
    }

        .change .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: .4375rem;
            border-top-right-radius: .4375rem;
        }

    .change .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

    .change .accordion-item:last-of-type {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem;
    }

        .change .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: .4375rem;
            border-bottom-left-radius: .4375rem;
        }

        .change .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: .5rem;
            border-bottom-left-radius: .5rem;
        }

.change .accordion-body {
    padding: 1rem 1.25rem;
}

.change .accordion-flush .accordion-collapse {
    border-width: 0;
}

.change .accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

    .change .accordion-flush .accordion-item:first-child {
        border-top: 0;
    }

    .change .accordion-flush .accordion-item:last-child {
        border-bottom: 0;
    }

    .change .accordion-flush .accordion-item .accordion-button {
        border-radius: 0;
    }

.change .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e5e7eb;
    border-radius: .5rem;
}

.change .breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem;
}

    .change .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .5rem;
        color: #4b5563;
        content: var(--bs-breadcrumb-divider, "/");
    }

.change .breadcrumb-item.active {
    color: #4b5563;
}

.change .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.change .page-link {
    position: relative;
    display: block;
    color: #2C2C2C;
    background-color: #fff;
    border: .0625rem solid #9ca3af;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .page-link {
        -webkit-transition: none;
        transition: none;
    }
}

.change .page-link:hover {
    z-index: 2;
    color: #000;
    background-color: #e5e7eb;
    border-color: #d1d5db;
}

.change .page-link:focus {
    z-index: 3;
    color: #000;
    background-color: #e5e7eb;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.change .page-item:not(:first-child) .page-link {
    margin-left: -.0625rem;
}

.change .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2C2C2C;
    border-color: #2C2C2C;
}

.change .page-item.disabled .page-link {
    color: #4b5563;
    pointer-events: none;
    background-color: #fff;
    border-color: #d1d5db;
}

.change .page-link {
    padding: .375rem .75rem;
}

.change .page-item:first-child .page-link {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.change .page-item:last-child .page-link {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.change .pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
}

.change .pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.change .pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.change .pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
}

.change .pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .35rem;
    border-bottom-left-radius: .35rem;
}

.change .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .35rem;
    border-bottom-right-radius: .35rem;
}

.change .badge {
    display: inline-block;
    padding: .2rem .4rem;
    font-size: .75em;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .5rem;
}

    .change .badge:empty {
        display: none;
    }

.change .btn .badge {
    position: relative;
    top: -1px;
}

.change .alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: .0625rem solid transparent;
    border-radius: .5rem;
}

.change .alert-heading {
    color: inherit;
}

.change .alert-link {
    font-weight: 500;
}

.change .alert-dismissible {
    padding-right: 3rem;
}

    .change .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem;
    }

.change .alert-primary {
    color: #131921;
    background-color: #d2d4d7;
    border-color: #bcbfc3;
}

    .change .alert-primary .alert-link {
        color: #0f141a;
    }

.change .alert-secondary {
    color: #907146;
    background-color: #fcf2e3;
    border-color: #fbebd5;
}

    .change .alert-secondary .alert-link {
        color: #735a38;
    }

.change .alert-tertiary {
    color: #1d1d40;
    background-color: #d6d6e1;
    border-color: #c1c1d2;
}

    .change .alert-tertiary .alert-link {
        color: #171733;
    }

.change .alert-success {
    color: #0a6f4d;
    background-color: #cff1e6;
    border-color: #b7ead9;
}

    .change .alert-success .alert-link {
        color: #08593e;
    }

.change .alert-info {
    color: #153a7c;
    background-color: #d3dff5;
    border-color: #bdd0f0;
}

    .change .alert-info .alert-link {
        color: #112e63;
    }

.change .alert-warning {
    color: #97650e;
    background-color: #feeed1;
    border-color: #fee5ba;
}

    .change .alert-warning .alert-link {
        color: #79510b;
    }

.change .alert-danger {
    color: #87112b;
    background-color: #f9d2da;
    border-color: #f6bbc8;
}

    .change .alert-danger .alert-link {
        color: #6c0e22;
    }

.change .alert-white {
    color: #797f87;
    background-color: #fff;
    border-color: #fff;
}

    .change .alert-white .alert-link {
        color: #61666c;
    }

.change .alert-indigo {
    color: #2f2a89;
    background-color: #dcdafa;
    border-color: #cac8f7;
}

    .change .alert-indigo .alert-link {
        color: #26226e;
    }

.change .alert-purple {
    color: #4a238e;
    background-color: #e5d8fb;
    border-color: #d8c4fa;
}

    .change .alert-purple .alert-link {
        color: #3b1c72;
    }

.change .alert-yellow-100 {
    color: #998f80;
    background-color: #fffcf7;
    border-color: #fffaf3;
}

    .change .alert-yellow-100 .alert-link {
        color: #7a7266;
    }

.change .alert-yellow-200 {
    color: #93836e;
    background-color: #fdf8f1;
    border-color: #fcf4ea;
}

    .change .alert-yellow-200 .alert-link {
        color: #766958;
    }

.change .alert-gray-50 {
    color: #767d85;
    background-color: #fefefe;
    border-color: #fdfefe;
}

    .change .alert-gray-50 .alert-link {
        color: #5e646a;
    }

.change .alert-gray-100 {
    color: #919294;
    background-color: #fcfdfd;
    border-color: #fbfcfc;
}

    .change .alert-gray-100 .alert-link {
        color: #747576;
    }

.change .alert-gray-200 {
    color: #898b8d;
    background-color: #fafafb;
    border-color: #f7f8f9;
}

    .change .alert-gray-200 .alert-link {
        color: #6e6f71;
    }

.change .alert-gray-300 {
    color: #7d8083;
    background-color: #f6f7f8;
    border-color: #f1f2f4;
}

    .change .alert-gray-300 .alert-link {
        color: #646669;
    }

.change .alert-gray-400 {
    color: #5e6269;
    background-color: #ebedef;
    border-color: #e1e3e7;
}

    .change .alert-gray-400 .alert-link {
        color: #4b4e54;
    }

.change .alert-gray-500 {
    color: #40444d;
    background-color: #e1e3e6;
    border-color: #d3d5d9;
}

    .change .alert-gray-500 .alert-link {
        color: #33363e;
    }

.change .alert-gray-600 {
    color: #2d333b;
    background-color: #dbdde0;
    border-color: #c9ccd0;
}

    .change .alert-gray-600 .alert-link {
        color: #24292f;
    }

.change .alert-gray-700 {
    color: #212731;
    background-color: #d7d9dc;
    border-color: #c3c6cb;
}

    .change .alert-gray-700 .alert-link {
        color: #1a1f27;
    }

.change .alert-gray-800 {
    color: #131921;
    background-color: #d2d4d7;
    border-color: #bcbfc3;
}

    .change .alert-gray-800 .alert-link {
        color: #0f141a;
    }

.change .alert-gray-900 {
    color: #0a0e17;
    background-color: #cfd1d4;
    border-color: #b8babe;
}

    .change .alert-gray-900 .alert-link {
        color: #080b12;
    }

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

.change .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e5e7eb;
    border-radius: .5rem;
    -webkit-box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
}

.change .progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #2C2C2C;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .change .progress-bar {
        -webkit-transition: none;
        transition: none;
    }
}

.change .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.change .progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .change .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

.change .list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .5rem;
}

.change .list-group-numbered {
    list-style-type: none;
    counter-reset: section;
}

    .change .list-group-numbered > li::before {
        content: counters(section, ".") ". ";
        counter-increment: section;
    }

.change .list-group-item-action {
    width: 100%;
    color: #374151;
    text-align: inherit;
}

    .change .list-group-item-action:focus,
    .change .list-group-item-action:hover {
        z-index: 1;
        color: #374151;
        text-decoration: none;
        background-color: #f2f4f6;
    }

    .change .list-group-item-action:active {
        color: #374151;
        background-color: #e5e7eb;
    }

.change .list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #374151;
    background-color: #fff;
    border: 0.0625rem solid rgba(17, 24, 39, 0.125);
}

    .change .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .change .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }

    .change .list-group-item.disabled,
    .change .list-group-item:disabled {
        color: #4b5563;
        pointer-events: none;
        background-color: #fff;
    }

    .change .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

    .change .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .change .list-group-item + .list-group-item.active {
            margin-top: -.0625rem;
            border-top-width: .0625rem;
        }

.change .list-group-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .change .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: .5rem;
        border-top-right-radius: 0;
    }

    .change .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: .5rem;
        border-bottom-left-radius: 0;
    }

    .change .list-group-horizontal > .list-group-item.active {
        margin-top: 0;
    }

    .change .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: .0625rem;
        border-left-width: 0;
    }

        .change .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -.0625rem;
            border-left-width: .0625rem;
        }

@media (min-width: 576px) {
    .change .list-group-horizontal-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .change .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: .5rem;
            border-top-right-radius: 0;
        }

        .change .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: .5rem;
            border-bottom-left-radius: 0;
        }

        .change .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0;
        }

        .change .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: .0625rem;
            border-left-width: 0;
        }

            .change .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -.0625rem;
                border-left-width: .0625rem;
            }
}

@media (min-width: 768px) {
    .change .list-group-horizontal-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .change .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: .5rem;
            border-top-right-radius: 0;
        }

        .change .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: .5rem;
            border-bottom-left-radius: 0;
        }

        .change .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0;
        }

        .change .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: .0625rem;
            border-left-width: 0;
        }

            .change .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -.0625rem;
                border-left-width: .0625rem;
            }
}

@media (min-width: 992px) {
    .change .list-group-horizontal-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .change .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: .5rem;
            border-top-right-radius: 0;
        }

        .change .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: .5rem;
            border-bottom-left-radius: 0;
        }

        .change .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0;
        }

        .change .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: .0625rem;
            border-left-width: 0;
        }

            .change .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -.0625rem;
                border-left-width: .0625rem;
            }
}

@media (min-width: 1200px) {
    .change .list-group-horizontal-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .change .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: .5rem;
            border-top-right-radius: 0;
        }

        .change .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: .5rem;
            border-bottom-left-radius: 0;
        }

        .change .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0;
        }

        .change .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: .0625rem;
            border-left-width: 0;
        }

            .change .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -.0625rem;
                border-left-width: .0625rem;
            }
}

@media (min-width: 1400px) {
    .change .list-group-horizontal-xxl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .change .list-group-horizontal-xxl > .list-group-item:first-child {
            border-bottom-left-radius: .5rem;
            border-top-right-radius: 0;
        }

        .change .list-group-horizontal-xxl > .list-group-item:last-child {
            border-top-right-radius: .5rem;
            border-bottom-left-radius: 0;
        }

        .change .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0;
        }

        .change .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: .0625rem;
            border-left-width: 0;
        }

            .change .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: -.0625rem;
                border-left-width: .0625rem;
            }
}

.change .list-group-flush {
    border-radius: 0;
}

    .change .list-group-flush > .list-group-item {
        border-width: 0 0 .0625rem;
    }

        .change .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0;
        }

.change .list-group-item-primary {
    color: #131921;
    background-color: #d2d4d7;
}

    .change .list-group-item-primary.list-group-item-action:focus,
    .change .list-group-item-primary.list-group-item-action:hover {
        color: #131921;
        background-color: #bdbfc2;
    }

    .change .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #131921;
        border-color: #131921;
    }

.change .list-group-item-secondary {
    color: #907146;
    background-color: #fcf2e3;
}

    .change .list-group-item-secondary.list-group-item-action:focus,
    .change .list-group-item-secondary.list-group-item-action:hover {
        color: #907146;
        background-color: #e3dacc;
    }

    .change .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #907146;
        border-color: #907146;
    }

.change .list-group-item-tertiary {
    color: #1d1d40;
    background-color: #d6d6e1;
}

    .change .list-group-item-tertiary.list-group-item-action:focus,
    .change .list-group-item-tertiary.list-group-item-action:hover {
        color: #1d1d40;
        background-color: #c1c1cb;
    }

    .change .list-group-item-tertiary.list-group-item-action.active {
        color: #fff;
        background-color: #1d1d40;
        border-color: #1d1d40;
    }

.change .list-group-item-success {
    color: #0a6f4d;
    background-color: #cff1e6;
}

    .change .list-group-item-success.list-group-item-action:focus,
    .change .list-group-item-success.list-group-item-action:hover {
        color: #0a6f4d;
        background-color: #bad9cf;
    }

    .change .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #0a6f4d;
        border-color: #0a6f4d;
    }

.change .list-group-item-info {
    color: #153a7c;
    background-color: #d3dff5;
}

    .change .list-group-item-info.list-group-item-action:focus,
    .change .list-group-item-info.list-group-item-action:hover {
        color: #153a7c;
        background-color: #bec9dd;
    }

    .change .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #153a7c;
        border-color: #153a7c;
    }

.change .list-group-item-warning {
    color: #97650e;
    background-color: #feeed1;
}

    .change .list-group-item-warning.list-group-item-action:focus,
    .change .list-group-item-warning.list-group-item-action:hover {
        color: #97650e;
        background-color: #e5d6bc;
    }

    .change .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #97650e;
        border-color: #97650e;
    }

.change .list-group-item-danger {
    color: #87112b;
    background-color: #f9d2da;
}

    .change .list-group-item-danger.list-group-item-action:focus,
    .change .list-group-item-danger.list-group-item-action:hover {
        color: #87112b;
        background-color: #e0bdc4;
    }

    .change .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #87112b;
        border-color: #87112b;
    }

.change .list-group-item-white {
    color: #797f87;
    background-color: #fff;
}

    .change .list-group-item-white.list-group-item-action:focus,
    .change .list-group-item-white.list-group-item-action:hover {
        color: #797f87;
        background-color: #e6e6e6;
    }

    .change .list-group-item-white.list-group-item-action.active {
        color: #fff;
        background-color: #797f87;
        border-color: #797f87;
    }

.change .list-group-item-indigo {
    color: #2f2a89;
    background-color: #dcdafa;
}

    .change .list-group-item-indigo.list-group-item-action:focus,
    .change .list-group-item-indigo.list-group-item-action:hover {
        color: #2f2a89;
        background-color: #c6c4e1;
    }

    .change .list-group-item-indigo.list-group-item-action.active {
        color: #fff;
        background-color: #2f2a89;
        border-color: #2f2a89;
    }

.change .list-group-item-purple {
    color: #4a238e;
    background-color: #e5d8fb;
}

    .change .list-group-item-purple.list-group-item-action:focus,
    .change .list-group-item-purple.list-group-item-action:hover {
        color: #4a238e;
        background-color: #cec2e2;
    }

    .change .list-group-item-purple.list-group-item-action.active {
        color: #fff;
        background-color: #4a238e;
        border-color: #4a238e;
    }

.change .list-group-item-yellow-100 {
    color: #998f80;
    background-color: #fffcf7;
}

    .change .list-group-item-yellow-100.list-group-item-action:focus,
    .change .list-group-item-yellow-100.list-group-item-action:hover {
        color: #998f80;
        background-color: #e6e3de;
    }

    .change .list-group-item-yellow-100.list-group-item-action.active {
        color: #fff;
        background-color: #998f80;
        border-color: #998f80;
    }

.change .list-group-item-yellow-200 {
    color: #93836e;
    background-color: #fdf8f1;
}

    .change .list-group-item-yellow-200.list-group-item-action:focus,
    .change .list-group-item-yellow-200.list-group-item-action:hover {
        color: #93836e;
        background-color: #e4dfd9;
    }

    .change .list-group-item-yellow-200.list-group-item-action.active {
        color: #fff;
        background-color: #93836e;
        border-color: #93836e;
    }

.change .list-group-item-gray-50 {
    color: #767d85;
    background-color: #fefefe;
}

    .change .list-group-item-gray-50.list-group-item-action:focus,
    .change .list-group-item-gray-50.list-group-item-action:hover {
        color: #767d85;
        background-color: #e5e5e5;
    }

    .change .list-group-item-gray-50.list-group-item-action.active {
        color: #fff;
        background-color: #767d85;
        border-color: #767d85;
    }

.change .list-group-item-gray-100 {
    color: #919294;
    background-color: #fcfdfd;
}

    .change .list-group-item-gray-100.list-group-item-action:focus,
    .change .list-group-item-gray-100.list-group-item-action:hover {
        color: #919294;
        background-color: #e3e4e4;
    }

    .change .list-group-item-gray-100.list-group-item-action.active {
        color: #fff;
        background-color: #919294;
        border-color: #919294;
    }

.change .list-group-item-gray-200 {
    color: #898b8d;
    background-color: #fafafb;
}

    .change .list-group-item-gray-200.list-group-item-action:focus,
    .change .list-group-item-gray-200.list-group-item-action:hover {
        color: #898b8d;
        background-color: #e1e1e2;
    }

    .change .list-group-item-gray-200.list-group-item-action.active {
        color: #fff;
        background-color: #898b8d;
        border-color: #898b8d;
    }

.change .list-group-item-gray-300 {
    color: #7d8083;
    background-color: #f6f7f8;
}

    .change .list-group-item-gray-300.list-group-item-action:focus,
    .change .list-group-item-gray-300.list-group-item-action:hover {
        color: #7d8083;
        background-color: #dddedf;
    }

    .change .list-group-item-gray-300.list-group-item-action.active {
        color: #fff;
        background-color: #7d8083;
        border-color: #7d8083;
    }

.change .list-group-item-gray-400 {
    color: #5e6269;
    background-color: #ebedef;
}

    .change .list-group-item-gray-400.list-group-item-action:focus,
    .change .list-group-item-gray-400.list-group-item-action:hover {
        color: #5e6269;
        background-color: #d4d5d7;
    }

    .change .list-group-item-gray-400.list-group-item-action.active {
        color: #fff;
        background-color: #5e6269;
        border-color: #5e6269;
    }

.change .list-group-item-gray-500 {
    color: #40444d;
    background-color: #e1e3e6;
}

    .change .list-group-item-gray-500.list-group-item-action:focus,
    .change .list-group-item-gray-500.list-group-item-action:hover {
        color: #40444d;
        background-color: #cbcccf;
    }

    .change .list-group-item-gray-500.list-group-item-action.active {
        color: #fff;
        background-color: #40444d;
        border-color: #40444d;
    }

.change .list-group-item-gray-600 {
    color: #2d333b;
    background-color: #dbdde0;
}

    .change .list-group-item-gray-600.list-group-item-action:focus,
    .change .list-group-item-gray-600.list-group-item-action:hover {
        color: #2d333b;
        background-color: #c5c7ca;
    }

    .change .list-group-item-gray-600.list-group-item-action.active {
        color: #fff;
        background-color: #2d333b;
        border-color: #2d333b;
    }

.change .list-group-item-gray-700 {
    color: #212731;
    background-color: #d7d9dc;
}

    .change .list-group-item-gray-700.list-group-item-action:focus,
    .change .list-group-item-gray-700.list-group-item-action:hover {
        color: #212731;
        background-color: #c2c3c6;
    }

    .change .list-group-item-gray-700.list-group-item-action.active {
        color: #fff;
        background-color: #212731;
        border-color: #212731;
    }

.change .list-group-item-gray-800 {
    color: #131921;
    background-color: #d2d4d7;
}

    .change .list-group-item-gray-800.list-group-item-action:focus,
    .change .list-group-item-gray-800.list-group-item-action:hover {
        color: #131921;
        background-color: #bdbfc2;
    }

    .change .list-group-item-gray-800.list-group-item-action.active {
        color: #fff;
        background-color: #131921;
        border-color: #131921;
    }

.change .list-group-item-gray-900 {
    color: #0a0e17;
    background-color: #cfd1d4;
}

    .change .list-group-item-gray-900.list-group-item-action:focus,
    .change .list-group-item-gray-900.list-group-item-action:hover {
        color: #0a0e17;
        background-color: #babcbf;
    }

    .change .list-group-item-gray-900.list-group-item-action.active {
        color: #fff;
        background-color: #0a0e17;
        border-color: #0a0e17;
    }

.change .btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #111827;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23111827'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .5rem;
    opacity: .5;
}

    .change .btn-close:hover {
        color: #111827;
        text-decoration: none;
        opacity: .75;
    }

    .change .btn-close:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
        box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
        opacity: 1;
    }

    .change .btn-close.disabled,
    .change .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: .25;
    }

.change .btn-close-white {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}

.change .toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: .5rem;
}

    .change .toast:not(.showing):not(.show) {
        opacity: 0;
    }

    .change .toast.hide {
        display: none;
    }

.change .toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

    .change .toast-container > :not(:last-child) {
        margin-bottom: 1rem;
    }

.change .toast-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #4b5563;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px);
}

    .change .toast-header .btn-close {
        margin-right: -.375rem;
        margin-left: .75rem;
    }

.change .toast-body {
    padding: .75rem;
    word-wrap: break-word;
}

.change .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.change .modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.change .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .change .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none;
    }
}

.change .modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.change .modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.change .modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

    .change .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }

    .change .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.change .modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.change .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0.0625rem solid rgba(17, 24, 39, 0.2);
    border-radius: .5rem;
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    outline: 0;
}

.change .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #111827;
}

    .change .modal-backdrop.fade {
        opacity: 0;
    }

    .change .modal-backdrop.show {
        opacity: .5;
    }

.change .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: .0625rem solid #e5e7eb;
    border-top-left-radius: .4375rem;
    border-top-right-radius: .4375rem;
}

    .change .modal-header .btn-close {
        padding: .5rem .5rem;
        margin: -.5rem -.5rem -.5rem auto;
    }

.change .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.change .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.change .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: .0625rem solid #e5e7eb;
    border-bottom-right-radius: .4375rem;
    border-bottom-left-radius: .4375rem;
}

    .change .modal-footer > * {
        margin: .25rem;
    }

@media (min-width: 576px) {
    .change .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .change .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .change .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .change .modal-content {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }

    .change .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .change .modal-lg,
    .change .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .change .modal-xl {
        max-width: 1140px;
    }
}

.change .modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

    .change .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .change .modal-fullscreen .modal-header {
        border-radius: 0;
    }

    .change .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

    .change .modal-fullscreen .modal-footer {
        border-radius: 0;
    }

@media (max-width: 575.98px) {
    .change .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .change .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .change .modal-fullscreen-sm-down .modal-header {
            border-radius: 0;
        }

        .change .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto;
        }

        .change .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 767.98px) {
    .change .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .change .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .change .modal-fullscreen-md-down .modal-header {
            border-radius: 0;
        }

        .change .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }

        .change .modal-fullscreen-md-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 991.98px) {
    .change .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .change .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .change .modal-fullscreen-lg-down .modal-header {
            border-radius: 0;
        }

        .change .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }

        .change .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1199.98px) {
    .change .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .change .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .change .modal-fullscreen-xl-down .modal-header {
            border-radius: 0;
        }

        .change .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }

        .change .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1399.98px) {
    .change .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .change .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .change .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0;
        }

        .change .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }

        .change .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0;
        }
}

.change .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 2rem;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .change .tooltip.show {
        opacity: .99;
    }

    .change .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem;
    }

        .change .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.change .bs-tooltip-auto[data-popper-placement^=top],
.change .bs-tooltip-top {
    padding: .4rem 0;
}

    .change .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
    .change .bs-tooltip-top .tooltip-arrow {
        bottom: 0;
    }

        .change .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
        .change .bs-tooltip-top .tooltip-arrow::before {
            top: -1px;
            border-width: .4rem .4rem 0;
            border-top-color: #2C2C2C;
        }

.change .bs-tooltip-auto[data-popper-placement^=right],
.change .bs-tooltip-end {
    padding: 0 .4rem;
}

    .change .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
    .change .bs-tooltip-end .tooltip-arrow {
        left: 0;
        width: .4rem;
        height: .8rem;
    }

        .change .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
        .change .bs-tooltip-end .tooltip-arrow::before {
            right: -1px;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #2C2C2C;
        }

.change .bs-tooltip-auto[data-popper-placement^=bottom],
.change .bs-tooltip-bottom {
    padding: .4rem 0;
}

    .change .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
    .change .bs-tooltip-bottom .tooltip-arrow {
        top: 0;
    }

        .change .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
        .change .bs-tooltip-bottom .tooltip-arrow::before {
            bottom: -1px;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #2C2C2C;
        }

.change .bs-tooltip-auto[data-popper-placement^=left],
.change .bs-tooltip-start {
    padding: 0 .4rem;
}

    .change .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
    .change .bs-tooltip-start .tooltip-arrow {
        right: 0;
        width: .4rem;
        height: .8rem;
    }

        .change .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
        .change .bs-tooltip-start .tooltip-arrow::before {
            left: -1px;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #2C2C2C;
        }

.change .tooltip-inner {
    max-width: 200px;
    padding: .375rem .55rem;
    color: #fff;
    text-align: center;
    background-color: #2C2C2C;
    border-radius: .5rem;
}

.change .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #2C2C2C;
    background-clip: padding-box;
    border: 0.0625rem solid rgba(17, 24, 39, 0.2);
    border-radius: 1rem;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

    .change .popover .popover-arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
    }

        .change .popover .popover-arrow::after,
        .change .popover .popover-arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.change .bs-popover-auto[data-popper-placement^=top] > .popover-arrow,
.change .bs-popover-top > .popover-arrow {
    bottom: -.5625rem;
}

    .change .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
    .change .bs-popover-top > .popover-arrow::before {
        bottom: 0;
        border-width: .5rem .5rem 0;
        border-top-color: rgba(17, 24, 39, 0.25);
    }

    .change .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
    .change .bs-popover-top > .popover-arrow::after {
        bottom: .0625rem;
        border-width: .5rem .5rem 0;
        border-top-color: #2C2C2C;
    }

.change .bs-popover-auto[data-popper-placement^=right] > .popover-arrow,
.change .bs-popover-end > .popover-arrow {
    left: -.5625rem;
    width: .5rem;
    height: 1rem;
}

    .change .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
    .change .bs-popover-end > .popover-arrow::before {
        left: 0;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: rgba(17, 24, 39, 0.25);
    }

    .change .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
    .change .bs-popover-end > .popover-arrow::after {
        left: .0625rem;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: #2C2C2C;
    }

.change .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow,
.change .bs-popover-bottom > .popover-arrow {
    top: -.5625rem;
}

    .change .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
    .change .bs-popover-bottom > .popover-arrow::before {
        top: 0;
        border-width: 0 .5rem .5rem .5rem;
        border-bottom-color: rgba(17, 24, 39, 0.25);
    }

    .change .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
    .change .bs-popover-bottom > .popover-arrow::after {
        top: .0625rem;
        border-width: 0 .5rem .5rem .5rem;
        border-bottom-color: #2C2C2C;
    }

.change .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.change .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: .0625rem solid #19222d;
}

.change .bs-popover-auto[data-popper-placement^=left] > .popover-arrow,
.change .bs-popover-start > .popover-arrow {
    right: -.5625rem;
    width: .5rem;
    height: 1rem;
}

    .change .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
    .change .bs-popover-start > .popover-arrow::before {
        right: 0;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: rgba(17, 24, 39, 0.25);
    }

    .change .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
    .change .bs-popover-start > .popover-arrow::after {
        right: .0625rem;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: #2C2C2C;
    }

.change .popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: #fff;
    background-color: #19222d;
    border-bottom: .0625rem solid #171e29;
    border-top-left-radius: .9375rem;
    border-top-right-radius: .9375rem;
}

    .change .popover-header:empty {
        display: none;
    }

.change .popover-body {
    padding: 1rem 1rem;
    color: #fff;
}

.change .carousel {
    position: relative;
}

    .change .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

.change .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .change .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.change .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .carousel-item {
        -webkit-transition: none;
        transition: none;
    }
}

.change .carousel-item-next,
.change .carousel-item-prev,
.change .carousel-item.active {
    display: block;
}

    .change .active.carousel-item-end,
    .change .carousel-item-next:not(.carousel-item-start) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .change .active.carousel-item-start,
    .change .carousel-item-prev:not(.carousel-item-end) {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.change .carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}

    .change .carousel-fade .carousel-item-next.carousel-item-start,
    .change .carousel-fade .carousel-item-prev.carousel-item-end,
    .change .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1;
    }

.change .carousel-fade .active.carousel-item-end,
.change .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0s .6s;
    transition: opacity 0s .6s;
}

@media (prefers-reduced-motion: reduce) {
    .change .carousel-fade .active.carousel-item-end,
    .change .carousel-fade .active.carousel-item-start {
        -webkit-transition: none;
        transition: none;
    }
}

.change .carousel-control-next,
.change .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .change .carousel-control-next,
    .change .carousel-control-prev {
        -webkit-transition: none;
        transition: none;
    }
}

.change .carousel-control-next:focus,
.change .carousel-control-next:hover,
.change .carousel-control-prev:focus,
.change .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.change .carousel-control-prev {
    left: 0;
}

.change .carousel-control-next {
    right: 0;
}

.change .carousel-control-next-icon,
.change .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.change .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.change .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.change .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}

    .change .carousel-indicators [data-bs-target] {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        -webkit-transition: opacity .6s ease;
        transition: opacity .6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .change .carousel-indicators [data-bs-target] {
        -webkit-transition: none;
        transition: none;
    }
}

.change .carousel-indicators .active {
    opacity: 1;
}

.change .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.change .carousel-dark .carousel-control-next-icon,
.change .carousel-dark .carousel-control-prev-icon {
    -webkit-filter: invert(1) grayscale(100);
    filter: invert(1) grayscale(100);
}

.change .carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #111827;
}

.change .carousel-dark .carousel-caption {
    color: #111827;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.change .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
}

.change .spinner-border-sm {
    width: 1.2rem;
    height: 1.2rem;
    border-width: .2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.change .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow;
}

.change .spinner-grow-sm {
    width: 1.2rem;
    height: 1.2rem;
}

@media (prefers-reduced-motion: reduce) {
    .change .spinner-border,
    .change .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }
}

.change .clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.change .link-primary {
    color: #2C2C2C;
}

    .change .link-primary:focus,
    .change .link-primary:hover {
        color: #19212c;
    }

.change .link-secondary {
    color: #ffcc00;
}

    .change .link-secondary:focus,
    .change .link-secondary:hover {
        color: #2C2C2C;
    }

.change .link-tertiary {
    color: #31316a;
}

    .change .link-tertiary:focus,
    .change .link-tertiary:hover {
        color: #272755;
    }

.change .link-success {
    color: #10b981;
}

    .change .link-success:focus,
    .change .link-success:hover {
        color: #40c79a;
    }

.change .link-info {
    color: #2361ce;
}

    .change .link-info:focus,
    .change .link-info:hover {
        color: #1c4ea5;
    }

.change .link-warning {
    color: #fba918;
}

    .change .link-warning:focus,
    .change .link-warning:hover {
        color: #fcba46;
    }

.change .link-danger {
    color: #e11d48;
}

    .change .link-danger:focus,
    .change .link-danger:hover {
        color: #b4173a;
    }

.change .link-white {
    color: #fff;
}

    .change .link-white:focus,
    .change .link-white:hover {
        color: #fff;
    }

.change .link-indigo {
    color: #4f46e5;
}

    .change .link-indigo:focus,
    .change .link-indigo:hover {
        color: #3f38b7;
    }

.change .link-purple {
    color: #7c3aed;
}

    .change .link-purple:focus,
    .change .link-purple:hover {
        color: #632ebe;
    }

.change .link-yellow-100 {
    color: #ffcc00;
}

    .change .link-yellow-100:focus,
    .change .link-yellow-100:hover {
        color: #fff1de;
    }

.change .link-yellow-200 {
    color: #ffcc00;
}

    .change .link-yellow-200:focus,
    .change .link-yellow-200:hover {
        color: #f7e2c6;
    }

.change .link-gray-50 {
    color: #f9fafb;
}

    .change .link-gray-50:focus,
    .change .link-gray-50:hover {
        color: #fafbfc;
    }

.change .link-gray-100 {
    color: #f2f4f6;
}

    .change .link-gray-100:focus,
    .change .link-gray-100:hover {
        color: #f5f6f8;
    }

.change .link-gray-200 {
    color: #e5e7eb;
}

    .change .link-gray-200:focus,
    .change .link-gray-200:hover {
        color: #eaecef;
    }

.change .link-gray-300 {
    color: #d1d5db;
}

    .change .link-gray-300:focus,
    .change .link-gray-300:hover {
        color: #dadde2;
    }

.change .link-gray-400 {
    color: #9ca3af;
}

    .change .link-gray-400:focus,
    .change .link-gray-400:hover {
        color: #b0b5bf;
    }

.change .link-gray-500 {
    color: #6b7280;
}

    .change .link-gray-500:focus,
    .change .link-gray-500:hover {
        color: #565b66;
    }

.change .link-gray-600 {
    color: #4b5563;
}

    .change .link-gray-600:focus,
    .change .link-gray-600:hover {
        color: #3c444f;
    }

.change .link-gray-700 {
    color: #374151;
}

    .change .link-gray-700:focus,
    .change .link-gray-700:hover {
        color: #2c3441;
    }

.change .link-gray-800 {
    color: #2C2C2C;
}

    .change .link-gray-800:focus,
    .change .link-gray-800:hover {
        color: #19212c;
    }

.change .link-gray-900 {
    color: #111827;
}

    .change .link-gray-900:focus,
    .change .link-gray-900:hover {
        color: #0e131f;
    }

.change .ratio {
    position: relative;
    width: 100%;
}

    .change .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
    }

    .change .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.change .ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.change .ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.change .ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.change .ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.change .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.change .fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.change .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

@media (min-width: 576px) {
    .change .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 768px) {
    .change .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .change .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .change .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1400px) {
    .change .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.change .visually-hidden,
.change .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.change .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.change .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.change .align-baseline {
    vertical-align: baseline !important;
}

.change .align-top {
    vertical-align: top !important;
}

.change .align-middle {
    vertical-align: middle !important;
}

.change .align-bottom {
    vertical-align: bottom !important;
}

.change .align-text-bottom {
    vertical-align: text-bottom !important;
}

.change .align-text-top {
    vertical-align: text-top !important;
}

.change .float-start {
    float: left !important;
}

.change .float-end {
    float: right !important;
}

.change .float-none {
    float: none !important;
}

.change .overflow-auto {
    overflow: auto !important;
}

.change .overflow-hidden {
    overflow: hidden !important;
}

.change .overflow-visible {
    overflow: visible !important;
}

.change .overflow-scroll {
    overflow: scroll !important;
}

.change .d-inline {
    display: inline !important;
}

.change .d-inline-block {
    display: inline-block !important;
}

.change .d-block {
    display: block !important;
}

.change .d-grid {
    display: -ms-grid !important;
    display: grid !important;
}

.change .d-table {
    display: table !important;
}

.change .d-table-row {
    display: table-row !important;
}

.change .d-table-cell {
    display: table-cell !important;
}

.change .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.change .d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.change .d-none {
    display: none !important;
}

.change .shadow {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.change .shadow-sm {
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2) !important;
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2) !important;
}

.change .shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(17, 24, 39, 0.175) !important;
    box-shadow: 0 1rem 3rem rgba(17, 24, 39, 0.175) !important;
}

.change .shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.change .position-static {
    position: static !important;
}

.change .position-relative {
    position: relative !important;
}

.change .position-absolute {
    position: absolute !important;
}

.change .position-fixed {
    position: fixed !important;
}

.change .position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.change .top-0 {
    top: 0 !important;
}

.change .top-50 {
    top: 50% !important;
}

.change .top-100 {
    top: 100% !important;
}

.change .bottom-0 {
    bottom: 0 !important;
}

.change .bottom-50 {
    bottom: 50% !important;
}

.change .bottom-100 {
    bottom: 100% !important;
}

.change .start-0 {
    left: 0 !important;
}

.change .start-50 {
    left: 50% !important;
}

.change .start-100 {
    left: 100% !important;
}

.change .end-0 {
    right: 0 !important;
}

.change .end-50 {
    right: 50% !important;
}

.change .end-100 {
    right: 100% !important;
}

.change .translate-middle {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.change .translate-middle-x {
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

.change .translate-middle-y {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.change .border {
    border: .0625rem solid #e5e7eb !important;
}

.change .border-0 {
    border: 0 !important;
}

.change .border-top {
    border-top: .0625rem solid #e5e7eb !important;
}

.change .border-top-0 {
    border-top: 0 !important;
}

.change .border-end {
    border-right: .0625rem solid #e5e7eb !important;
}

.change .border-end-0 {
    border-right: 0 !important;
}

.change .border-bottom {
    border-bottom: .0625rem solid #e5e7eb !important;
}

.change .border-bottom-0 {
    border-bottom: 0 !important;
}

.change .border-start {
    border-left: .0625rem solid #e5e7eb !important;
}

.change .border-start-0 {
    border-left: 0 !important;
}

.change .border-primary {
    border-color: #2C2C2C !important;
}

.change .border-secondary {
    border-color: #ffcc00 !important;
}

.change .border-tertiary {
    border-color: #31316a !important;
}

.change .border-success {
    border-color: #10b981 !important;
}

.change .border-info {
    border-color: #2361ce !important;
}

.change .border-warning {
    border-color: #fba918 !important;
}

.change .border-danger {
    border-color: #e11d48 !important;
}

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

.change .border-indigo {
    border-color: #4f46e5 !important;
}

.change .border-purple {
    border-color: #7c3aed !important;
}

.change .border-yellow-100 {
    border-color: #ffcc00 !important;
}

.change .border-yellow-200 {
    border-color: #ffcc00 !important;
}

.change .border-gray-50 {
    border-color: #f9fafb !important;
}

.change .border-gray-100 {
    border-color: #f2f4f6 !important;
}

.change .border-gray-200 {
    border-color: #e5e7eb !important;
}

.change .border-gray-300 {
    border-color: #d1d5db !important;
}

.change .border-gray-400 {
    border-color: #9ca3af !important;
}

.change .border-gray-500 {
    border-color: #6b7280 !important;
}

.change .border-gray-600 {
    border-color: #4b5563 !important;
}

.change .border-gray-700 {
    border-color: #374151 !important;
}

.change .border-gray-800 {
    border-color: #2C2C2C !important;
}

.change .border-gray-900 {
    border-color: #111827 !important;
}

.change .border-1 {
    border-width: 1px !important;
}

.change .border-2 {
    border-width: 2px !important;
}

.change .border-3 {
    border-width: 3px !important;
}

.change .border-4 {
    border-width: 4px !important;
}

.change .border-5 {
    border-width: 5px !important;
}

.change .w-25 {
    width: 25% !important;
}

.change .w-50 {
    width: 50% !important;
}

.change .w-75 {
    width: 75% !important;
}

.change .w-100 {
    width: 100% !important;
}

.change .w-auto {
    width: auto !important;
}

.change .fmxw-100 {
    max-width: 100px !important;
}

.change .fmxw-200 {
    max-width: 200px !important;
}

.change .fmxw-300 {
    max-width: 300px !important;
}

.change .fmxw-400 {
    max-width: 400px !important;
}

.change .fmxw-500 {
    max-width: 500px !important;
}

.change .fmxw-999 {
    max-width: 999px !important;
}

.change .vw-100 {
    width: 100vw !important;
}

.change .min-vw-100 {
    min-width: 100vw !important;
}

.change .h-25 {
    height: 25% !important;
}

.change .h-50 {
    height: 50% !important;
}

.change .h-75 {
    height: 75% !important;
}

.change .h-100 {
    height: 100% !important;
}

.change .h-auto {
    height: auto !important;
}

.change .mh-100 {
    max-height: 100% !important;
}

.change .vh-100 {
    height: 100vh !important;
}

.change .min-vh-100 {
    min-height: 100vh !important;
}

.change .flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.change .flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.change .flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.change .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.change .flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.change .flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.change .flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.change .flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.change .flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.change .flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.change .flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.change .flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.change .gap-0 {
    gap: 0 !important;
}

.change .gap-1 {
    gap: .25rem !important;
}

.change .gap-2 {
    gap: .5rem !important;
}

.change .gap-3 {
    gap: 1rem !important;
}

.change .gap-4 {
    gap: 1.5rem !important;
}

.change .gap-5 {
    gap: 3rem !important;
}

.change .gap-6 {
    gap: 5rem !important;
}

.change .gap-7 {
    gap: 8rem !important;
}

.change .gap-8 {
    gap: 10rem !important;
}

.change .gap-9 {
    gap: 11rem !important;
}

.change .gap-10 {
    gap: 14rem !important;
}

.change .gap-11 {
    gap: 16rem !important;
}

.change .gap-12 {
    gap: 20rem !important;
}

.change .gap-sm {
    gap: 1rem !important;
}

.change .gap-md {
    gap: 2rem !important;
}

.change .gap-lg {
    gap: 4rem !important;
}

.change .gap-xl {
    gap: 8rem !important;
}

.change .justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.change .justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.change .justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.change .justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.change .justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.change .justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
}

.change .align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.change .align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.change .align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.change .align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.change .align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.change .align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.change .align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.change .align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.change .align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.change .align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.change .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.change .align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
}

.change .align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.change .align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.change .align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.change .align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.change .align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
}

.change .order-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
}

.change .order-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
}

.change .order-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
}

.change .order-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
}

.change .order-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
}

.change .order-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
}

.change .order-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
}

.change .order-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
}

.change .m-0 {
    margin: 0 !important;
}

.change .m-1 {
    margin: .25rem !important;
}

.change .m-2 {
    margin: .5rem !important;
}

.change .m-3 {
    margin: 1rem !important;
}

.change .m-4 {
    margin: 1.5rem !important;
}

.change .m-5 {
    margin: 3rem !important;
}

.change .m-6 {
    margin: 5rem !important;
}

.change .m-7 {
    margin: 8rem !important;
}

.change .m-8 {
    margin: 10rem !important;
}

.change .m-9 {
    margin: 11rem !important;
}

.change .m-10 {
    margin: 14rem !important;
}

.change .m-11 {
    margin: 16rem !important;
}

.change .m-12 {
    margin: 20rem !important;
}

.change .m-sm {
    margin: 1rem !important;
}

.change .m-md {
    margin: 2rem !important;
}

.change .m-lg {
    margin: 4rem !important;
}

.change .m-xl {
    margin: 8rem !important;
}

.change .m-auto {
    margin: auto !important;
}

.change .mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.change .mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
}

.change .mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.change .mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.change .mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.change .mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.change .mx-6 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
}

.change .mx-7 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
}

.change .mx-8 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
}

.change .mx-9 {
    margin-right: 11rem !important;
    margin-left: 11rem !important;
}

.change .mx-10 {
    margin-right: 14rem !important;
    margin-left: 14rem !important;
}

.change .mx-11 {
    margin-right: 16rem !important;
    margin-left: 16rem !important;
}

.change .mx-12 {
    margin-right: 20rem !important;
    margin-left: 20rem !important;
}

.change .mx-sm {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.change .mx-md {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.change .mx-lg {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
}

.change .mx-xl {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
}

.change .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.change .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.change .my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.change .my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.change .my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.change .my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.change .my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.change .my-6 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.change .my-7 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}

.change .my-8 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
}

.change .my-9 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
}

.change .my-10 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
}

.change .my-11 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
}

.change .my-12 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
}

.change .my-sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.change .my-md {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.change .my-lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.change .my-xl {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}

.change .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.change .mt-0 {
    margin-top: 0 !important;
}

.change .mt-1 {
    margin-top: .25rem !important;
}

.change .mt-2 {
    margin-top: .5rem !important;
}

.change .mt-3 {
    margin-top: 1rem !important;
}

.change .mt-4 {
    margin-top: 1.5rem !important;
}

.change .mt-5 {
    margin-top: 3rem !important;
}

.change .mt-6 {
    margin-top: 5rem !important;
}

.change .mt-7 {
    margin-top: 8rem !important;
}

.change .mt-8 {
    margin-top: 10rem !important;
}

.change .mt-9 {
    margin-top: 11rem !important;
}

.change .mt-10 {
    margin-top: 14rem !important;
}

.change .mt-11 {
    margin-top: 16rem !important;
}

.change .mt-12 {
    margin-top: 20rem !important;
}

.change .mt-sm {
    margin-top: 1rem !important;
}

.change .mt-md {
    margin-top: 2rem !important;
}

.change .mt-lg {
    margin-top: 4rem !important;
}

.change .mt-xl {
    margin-top: 8rem !important;
}

.change .mt-auto {
    margin-top: auto !important;
}

.change .me-0 {
    margin-right: 0 !important;
}

.change .me-1 {
    margin-right: .25rem !important;
}

.change .me-2 {
    margin-right: .5rem !important;
}

.change .me-3 {
    margin-right: 1rem !important;
}

.change .me-4 {
    margin-right: 1.5rem !important;
}

.change .me-5 {
    margin-right: 3rem !important;
}

.change .me-6 {
    margin-right: 5rem !important;
}

.change .me-7 {
    margin-right: 8rem !important;
}

.change .me-8 {
    margin-right: 10rem !important;
}

.change .me-9 {
    margin-right: 11rem !important;
}

.change .me-10 {
    margin-right: 14rem !important;
}

.change .me-11 {
    margin-right: 16rem !important;
}

.change .me-12 {
    margin-right: 20rem !important;
}

.change .me-sm {
    margin-right: 1rem !important;
}

.change .me-md {
    margin-right: 2rem !important;
}

.change .me-lg {
    margin-right: 4rem !important;
}

.change .me-xl {
    margin-right: 8rem !important;
}

.change .me-auto {
    margin-right: auto !important;
}

.change .mb-0 {
    margin-bottom: 0 !important;
}

.change .mb-1 {
    margin-bottom: .25rem !important;
}

.change .mb-2 {
    margin-bottom: .5rem !important;
}

.change .mb-3 {
    margin-bottom: 1rem !important;
}

.change .mb-4 {
    margin-bottom: 1.5rem !important;
}

.change .mb-5 {
    margin-bottom: 3rem !important;
}

.change .mb-6 {
    margin-bottom: 5rem !important;
}

.change .mb-7 {
    margin-bottom: 8rem !important;
}

.change .mb-8 {
    margin-bottom: 10rem !important;
}

.change .mb-9 {
    margin-bottom: 11rem !important;
}

.change .mb-10 {
    margin-bottom: 14rem !important;
}

.change .mb-11 {
    margin-bottom: 16rem !important;
}

.change .mb-12 {
    margin-bottom: 20rem !important;
}

.change .mb-sm {
    margin-bottom: 1rem !important;
}

.change .mb-md {
    margin-bottom: 2rem !important;
}

.change .mb-lg {
    margin-bottom: 4rem !important;
}

.change .mb-xl {
    margin-bottom: 8rem !important;
}

.change .mb-auto {
    margin-bottom: auto !important;
}

.change .ms-0 {
    margin-left: 0 !important;
}

.change .ms-1 {
    margin-left: .25rem !important;
}

.change .ms-2 {
    margin-left: .5rem !important;
}

.change .ms-3 {
    margin-left: 1rem !important;
}

.change .ms-4 {
    margin-left: 1.5rem !important;
}

.change .ms-5 {
    margin-left: 3rem !important;
}

.change .ms-6 {
    margin-left: 5rem !important;
}

.change .ms-7 {
    margin-left: 8rem !important;
}

.change .ms-8 {
    margin-left: 10rem !important;
}

.change .ms-9 {
    margin-left: 11rem !important;
}

.change .ms-10 {
    margin-left: 14rem !important;
}

.change .ms-11 {
    margin-left: 16rem !important;
}

.change .ms-12 {
    margin-left: 20rem !important;
}

.change .ms-sm {
    margin-left: 1rem !important;
}

.change .ms-md {
    margin-left: 2rem !important;
}

.change .ms-lg {
    margin-left: 4rem !important;
}

.change .ms-xl {
    margin-left: 8rem !important;
}

.change .ms-auto {
    margin-left: auto !important;
}

.change .m-n1 {
    margin: -.25rem !important;
}

.change .m-n2 {
    margin: -.5rem !important;
}

.change .m-n3 {
    margin: -1rem !important;
}

.change .m-n4 {
    margin: -1.5rem !important;
}

.change .m-n5 {
    margin: -3rem !important;
}

.change .m-n6 {
    margin: -5rem !important;
}

.change .m-n7 {
    margin: -8rem !important;
}

.change .m-n8 {
    margin: -10rem !important;
}

.change .m-n9 {
    margin: -11rem !important;
}

.change .m-n10 {
    margin: -14rem !important;
}

.change .m-n11 {
    margin: -16rem !important;
}

.change .m-n12 {
    margin: -20rem !important;
}

.change .m-nsm {
    margin: -1rem !important;
}

.change .m-nmd {
    margin: -2rem !important;
}

.change .m-nlg {
    margin: -4rem !important;
}

.change .m-nxl {
    margin: -8rem !important;
}

.change .mx-n1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important;
}

.change .mx-n2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important;
}

.change .mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.change .mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.change .mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}

.change .mx-n6 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
}

.change .mx-n7 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
}

.change .mx-n8 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
}

.change .mx-n9 {
    margin-right: -11rem !important;
    margin-left: -11rem !important;
}

.change .mx-n10 {
    margin-right: -14rem !important;
    margin-left: -14rem !important;
}

.change .mx-n11 {
    margin-right: -16rem !important;
    margin-left: -16rem !important;
}

.change .mx-n12 {
    margin-right: -20rem !important;
    margin-left: -20rem !important;
}

.change .mx-nsm {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.change .mx-nmd {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
}

.change .mx-nlg {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
}

.change .mx-nxl {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
}

.change .my-n1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important;
}

.change .my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important;
}

.change .my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.change .my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.change .my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.change .my-n6 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
}

.change .my-n7 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
}

.change .my-n8 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
}

.change .my-n9 {
    margin-top: -11rem !important;
    margin-bottom: -11rem !important;
}

.change .my-n10 {
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
}

.change .my-n11 {
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
}

.change .my-n12 {
    margin-top: -20rem !important;
    margin-bottom: -20rem !important;
}

.change .my-nsm {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.change .my-nmd {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
}

.change .my-nlg {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
}

.change .my-nxl {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
}

.change .mt-n1 {
    margin-top: -.25rem !important;
}

.change .mt-n2 {
    margin-top: -.5rem !important;
}

.change .mt-n3 {
    margin-top: -1rem !important;
}

.change .mt-n4 {
    margin-top: -1.5rem !important;
}

.change .mt-n5 {
    margin-top: -3rem !important;
}

.change .mt-n6 {
    margin-top: -5rem !important;
}

.change .mt-n7 {
    margin-top: -8rem !important;
}

.change .mt-n8 {
    margin-top: -10rem !important;
}

.change .mt-n9 {
    margin-top: -11rem !important;
}

.change .mt-n10 {
    margin-top: -14rem !important;
}

.change .mt-n11 {
    margin-top: -16rem !important;
}

.change .mt-n12 {
    margin-top: -20rem !important;
}

.change .mt-nsm {
    margin-top: -1rem !important;
}

.change .mt-nmd {
    margin-top: -2rem !important;
}

.change .mt-nlg {
    margin-top: -4rem !important;
}

.change .mt-nxl {
    margin-top: -8rem !important;
}

.change .me-n1 {
    margin-right: -.25rem !important;
}

.change .me-n2 {
    margin-right: -.5rem !important;
}

.change .me-n3 {
    margin-right: -1rem !important;
}

.change .me-n4 {
    margin-right: -1.5rem !important;
}

.change .me-n5 {
    margin-right: -3rem !important;
}

.change .me-n6 {
    margin-right: -5rem !important;
}

.change .me-n7 {
    margin-right: -8rem !important;
}

.change .me-n8 {
    margin-right: -10rem !important;
}

.change .me-n9 {
    margin-right: -11rem !important;
}

.change .me-n10 {
    margin-right: -14rem !important;
}

.change .me-n11 {
    margin-right: -16rem !important;
}

.change .me-n12 {
    margin-right: -20rem !important;
}

.change .me-nsm {
    margin-right: -1rem !important;
}

.change .me-nmd {
    margin-right: -2rem !important;
}

.change .me-nlg {
    margin-right: -4rem !important;
}

.change .me-nxl {
    margin-right: -8rem !important;
}

.change .mb-n1 {
    margin-bottom: -.25rem !important;
}

.change .mb-n2 {
    margin-bottom: -.5rem !important;
}

.change .mb-n3 {
    margin-bottom: -1rem !important;
}

.change .mb-n4 {
    margin-bottom: -1.5rem !important;
}

.change .mb-n5 {
    margin-bottom: -3rem !important;
}

.change .mb-n6 {
    margin-bottom: -5rem !important;
}

.change .mb-n7 {
    margin-bottom: -8rem !important;
}

.change .mb-n8 {
    margin-bottom: -10rem !important;
}

.change .mb-n9 {
    margin-bottom: -11rem !important;
}

.change .mb-n10 {
    margin-bottom: -14rem !important;
}

.change .mb-n11 {
    margin-bottom: -16rem !important;
}

.change .mb-n12 {
    margin-bottom: -20rem !important;
}

.change .mb-nsm {
    margin-bottom: -1rem !important;
}

.change .mb-nmd {
    margin-bottom: -2rem !important;
}

.change .mb-nlg {
    margin-bottom: -4rem !important;
}

.change .mb-nxl {
    margin-bottom: -8rem !important;
}

.change .ms-n1 {
    margin-left: -.25rem !important;
}

.change .ms-n2 {
    margin-left: -.5rem !important;
}

.change .ms-n3 {
    margin-left: -1rem !important;
}

.change .ms-n4 {
    margin-left: -1.5rem !important;
}

.change .ms-n5 {
    margin-left: -3rem !important;
}

.change .ms-n6 {
    margin-left: -5rem !important;
}

.change .ms-n7 {
    margin-left: -8rem !important;
}

.change .ms-n8 {
    margin-left: -10rem !important;
}

.change .ms-n9 {
    margin-left: -11rem !important;
}

.change .ms-n10 {
    margin-left: -14rem !important;
}

.change .ms-n11 {
    margin-left: -16rem !important;
}

.change .ms-n12 {
    margin-left: -20rem !important;
}

.change .ms-nsm {
    margin-left: -1rem !important;
}

.change .ms-nmd {
    margin-left: -2rem !important;
}

.change .ms-nlg {
    margin-left: -4rem !important;
}

.change .ms-nxl {
    margin-left: -8rem !important;
}

.change .p-0 {
    padding: 0 !important;
}

.change .p-1 {
    padding: .25rem !important;
}

.change .p-2 {
    padding: .5rem !important;
}

.change .p-3 {
    padding: 1rem !important;
}

.change .p-4 {
    padding: 1.5rem !important;
}

.change .p-5 {
    padding: 3rem !important;
}

.change .p-6 {
    padding: 5rem !important;
}

.change .p-7 {
    padding: 8rem !important;
}

.change .p-8 {
    padding: 10rem !important;
}

.change .p-9 {
    padding: 11rem !important;
}

.change .p-10 {
    padding: 14rem !important;
}

.change .p-11 {
    padding: 16rem !important;
}

.change .p-12 {
    padding: 20rem !important;
}

.change .p-sm {
    padding: 1rem !important;
}

.change .p-md {
    padding: 2rem !important;
}

.change .p-lg {
    padding: 4rem !important;
}

.change .p-xl {
    padding: 8rem !important;
}

.change .px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.change .px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}

.change .px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.change .px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.change .px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.change .px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.change .px-6 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}

.change .px-7 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
}

.change .px-8 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
}

.change .px-9 {
    padding-right: 11rem !important;
    padding-left: 11rem !important;
}

.change .px-10 {
    padding-right: 14rem !important;
    padding-left: 14rem !important;
}

.change .px-11 {
    padding-right: 16rem !important;
    padding-left: 16rem !important;
}

.change .px-12 {
    padding-right: 20rem !important;
    padding-left: 20rem !important;
}

.change .px-sm {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.change .px-md {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

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

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

.change .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.change .py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.change .py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.change .py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.change .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.change .py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.change .py-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.change .py-7 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}

.change .py-8 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}

.change .py-9 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
}

.change .py-10 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
}

.change .py-11 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
}

.change .py-12 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
}

.change .py-sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.change .py-md {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

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

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

.change .pt-0 {
    padding-top: 0 !important;
}

.change .pt-1 {
    padding-top: .25rem !important;
}

.change .pt-2 {
    padding-top: .5rem !important;
}

.change .pt-3 {
    padding-top: 1rem !important;
}

.change .pt-4 {
    padding-top: 1.5rem !important;
}

.change .pt-5 {
    padding-top: 3rem !important;
}

.change .pt-6 {
    padding-top: 5rem !important;
}

.change .pt-7 {
    padding-top: 8rem !important;
}

.change .pt-8 {
    padding-top: 10rem !important;
}

.change .pt-9 {
    padding-top: 11rem !important;
}

.change .pt-10 {
    padding-top: 14rem !important;
}

.change .pt-11 {
    padding-top: 16rem !important;
}

.change .pt-12 {
    padding-top: 20rem !important;
}

.change .pt-sm {
    padding-top: 1rem !important;
}

.change .pt-md {
    padding-top: 2rem !important;
}

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

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

.change .pe-0 {
    padding-right: 0 !important;
}

.change .pe-1 {
    padding-right: .25rem !important;
}

.change .pe-2 {
    padding-right: .5rem !important;
}

.change .pe-3 {
    padding-right: 1rem !important;
}

.change .pe-4 {
    padding-right: 1.5rem !important;
}

.change .pe-5 {
    padding-right: 3rem !important;
}

.change .pe-6 {
    padding-right: 5rem !important;
}

.change .pe-7 {
    padding-right: 8rem !important;
}

.change .pe-8 {
    padding-right: 10rem !important;
}

.change .pe-9 {
    padding-right: 11rem !important;
}

.change .pe-10 {
    padding-right: 14rem !important;
}

.change .pe-11 {
    padding-right: 16rem !important;
}

.change .pe-12 {
    padding-right: 20rem !important;
}

.change .pe-sm {
    padding-right: 1rem !important;
}

.change .pe-md {
    padding-right: 2rem !important;
}

.change .pe-lg {
    padding-right: 4rem !important;
}

.change .pe-xl {
    padding-right: 8rem !important;
}

.change .pb-0 {
    padding-bottom: 0 !important;
}

.change .pb-1 {
    padding-bottom: .25rem !important;
}

.change .pb-2 {
    padding-bottom: .5rem !important;
}

.change .pb-3 {
    padding-bottom: 1rem !important;
}

.change .pb-4 {
    padding-bottom: 1.5rem !important;
}

.change .pb-5 {
    padding-bottom: 3rem !important;
}

.change .pb-6 {
    padding-bottom: 5rem !important;
}

.change .pb-7 {
    padding-bottom: 8rem !important;
}

.change .pb-8 {
    padding-bottom: 10rem !important;
}

.change .pb-9 {
    padding-bottom: 11rem !important;
}

.change .pb-10 {
    padding-bottom: 14rem !important;
}

.change .pb-11 {
    padding-bottom: 16rem !important;
}

.change .pb-12 {
    padding-bottom: 20rem !important;
}

.change .pb-sm {
    padding-bottom: 1rem !important;
}

.change .pb-md {
    padding-bottom: 2rem !important;
}

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

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

.change .ps-0 {
    padding-left: 0 !important;
}

.change .ps-1 {
    padding-left: .25rem !important;
}

.change .ps-2 {
    padding-left: .5rem !important;
}

.change .ps-3 {
    padding-left: 1rem !important;
}

.change .ps-4 {
    padding-left: 1.5rem !important;
}

.change .ps-5 {
    padding-left: 3rem !important;
}

.change .ps-6 {
    padding-left: 5rem !important;
}

.change .ps-7 {
    padding-left: 8rem !important;
}

.change .ps-8 {
    padding-left: 10rem !important;
}

.change .ps-9 {
    padding-left: 11rem !important;
}

.change .ps-10 {
    padding-left: 14rem !important;
}

.change .ps-11 {
    padding-left: 16rem !important;
}

.change .ps-12 {
    padding-left: 20rem !important;
}

.change .ps-sm {
    padding-left: 1rem !important;
}

.change .ps-md {
    padding-left: 2rem !important;
}

.change .ps-lg {
    padding-left: 4rem !important;
}

.change .ps-xl {
    padding-left: 8rem !important;
}

.change .font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.change .fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.change .fs-2 {
    font-size: calc(1.325rem + .9vw) !important;
}

.change .fs-3 {
    font-size: calc(1.3rem + .6vw) !important;
}

.change .fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}

.change .fs-5 {
    font-size: 1.25rem !important;
}

.change .fs-6 {
    font-size: 1rem !important;
}

.change .fst-italic {
    font-style: italic !important;
}

.change .fst-normal {
    font-style: normal !important;
}

.change .fw-light {
    font-weight: 300 !important;
}

.change .fw-lighter {
    font-weight: lighter !important;
}

.change .fw-normal {
    font-weight: 400 !important;
}

.change .fw-bold {
    font-weight: 500 !important;
}

.change .fw-bolder {
    font-weight: 600 !important;
}

.change .fw-extrabold {
    font-weight: 700 !important;
}

.change .fw-black {
    font-weight: 800 !important;
}

.change .lh-1 {
    line-height: 1 !important;
}

.change .lh-sm {
    line-height: 1.25 !important;
}

.change .lh-base {
    line-height: 1.5 !important;
}

.change .lh-lg {
    line-height: 2 !important;
}

.change .text-start {
    text-align: left !important;
}

.change .text-end {
    text-align: right !important;
}

.change .text-center {
    text-align: center !important;
}

.change .text-decoration-none {
    text-decoration: none !important;
}

.change .text-decoration-underline {
    text-decoration: underline !important;
}

.change .text-decoration-line-through {
    text-decoration: line-through !important;
}

.change .text-lowercase {
    text-transform: lowercase !important;
}

.change .text-uppercase {
    text-transform: uppercase !important;
}

.change .text-capitalize {
    text-transform: capitalize !important;
}

.change .text-wrap {
    white-space: normal !important;
}

.change .text-nowrap {
    white-space: nowrap !important;
}

.change .text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.change .text-primary {
    color: #2C2C2C !important;
}

.change .text-secondary {
    color: #ffcc00 !important;
}

.change .text-tertiary {
    color: #31316a !important;
}

.change .text-success {
    color: #10b981 !important;
}

.change .text-info {
    color: #2361ce !important;
}

.change .text-warning {
    color: #fba918 !important;
}

.change .text-danger {
    color: #e11d48 !important;
}

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

.change .text-indigo {
    color: #4f46e5 !important;
}

.change .text-purple {
    color: #7c3aed !important;
}

.change .text-yellow-100 {
    color: #ffcc00 !important;
}

.change .text-yellow-200 {
    color: #ffcc00 !important;
}

.change .text-gray-50 {
    color: #f9fafb !important;
}

.change .text-gray-100 {
    color: #f2f4f6 !important;
}

.change .text-gray-200 {
    color: #e5e7eb !important;
}

.change .text-gray-300 {
    color: #d1d5db !important;
}

.change .text-gray-400 {
    color: #9ca3af !important;
}

.change .text-gray-500 {
    color: #6b7280 !important;
}

.change .text-gray-600 {
    color: #4b5563 !important;
}

.change .text-gray-700 {
    color: #374151 !important;
}

.change .text-gray-800 {
    color: #2C2C2C !important;
}

.change .text-gray-900 {
    color: #111827 !important;
}

.change .text-body {
    color: #374151 !important;
}

.change .text-muted {
    color: #58677d !important;
}

.change .text-black-50 {
    color: rgba(17, 24, 39, 0.5) !important;
}

.change .text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.change .text-reset {
    color: inherit !important;
}

.change .bg-primary {
    background-color: #2C2C2C !important;
}

.change .bg-secondary {
    background-color: #ffcc00 !important;
}

.change .bg-tertiary {
    background-color: #31316a !important;
}

.change .bg-success {
    background-color: #10b981 !important;
}

.change .bg-info {
    background-color: #2361ce !important;
}

.change .bg-warning {
    background-color: #fba918 !important;
}

.change .bg-danger {
    background-color: #e11d48 !important;
}

.change .bg-white {
    background-color: #fff !important;
}

.change .bg-indigo {
    background-color: #4f46e5 !important;
}

.change .bg-purple {
    background-color: #7c3aed !important;
}

.change .bg-yellow-100 {
    background-color: #ffcc00 !important;
}

.change .bg-yellow-200 {
    background-color: #ffcc00 !important;
}

.change .bg-gray-50 {
    background-color: #f9fafb !important;
}

.change .bg-gray-100 {
    background-color: #f2f4f6 !important;
}

.change .bg-gray-200 {
    background-color: #e5e7eb !important;
}

.change .bg-gray-300 {
    background-color: #d1d5db !important;
}

.change .bg-gray-400 {
    background-color: #9ca3af !important;
}

.change .bg-gray-500 {
    background-color: #6b7280 !important;
}

.change .bg-gray-600 {
    background-color: #4b5563 !important;
}

.change .bg-gray-700 {
    background-color: #374151 !important;
}

.change .bg-gray-800 {
    background-color: #2C2C2C !important;
}

.change .bg-gray-900 {
    background-color: #111827 !important;
}

.change .bg-body {
    background-color: #f2f4f6 !important;
}

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

.change .bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.change .user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
}

.change .user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}

.change .user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.change .pe-none {
    pointer-events: none !important;
}

.change .pe-auto {
    pointer-events: auto !important;
}

.change .rounded {
    border-radius: .5rem !important;
}

.change .rounded-0 {
    border-radius: 0 !important;
}

.change .rounded-1 {
    border-radius: .35rem !important;
}

.change .rounded-2 {
    border-radius: .5rem !important;
}

.change .rounded-3 {
    border-radius: 1rem !important;
}

.change .rounded-circle {
    border-radius: 50% !important;
}

.change .rounded-pill {
    border-radius: 50rem !important;
}

.change .rounded-top {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
}

.change .rounded-end {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
}

.change .rounded-bottom {
    border-bottom-right-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important;
}

.change .rounded-start {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important;
}

.change .visible {
    visibility: visible !important;
}

.change .invisible {
    visibility: hidden !important;
}

.change .blur-0 {
    -webkit-backdrop-filter: blur(0) !important;
    backdrop-filter: blur(0) !important;
}

.change .blur-1 {
    -webkit-backdrop-filter: blur(1px) !important;
    backdrop-filter: blur(1px) !important;
}

.change .blur-2 {
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
}

.change .blur-3 {
    -webkit-backdrop-filter: blur(3px) !important;
    backdrop-filter: blur(3px) !important;
}

.change .blur-4 {
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(4px) !important;
}

.change .blur-5 {
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
}

.change .blur-6 {
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}

.change .blur-7 {
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
}

.change .blur-8 {
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
}

.change .blur-9 {
    -webkit-backdrop-filter: blur(91px) !important;
    backdrop-filter: blur(91px) !important;
}

.change .blur-10 {
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
}

.change .blur-11 {
    -webkit-backdrop-filter: blur(11px) !important;
    backdrop-filter: blur(11px) !important;
}

.change .blur-12 {
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
}

.change .blur-13 {
    -webkit-backdrop-filter: blur(13px) !important;
    backdrop-filter: blur(13px) !important;
}

.change .blur-14 {
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
}

.change .o-0 {
    opacity: 0 !important;
}

.change .o-25 {
    opacity: .25 !important;
}

.change .o-50 {
    opacity: .5 !important;
}

.change .o-75 {
    opacity: .75 !important;
}

.change .o-100 {
    opacity: 1 !important;
}

.change .z-0 {
    z-index: 0 !important;
}

.change .z-1 {
    z-index: 1 !important;
}

.change .z-2 {
    z-index: 2 !important;
}

.change .z-3 {
    z-index: 3 !important;
}

.change .z-999 {
    z-index: 999 !important;
}

.change .fmxh-100 {
    min-height: 100px !important;
}

.change .fmxh-200 {
    min-height: 200px !important;
}

.change .fmxh-300 {
    min-height: 300px !important;
}

.change .fmxh-400 {
    min-height: 400px !important;
}

.change .fmxh-500 {
    min-height: 500px !important;
}

.change .fmxh-999 {
    min-height: 999px !important;
}

@media (min-width: 576px) {
    .change .float-sm-start {
        float: left !important;
    }

    .change .float-sm-end {
        float: right !important;
    }

    .change .float-sm-none {
        float: none !important;
    }

    .change .d-sm-inline {
        display: inline !important;
    }

    .change .d-sm-inline-block {
        display: inline-block !important;
    }

    .change .d-sm-block {
        display: block !important;
    }

    .change .d-sm-grid {
        display: -ms-grid !important;
        display: grid !important;
    }

    .change .d-sm-table {
        display: table !important;
    }

    .change .d-sm-table-row {
        display: table-row !important;
    }

    .change .d-sm-table-cell {
        display: table-cell !important;
    }

    .change .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .change .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .change .d-sm-none {
        display: none !important;
    }

    .change .vh-sm-100 {
        height: 100vh !important;
    }

    .change .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .change .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .change .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .change .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .change .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .change .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .change .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .change .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .change .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .change .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .change .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .change .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .change .gap-sm-0 {
        gap: 0 !important;
    }

    .change .gap-sm-1 {
        gap: .25rem !important;
    }

    .change .gap-sm-2 {
        gap: .5rem !important;
    }

    .change .gap-sm-3 {
        gap: 1rem !important;
    }

    .change .gap-sm-4 {
        gap: 1.5rem !important;
    }

    .change .gap-sm-5 {
        gap: 3rem !important;
    }

    .change .gap-sm-6 {
        gap: 5rem !important;
    }

    .change .gap-sm-7 {
        gap: 8rem !important;
    }

    .change .gap-sm-8 {
        gap: 10rem !important;
    }

    .change .gap-sm-9 {
        gap: 11rem !important;
    }

    .change .gap-sm-10 {
        gap: 14rem !important;
    }

    .change .gap-sm-11 {
        gap: 16rem !important;
    }

    .change .gap-sm-12 {
        gap: 20rem !important;
    }

    .change .gap-sm-sm {
        gap: 1rem !important;
    }

    .change .gap-sm-md {
        gap: 2rem !important;
    }

    .change .gap-sm-lg {
        gap: 4rem !important;
    }

    .change .gap-sm-xl {
        gap: 8rem !important;
    }

    .change .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .change .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .change .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .change .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .change .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .change .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .change .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .change .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .change .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .change .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .change .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .change .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .change .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .change .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .change .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .change .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .change .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .change .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .change .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .change .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .change .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .change .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .change .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }

    .change .order-sm-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .change .order-sm-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .change .order-sm-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .change .order-sm-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .change .order-sm-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .change .order-sm-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .change .order-sm-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .change .order-sm-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .change .m-sm-0 {
        margin: 0 !important;
    }

    .change .m-sm-1 {
        margin: .25rem !important;
    }

    .change .m-sm-2 {
        margin: .5rem !important;
    }

    .change .m-sm-3 {
        margin: 1rem !important;
    }

    .change .m-sm-4 {
        margin: 1.5rem !important;
    }

    .change .m-sm-5 {
        margin: 3rem !important;
    }

    .change .m-sm-6 {
        margin: 5rem !important;
    }

    .change .m-sm-7 {
        margin: 8rem !important;
    }

    .change .m-sm-8 {
        margin: 10rem !important;
    }

    .change .m-sm-9 {
        margin: 11rem !important;
    }

    .change .m-sm-10 {
        margin: 14rem !important;
    }

    .change .m-sm-11 {
        margin: 16rem !important;
    }

    .change .m-sm-12 {
        margin: 20rem !important;
    }

    .change .m-sm-sm {
        margin: 1rem !important;
    }

    .change .m-sm-md {
        margin: 2rem !important;
    }

    .change .m-sm-lg {
        margin: 4rem !important;
    }

    .change .m-sm-xl {
        margin: 8rem !important;
    }

    .change .m-sm-auto {
        margin: auto !important;
    }

    .change .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

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

    .change .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .change .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

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

    .change .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .change .mx-sm-6 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .change .mx-sm-7 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-sm-8 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .change .mx-sm-9 {
        margin-right: 11rem !important;
        margin-left: 11rem !important;
    }

    .change .mx-sm-10 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .change .mx-sm-11 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .change .mx-sm-12 {
        margin-right: 20rem !important;
        margin-left: 20rem !important;
    }

    .change .mx-sm-sm {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .change .mx-sm-md {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

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

    .change .mx-sm-xl {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .change .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

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

    .change .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .change .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

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

    .change .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .change .my-sm-6 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .change .my-sm-7 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-sm-8 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .change .my-sm-9 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important;
    }

    .change .my-sm-10 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .change .my-sm-11 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .change .my-sm-12 {
        margin-top: 20rem !important;
        margin-bottom: 20rem !important;
    }

    .change .my-sm-sm {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .change .my-sm-md {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

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

    .change .my-sm-xl {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .change .mt-sm-0 {
        margin-top: 0 !important;
    }

    .change .mt-sm-1 {
        margin-top: .25rem !important;
    }

    .change .mt-sm-2 {
        margin-top: .5rem !important;
    }

    .change .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .change .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .change .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .change .mt-sm-6 {
        margin-top: 5rem !important;
    }

    .change .mt-sm-7 {
        margin-top: 8rem !important;
    }

    .change .mt-sm-8 {
        margin-top: 10rem !important;
    }

    .change .mt-sm-9 {
        margin-top: 11rem !important;
    }

    .change .mt-sm-10 {
        margin-top: 14rem !important;
    }

    .change .mt-sm-11 {
        margin-top: 16rem !important;
    }

    .change .mt-sm-12 {
        margin-top: 20rem !important;
    }

    .change .mt-sm-sm {
        margin-top: 1rem !important;
    }

    .change .mt-sm-md {
        margin-top: 2rem !important;
    }

    .change .mt-sm-lg {
        margin-top: 4rem !important;
    }

    .change .mt-sm-xl {
        margin-top: 8rem !important;
    }

    .change .mt-sm-auto {
        margin-top: auto !important;
    }

    .change .me-sm-0 {
        margin-right: 0 !important;
    }

    .change .me-sm-1 {
        margin-right: .25rem !important;
    }

    .change .me-sm-2 {
        margin-right: .5rem !important;
    }

    .change .me-sm-3 {
        margin-right: 1rem !important;
    }

    .change .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .change .me-sm-5 {
        margin-right: 3rem !important;
    }

    .change .me-sm-6 {
        margin-right: 5rem !important;
    }

    .change .me-sm-7 {
        margin-right: 8rem !important;
    }

    .change .me-sm-8 {
        margin-right: 10rem !important;
    }

    .change .me-sm-9 {
        margin-right: 11rem !important;
    }

    .change .me-sm-10 {
        margin-right: 14rem !important;
    }

    .change .me-sm-11 {
        margin-right: 16rem !important;
    }

    .change .me-sm-12 {
        margin-right: 20rem !important;
    }

    .change .me-sm-sm {
        margin-right: 1rem !important;
    }

    .change .me-sm-md {
        margin-right: 2rem !important;
    }

    .change .me-sm-lg {
        margin-right: 4rem !important;
    }

    .change .me-sm-xl {
        margin-right: 8rem !important;
    }

    .change .me-sm-auto {
        margin-right: auto !important;
    }

    .change .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .change .mb-sm-1 {
        margin-bottom: .25rem !important;
    }

    .change .mb-sm-2 {
        margin-bottom: .5rem !important;
    }

    .change .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .change .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .change .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .change .mb-sm-6 {
        margin-bottom: 5rem !important;
    }

    .change .mb-sm-7 {
        margin-bottom: 8rem !important;
    }

    .change .mb-sm-8 {
        margin-bottom: 10rem !important;
    }

    .change .mb-sm-9 {
        margin-bottom: 11rem !important;
    }

    .change .mb-sm-10 {
        margin-bottom: 14rem !important;
    }

    .change .mb-sm-11 {
        margin-bottom: 16rem !important;
    }

    .change .mb-sm-12 {
        margin-bottom: 20rem !important;
    }

    .change .mb-sm-sm {
        margin-bottom: 1rem !important;
    }

    .change .mb-sm-md {
        margin-bottom: 2rem !important;
    }

    .change .mb-sm-lg {
        margin-bottom: 4rem !important;
    }

    .change .mb-sm-xl {
        margin-bottom: 8rem !important;
    }

    .change .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .change .ms-sm-0 {
        margin-left: 0 !important;
    }

    .change .ms-sm-1 {
        margin-left: .25rem !important;
    }

    .change .ms-sm-2 {
        margin-left: .5rem !important;
    }

    .change .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .change .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .change .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .change .ms-sm-6 {
        margin-left: 5rem !important;
    }

    .change .ms-sm-7 {
        margin-left: 8rem !important;
    }

    .change .ms-sm-8 {
        margin-left: 10rem !important;
    }

    .change .ms-sm-9 {
        margin-left: 11rem !important;
    }

    .change .ms-sm-10 {
        margin-left: 14rem !important;
    }

    .change .ms-sm-11 {
        margin-left: 16rem !important;
    }

    .change .ms-sm-12 {
        margin-left: 20rem !important;
    }

    .change .ms-sm-sm {
        margin-left: 1rem !important;
    }

    .change .ms-sm-md {
        margin-left: 2rem !important;
    }

    .change .ms-sm-lg {
        margin-left: 4rem !important;
    }

    .change .ms-sm-xl {
        margin-left: 8rem !important;
    }

    .change .ms-sm-auto {
        margin-left: auto !important;
    }

    .change .m-sm-n1 {
        margin: -.25rem !important;
    }

    .change .m-sm-n2 {
        margin: -.5rem !important;
    }

    .change .m-sm-n3 {
        margin: -1rem !important;
    }

    .change .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .change .m-sm-n5 {
        margin: -3rem !important;
    }

    .change .m-sm-n6 {
        margin: -5rem !important;
    }

    .change .m-sm-n7 {
        margin: -8rem !important;
    }

    .change .m-sm-n8 {
        margin: -10rem !important;
    }

    .change .m-sm-n9 {
        margin: -11rem !important;
    }

    .change .m-sm-n10 {
        margin: -14rem !important;
    }

    .change .m-sm-n11 {
        margin: -16rem !important;
    }

    .change .m-sm-n12 {
        margin: -20rem !important;
    }

    .change .m-sm-nsm {
        margin: -1rem !important;
    }

    .change .m-sm-nmd {
        margin: -2rem !important;
    }

    .change .m-sm-nlg {
        margin: -4rem !important;
    }

    .change .m-sm-nxl {
        margin: -8rem !important;
    }

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

    .change .mx-sm-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important;
    }

    .change .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .change .mx-sm-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .change .mx-sm-n6 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .change .mx-sm-n7 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .change .mx-sm-n8 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .change .mx-sm-n9 {
        margin-right: -11rem !important;
        margin-left: -11rem !important;
    }

    .change .mx-sm-n10 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .change .mx-sm-n11 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .change .mx-sm-n12 {
        margin-right: -20rem !important;
        margin-left: -20rem !important;
    }

    .change .mx-sm-nsm {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-sm-nmd {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

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

    .change .mx-sm-nxl {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

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

    .change .my-sm-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important;
    }

    .change .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .change .my-sm-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .change .my-sm-n6 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .change .my-sm-n7 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .my-sm-n8 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .change .my-sm-n9 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important;
    }

    .change .my-sm-n10 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .change .my-sm-n11 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .change .my-sm-n12 {
        margin-top: -20rem !important;
        margin-bottom: -20rem !important;
    }

    .change .my-sm-nsm {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-sm-nmd {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

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

    .change .my-sm-nxl {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .mt-sm-n1 {
        margin-top: -.25rem !important;
    }

    .change .mt-sm-n2 {
        margin-top: -.5rem !important;
    }

    .change .mt-sm-n3 {
        margin-top: -1rem !important;
    }

    .change .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .change .mt-sm-n5 {
        margin-top: -3rem !important;
    }

    .change .mt-sm-n6 {
        margin-top: -5rem !important;
    }

    .change .mt-sm-n7 {
        margin-top: -8rem !important;
    }

    .change .mt-sm-n8 {
        margin-top: -10rem !important;
    }

    .change .mt-sm-n9 {
        margin-top: -11rem !important;
    }

    .change .mt-sm-n10 {
        margin-top: -14rem !important;
    }

    .change .mt-sm-n11 {
        margin-top: -16rem !important;
    }

    .change .mt-sm-n12 {
        margin-top: -20rem !important;
    }

    .change .mt-sm-nsm {
        margin-top: -1rem !important;
    }

    .change .mt-sm-nmd {
        margin-top: -2rem !important;
    }

    .change .mt-sm-nlg {
        margin-top: -4rem !important;
    }

    .change .mt-sm-nxl {
        margin-top: -8rem !important;
    }

    .change .me-sm-n1 {
        margin-right: -.25rem !important;
    }

    .change .me-sm-n2 {
        margin-right: -.5rem !important;
    }

    .change .me-sm-n3 {
        margin-right: -1rem !important;
    }

    .change .me-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .change .me-sm-n5 {
        margin-right: -3rem !important;
    }

    .change .me-sm-n6 {
        margin-right: -5rem !important;
    }

    .change .me-sm-n7 {
        margin-right: -8rem !important;
    }

    .change .me-sm-n8 {
        margin-right: -10rem !important;
    }

    .change .me-sm-n9 {
        margin-right: -11rem !important;
    }

    .change .me-sm-n10 {
        margin-right: -14rem !important;
    }

    .change .me-sm-n11 {
        margin-right: -16rem !important;
    }

    .change .me-sm-n12 {
        margin-right: -20rem !important;
    }

    .change .me-sm-nsm {
        margin-right: -1rem !important;
    }

    .change .me-sm-nmd {
        margin-right: -2rem !important;
    }

    .change .me-sm-nlg {
        margin-right: -4rem !important;
    }

    .change .me-sm-nxl {
        margin-right: -8rem !important;
    }

    .change .mb-sm-n1 {
        margin-bottom: -.25rem !important;
    }

    .change .mb-sm-n2 {
        margin-bottom: -.5rem !important;
    }

    .change .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .change .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .change .mb-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .change .mb-sm-n6 {
        margin-bottom: -5rem !important;
    }

    .change .mb-sm-n7 {
        margin-bottom: -8rem !important;
    }

    .change .mb-sm-n8 {
        margin-bottom: -10rem !important;
    }

    .change .mb-sm-n9 {
        margin-bottom: -11rem !important;
    }

    .change .mb-sm-n10 {
        margin-bottom: -14rem !important;
    }

    .change .mb-sm-n11 {
        margin-bottom: -16rem !important;
    }

    .change .mb-sm-n12 {
        margin-bottom: -20rem !important;
    }

    .change .mb-sm-nsm {
        margin-bottom: -1rem !important;
    }

    .change .mb-sm-nmd {
        margin-bottom: -2rem !important;
    }

    .change .mb-sm-nlg {
        margin-bottom: -4rem !important;
    }

    .change .mb-sm-nxl {
        margin-bottom: -8rem !important;
    }

    .change .ms-sm-n1 {
        margin-left: -.25rem !important;
    }

    .change .ms-sm-n2 {
        margin-left: -.5rem !important;
    }

    .change .ms-sm-n3 {
        margin-left: -1rem !important;
    }

    .change .ms-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .change .ms-sm-n5 {
        margin-left: -3rem !important;
    }

    .change .ms-sm-n6 {
        margin-left: -5rem !important;
    }

    .change .ms-sm-n7 {
        margin-left: -8rem !important;
    }

    .change .ms-sm-n8 {
        margin-left: -10rem !important;
    }

    .change .ms-sm-n9 {
        margin-left: -11rem !important;
    }

    .change .ms-sm-n10 {
        margin-left: -14rem !important;
    }

    .change .ms-sm-n11 {
        margin-left: -16rem !important;
    }

    .change .ms-sm-n12 {
        margin-left: -20rem !important;
    }

    .change .ms-sm-nsm {
        margin-left: -1rem !important;
    }

    .change .ms-sm-nmd {
        margin-left: -2rem !important;
    }

    .change .ms-sm-nlg {
        margin-left: -4rem !important;
    }

    .change .ms-sm-nxl {
        margin-left: -8rem !important;
    }

    .change .p-sm-0 {
        padding: 0 !important;
    }

    .change .p-sm-1 {
        padding: .25rem !important;
    }

    .change .p-sm-2 {
        padding: .5rem !important;
    }

    .change .p-sm-3 {
        padding: 1rem !important;
    }

    .change .p-sm-4 {
        padding: 1.5rem !important;
    }

    .change .p-sm-5 {
        padding: 3rem !important;
    }

    .change .p-sm-6 {
        padding: 5rem !important;
    }

    .change .p-sm-7 {
        padding: 8rem !important;
    }

    .change .p-sm-8 {
        padding: 10rem !important;
    }

    .change .p-sm-9 {
        padding: 11rem !important;
    }

    .change .p-sm-10 {
        padding: 14rem !important;
    }

    .change .p-sm-11 {
        padding: 16rem !important;
    }

    .change .p-sm-12 {
        padding: 20rem !important;
    }

    .change .p-sm-sm {
        padding: 1rem !important;
    }

    .change .p-sm-md {
        padding: 2rem !important;
    }

    .change .p-sm-lg {
        padding: 4rem !important;
    }

    .change .p-sm-xl {
        padding: 8rem !important;
    }

    .change .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

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

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

    .change .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

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

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

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

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

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

    .change .px-sm-9 {
        padding-right: 11rem !important;
        padding-left: 11rem !important;
    }

    .change .px-sm-10 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .change .px-sm-11 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

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

    .change .px-sm-sm {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .change .px-sm-md {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

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

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

    .change .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

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

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

    .change .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

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

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

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

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

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

    .change .py-sm-9 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important;
    }

    .change .py-sm-10 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .change .py-sm-11 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

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

    .change .py-sm-sm {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .change .py-sm-md {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

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

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

    .change .pt-sm-0 {
        padding-top: 0 !important;
    }

    .change .pt-sm-1 {
        padding-top: .25rem !important;
    }

    .change .pt-sm-2 {
        padding-top: .5rem !important;
    }

    .change .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .change .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .change .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .change .pt-sm-6 {
        padding-top: 5rem !important;
    }

    .change .pt-sm-7 {
        padding-top: 8rem !important;
    }

    .change .pt-sm-8 {
        padding-top: 10rem !important;
    }

    .change .pt-sm-9 {
        padding-top: 11rem !important;
    }

    .change .pt-sm-10 {
        padding-top: 14rem !important;
    }

    .change .pt-sm-11 {
        padding-top: 16rem !important;
    }

    .change .pt-sm-12 {
        padding-top: 20rem !important;
    }

    .change .pt-sm-sm {
        padding-top: 1rem !important;
    }

    .change .pt-sm-md {
        padding-top: 2rem !important;
    }

    .change .pt-sm-lg {
        padding-top: 4rem !important;
    }

    .change .pt-sm-xl {
        padding-top: 8rem !important;
    }

    .change .pe-sm-0 {
        padding-right: 0 !important;
    }

    .change .pe-sm-1 {
        padding-right: .25rem !important;
    }

    .change .pe-sm-2 {
        padding-right: .5rem !important;
    }

    .change .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .change .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .change .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .change .pe-sm-6 {
        padding-right: 5rem !important;
    }

    .change .pe-sm-7 {
        padding-right: 8rem !important;
    }

    .change .pe-sm-8 {
        padding-right: 10rem !important;
    }

    .change .pe-sm-9 {
        padding-right: 11rem !important;
    }

    .change .pe-sm-10 {
        padding-right: 14rem !important;
    }

    .change .pe-sm-11 {
        padding-right: 16rem !important;
    }

    .change .pe-sm-12 {
        padding-right: 20rem !important;
    }

    .change .pe-sm-sm {
        padding-right: 1rem !important;
    }

    .change .pe-sm-md {
        padding-right: 2rem !important;
    }

    .change .pe-sm-lg {
        padding-right: 4rem !important;
    }

    .change .pe-sm-xl {
        padding-right: 8rem !important;
    }

    .change .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .change .pb-sm-1 {
        padding-bottom: .25rem !important;
    }

    .change .pb-sm-2 {
        padding-bottom: .5rem !important;
    }

    .change .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .change .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .change .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .change .pb-sm-6 {
        padding-bottom: 5rem !important;
    }

    .change .pb-sm-7 {
        padding-bottom: 8rem !important;
    }

    .change .pb-sm-8 {
        padding-bottom: 10rem !important;
    }

    .change .pb-sm-9 {
        padding-bottom: 11rem !important;
    }

    .change .pb-sm-10 {
        padding-bottom: 14rem !important;
    }

    .change .pb-sm-11 {
        padding-bottom: 16rem !important;
    }

    .change .pb-sm-12 {
        padding-bottom: 20rem !important;
    }

    .change .pb-sm-sm {
        padding-bottom: 1rem !important;
    }

    .change .pb-sm-md {
        padding-bottom: 2rem !important;
    }

    .change .pb-sm-lg {
        padding-bottom: 4rem !important;
    }

    .change .pb-sm-xl {
        padding-bottom: 8rem !important;
    }

    .change .ps-sm-0 {
        padding-left: 0 !important;
    }

    .change .ps-sm-1 {
        padding-left: .25rem !important;
    }

    .change .ps-sm-2 {
        padding-left: .5rem !important;
    }

    .change .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .change .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .change .ps-sm-5 {
        padding-left: 3rem !important;
    }

    .change .ps-sm-6 {
        padding-left: 5rem !important;
    }

    .change .ps-sm-7 {
        padding-left: 8rem !important;
    }

    .change .ps-sm-8 {
        padding-left: 10rem !important;
    }

    .change .ps-sm-9 {
        padding-left: 11rem !important;
    }

    .change .ps-sm-10 {
        padding-left: 14rem !important;
    }

    .change .ps-sm-11 {
        padding-left: 16rem !important;
    }

    .change .ps-sm-12 {
        padding-left: 20rem !important;
    }

    .change .ps-sm-sm {
        padding-left: 1rem !important;
    }

    .change .ps-sm-md {
        padding-left: 2rem !important;
    }

    .change .ps-sm-lg {
        padding-left: 4rem !important;
    }

    .change .ps-sm-xl {
        padding-left: 8rem !important;
    }

    .change .text-sm-start {
        text-align: left !important;
    }

    .change .text-sm-end {
        text-align: right !important;
    }

    .change .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .change .float-md-start {
        float: left !important;
    }

    .change .float-md-end {
        float: right !important;
    }

    .change .float-md-none {
        float: none !important;
    }

    .change .d-md-inline {
        display: inline !important;
    }

    .change .d-md-inline-block {
        display: inline-block !important;
    }

    .change .d-md-block {
        display: block !important;
    }

    .change .d-md-grid {
        display: -ms-grid !important;
        display: grid !important;
    }

    .change .d-md-table {
        display: table !important;
    }

    .change .d-md-table-row {
        display: table-row !important;
    }

    .change .d-md-table-cell {
        display: table-cell !important;
    }

    .change .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .change .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .change .d-md-none {
        display: none !important;
    }

    .change .vh-md-100 {
        height: 100vh !important;
    }

    .change .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .change .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .change .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .change .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .change .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .change .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .change .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .change .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .change .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .change .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .change .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .change .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .change .gap-md-0 {
        gap: 0 !important;
    }

    .change .gap-md-1 {
        gap: .25rem !important;
    }

    .change .gap-md-2 {
        gap: .5rem !important;
    }

    .change .gap-md-3 {
        gap: 1rem !important;
    }

    .change .gap-md-4 {
        gap: 1.5rem !important;
    }

    .change .gap-md-5 {
        gap: 3rem !important;
    }

    .change .gap-md-6 {
        gap: 5rem !important;
    }

    .change .gap-md-7 {
        gap: 8rem !important;
    }

    .change .gap-md-8 {
        gap: 10rem !important;
    }

    .change .gap-md-9 {
        gap: 11rem !important;
    }

    .change .gap-md-10 {
        gap: 14rem !important;
    }

    .change .gap-md-11 {
        gap: 16rem !important;
    }

    .change .gap-md-12 {
        gap: 20rem !important;
    }

    .change .gap-md-sm {
        gap: 1rem !important;
    }

    .change .gap-md-md {
        gap: 2rem !important;
    }

    .change .gap-md-lg {
        gap: 4rem !important;
    }

    .change .gap-md-xl {
        gap: 8rem !important;
    }

    .change .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .change .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .change .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .change .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .change .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .change .justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .change .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .change .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .change .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .change .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .change .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .change .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .change .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .change .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .change .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .change .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .change .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .change .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .change .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .change .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .change .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .change .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .change .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }

    .change .order-md-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .change .order-md-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .change .order-md-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .change .order-md-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .change .order-md-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .change .order-md-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .change .order-md-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .change .order-md-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .change .m-md-0 {
        margin: 0 !important;
    }

    .change .m-md-1 {
        margin: .25rem !important;
    }

    .change .m-md-2 {
        margin: .5rem !important;
    }

    .change .m-md-3 {
        margin: 1rem !important;
    }

    .change .m-md-4 {
        margin: 1.5rem !important;
    }

    .change .m-md-5 {
        margin: 3rem !important;
    }

    .change .m-md-6 {
        margin: 5rem !important;
    }

    .change .m-md-7 {
        margin: 8rem !important;
    }

    .change .m-md-8 {
        margin: 10rem !important;
    }

    .change .m-md-9 {
        margin: 11rem !important;
    }

    .change .m-md-10 {
        margin: 14rem !important;
    }

    .change .m-md-11 {
        margin: 16rem !important;
    }

    .change .m-md-12 {
        margin: 20rem !important;
    }

    .change .m-md-sm {
        margin: 1rem !important;
    }

    .change .m-md-md {
        margin: 2rem !important;
    }

    .change .m-md-lg {
        margin: 4rem !important;
    }

    .change .m-md-xl {
        margin: 8rem !important;
    }

    .change .m-md-auto {
        margin: auto !important;
    }

    .change .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

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

    .change .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .change .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

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

    .change .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .change .mx-md-6 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .change .mx-md-7 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-md-8 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .change .mx-md-9 {
        margin-right: 11rem !important;
        margin-left: 11rem !important;
    }

    .change .mx-md-10 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .change .mx-md-11 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .change .mx-md-12 {
        margin-right: 20rem !important;
        margin-left: 20rem !important;
    }

    .change .mx-md-sm {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .change .mx-md-md {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

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

    .change .mx-md-xl {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .change .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

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

    .change .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .change .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

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

    .change .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .change .my-md-6 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .change .my-md-7 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-md-8 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .change .my-md-9 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important;
    }

    .change .my-md-10 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .change .my-md-11 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .change .my-md-12 {
        margin-top: 20rem !important;
        margin-bottom: 20rem !important;
    }

    .change .my-md-sm {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .change .my-md-md {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

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

    .change .my-md-xl {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .change .mt-md-0 {
        margin-top: 0 !important;
    }

    .change .mt-md-1 {
        margin-top: .25rem !important;
    }

    .change .mt-md-2 {
        margin-top: .5rem !important;
    }

    .change .mt-md-3 {
        margin-top: 1rem !important;
    }

    .change .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .change .mt-md-5 {
        margin-top: 3rem !important;
    }

    .change .mt-md-6 {
        margin-top: 5rem !important;
    }

    .change .mt-md-7 {
        margin-top: 8rem !important;
    }

    .change .mt-md-8 {
        margin-top: 10rem !important;
    }

    .change .mt-md-9 {
        margin-top: 11rem !important;
    }

    .change .mt-md-10 {
        margin-top: 14rem !important;
    }

    .change .mt-md-11 {
        margin-top: 16rem !important;
    }

    .change .mt-md-12 {
        margin-top: 20rem !important;
    }

    .change .mt-md-sm {
        margin-top: 1rem !important;
    }

    .change .mt-md-md {
        margin-top: 2rem !important;
    }

    .change .mt-md-lg {
        margin-top: 4rem !important;
    }

    .change .mt-md-xl {
        margin-top: 8rem !important;
    }

    .change .mt-md-auto {
        margin-top: auto !important;
    }

    .change .me-md-0 {
        margin-right: 0 !important;
    }

    .change .me-md-1 {
        margin-right: .25rem !important;
    }

    .change .me-md-2 {
        margin-right: .5rem !important;
    }

    .change .me-md-3 {
        margin-right: 1rem !important;
    }

    .change .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .change .me-md-5 {
        margin-right: 3rem !important;
    }

    .change .me-md-6 {
        margin-right: 5rem !important;
    }

    .change .me-md-7 {
        margin-right: 8rem !important;
    }

    .change .me-md-8 {
        margin-right: 10rem !important;
    }

    .change .me-md-9 {
        margin-right: 11rem !important;
    }

    .change .me-md-10 {
        margin-right: 14rem !important;
    }

    .change .me-md-11 {
        margin-right: 16rem !important;
    }

    .change .me-md-12 {
        margin-right: 20rem !important;
    }

    .change .me-md-sm {
        margin-right: 1rem !important;
    }

    .change .me-md-md {
        margin-right: 2rem !important;
    }

    .change .me-md-lg {
        margin-right: 4rem !important;
    }

    .change .me-md-xl {
        margin-right: 8rem !important;
    }

    .change .me-md-auto {
        margin-right: auto !important;
    }

    .change .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .change .mb-md-1 {
        margin-bottom: .25rem !important;
    }

    .change .mb-md-2 {
        margin-bottom: .5rem !important;
    }

    .change .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .change .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .change .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .change .mb-md-6 {
        margin-bottom: 5rem !important;
    }

    .change .mb-md-7 {
        margin-bottom: 8rem !important;
    }

    .change .mb-md-8 {
        margin-bottom: 10rem !important;
    }

    .change .mb-md-9 {
        margin-bottom: 11rem !important;
    }

    .change .mb-md-10 {
        margin-bottom: 14rem !important;
    }

    .change .mb-md-11 {
        margin-bottom: 16rem !important;
    }

    .change .mb-md-12 {
        margin-bottom: 20rem !important;
    }

    .change .mb-md-sm {
        margin-bottom: 1rem !important;
    }

    .change .mb-md-md {
        margin-bottom: 2rem !important;
    }

    .change .mb-md-lg {
        margin-bottom: 4rem !important;
    }

    .change .mb-md-xl {
        margin-bottom: 8rem !important;
    }

    .change .mb-md-auto {
        margin-bottom: auto !important;
    }

    .change .ms-md-0 {
        margin-left: 0 !important;
    }

    .change .ms-md-1 {
        margin-left: .25rem !important;
    }

    .change .ms-md-2 {
        margin-left: .5rem !important;
    }

    .change .ms-md-3 {
        margin-left: 1rem !important;
    }

    .change .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .change .ms-md-5 {
        margin-left: 3rem !important;
    }

    .change .ms-md-6 {
        margin-left: 5rem !important;
    }

    .change .ms-md-7 {
        margin-left: 8rem !important;
    }

    .change .ms-md-8 {
        margin-left: 10rem !important;
    }

    .change .ms-md-9 {
        margin-left: 11rem !important;
    }

    .change .ms-md-10 {
        margin-left: 14rem !important;
    }

    .change .ms-md-11 {
        margin-left: 16rem !important;
    }

    .change .ms-md-12 {
        margin-left: 20rem !important;
    }

    .change .ms-md-sm {
        margin-left: 1rem !important;
    }

    .change .ms-md-md {
        margin-left: 2rem !important;
    }

    .change .ms-md-lg {
        margin-left: 4rem !important;
    }

    .change .ms-md-xl {
        margin-left: 8rem !important;
    }

    .change .ms-md-auto {
        margin-left: auto !important;
    }

    .change .m-md-n1 {
        margin: -.25rem !important;
    }

    .change .m-md-n2 {
        margin: -.5rem !important;
    }

    .change .m-md-n3 {
        margin: -1rem !important;
    }

    .change .m-md-n4 {
        margin: -1.5rem !important;
    }

    .change .m-md-n5 {
        margin: -3rem !important;
    }

    .change .m-md-n6 {
        margin: -5rem !important;
    }

    .change .m-md-n7 {
        margin: -8rem !important;
    }

    .change .m-md-n8 {
        margin: -10rem !important;
    }

    .change .m-md-n9 {
        margin: -11rem !important;
    }

    .change .m-md-n10 {
        margin: -14rem !important;
    }

    .change .m-md-n11 {
        margin: -16rem !important;
    }

    .change .m-md-n12 {
        margin: -20rem !important;
    }

    .change .m-md-nsm {
        margin: -1rem !important;
    }

    .change .m-md-nmd {
        margin: -2rem !important;
    }

    .change .m-md-nlg {
        margin: -4rem !important;
    }

    .change .m-md-nxl {
        margin: -8rem !important;
    }

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

    .change .mx-md-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important;
    }

    .change .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .change .mx-md-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .change .mx-md-n6 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .change .mx-md-n7 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .change .mx-md-n8 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .change .mx-md-n9 {
        margin-right: -11rem !important;
        margin-left: -11rem !important;
    }

    .change .mx-md-n10 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .change .mx-md-n11 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .change .mx-md-n12 {
        margin-right: -20rem !important;
        margin-left: -20rem !important;
    }

    .change .mx-md-nsm {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-md-nmd {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

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

    .change .mx-md-nxl {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

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

    .change .my-md-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important;
    }

    .change .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .change .my-md-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .change .my-md-n6 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .change .my-md-n7 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .my-md-n8 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .change .my-md-n9 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important;
    }

    .change .my-md-n10 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .change .my-md-n11 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .change .my-md-n12 {
        margin-top: -20rem !important;
        margin-bottom: -20rem !important;
    }

    .change .my-md-nsm {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-md-nmd {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

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

    .change .my-md-nxl {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .mt-md-n1 {
        margin-top: -.25rem !important;
    }

    .change .mt-md-n2 {
        margin-top: -.5rem !important;
    }

    .change .mt-md-n3 {
        margin-top: -1rem !important;
    }

    .change .mt-md-n4 {
        margin-top: -1.5rem !important;
    }

    .change .mt-md-n5 {
        margin-top: -3rem !important;
    }

    .change .mt-md-n6 {
        margin-top: -5rem !important;
    }

    .change .mt-md-n7 {
        margin-top: -8rem !important;
    }

    .change .mt-md-n8 {
        margin-top: -10rem !important;
    }

    .change .mt-md-n9 {
        margin-top: -11rem !important;
    }

    .change .mt-md-n10 {
        margin-top: -14rem !important;
    }

    .change .mt-md-n11 {
        margin-top: -16rem !important;
    }

    .change .mt-md-n12 {
        margin-top: -20rem !important;
    }

    .change .mt-md-nsm {
        margin-top: -1rem !important;
    }

    .change .mt-md-nmd {
        margin-top: -2rem !important;
    }

    .change .mt-md-nlg {
        margin-top: -4rem !important;
    }

    .change .mt-md-nxl {
        margin-top: -8rem !important;
    }

    .change .me-md-n1 {
        margin-right: -.25rem !important;
    }

    .change .me-md-n2 {
        margin-right: -.5rem !important;
    }

    .change .me-md-n3 {
        margin-right: -1rem !important;
    }

    .change .me-md-n4 {
        margin-right: -1.5rem !important;
    }

    .change .me-md-n5 {
        margin-right: -3rem !important;
    }

    .change .me-md-n6 {
        margin-right: -5rem !important;
    }

    .change .me-md-n7 {
        margin-right: -8rem !important;
    }

    .change .me-md-n8 {
        margin-right: -10rem !important;
    }

    .change .me-md-n9 {
        margin-right: -11rem !important;
    }

    .change .me-md-n10 {
        margin-right: -14rem !important;
    }

    .change .me-md-n11 {
        margin-right: -16rem !important;
    }

    .change .me-md-n12 {
        margin-right: -20rem !important;
    }

    .change .me-md-nsm {
        margin-right: -1rem !important;
    }

    .change .me-md-nmd {
        margin-right: -2rem !important;
    }

    .change .me-md-nlg {
        margin-right: -4rem !important;
    }

    .change .me-md-nxl {
        margin-right: -8rem !important;
    }

    .change .mb-md-n1 {
        margin-bottom: -.25rem !important;
    }

    .change .mb-md-n2 {
        margin-bottom: -.5rem !important;
    }

    .change .mb-md-n3 {
        margin-bottom: -1rem !important;
    }

    .change .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .change .mb-md-n5 {
        margin-bottom: -3rem !important;
    }

    .change .mb-md-n6 {
        margin-bottom: -5rem !important;
    }

    .change .mb-md-n7 {
        margin-bottom: -8rem !important;
    }

    .change .mb-md-n8 {
        margin-bottom: -10rem !important;
    }

    .change .mb-md-n9 {
        margin-bottom: -11rem !important;
    }

    .change .mb-md-n10 {
        margin-bottom: -14rem !important;
    }

    .change .mb-md-n11 {
        margin-bottom: -16rem !important;
    }

    .change .mb-md-n12 {
        margin-bottom: -20rem !important;
    }

    .change .mb-md-nsm {
        margin-bottom: -1rem !important;
    }

    .change .mb-md-nmd {
        margin-bottom: -2rem !important;
    }

    .change .mb-md-nlg {
        margin-bottom: -4rem !important;
    }

    .change .mb-md-nxl {
        margin-bottom: -8rem !important;
    }

    .change .ms-md-n1 {
        margin-left: -.25rem !important;
    }

    .change .ms-md-n2 {
        margin-left: -.5rem !important;
    }

    .change .ms-md-n3 {
        margin-left: -1rem !important;
    }

    .change .ms-md-n4 {
        margin-left: -1.5rem !important;
    }

    .change .ms-md-n5 {
        margin-left: -3rem !important;
    }

    .change .ms-md-n6 {
        margin-left: -5rem !important;
    }

    .change .ms-md-n7 {
        margin-left: -8rem !important;
    }

    .change .ms-md-n8 {
        margin-left: -10rem !important;
    }

    .change .ms-md-n9 {
        margin-left: -11rem !important;
    }

    .change .ms-md-n10 {
        margin-left: -14rem !important;
    }

    .change .ms-md-n11 {
        margin-left: -16rem !important;
    }

    .change .ms-md-n12 {
        margin-left: -20rem !important;
    }

    .change .ms-md-nsm {
        margin-left: -1rem !important;
    }

    .change .ms-md-nmd {
        margin-left: -2rem !important;
    }

    .change .ms-md-nlg {
        margin-left: -4rem !important;
    }

    .change .ms-md-nxl {
        margin-left: -8rem !important;
    }

    .change .p-md-0 {
        padding: 0 !important;
    }

    .change .p-md-1 {
        padding: .25rem !important;
    }

    .change .p-md-2 {
        padding: .5rem !important;
    }

    .change .p-md-3 {
        padding: 1rem !important;
    }

    .change .p-md-4 {
        padding: 1.5rem !important;
    }

    .change .p-md-5 {
        padding: 3rem !important;
    }

    .change .p-md-6 {
        padding: 5rem !important;
    }

    .change .p-md-7 {
        padding: 8rem !important;
    }

    .change .p-md-8 {
        padding: 10rem !important;
    }

    .change .p-md-9 {
        padding: 11rem !important;
    }

    .change .p-md-10 {
        padding: 14rem !important;
    }

    .change .p-md-11 {
        padding: 16rem !important;
    }

    .change .p-md-12 {
        padding: 20rem !important;
    }

    .change .p-md-sm {
        padding: 1rem !important;
    }

    .change .p-md-md {
        padding: 2rem !important;
    }

    .change .p-md-lg {
        padding: 4rem !important;
    }

    .change .p-md-xl {
        padding: 8rem !important;
    }

    .change .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

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

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

    .change .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

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

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

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

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

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

    .change .px-md-9 {
        padding-right: 11rem !important;
        padding-left: 11rem !important;
    }

    .change .px-md-10 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .change .px-md-11 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

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

    .change .px-md-sm {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .change .px-md-md {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

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

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

    .change .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

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

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

    .change .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

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

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

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

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

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

    .change .py-md-9 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important;
    }

    .change .py-md-10 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .change .py-md-11 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

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

    .change .py-md-sm {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .change .py-md-md {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

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

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

    .change .pt-md-0 {
        padding-top: 0 !important;
    }

    .change .pt-md-1 {
        padding-top: .25rem !important;
    }

    .change .pt-md-2 {
        padding-top: .5rem !important;
    }

    .change .pt-md-3 {
        padding-top: 1rem !important;
    }

    .change .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .change .pt-md-5 {
        padding-top: 3rem !important;
    }

    .change .pt-md-6 {
        padding-top: 5rem !important;
    }

    .change .pt-md-7 {
        padding-top: 8rem !important;
    }

    .change .pt-md-8 {
        padding-top: 10rem !important;
    }

    .change .pt-md-9 {
        padding-top: 11rem !important;
    }

    .change .pt-md-10 {
        padding-top: 14rem !important;
    }

    .change .pt-md-11 {
        padding-top: 16rem !important;
    }

    .change .pt-md-12 {
        padding-top: 20rem !important;
    }

    .change .pt-md-sm {
        padding-top: 1rem !important;
    }

    .change .pt-md-md {
        padding-top: 2rem !important;
    }

    .change .pt-md-lg {
        padding-top: 4rem !important;
    }

    .change .pt-md-xl {
        padding-top: 8rem !important;
    }

    .change .pe-md-0 {
        padding-right: 0 !important;
    }

    .change .pe-md-1 {
        padding-right: .25rem !important;
    }

    .change .pe-md-2 {
        padding-right: .5rem !important;
    }

    .change .pe-md-3 {
        padding-right: 1rem !important;
    }

    .change .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .change .pe-md-5 {
        padding-right: 3rem !important;
    }

    .change .pe-md-6 {
        padding-right: 5rem !important;
    }

    .change .pe-md-7 {
        padding-right: 8rem !important;
    }

    .change .pe-md-8 {
        padding-right: 10rem !important;
    }

    .change .pe-md-9 {
        padding-right: 11rem !important;
    }

    .change .pe-md-10 {
        padding-right: 14rem !important;
    }

    .change .pe-md-11 {
        padding-right: 16rem !important;
    }

    .change .pe-md-12 {
        padding-right: 20rem !important;
    }

    .change .pe-md-sm {
        padding-right: 1rem !important;
    }

    .change .pe-md-md {
        padding-right: 2rem !important;
    }

    .change .pe-md-lg {
        padding-right: 4rem !important;
    }

    .change .pe-md-xl {
        padding-right: 8rem !important;
    }

    .change .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .change .pb-md-1 {
        padding-bottom: .25rem !important;
    }

    .change .pb-md-2 {
        padding-bottom: .5rem !important;
    }

    .change .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .change .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .change .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .change .pb-md-6 {
        padding-bottom: 5rem !important;
    }

    .change .pb-md-7 {
        padding-bottom: 8rem !important;
    }

    .change .pb-md-8 {
        padding-bottom: 10rem !important;
    }

    .change .pb-md-9 {
        padding-bottom: 11rem !important;
    }

    .change .pb-md-10 {
        padding-bottom: 14rem !important;
    }

    .change .pb-md-11 {
        padding-bottom: 16rem !important;
    }

    .change .pb-md-12 {
        padding-bottom: 20rem !important;
    }

    .change .pb-md-sm {
        padding-bottom: 1rem !important;
    }

    .change .pb-md-md {
        padding-bottom: 2rem !important;
    }

    .change .pb-md-lg {
        padding-bottom: 4rem !important;
    }

    .change .pb-md-xl {
        padding-bottom: 8rem !important;
    }

    .change .ps-md-0 {
        padding-left: 0 !important;
    }

    .change .ps-md-1 {
        padding-left: .25rem !important;
    }

    .change .ps-md-2 {
        padding-left: .5rem !important;
    }

    .change .ps-md-3 {
        padding-left: 1rem !important;
    }

    .change .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .change .ps-md-5 {
        padding-left: 3rem !important;
    }

    .change .ps-md-6 {
        padding-left: 5rem !important;
    }

    .change .ps-md-7 {
        padding-left: 8rem !important;
    }

    .change .ps-md-8 {
        padding-left: 10rem !important;
    }

    .change .ps-md-9 {
        padding-left: 11rem !important;
    }

    .change .ps-md-10 {
        padding-left: 14rem !important;
    }

    .change .ps-md-11 {
        padding-left: 16rem !important;
    }

    .change .ps-md-12 {
        padding-left: 20rem !important;
    }

    .change .ps-md-sm {
        padding-left: 1rem !important;
    }

    .change .ps-md-md {
        padding-left: 2rem !important;
    }

    .change .ps-md-lg {
        padding-left: 4rem !important;
    }

    .change .ps-md-xl {
        padding-left: 8rem !important;
    }

    .change .text-md-start {
        text-align: left !important;
    }

    .change .text-md-end {
        text-align: right !important;
    }

    .change .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .change .float-lg-start {
        float: left !important;
    }

    .change .float-lg-end {
        float: right !important;
    }

    .change .float-lg-none {
        float: none !important;
    }

    .change .d-lg-inline {
        display: inline !important;
    }

    .change .d-lg-inline-block {
        display: inline-block !important;
    }

    .change .d-lg-block {
        display: block !important;
    }

    .change .d-lg-grid {
        display: -ms-grid !important;
        display: grid !important;
    }

    .change .d-lg-table {
        display: table !important;
    }

    .change .d-lg-table-row {
        display: table-row !important;
    }

    .change .d-lg-table-cell {
        display: table-cell !important;
    }

    .change .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .change .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .change .d-lg-none {
        display: none !important;
    }

    .change .vh-lg-100 {
        height: 100vh !important;
    }

    .change .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .change .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .change .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .change .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .change .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .change .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .change .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .change .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .change .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .change .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .change .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .change .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .change .gap-lg-0 {
        gap: 0 !important;
    }

    .change .gap-lg-1 {
        gap: .25rem !important;
    }

    .change .gap-lg-2 {
        gap: .5rem !important;
    }

    .change .gap-lg-3 {
        gap: 1rem !important;
    }

    .change .gap-lg-4 {
        gap: 1.5rem !important;
    }

    .change .gap-lg-5 {
        gap: 3rem !important;
    }

    .change .gap-lg-6 {
        gap: 5rem !important;
    }

    .change .gap-lg-7 {
        gap: 8rem !important;
    }

    .change .gap-lg-8 {
        gap: 10rem !important;
    }

    .change .gap-lg-9 {
        gap: 11rem !important;
    }

    .change .gap-lg-10 {
        gap: 14rem !important;
    }

    .change .gap-lg-11 {
        gap: 16rem !important;
    }

    .change .gap-lg-12 {
        gap: 20rem !important;
    }

    .change .gap-lg-sm {
        gap: 1rem !important;
    }

    .change .gap-lg-md {
        gap: 2rem !important;
    }

    .change .gap-lg-lg {
        gap: 4rem !important;
    }

    .change .gap-lg-xl {
        gap: 8rem !important;
    }

    .change .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .change .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .change .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .change .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .change .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .change .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .change .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .change .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .change .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .change .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .change .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .change .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .change .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .change .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .change .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .change .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .change .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .change .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .change .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .change .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .change .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .change .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .change .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }

    .change .order-lg-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .change .order-lg-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .change .order-lg-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .change .order-lg-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .change .order-lg-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .change .order-lg-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .change .order-lg-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .change .order-lg-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .change .m-lg-0 {
        margin: 0 !important;
    }

    .change .m-lg-1 {
        margin: .25rem !important;
    }

    .change .m-lg-2 {
        margin: .5rem !important;
    }

    .change .m-lg-3 {
        margin: 1rem !important;
    }

    .change .m-lg-4 {
        margin: 1.5rem !important;
    }

    .change .m-lg-5 {
        margin: 3rem !important;
    }

    .change .m-lg-6 {
        margin: 5rem !important;
    }

    .change .m-lg-7 {
        margin: 8rem !important;
    }

    .change .m-lg-8 {
        margin: 10rem !important;
    }

    .change .m-lg-9 {
        margin: 11rem !important;
    }

    .change .m-lg-10 {
        margin: 14rem !important;
    }

    .change .m-lg-11 {
        margin: 16rem !important;
    }

    .change .m-lg-12 {
        margin: 20rem !important;
    }

    .change .m-lg-sm {
        margin: 1rem !important;
    }

    .change .m-lg-md {
        margin: 2rem !important;
    }

    .change .m-lg-lg {
        margin: 4rem !important;
    }

    .change .m-lg-xl {
        margin: 8rem !important;
    }

    .change .m-lg-auto {
        margin: auto !important;
    }

    .change .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .change .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important;
    }

    .change .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .change .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .change .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .change .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .change .mx-lg-6 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .change .mx-lg-7 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-lg-8 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .change .mx-lg-9 {
        margin-right: 11rem !important;
        margin-left: 11rem !important;
    }

    .change .mx-lg-10 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .change .mx-lg-11 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .change .mx-lg-12 {
        margin-right: 20rem !important;
        margin-left: 20rem !important;
    }

    .change .mx-lg-sm {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .change .mx-lg-md {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .change .mx-lg-lg {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .change .mx-lg-xl {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .change .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .change .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important;
    }

    .change .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .change .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .change .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .change .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .change .my-lg-6 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .change .my-lg-7 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-lg-8 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .change .my-lg-9 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important;
    }

    .change .my-lg-10 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .change .my-lg-11 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .change .my-lg-12 {
        margin-top: 20rem !important;
        margin-bottom: 20rem !important;
    }

    .change .my-lg-sm {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .change .my-lg-md {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .change .my-lg-lg {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .change .my-lg-xl {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .change .mt-lg-0 {
        margin-top: 0 !important;
    }

    .change .mt-lg-1 {
        margin-top: .25rem !important;
    }

    .change .mt-lg-2 {
        margin-top: .5rem !important;
    }

    .change .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .change .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .change .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .change .mt-lg-6 {
        margin-top: 5rem !important;
    }

    .change .mt-lg-7 {
        margin-top: 8rem !important;
    }

    .change .mt-lg-8 {
        margin-top: 10rem !important;
    }

    .change .mt-lg-9 {
        margin-top: 11rem !important;
    }

    .change .mt-lg-10 {
        margin-top: 14rem !important;
    }

    .change .mt-lg-11 {
        margin-top: 16rem !important;
    }

    .change .mt-lg-12 {
        margin-top: 20rem !important;
    }

    .change .mt-lg-sm {
        margin-top: 1rem !important;
    }

    .change .mt-lg-md {
        margin-top: 2rem !important;
    }

    .change .mt-lg-lg {
        margin-top: 4rem !important;
    }

    .change .mt-lg-xl {
        margin-top: 8rem !important;
    }

    .change .mt-lg-auto {
        margin-top: auto !important;
    }

    .change .me-lg-0 {
        margin-right: 0 !important;
    }

    .change .me-lg-1 {
        margin-right: .25rem !important;
    }

    .change .me-lg-2 {
        margin-right: .5rem !important;
    }

    .change .me-lg-3 {
        margin-right: 1rem !important;
    }

    .change .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .change .me-lg-5 {
        margin-right: 3rem !important;
    }

    .change .me-lg-6 {
        margin-right: 5rem !important;
    }

    .change .me-lg-7 {
        margin-right: 8rem !important;
    }

    .change .me-lg-8 {
        margin-right: 10rem !important;
    }

    .change .me-lg-9 {
        margin-right: 11rem !important;
    }

    .change .me-lg-10 {
        margin-right: 14rem !important;
    }

    .change .me-lg-11 {
        margin-right: 16rem !important;
    }

    .change .me-lg-12 {
        margin-right: 20rem !important;
    }

    .change .me-lg-sm {
        margin-right: 1rem !important;
    }

    .change .me-lg-md {
        margin-right: 2rem !important;
    }

    .change .me-lg-lg {
        margin-right: 4rem !important;
    }

    .change .me-lg-xl {
        margin-right: 8rem !important;
    }

    .change .me-lg-auto {
        margin-right: auto !important;
    }

    .change .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .change .mb-lg-1 {
        margin-bottom: .25rem !important;
    }

    .change .mb-lg-2 {
        margin-bottom: .5rem !important;
    }

    .change .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .change .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .change .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .change .mb-lg-6 {
        margin-bottom: 5rem !important;
    }

    .change .mb-lg-7 {
        margin-bottom: 8rem !important;
    }

    .change .mb-lg-8 {
        margin-bottom: 10rem !important;
    }

    .change .mb-lg-9 {
        margin-bottom: 11rem !important;
    }

    .change .mb-lg-10 {
        margin-bottom: 14rem !important;
    }

    .change .mb-lg-11 {
        margin-bottom: 16rem !important;
    }

    .change .mb-lg-12 {
        margin-bottom: 20rem !important;
    }

    .change .mb-lg-sm {
        margin-bottom: 1rem !important;
    }

    .change .mb-lg-md {
        margin-bottom: 2rem !important;
    }

    .change .mb-lg-lg {
        margin-bottom: 4rem !important;
    }

    .change .mb-lg-xl {
        margin-bottom: 8rem !important;
    }

    .change .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .change .ms-lg-0 {
        margin-left: 0 !important;
    }

    .change .ms-lg-1 {
        margin-left: .25rem !important;
    }

    .change .ms-lg-2 {
        margin-left: .5rem !important;
    }

    .change .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .change .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .change .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .change .ms-lg-6 {
        margin-left: 5rem !important;
    }

    .change .ms-lg-7 {
        margin-left: 8rem !important;
    }

    .change .ms-lg-8 {
        margin-left: 10rem !important;
    }

    .change .ms-lg-9 {
        margin-left: 11rem !important;
    }

    .change .ms-lg-10 {
        margin-left: 14rem !important;
    }

    .change .ms-lg-11 {
        margin-left: 16rem !important;
    }

    .change .ms-lg-12 {
        margin-left: 20rem !important;
    }

    .change .ms-lg-sm {
        margin-left: 1rem !important;
    }

    .change .ms-lg-md {
        margin-left: 2rem !important;
    }

    .change .ms-lg-lg {
        margin-left: 4rem !important;
    }

    .change .ms-lg-xl {
        margin-left: 8rem !important;
    }

    .change .ms-lg-auto {
        margin-left: auto !important;
    }

    .change .m-lg-n1 {
        margin: -.25rem !important;
    }

    .change .m-lg-n2 {
        margin: -.5rem !important;
    }

    .change .m-lg-n3 {
        margin: -1rem !important;
    }

    .change .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .change .m-lg-n5 {
        margin: -3rem !important;
    }

    .change .m-lg-n6 {
        margin: -5rem !important;
    }

    .change .m-lg-n7 {
        margin: -8rem !important;
    }

    .change .m-lg-n8 {
        margin: -10rem !important;
    }

    .change .m-lg-n9 {
        margin: -11rem !important;
    }

    .change .m-lg-n10 {
        margin: -14rem !important;
    }

    .change .m-lg-n11 {
        margin: -16rem !important;
    }

    .change .m-lg-n12 {
        margin: -20rem !important;
    }

    .change .m-lg-nsm {
        margin: -1rem !important;
    }

    .change .m-lg-nmd {
        margin: -2rem !important;
    }

    .change .m-lg-nlg {
        margin: -4rem !important;
    }

    .change .m-lg-nxl {
        margin: -8rem !important;
    }

    .change .mx-lg-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important;
    }

    .change .mx-lg-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important;
    }

    .change .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .change .mx-lg-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .change .mx-lg-n6 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .change .mx-lg-n7 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .change .mx-lg-n8 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .change .mx-lg-n9 {
        margin-right: -11rem !important;
        margin-left: -11rem !important;
    }

    .change .mx-lg-n10 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .change .mx-lg-n11 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .change .mx-lg-n12 {
        margin-right: -20rem !important;
        margin-left: -20rem !important;
    }

    .change .mx-lg-nsm {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-lg-nmd {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

    .change .mx-lg-nlg {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .change .mx-lg-nxl {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .change .my-lg-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important;
    }

    .change .my-lg-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important;
    }

    .change .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .change .my-lg-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .change .my-lg-n6 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .change .my-lg-n7 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .my-lg-n8 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .change .my-lg-n9 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important;
    }

    .change .my-lg-n10 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .change .my-lg-n11 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .change .my-lg-n12 {
        margin-top: -20rem !important;
        margin-bottom: -20rem !important;
    }

    .change .my-lg-nsm {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-lg-nmd {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .change .my-lg-nlg {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .change .my-lg-nxl {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .mt-lg-n1 {
        margin-top: -.25rem !important;
    }

    .change .mt-lg-n2 {
        margin-top: -.5rem !important;
    }

    .change .mt-lg-n3 {
        margin-top: -1rem !important;
    }

    .change .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .change .mt-lg-n5 {
        margin-top: -3rem !important;
    }

    .change .mt-lg-n6 {
        margin-top: -5rem !important;
    }

    .change .mt-lg-n7 {
        margin-top: -8rem !important;
    }

    .change .mt-lg-n8 {
        margin-top: -10rem !important;
    }

    .change .mt-lg-n9 {
        margin-top: -11rem !important;
    }

    .change .mt-lg-n10 {
        margin-top: -14rem !important;
    }

    .change .mt-lg-n11 {
        margin-top: -16rem !important;
    }

    .change .mt-lg-n12 {
        margin-top: -20rem !important;
    }

    .change .mt-lg-nsm {
        margin-top: -1rem !important;
    }

    .change .mt-lg-nmd {
        margin-top: -2rem !important;
    }

    .change .mt-lg-nlg {
        margin-top: -4rem !important;
    }

    .change .mt-lg-nxl {
        margin-top: -8rem !important;
    }

    .change .me-lg-n1 {
        margin-right: -.25rem !important;
    }

    .change .me-lg-n2 {
        margin-right: -.5rem !important;
    }

    .change .me-lg-n3 {
        margin-right: -1rem !important;
    }

    .change .me-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .change .me-lg-n5 {
        margin-right: -3rem !important;
    }

    .change .me-lg-n6 {
        margin-right: -5rem !important;
    }

    .change .me-lg-n7 {
        margin-right: -8rem !important;
    }

    .change .me-lg-n8 {
        margin-right: -10rem !important;
    }

    .change .me-lg-n9 {
        margin-right: -11rem !important;
    }

    .change .me-lg-n10 {
        margin-right: -14rem !important;
    }

    .change .me-lg-n11 {
        margin-right: -16rem !important;
    }

    .change .me-lg-n12 {
        margin-right: -20rem !important;
    }

    .change .me-lg-nsm {
        margin-right: -1rem !important;
    }

    .change .me-lg-nmd {
        margin-right: -2rem !important;
    }

    .change .me-lg-nlg {
        margin-right: -4rem !important;
    }

    .change .me-lg-nxl {
        margin-right: -8rem !important;
    }

    .change .mb-lg-n1 {
        margin-bottom: -.25rem !important;
    }

    .change .mb-lg-n2 {
        margin-bottom: -.5rem !important;
    }

    .change .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .change .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .change .mb-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .change .mb-lg-n6 {
        margin-bottom: -5rem !important;
    }

    .change .mb-lg-n7 {
        margin-bottom: -8rem !important;
    }

    .change .mb-lg-n8 {
        margin-bottom: -10rem !important;
    }

    .change .mb-lg-n9 {
        margin-bottom: -11rem !important;
    }

    .change .mb-lg-n10 {
        margin-bottom: -14rem !important;
    }

    .change .mb-lg-n11 {
        margin-bottom: -16rem !important;
    }

    .change .mb-lg-n12 {
        margin-bottom: -20rem !important;
    }

    .change .mb-lg-nsm {
        margin-bottom: -1rem !important;
    }

    .change .mb-lg-nmd {
        margin-bottom: -2rem !important;
    }

    .change .mb-lg-nlg {
        margin-bottom: -4rem !important;
    }

    .change .mb-lg-nxl {
        margin-bottom: -8rem !important;
    }

    .change .ms-lg-n1 {
        margin-left: -.25rem !important;
    }

    .change .ms-lg-n2 {
        margin-left: -.5rem !important;
    }

    .change .ms-lg-n3 {
        margin-left: -1rem !important;
    }

    .change .ms-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .change .ms-lg-n5 {
        margin-left: -3rem !important;
    }

    .change .ms-lg-n6 {
        margin-left: -5rem !important;
    }

    .change .ms-lg-n7 {
        margin-left: -8rem !important;
    }

    .change .ms-lg-n8 {
        margin-left: -10rem !important;
    }

    .change .ms-lg-n9 {
        margin-left: -11rem !important;
    }

    .change .ms-lg-n10 {
        margin-left: -14rem !important;
    }

    .change .ms-lg-n11 {
        margin-left: -16rem !important;
    }

    .change .ms-lg-n12 {
        margin-left: -20rem !important;
    }

    .change .ms-lg-nsm {
        margin-left: -1rem !important;
    }

    .change .ms-lg-nmd {
        margin-left: -2rem !important;
    }

    .change .ms-lg-nlg {
        margin-left: -4rem !important;
    }

    .change .ms-lg-nxl {
        margin-left: -8rem !important;
    }

    .change .p-lg-0 {
        padding: 0 !important;
    }

    .change .p-lg-1 {
        padding: .25rem !important;
    }

    .change .p-lg-2 {
        padding: .5rem !important;
    }

    .change .p-lg-3 {
        padding: 1rem !important;
    }

    .change .p-lg-4 {
        padding: 1.5rem !important;
    }

    .change .p-lg-5 {
        padding: 3rem !important;
    }

    .change .p-lg-6 {
        padding: 5rem !important;
    }

    .change .p-lg-7 {
        padding: 8rem !important;
    }

    .change .p-lg-8 {
        padding: 10rem !important;
    }

    .change .p-lg-9 {
        padding: 11rem !important;
    }

    .change .p-lg-10 {
        padding: 14rem !important;
    }

    .change .p-lg-11 {
        padding: 16rem !important;
    }

    .change .p-lg-12 {
        padding: 20rem !important;
    }

    .change .p-lg-sm {
        padding: 1rem !important;
    }

    .change .p-lg-md {
        padding: 2rem !important;
    }

    .change .p-lg-lg {
        padding: 4rem !important;
    }

    .change .p-lg-xl {
        padding: 8rem !important;
    }

    .change .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

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

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

    .change .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

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

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

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

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

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

    .change .px-lg-9 {
        padding-right: 11rem !important;
        padding-left: 11rem !important;
    }

    .change .px-lg-10 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .change .px-lg-11 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

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

    .change .px-lg-sm {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .change .px-lg-md {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

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

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

    .change .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

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

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

    .change .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

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

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

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

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

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

    .change .py-lg-9 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important;
    }

    .change .py-lg-10 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .change .py-lg-11 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

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

    .change .py-lg-sm {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .change .py-lg-md {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

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

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

    .change .pt-lg-0 {
        padding-top: 0 !important;
    }

    .change .pt-lg-1 {
        padding-top: .25rem !important;
    }

    .change .pt-lg-2 {
        padding-top: .5rem !important;
    }

    .change .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .change .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .change .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .change .pt-lg-6 {
        padding-top: 5rem !important;
    }

    .change .pt-lg-7 {
        padding-top: 8rem !important;
    }

    .change .pt-lg-8 {
        padding-top: 10rem !important;
    }

    .change .pt-lg-9 {
        padding-top: 11rem !important;
    }

    .change .pt-lg-10 {
        padding-top: 14rem !important;
    }

    .change .pt-lg-11 {
        padding-top: 16rem !important;
    }

    .change .pt-lg-12 {
        padding-top: 20rem !important;
    }

    .change .pt-lg-sm {
        padding-top: 1rem !important;
    }

    .change .pt-lg-md {
        padding-top: 2rem !important;
    }

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

    .change .pt-lg-xl {
        padding-top: 8rem !important;
    }

    .change .pe-lg-0 {
        padding-right: 0 !important;
    }

    .change .pe-lg-1 {
        padding-right: .25rem !important;
    }

    .change .pe-lg-2 {
        padding-right: .5rem !important;
    }

    .change .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .change .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .change .pe-lg-5 {
        padding-right: 3rem !important;
    }

    .change .pe-lg-6 {
        padding-right: 5rem !important;
    }

    .change .pe-lg-7 {
        padding-right: 8rem !important;
    }

    .change .pe-lg-8 {
        padding-right: 10rem !important;
    }

    .change .pe-lg-9 {
        padding-right: 11rem !important;
    }

    .change .pe-lg-10 {
        padding-right: 14rem !important;
    }

    .change .pe-lg-11 {
        padding-right: 16rem !important;
    }

    .change .pe-lg-12 {
        padding-right: 20rem !important;
    }

    .change .pe-lg-sm {
        padding-right: 1rem !important;
    }

    .change .pe-lg-md {
        padding-right: 2rem !important;
    }

    .change .pe-lg-lg {
        padding-right: 4rem !important;
    }

    .change .pe-lg-xl {
        padding-right: 8rem !important;
    }

    .change .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .change .pb-lg-1 {
        padding-bottom: .25rem !important;
    }

    .change .pb-lg-2 {
        padding-bottom: .5rem !important;
    }

    .change .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .change .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .change .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .change .pb-lg-6 {
        padding-bottom: 5rem !important;
    }

    .change .pb-lg-7 {
        padding-bottom: 8rem !important;
    }

    .change .pb-lg-8 {
        padding-bottom: 10rem !important;
    }

    .change .pb-lg-9 {
        padding-bottom: 11rem !important;
    }

    .change .pb-lg-10 {
        padding-bottom: 14rem !important;
    }

    .change .pb-lg-11 {
        padding-bottom: 16rem !important;
    }

    .change .pb-lg-12 {
        padding-bottom: 20rem !important;
    }

    .change .pb-lg-sm {
        padding-bottom: 1rem !important;
    }

    .change .pb-lg-md {
        padding-bottom: 2rem !important;
    }

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

    .change .pb-lg-xl {
        padding-bottom: 8rem !important;
    }

    .change .ps-lg-0 {
        padding-left: 0 !important;
    }

    .change .ps-lg-1 {
        padding-left: .25rem !important;
    }

    .change .ps-lg-2 {
        padding-left: .5rem !important;
    }

    .change .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .change .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .change .ps-lg-5 {
        padding-left: 3rem !important;
    }

    .change .ps-lg-6 {
        padding-left: 5rem !important;
    }

    .change .ps-lg-7 {
        padding-left: 8rem !important;
    }

    .change .ps-lg-8 {
        padding-left: 10rem !important;
    }

    .change .ps-lg-9 {
        padding-left: 11rem !important;
    }

    .change .ps-lg-10 {
        padding-left: 14rem !important;
    }

    .change .ps-lg-11 {
        padding-left: 16rem !important;
    }

    .change .ps-lg-12 {
        padding-left: 20rem !important;
    }

    .change .ps-lg-sm {
        padding-left: 1rem !important;
    }

    .change .ps-lg-md {
        padding-left: 2rem !important;
    }

    .change .ps-lg-lg {
        padding-left: 4rem !important;
    }

    .change .ps-lg-xl {
        padding-left: 8rem !important;
    }

    .change .text-lg-start {
        text-align: left !important;
    }

    .change .text-lg-end {
        text-align: right !important;
    }

    .change .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .change .float-xl-start {
        float: left !important;
    }

    .change .float-xl-end {
        float: right !important;
    }

    .change .float-xl-none {
        float: none !important;
    }

    .change .d-xl-inline {
        display: inline !important;
    }

    .change .d-xl-inline-block {
        display: inline-block !important;
    }

    .change .d-xl-block {
        display: block !important;
    }

    .change .d-xl-grid {
        display: -ms-grid !important;
        display: grid !important;
    }

    .change .d-xl-table {
        display: table !important;
    }

    .change .d-xl-table-row {
        display: table-row !important;
    }

    .change .d-xl-table-cell {
        display: table-cell !important;
    }

    .change .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .change .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .change .d-xl-none {
        display: none !important;
    }

    .change .vh-xl-100 {
        height: 100vh !important;
    }

    .change .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .change .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .change .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .change .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .change .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .change .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .change .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .change .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .change .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .change .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .change .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .change .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .change .gap-xl-0 {
        gap: 0 !important;
    }

    .change .gap-xl-1 {
        gap: .25rem !important;
    }

    .change .gap-xl-2 {
        gap: .5rem !important;
    }

    .change .gap-xl-3 {
        gap: 1rem !important;
    }

    .change .gap-xl-4 {
        gap: 1.5rem !important;
    }

    .change .gap-xl-5 {
        gap: 3rem !important;
    }

    .change .gap-xl-6 {
        gap: 5rem !important;
    }

    .change .gap-xl-7 {
        gap: 8rem !important;
    }

    .change .gap-xl-8 {
        gap: 10rem !important;
    }

    .change .gap-xl-9 {
        gap: 11rem !important;
    }

    .change .gap-xl-10 {
        gap: 14rem !important;
    }

    .change .gap-xl-11 {
        gap: 16rem !important;
    }

    .change .gap-xl-12 {
        gap: 20rem !important;
    }

    .change .gap-xl-sm {
        gap: 1rem !important;
    }

    .change .gap-xl-md {
        gap: 2rem !important;
    }

    .change .gap-xl-lg {
        gap: 4rem !important;
    }

    .change .gap-xl-xl {
        gap: 8rem !important;
    }

    .change .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .change .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .change .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .change .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .change .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .change .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .change .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .change .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .change .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .change .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .change .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .change .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .change .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .change .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .change .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .change .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .change .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .change .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .change .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .change .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .change .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .change .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .change .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }

    .change .order-xl-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .change .order-xl-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .change .order-xl-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .change .order-xl-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .change .order-xl-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .change .order-xl-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .change .order-xl-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .change .order-xl-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .change .m-xl-0 {
        margin: 0 !important;
    }

    .change .m-xl-1 {
        margin: .25rem !important;
    }

    .change .m-xl-2 {
        margin: .5rem !important;
    }

    .change .m-xl-3 {
        margin: 1rem !important;
    }

    .change .m-xl-4 {
        margin: 1.5rem !important;
    }

    .change .m-xl-5 {
        margin: 3rem !important;
    }

    .change .m-xl-6 {
        margin: 5rem !important;
    }

    .change .m-xl-7 {
        margin: 8rem !important;
    }

    .change .m-xl-8 {
        margin: 10rem !important;
    }

    .change .m-xl-9 {
        margin: 11rem !important;
    }

    .change .m-xl-10 {
        margin: 14rem !important;
    }

    .change .m-xl-11 {
        margin: 16rem !important;
    }

    .change .m-xl-12 {
        margin: 20rem !important;
    }

    .change .m-xl-sm {
        margin: 1rem !important;
    }

    .change .m-xl-md {
        margin: 2rem !important;
    }

    .change .m-xl-lg {
        margin: 4rem !important;
    }

    .change .m-xl-xl {
        margin: 8rem !important;
    }

    .change .m-xl-auto {
        margin: auto !important;
    }

    .change .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .change .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important;
    }

    .change .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .change .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .change .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .change .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .change .mx-xl-6 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .change .mx-xl-7 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-xl-8 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .change .mx-xl-9 {
        margin-right: 11rem !important;
        margin-left: 11rem !important;
    }

    .change .mx-xl-10 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .change .mx-xl-11 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .change .mx-xl-12 {
        margin-right: 20rem !important;
        margin-left: 20rem !important;
    }

    .change .mx-xl-sm {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .change .mx-xl-md {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .change .mx-xl-lg {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .change .mx-xl-xl {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .change .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .change .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important;
    }

    .change .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .change .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .change .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .change .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .change .my-xl-6 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .change .my-xl-7 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-xl-8 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .change .my-xl-9 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important;
    }

    .change .my-xl-10 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .change .my-xl-11 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .change .my-xl-12 {
        margin-top: 20rem !important;
        margin-bottom: 20rem !important;
    }

    .change .my-xl-sm {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .change .my-xl-md {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .change .my-xl-lg {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .change .my-xl-xl {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .change .mt-xl-0 {
        margin-top: 0 !important;
    }

    .change .mt-xl-1 {
        margin-top: .25rem !important;
    }

    .change .mt-xl-2 {
        margin-top: .5rem !important;
    }

    .change .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .change .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .change .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .change .mt-xl-6 {
        margin-top: 5rem !important;
    }

    .change .mt-xl-7 {
        margin-top: 8rem !important;
    }

    .change .mt-xl-8 {
        margin-top: 10rem !important;
    }

    .change .mt-xl-9 {
        margin-top: 11rem !important;
    }

    .change .mt-xl-10 {
        margin-top: 14rem !important;
    }

    .change .mt-xl-11 {
        margin-top: 16rem !important;
    }

    .change .mt-xl-12 {
        margin-top: 20rem !important;
    }

    .change .mt-xl-sm {
        margin-top: 1rem !important;
    }

    .change .mt-xl-md {
        margin-top: 2rem !important;
    }

    .change .mt-xl-lg {
        margin-top: 4rem !important;
    }

    .change .mt-xl-xl {
        margin-top: 8rem !important;
    }

    .change .mt-xl-auto {
        margin-top: auto !important;
    }

    .change .me-xl-0 {
        margin-right: 0 !important;
    }

    .change .me-xl-1 {
        margin-right: .25rem !important;
    }

    .change .me-xl-2 {
        margin-right: .5rem !important;
    }

    .change .me-xl-3 {
        margin-right: 1rem !important;
    }

    .change .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .change .me-xl-5 {
        margin-right: 3rem !important;
    }

    .change .me-xl-6 {
        margin-right: 5rem !important;
    }

    .change .me-xl-7 {
        margin-right: 8rem !important;
    }

    .change .me-xl-8 {
        margin-right: 10rem !important;
    }

    .change .me-xl-9 {
        margin-right: 11rem !important;
    }

    .change .me-xl-10 {
        margin-right: 14rem !important;
    }

    .change .me-xl-11 {
        margin-right: 16rem !important;
    }

    .change .me-xl-12 {
        margin-right: 20rem !important;
    }

    .change .me-xl-sm {
        margin-right: 1rem !important;
    }

    .change .me-xl-md {
        margin-right: 2rem !important;
    }

    .change .me-xl-lg {
        margin-right: 4rem !important;
    }

    .change .me-xl-xl {
        margin-right: 8rem !important;
    }

    .change .me-xl-auto {
        margin-right: auto !important;
    }

    .change .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .change .mb-xl-1 {
        margin-bottom: .25rem !important;
    }

    .change .mb-xl-2 {
        margin-bottom: .5rem !important;
    }

    .change .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .change .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .change .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .change .mb-xl-6 {
        margin-bottom: 5rem !important;
    }

    .change .mb-xl-7 {
        margin-bottom: 8rem !important;
    }

    .change .mb-xl-8 {
        margin-bottom: 10rem !important;
    }

    .change .mb-xl-9 {
        margin-bottom: 11rem !important;
    }

    .change .mb-xl-10 {
        margin-bottom: 14rem !important;
    }

    .change .mb-xl-11 {
        margin-bottom: 16rem !important;
    }

    .change .mb-xl-12 {
        margin-bottom: 20rem !important;
    }

    .change .mb-xl-sm {
        margin-bottom: 1rem !important;
    }

    .change .mb-xl-md {
        margin-bottom: 2rem !important;
    }

    .change .mb-xl-lg {
        margin-bottom: 4rem !important;
    }

    .change .mb-xl-xl {
        margin-bottom: 8rem !important;
    }

    .change .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .change .ms-xl-0 {
        margin-left: 0 !important;
    }

    .change .ms-xl-1 {
        margin-left: .25rem !important;
    }

    .change .ms-xl-2 {
        margin-left: .5rem !important;
    }

    .change .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .change .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .change .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .change .ms-xl-6 {
        margin-left: 5rem !important;
    }

    .change .ms-xl-7 {
        margin-left: 8rem !important;
    }

    .change .ms-xl-8 {
        margin-left: 10rem !important;
    }

    .change .ms-xl-9 {
        margin-left: 11rem !important;
    }

    .change .ms-xl-10 {
        margin-left: 14rem !important;
    }

    .change .ms-xl-11 {
        margin-left: 16rem !important;
    }

    .change .ms-xl-12 {
        margin-left: 20rem !important;
    }

    .change .ms-xl-sm {
        margin-left: 1rem !important;
    }

    .change .ms-xl-md {
        margin-left: 2rem !important;
    }

    .change .ms-xl-lg {
        margin-left: 4rem !important;
    }

    .change .ms-xl-xl {
        margin-left: 8rem !important;
    }

    .change .ms-xl-auto {
        margin-left: auto !important;
    }

    .change .m-xl-n1 {
        margin: -.25rem !important;
    }

    .change .m-xl-n2 {
        margin: -.5rem !important;
    }

    .change .m-xl-n3 {
        margin: -1rem !important;
    }

    .change .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .change .m-xl-n5 {
        margin: -3rem !important;
    }

    .change .m-xl-n6 {
        margin: -5rem !important;
    }

    .change .m-xl-n7 {
        margin: -8rem !important;
    }

    .change .m-xl-n8 {
        margin: -10rem !important;
    }

    .change .m-xl-n9 {
        margin: -11rem !important;
    }

    .change .m-xl-n10 {
        margin: -14rem !important;
    }

    .change .m-xl-n11 {
        margin: -16rem !important;
    }

    .change .m-xl-n12 {
        margin: -20rem !important;
    }

    .change .m-xl-nsm {
        margin: -1rem !important;
    }

    .change .m-xl-nmd {
        margin: -2rem !important;
    }

    .change .m-xl-nlg {
        margin: -4rem !important;
    }

    .change .m-xl-nxl {
        margin: -8rem !important;
    }

    .change .mx-xl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important;
    }

    .change .mx-xl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important;
    }

    .change .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .change .mx-xl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .change .mx-xl-n6 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .change .mx-xl-n7 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .change .mx-xl-n8 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .change .mx-xl-n9 {
        margin-right: -11rem !important;
        margin-left: -11rem !important;
    }

    .change .mx-xl-n10 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .change .mx-xl-n11 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .change .mx-xl-n12 {
        margin-right: -20rem !important;
        margin-left: -20rem !important;
    }

    .change .mx-xl-nsm {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-xl-nmd {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

    .change .mx-xl-nlg {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .change .mx-xl-nxl {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .change .my-xl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important;
    }

    .change .my-xl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important;
    }

    .change .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .change .my-xl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .change .my-xl-n6 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .change .my-xl-n7 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .my-xl-n8 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .change .my-xl-n9 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important;
    }

    .change .my-xl-n10 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .change .my-xl-n11 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .change .my-xl-n12 {
        margin-top: -20rem !important;
        margin-bottom: -20rem !important;
    }

    .change .my-xl-nsm {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-xl-nmd {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .change .my-xl-nlg {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .change .my-xl-nxl {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .mt-xl-n1 {
        margin-top: -.25rem !important;
    }

    .change .mt-xl-n2 {
        margin-top: -.5rem !important;
    }

    .change .mt-xl-n3 {
        margin-top: -1rem !important;
    }

    .change .mt-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .change .mt-xl-n5 {
        margin-top: -3rem !important;
    }

    .change .mt-xl-n6 {
        margin-top: -5rem !important;
    }

    .change .mt-xl-n7 {
        margin-top: -8rem !important;
    }

    .change .mt-xl-n8 {
        margin-top: -10rem !important;
    }

    .change .mt-xl-n9 {
        margin-top: -11rem !important;
    }

    .change .mt-xl-n10 {
        margin-top: -14rem !important;
    }

    .change .mt-xl-n11 {
        margin-top: -16rem !important;
    }

    .change .mt-xl-n12 {
        margin-top: -20rem !important;
    }

    .change .mt-xl-nsm {
        margin-top: -1rem !important;
    }

    .change .mt-xl-nmd {
        margin-top: -2rem !important;
    }

    .change .mt-xl-nlg {
        margin-top: -4rem !important;
    }

    .change .mt-xl-nxl {
        margin-top: -8rem !important;
    }

    .change .me-xl-n1 {
        margin-right: -.25rem !important;
    }

    .change .me-xl-n2 {
        margin-right: -.5rem !important;
    }

    .change .me-xl-n3 {
        margin-right: -1rem !important;
    }

    .change .me-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .change .me-xl-n5 {
        margin-right: -3rem !important;
    }

    .change .me-xl-n6 {
        margin-right: -5rem !important;
    }

    .change .me-xl-n7 {
        margin-right: -8rem !important;
    }

    .change .me-xl-n8 {
        margin-right: -10rem !important;
    }

    .change .me-xl-n9 {
        margin-right: -11rem !important;
    }

    .change .me-xl-n10 {
        margin-right: -14rem !important;
    }

    .change .me-xl-n11 {
        margin-right: -16rem !important;
    }

    .change .me-xl-n12 {
        margin-right: -20rem !important;
    }

    .change .me-xl-nsm {
        margin-right: -1rem !important;
    }

    .change .me-xl-nmd {
        margin-right: -2rem !important;
    }

    .change .me-xl-nlg {
        margin-right: -4rem !important;
    }

    .change .me-xl-nxl {
        margin-right: -8rem !important;
    }

    .change .mb-xl-n1 {
        margin-bottom: -.25rem !important;
    }

    .change .mb-xl-n2 {
        margin-bottom: -.5rem !important;
    }

    .change .mb-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .change .mb-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .change .mb-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .change .mb-xl-n6 {
        margin-bottom: -5rem !important;
    }

    .change .mb-xl-n7 {
        margin-bottom: -8rem !important;
    }

    .change .mb-xl-n8 {
        margin-bottom: -10rem !important;
    }

    .change .mb-xl-n9 {
        margin-bottom: -11rem !important;
    }

    .change .mb-xl-n10 {
        margin-bottom: -14rem !important;
    }

    .change .mb-xl-n11 {
        margin-bottom: -16rem !important;
    }

    .change .mb-xl-n12 {
        margin-bottom: -20rem !important;
    }

    .change .mb-xl-nsm {
        margin-bottom: -1rem !important;
    }

    .change .mb-xl-nmd {
        margin-bottom: -2rem !important;
    }

    .change .mb-xl-nlg {
        margin-bottom: -4rem !important;
    }

    .change .mb-xl-nxl {
        margin-bottom: -8rem !important;
    }

    .change .ms-xl-n1 {
        margin-left: -.25rem !important;
    }

    .change .ms-xl-n2 {
        margin-left: -.5rem !important;
    }

    .change .ms-xl-n3 {
        margin-left: -1rem !important;
    }

    .change .ms-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .change .ms-xl-n5 {
        margin-left: -3rem !important;
    }

    .change .ms-xl-n6 {
        margin-left: -5rem !important;
    }

    .change .ms-xl-n7 {
        margin-left: -8rem !important;
    }

    .change .ms-xl-n8 {
        margin-left: -10rem !important;
    }

    .change .ms-xl-n9 {
        margin-left: -11rem !important;
    }

    .change .ms-xl-n10 {
        margin-left: -14rem !important;
    }

    .change .ms-xl-n11 {
        margin-left: -16rem !important;
    }

    .change .ms-xl-n12 {
        margin-left: -20rem !important;
    }

    .change .ms-xl-nsm {
        margin-left: -1rem !important;
    }

    .change .ms-xl-nmd {
        margin-left: -2rem !important;
    }

    .change .ms-xl-nlg {
        margin-left: -4rem !important;
    }

    .change .ms-xl-nxl {
        margin-left: -8rem !important;
    }

    .change .p-xl-0 {
        padding: 0 !important;
    }

    .change .p-xl-1 {
        padding: .25rem !important;
    }

    .change .p-xl-2 {
        padding: .5rem !important;
    }

    .change .p-xl-3 {
        padding: 1rem !important;
    }

    .change .p-xl-4 {
        padding: 1.5rem !important;
    }

    .change .p-xl-5 {
        padding: 3rem !important;
    }

    .change .p-xl-6 {
        padding: 5rem !important;
    }

    .change .p-xl-7 {
        padding: 8rem !important;
    }

    .change .p-xl-8 {
        padding: 10rem !important;
    }

    .change .p-xl-9 {
        padding: 11rem !important;
    }

    .change .p-xl-10 {
        padding: 14rem !important;
    }

    .change .p-xl-11 {
        padding: 16rem !important;
    }

    .change .p-xl-12 {
        padding: 20rem !important;
    }

    .change .p-xl-sm {
        padding: 1rem !important;
    }

    .change .p-xl-md {
        padding: 2rem !important;
    }

    .change .p-xl-lg {
        padding: 4rem !important;
    }

    .change .p-xl-xl {
        padding: 8rem !important;
    }

    .change .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

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

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

    .change .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

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

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

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

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

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

    .change .px-xl-9 {
        padding-right: 11rem !important;
        padding-left: 11rem !important;
    }

    .change .px-xl-10 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .change .px-xl-11 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

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

    .change .px-xl-sm {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .change .px-xl-md {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

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

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

    .change .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

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

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

    .change .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

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

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

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

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

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

    .change .py-xl-9 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important;
    }

    .change .py-xl-10 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .change .py-xl-11 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

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

    .change .py-xl-sm {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .change .py-xl-md {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

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

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

    .change .pt-xl-0 {
        padding-top: 0 !important;
    }

    .change .pt-xl-1 {
        padding-top: .25rem !important;
    }

    .change .pt-xl-2 {
        padding-top: .5rem !important;
    }

    .change .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .change .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .change .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .change .pt-xl-6 {
        padding-top: 5rem !important;
    }

    .change .pt-xl-7 {
        padding-top: 8rem !important;
    }

    .change .pt-xl-8 {
        padding-top: 10rem !important;
    }

    .change .pt-xl-9 {
        padding-top: 11rem !important;
    }

    .change .pt-xl-10 {
        padding-top: 14rem !important;
    }

    .change .pt-xl-11 {
        padding-top: 16rem !important;
    }

    .change .pt-xl-12 {
        padding-top: 20rem !important;
    }

    .change .pt-xl-sm {
        padding-top: 1rem !important;
    }

    .change .pt-xl-md {
        padding-top: 2rem !important;
    }

    .change .pt-xl-lg {
        padding-top: 4rem !important;
    }

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

    .change .pe-xl-0 {
        padding-right: 0 !important;
    }

    .change .pe-xl-1 {
        padding-right: .25rem !important;
    }

    .change .pe-xl-2 {
        padding-right: .5rem !important;
    }

    .change .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .change .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .change .pe-xl-5 {
        padding-right: 3rem !important;
    }

    .change .pe-xl-6 {
        padding-right: 5rem !important;
    }

    .change .pe-xl-7 {
        padding-right: 8rem !important;
    }

    .change .pe-xl-8 {
        padding-right: 10rem !important;
    }

    .change .pe-xl-9 {
        padding-right: 11rem !important;
    }

    .change .pe-xl-10 {
        padding-right: 14rem !important;
    }

    .change .pe-xl-11 {
        padding-right: 16rem !important;
    }

    .change .pe-xl-12 {
        padding-right: 20rem !important;
    }

    .change .pe-xl-sm {
        padding-right: 1rem !important;
    }

    .change .pe-xl-md {
        padding-right: 2rem !important;
    }

    .change .pe-xl-lg {
        padding-right: 4rem !important;
    }

    .change .pe-xl-xl {
        padding-right: 8rem !important;
    }

    .change .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .change .pb-xl-1 {
        padding-bottom: .25rem !important;
    }

    .change .pb-xl-2 {
        padding-bottom: .5rem !important;
    }

    .change .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .change .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .change .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .change .pb-xl-6 {
        padding-bottom: 5rem !important;
    }

    .change .pb-xl-7 {
        padding-bottom: 8rem !important;
    }

    .change .pb-xl-8 {
        padding-bottom: 10rem !important;
    }

    .change .pb-xl-9 {
        padding-bottom: 11rem !important;
    }

    .change .pb-xl-10 {
        padding-bottom: 14rem !important;
    }

    .change .pb-xl-11 {
        padding-bottom: 16rem !important;
    }

    .change .pb-xl-12 {
        padding-bottom: 20rem !important;
    }

    .change .pb-xl-sm {
        padding-bottom: 1rem !important;
    }

    .change .pb-xl-md {
        padding-bottom: 2rem !important;
    }

    .change .pb-xl-lg {
        padding-bottom: 4rem !important;
    }

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

    .change .ps-xl-0 {
        padding-left: 0 !important;
    }

    .change .ps-xl-1 {
        padding-left: .25rem !important;
    }

    .change .ps-xl-2 {
        padding-left: .5rem !important;
    }

    .change .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .change .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .change .ps-xl-5 {
        padding-left: 3rem !important;
    }

    .change .ps-xl-6 {
        padding-left: 5rem !important;
    }

    .change .ps-xl-7 {
        padding-left: 8rem !important;
    }

    .change .ps-xl-8 {
        padding-left: 10rem !important;
    }

    .change .ps-xl-9 {
        padding-left: 11rem !important;
    }

    .change .ps-xl-10 {
        padding-left: 14rem !important;
    }

    .change .ps-xl-11 {
        padding-left: 16rem !important;
    }

    .change .ps-xl-12 {
        padding-left: 20rem !important;
    }

    .change .ps-xl-sm {
        padding-left: 1rem !important;
    }

    .change .ps-xl-md {
        padding-left: 2rem !important;
    }

    .change .ps-xl-lg {
        padding-left: 4rem !important;
    }

    .change .ps-xl-xl {
        padding-left: 8rem !important;
    }

    .change .text-xl-start {
        text-align: left !important;
    }

    .change .text-xl-end {
        text-align: right !important;
    }

    .change .text-xl-center {
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .change .float-xxl-start {
        float: left !important;
    }

    .change .float-xxl-end {
        float: right !important;
    }

    .change .float-xxl-none {
        float: none !important;
    }

    .change .d-xxl-inline {
        display: inline !important;
    }

    .change .d-xxl-inline-block {
        display: inline-block !important;
    }

    .change .d-xxl-block {
        display: block !important;
    }

    .change .d-xxl-grid {
        display: -ms-grid !important;
        display: grid !important;
    }

    .change .d-xxl-table {
        display: table !important;
    }

    .change .d-xxl-table-row {
        display: table-row !important;
    }

    .change .d-xxl-table-cell {
        display: table-cell !important;
    }

    .change .d-xxl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .change .d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .change .d-xxl-none {
        display: none !important;
    }

    .change .vh-xxl-100 {
        height: 100vh !important;
    }

    .change .flex-xxl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .change .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .change .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .change .flex-xxl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .change .flex-xxl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .change .flex-xxl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .change .flex-xxl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .change .flex-xxl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .change .flex-xxl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .change .flex-xxl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .change .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .change .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .change .gap-xxl-0 {
        gap: 0 !important;
    }

    .change .gap-xxl-1 {
        gap: .25rem !important;
    }

    .change .gap-xxl-2 {
        gap: .5rem !important;
    }

    .change .gap-xxl-3 {
        gap: 1rem !important;
    }

    .change .gap-xxl-4 {
        gap: 1.5rem !important;
    }

    .change .gap-xxl-5 {
        gap: 3rem !important;
    }

    .change .gap-xxl-6 {
        gap: 5rem !important;
    }

    .change .gap-xxl-7 {
        gap: 8rem !important;
    }

    .change .gap-xxl-8 {
        gap: 10rem !important;
    }

    .change .gap-xxl-9 {
        gap: 11rem !important;
    }

    .change .gap-xxl-10 {
        gap: 14rem !important;
    }

    .change .gap-xxl-11 {
        gap: 16rem !important;
    }

    .change .gap-xxl-12 {
        gap: 20rem !important;
    }

    .change .gap-xxl-sm {
        gap: 1rem !important;
    }

    .change .gap-xxl-md {
        gap: 2rem !important;
    }

    .change .gap-xxl-lg {
        gap: 4rem !important;
    }

    .change .gap-xxl-xl {
        gap: 8rem !important;
    }

    .change .justify-content-xxl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .change .justify-content-xxl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .change .justify-content-xxl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .change .justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .change .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .change .justify-content-xxl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .change .align-items-xxl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .change .align-items-xxl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .change .align-items-xxl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .change .align-items-xxl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .change .align-items-xxl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .change .align-content-xxl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .change .align-content-xxl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .change .align-content-xxl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .change .align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .change .align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .change .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .change .align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .change .align-self-xxl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .change .align-self-xxl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .change .align-self-xxl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .change .align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .change .align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }

    .change .order-xxl-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .change .order-xxl-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .change .order-xxl-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .change .order-xxl-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .change .order-xxl-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .change .order-xxl-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .change .order-xxl-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .change .order-xxl-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .change .m-xxl-0 {
        margin: 0 !important;
    }

    .change .m-xxl-1 {
        margin: .25rem !important;
    }

    .change .m-xxl-2 {
        margin: .5rem !important;
    }

    .change .m-xxl-3 {
        margin: 1rem !important;
    }

    .change .m-xxl-4 {
        margin: 1.5rem !important;
    }

    .change .m-xxl-5 {
        margin: 3rem !important;
    }

    .change .m-xxl-6 {
        margin: 5rem !important;
    }

    .change .m-xxl-7 {
        margin: 8rem !important;
    }

    .change .m-xxl-8 {
        margin: 10rem !important;
    }

    .change .m-xxl-9 {
        margin: 11rem !important;
    }

    .change .m-xxl-10 {
        margin: 14rem !important;
    }

    .change .m-xxl-11 {
        margin: 16rem !important;
    }

    .change .m-xxl-12 {
        margin: 20rem !important;
    }

    .change .m-xxl-sm {
        margin: 1rem !important;
    }

    .change .m-xxl-md {
        margin: 2rem !important;
    }

    .change .m-xxl-lg {
        margin: 4rem !important;
    }

    .change .m-xxl-xl {
        margin: 8rem !important;
    }

    .change .m-xxl-auto {
        margin: auto !important;
    }

    .change .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .change .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important;
    }

    .change .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .change .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .change .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .change .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .change .mx-xxl-6 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .change .mx-xxl-7 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-xxl-8 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .change .mx-xxl-9 {
        margin-right: 11rem !important;
        margin-left: 11rem !important;
    }

    .change .mx-xxl-10 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .change .mx-xxl-11 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .change .mx-xxl-12 {
        margin-right: 20rem !important;
        margin-left: 20rem !important;
    }

    .change .mx-xxl-sm {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .change .mx-xxl-md {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .change .mx-xxl-lg {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .change .mx-xxl-xl {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .change .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .change .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .change .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important;
    }

    .change .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .change .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .change .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .change .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .change .my-xxl-6 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .change .my-xxl-7 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-xxl-8 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .change .my-xxl-9 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important;
    }

    .change .my-xxl-10 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .change .my-xxl-11 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .change .my-xxl-12 {
        margin-top: 20rem !important;
        margin-bottom: 20rem !important;
    }

    .change .my-xxl-sm {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .change .my-xxl-md {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .change .my-xxl-lg {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .change .my-xxl-xl {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .change .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .change .mt-xxl-0 {
        margin-top: 0 !important;
    }

    .change .mt-xxl-1 {
        margin-top: .25rem !important;
    }

    .change .mt-xxl-2 {
        margin-top: .5rem !important;
    }

    .change .mt-xxl-3 {
        margin-top: 1rem !important;
    }

    .change .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }

    .change .mt-xxl-5 {
        margin-top: 3rem !important;
    }

    .change .mt-xxl-6 {
        margin-top: 5rem !important;
    }

    .change .mt-xxl-7 {
        margin-top: 8rem !important;
    }

    .change .mt-xxl-8 {
        margin-top: 10rem !important;
    }

    .change .mt-xxl-9 {
        margin-top: 11rem !important;
    }

    .change .mt-xxl-10 {
        margin-top: 14rem !important;
    }

    .change .mt-xxl-11 {
        margin-top: 16rem !important;
    }

    .change .mt-xxl-12 {
        margin-top: 20rem !important;
    }

    .change .mt-xxl-sm {
        margin-top: 1rem !important;
    }

    .change .mt-xxl-md {
        margin-top: 2rem !important;
    }

    .change .mt-xxl-lg {
        margin-top: 4rem !important;
    }

    .change .mt-xxl-xl {
        margin-top: 8rem !important;
    }

    .change .mt-xxl-auto {
        margin-top: auto !important;
    }

    .change .me-xxl-0 {
        margin-right: 0 !important;
    }

    .change .me-xxl-1 {
        margin-right: .25rem !important;
    }

    .change .me-xxl-2 {
        margin-right: .5rem !important;
    }

    .change .me-xxl-3 {
        margin-right: 1rem !important;
    }

    .change .me-xxl-4 {
        margin-right: 1.5rem !important;
    }

    .change .me-xxl-5 {
        margin-right: 3rem !important;
    }

    .change .me-xxl-6 {
        margin-right: 5rem !important;
    }

    .change .me-xxl-7 {
        margin-right: 8rem !important;
    }

    .change .me-xxl-8 {
        margin-right: 10rem !important;
    }

    .change .me-xxl-9 {
        margin-right: 11rem !important;
    }

    .change .me-xxl-10 {
        margin-right: 14rem !important;
    }

    .change .me-xxl-11 {
        margin-right: 16rem !important;
    }

    .change .me-xxl-12 {
        margin-right: 20rem !important;
    }

    .change .me-xxl-sm {
        margin-right: 1rem !important;
    }

    .change .me-xxl-md {
        margin-right: 2rem !important;
    }

    .change .me-xxl-lg {
        margin-right: 4rem !important;
    }

    .change .me-xxl-xl {
        margin-right: 8rem !important;
    }

    .change .me-xxl-auto {
        margin-right: auto !important;
    }

    .change .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .change .mb-xxl-1 {
        margin-bottom: .25rem !important;
    }

    .change .mb-xxl-2 {
        margin-bottom: .5rem !important;
    }

    .change .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }

    .change .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }

    .change .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }

    .change .mb-xxl-6 {
        margin-bottom: 5rem !important;
    }

    .change .mb-xxl-7 {
        margin-bottom: 8rem !important;
    }

    .change .mb-xxl-8 {
        margin-bottom: 10rem !important;
    }

    .change .mb-xxl-9 {
        margin-bottom: 11rem !important;
    }

    .change .mb-xxl-10 {
        margin-bottom: 14rem !important;
    }

    .change .mb-xxl-11 {
        margin-bottom: 16rem !important;
    }

    .change .mb-xxl-12 {
        margin-bottom: 20rem !important;
    }

    .change .mb-xxl-sm {
        margin-bottom: 1rem !important;
    }

    .change .mb-xxl-md {
        margin-bottom: 2rem !important;
    }

    .change .mb-xxl-lg {
        margin-bottom: 4rem !important;
    }

    .change .mb-xxl-xl {
        margin-bottom: 8rem !important;
    }

    .change .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .change .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .change .ms-xxl-1 {
        margin-left: .25rem !important;
    }

    .change .ms-xxl-2 {
        margin-left: .5rem !important;
    }

    .change .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .change .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .change .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .change .ms-xxl-6 {
        margin-left: 5rem !important;
    }

    .change .ms-xxl-7 {
        margin-left: 8rem !important;
    }

    .change .ms-xxl-8 {
        margin-left: 10rem !important;
    }

    .change .ms-xxl-9 {
        margin-left: 11rem !important;
    }

    .change .ms-xxl-10 {
        margin-left: 14rem !important;
    }

    .change .ms-xxl-11 {
        margin-left: 16rem !important;
    }

    .change .ms-xxl-12 {
        margin-left: 20rem !important;
    }

    .change .ms-xxl-sm {
        margin-left: 1rem !important;
    }

    .change .ms-xxl-md {
        margin-left: 2rem !important;
    }

    .change .ms-xxl-lg {
        margin-left: 4rem !important;
    }

    .change .ms-xxl-xl {
        margin-left: 8rem !important;
    }

    .change .ms-xxl-auto {
        margin-left: auto !important;
    }

    .change .m-xxl-n1 {
        margin: -.25rem !important;
    }

    .change .m-xxl-n2 {
        margin: -.5rem !important;
    }

    .change .m-xxl-n3 {
        margin: -1rem !important;
    }

    .change .m-xxl-n4 {
        margin: -1.5rem !important;
    }

    .change .m-xxl-n5 {
        margin: -3rem !important;
    }

    .change .m-xxl-n6 {
        margin: -5rem !important;
    }

    .change .m-xxl-n7 {
        margin: -8rem !important;
    }

    .change .m-xxl-n8 {
        margin: -10rem !important;
    }

    .change .m-xxl-n9 {
        margin: -11rem !important;
    }

    .change .m-xxl-n10 {
        margin: -14rem !important;
    }

    .change .m-xxl-n11 {
        margin: -16rem !important;
    }

    .change .m-xxl-n12 {
        margin: -20rem !important;
    }

    .change .m-xxl-nsm {
        margin: -1rem !important;
    }

    .change .m-xxl-nmd {
        margin: -2rem !important;
    }

    .change .m-xxl-nlg {
        margin: -4rem !important;
    }

    .change .m-xxl-nxl {
        margin: -8rem !important;
    }

    .change .mx-xxl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important;
    }

    .change .mx-xxl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important;
    }

    .change .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .change .mx-xxl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .change .mx-xxl-n6 {
        margin-right: -5rem !important;
        margin-left: -5rem !important;
    }

    .change .mx-xxl-n7 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .change .mx-xxl-n8 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .change .mx-xxl-n9 {
        margin-right: -11rem !important;
        margin-left: -11rem !important;
    }

    .change .mx-xxl-n10 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .change .mx-xxl-n11 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .change .mx-xxl-n12 {
        margin-right: -20rem !important;
        margin-left: -20rem !important;
    }

    .change .mx-xxl-nsm {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .change .mx-xxl-nmd {
        margin-right: -2rem !important;
        margin-left: -2rem !important;
    }

    .change .mx-xxl-nlg {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .change .mx-xxl-nxl {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .change .my-xxl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important;
    }

    .change .my-xxl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important;
    }

    .change .my-xxl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-xxl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .change .my-xxl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .change .my-xxl-n6 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .change .my-xxl-n7 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .my-xxl-n8 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .change .my-xxl-n9 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important;
    }

    .change .my-xxl-n10 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .change .my-xxl-n11 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .change .my-xxl-n12 {
        margin-top: -20rem !important;
        margin-bottom: -20rem !important;
    }

    .change .my-xxl-nsm {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .change .my-xxl-nmd {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .change .my-xxl-nlg {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .change .my-xxl-nxl {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .change .mt-xxl-n1 {
        margin-top: -.25rem !important;
    }

    .change .mt-xxl-n2 {
        margin-top: -.5rem !important;
    }

    .change .mt-xxl-n3 {
        margin-top: -1rem !important;
    }

    .change .mt-xxl-n4 {
        margin-top: -1.5rem !important;
    }

    .change .mt-xxl-n5 {
        margin-top: -3rem !important;
    }

    .change .mt-xxl-n6 {
        margin-top: -5rem !important;
    }

    .change .mt-xxl-n7 {
        margin-top: -8rem !important;
    }

    .change .mt-xxl-n8 {
        margin-top: -10rem !important;
    }

    .change .mt-xxl-n9 {
        margin-top: -11rem !important;
    }

    .change .mt-xxl-n10 {
        margin-top: -14rem !important;
    }

    .change .mt-xxl-n11 {
        margin-top: -16rem !important;
    }

    .change .mt-xxl-n12 {
        margin-top: -20rem !important;
    }

    .change .mt-xxl-nsm {
        margin-top: -1rem !important;
    }

    .change .mt-xxl-nmd {
        margin-top: -2rem !important;
    }

    .change .mt-xxl-nlg {
        margin-top: -4rem !important;
    }

    .change .mt-xxl-nxl {
        margin-top: -8rem !important;
    }

    .change .me-xxl-n1 {
        margin-right: -.25rem !important;
    }

    .change .me-xxl-n2 {
        margin-right: -.5rem !important;
    }

    .change .me-xxl-n3 {
        margin-right: -1rem !important;
    }

    .change .me-xxl-n4 {
        margin-right: -1.5rem !important;
    }

    .change .me-xxl-n5 {
        margin-right: -3rem !important;
    }

    .change .me-xxl-n6 {
        margin-right: -5rem !important;
    }

    .change .me-xxl-n7 {
        margin-right: -8rem !important;
    }

    .change .me-xxl-n8 {
        margin-right: -10rem !important;
    }

    .change .me-xxl-n9 {
        margin-right: -11rem !important;
    }

    .change .me-xxl-n10 {
        margin-right: -14rem !important;
    }

    .change .me-xxl-n11 {
        margin-right: -16rem !important;
    }

    .change .me-xxl-n12 {
        margin-right: -20rem !important;
    }

    .change .me-xxl-nsm {
        margin-right: -1rem !important;
    }

    .change .me-xxl-nmd {
        margin-right: -2rem !important;
    }

    .change .me-xxl-nlg {
        margin-right: -4rem !important;
    }

    .change .me-xxl-nxl {
        margin-right: -8rem !important;
    }

    .change .mb-xxl-n1 {
        margin-bottom: -.25rem !important;
    }

    .change .mb-xxl-n2 {
        margin-bottom: -.5rem !important;
    }

    .change .mb-xxl-n3 {
        margin-bottom: -1rem !important;
    }

    .change .mb-xxl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .change .mb-xxl-n5 {
        margin-bottom: -3rem !important;
    }

    .change .mb-xxl-n6 {
        margin-bottom: -5rem !important;
    }

    .change .mb-xxl-n7 {
        margin-bottom: -8rem !important;
    }

    .change .mb-xxl-n8 {
        margin-bottom: -10rem !important;
    }

    .change .mb-xxl-n9 {
        margin-bottom: -11rem !important;
    }

    .change .mb-xxl-n10 {
        margin-bottom: -14rem !important;
    }

    .change .mb-xxl-n11 {
        margin-bottom: -16rem !important;
    }

    .change .mb-xxl-n12 {
        margin-bottom: -20rem !important;
    }

    .change .mb-xxl-nsm {
        margin-bottom: -1rem !important;
    }

    .change .mb-xxl-nmd {
        margin-bottom: -2rem !important;
    }

    .change .mb-xxl-nlg {
        margin-bottom: -4rem !important;
    }

    .change .mb-xxl-nxl {
        margin-bottom: -8rem !important;
    }

    .change .ms-xxl-n1 {
        margin-left: -.25rem !important;
    }

    .change .ms-xxl-n2 {
        margin-left: -.5rem !important;
    }

    .change .ms-xxl-n3 {
        margin-left: -1rem !important;
    }

    .change .ms-xxl-n4 {
        margin-left: -1.5rem !important;
    }

    .change .ms-xxl-n5 {
        margin-left: -3rem !important;
    }

    .change .ms-xxl-n6 {
        margin-left: -5rem !important;
    }

    .change .ms-xxl-n7 {
        margin-left: -8rem !important;
    }

    .change .ms-xxl-n8 {
        margin-left: -10rem !important;
    }

    .change .ms-xxl-n9 {
        margin-left: -11rem !important;
    }

    .change .ms-xxl-n10 {
        margin-left: -14rem !important;
    }

    .change .ms-xxl-n11 {
        margin-left: -16rem !important;
    }

    .change .ms-xxl-n12 {
        margin-left: -20rem !important;
    }

    .change .ms-xxl-nsm {
        margin-left: -1rem !important;
    }

    .change .ms-xxl-nmd {
        margin-left: -2rem !important;
    }

    .change .ms-xxl-nlg {
        margin-left: -4rem !important;
    }

    .change .ms-xxl-nxl {
        margin-left: -8rem !important;
    }

    .change .p-xxl-0 {
        padding: 0 !important;
    }

    .change .p-xxl-1 {
        padding: .25rem !important;
    }

    .change .p-xxl-2 {
        padding: .5rem !important;
    }

    .change .p-xxl-3 {
        padding: 1rem !important;
    }

    .change .p-xxl-4 {
        padding: 1.5rem !important;
    }

    .change .p-xxl-5 {
        padding: 3rem !important;
    }

    .change .p-xxl-6 {
        padding: 5rem !important;
    }

    .change .p-xxl-7 {
        padding: 8rem !important;
    }

    .change .p-xxl-8 {
        padding: 10rem !important;
    }

    .change .p-xxl-9 {
        padding: 11rem !important;
    }

    .change .p-xxl-10 {
        padding: 14rem !important;
    }

    .change .p-xxl-11 {
        padding: 16rem !important;
    }

    .change .p-xxl-12 {
        padding: 20rem !important;
    }

    .change .p-xxl-sm {
        padding: 1rem !important;
    }

    .change .p-xxl-md {
        padding: 2rem !important;
    }

    .change .p-xxl-lg {
        padding: 4rem !important;
    }

    .change .p-xxl-xl {
        padding: 8rem !important;
    }

    .change .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .change .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important;
    }

    .change .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .change .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .change .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .change .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .change .px-xxl-6 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .change .px-xxl-7 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }

    .change .px-xxl-8 {
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .change .px-xxl-9 {
        padding-right: 11rem !important;
        padding-left: 11rem !important;
    }

    .change .px-xxl-10 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .change .px-xxl-11 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

    .change .px-xxl-12 {
        padding-right: 20rem !important;
        padding-left: 20rem !important;
    }

    .change .px-xxl-sm {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .change .px-xxl-md {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

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

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

    .change .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .change .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }

    .change .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .change .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .change .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .change .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .change .py-xxl-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .change .py-xxl-7 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }

    .change .py-xxl-8 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    .change .py-xxl-9 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important;
    }

    .change .py-xxl-10 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .change .py-xxl-11 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

    .change .py-xxl-12 {
        padding-top: 20rem !important;
        padding-bottom: 20rem !important;
    }

    .change .py-xxl-sm {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .change .py-xxl-md {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

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

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

    .change .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .change .pt-xxl-1 {
        padding-top: .25rem !important;
    }

    .change .pt-xxl-2 {
        padding-top: .5rem !important;
    }

    .change .pt-xxl-3 {
        padding-top: 1rem !important;
    }

    .change .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }

    .change .pt-xxl-5 {
        padding-top: 3rem !important;
    }

    .change .pt-xxl-6 {
        padding-top: 5rem !important;
    }

    .change .pt-xxl-7 {
        padding-top: 8rem !important;
    }

    .change .pt-xxl-8 {
        padding-top: 10rem !important;
    }

    .change .pt-xxl-9 {
        padding-top: 11rem !important;
    }

    .change .pt-xxl-10 {
        padding-top: 14rem !important;
    }

    .change .pt-xxl-11 {
        padding-top: 16rem !important;
    }

    .change .pt-xxl-12 {
        padding-top: 20rem !important;
    }

    .change .pt-xxl-sm {
        padding-top: 1rem !important;
    }

    .change .pt-xxl-md {
        padding-top: 2rem !important;
    }

    .change .pt-xxl-lg {
        padding-top: 4rem !important;
    }

    .change .pt-xxl-xl {
        padding-top: 8rem !important;
    }

    .change .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .change .pe-xxl-1 {
        padding-right: .25rem !important;
    }

    .change .pe-xxl-2 {
        padding-right: .5rem !important;
    }

    .change .pe-xxl-3 {
        padding-right: 1rem !important;
    }

    .change .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }

    .change .pe-xxl-5 {
        padding-right: 3rem !important;
    }

    .change .pe-xxl-6 {
        padding-right: 5rem !important;
    }

    .change .pe-xxl-7 {
        padding-right: 8rem !important;
    }

    .change .pe-xxl-8 {
        padding-right: 10rem !important;
    }

    .change .pe-xxl-9 {
        padding-right: 11rem !important;
    }

    .change .pe-xxl-10 {
        padding-right: 14rem !important;
    }

    .change .pe-xxl-11 {
        padding-right: 16rem !important;
    }

    .change .pe-xxl-12 {
        padding-right: 20rem !important;
    }

    .change .pe-xxl-sm {
        padding-right: 1rem !important;
    }

    .change .pe-xxl-md {
        padding-right: 2rem !important;
    }

    .change .pe-xxl-lg {
        padding-right: 4rem !important;
    }

    .change .pe-xxl-xl {
        padding-right: 8rem !important;
    }

    .change .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .change .pb-xxl-1 {
        padding-bottom: .25rem !important;
    }

    .change .pb-xxl-2 {
        padding-bottom: .5rem !important;
    }

    .change .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }

    .change .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }

    .change .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }

    .change .pb-xxl-6 {
        padding-bottom: 5rem !important;
    }

    .change .pb-xxl-7 {
        padding-bottom: 8rem !important;
    }

    .change .pb-xxl-8 {
        padding-bottom: 10rem !important;
    }

    .change .pb-xxl-9 {
        padding-bottom: 11rem !important;
    }

    .change .pb-xxl-10 {
        padding-bottom: 14rem !important;
    }

    .change .pb-xxl-11 {
        padding-bottom: 16rem !important;
    }

    .change .pb-xxl-12 {
        padding-bottom: 20rem !important;
    }

    .change .pb-xxl-sm {
        padding-bottom: 1rem !important;
    }

    .change .pb-xxl-md {
        padding-bottom: 2rem !important;
    }

    .change .pb-xxl-lg {
        padding-bottom: 4rem !important;
    }

    .change .pb-xxl-xl {
        padding-bottom: 8rem !important;
    }

    .change .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .change .ps-xxl-1 {
        padding-left: .25rem !important;
    }

    .change .ps-xxl-2 {
        padding-left: .5rem !important;
    }

    .change .ps-xxl-3 {
        padding-left: 1rem !important;
    }

    .change .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }

    .change .ps-xxl-5 {
        padding-left: 3rem !important;
    }

    .change .ps-xxl-6 {
        padding-left: 5rem !important;
    }

    .change .ps-xxl-7 {
        padding-left: 8rem !important;
    }

    .change .ps-xxl-8 {
        padding-left: 10rem !important;
    }

    .change .ps-xxl-9 {
        padding-left: 11rem !important;
    }

    .change .ps-xxl-10 {
        padding-left: 14rem !important;
    }

    .change .ps-xxl-11 {
        padding-left: 16rem !important;
    }

    .change .ps-xxl-12 {
        padding-left: 20rem !important;
    }

    .change .ps-xxl-sm {
        padding-left: 1rem !important;
    }

    .change .ps-xxl-md {
        padding-left: 2rem !important;
    }

    .change .ps-xxl-lg {
        padding-left: 4rem !important;
    }

    .change .ps-xxl-xl {
        padding-left: 8rem !important;
    }

    .change .text-xxl-start {
        text-align: left !important;
    }

    .change .text-xxl-end {
        text-align: right !important;
    }

    .change .text-xxl-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .change .fs-1 {
        font-size: 2.5rem !important;
    }

    .change .fs-2 {
        font-size: 2rem !important;
    }

    .change .fs-3 {
        font-size: 1.75rem !important;
    }

    .change .fs-4 {
        font-size: 1.5rem !important;
    }
}

@media print {
    .change .d-print-inline {
        display: inline !important;
    }

    .change .d-print-inline-block {
        display: inline-block !important;
    }

    .change .d-print-block {
        display: block !important;
    }

    .change .d-print-grid {
        display: -ms-grid !important;
        display: grid !important;
    }

    .change .d-print-table {
        display: table !important;
    }

    .change .d-print-table-row {
        display: table-row !important;
    }

    .change .d-print-table-cell {
        display: table-cell !important;
    }

    .change .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .change .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .change .d-print-none {
        display: none !important;
    }
}

.change .navbar-main {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

    .change .navbar-main .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

.change .navbar .navbar-nav .nav-link {
    -webkit-transition: all .8s all .2s ease;
    transition: all .8s all .2s ease;
}

@media (max-width: 767.98px) {
    .change .navbar .navbar-nav .nav-link {
        font-size: 1.2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.change .navbar .navbar-nav .nav-item .media:not(:last-child) {
    margin-bottom: 1.5rem;
}

.change .navbar .navbar-nav .nav-item .nav-link:focus,
.change .navbar .navbar-nav .nav-item:focus {
    outline: 0 !important;
}

.change .navbar .navbar-nav .dropdown .dropdown-menu {
    top: 100%;
}

    .change .navbar .navbar-nav .dropdown .dropdown-menu span {
        width: 30px;
    }

.change .navbar .navbar-nav .dropdown .dropdown-item {
    font-size: .875rem;
}

@media (min-width: 992px) {
    .change .navbar .navbar-nav .dropdown-megamenu,
    .change .navbar .navbar-nav .dropdown-megamenu-md,
    .change .navbar .navbar-nav .dropdown-megamenu-sm {
        min-width: 580px;
    }
}

.change .navbar .navbar-nav .dropdown-megamenu .megamenu-link,
.change .navbar .navbar-nav .dropdown-megamenu-md .megamenu-link,
.change .navbar .navbar-nav .dropdown-megamenu-sm .megamenu-link {
    color: #111827;
    font-weight: 400;
    font-size: .875rem;
}

.change .navbar .navbar-nav .dropdown-megamenu .megamenu-item,
.change .navbar .navbar-nav .dropdown-megamenu-md .megamenu-item,
.change .navbar .navbar-nav .dropdown-megamenu-sm .megamenu-item {
    position: relative;
}

    .change .navbar .navbar-nav .dropdown-megamenu .megamenu-item:hover .megamenu-link,
    .change .navbar .navbar-nav .dropdown-megamenu-md .megamenu-item:hover .megamenu-link,
    .change .navbar .navbar-nav .dropdown-megamenu-sm .megamenu-item:hover .megamenu-link {
        color: #2C2C2C;
    }

@media (min-width: 992px) {
    .change .navbar .navbar-nav .dropdown-megamenu-sm {
        min-width: 320px;
    }
}

@media (min-width: 992px) {
    .change .navbar .navbar-nav .dropdown-megamenu-md {
        min-width: 960px;
    }
}

@media (min-width: 992px) {
    .change .navbar .navbar-nav .dropdown-menu .dropdown-toggle .nav-link-arrow {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .change .navbar .navbar-nav .dropdown.show > .dropdown-toggle .nav-link-arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .change .navbar .navbar-nav .dropdown-toggle:hover .nav-link-arrow {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.change .navbar .navbar-nav .dropdown-submenu {
    position: relative;
}

    .change .navbar .navbar-nav .dropdown-submenu .dropdown-menu {
        top: 0;
        left: calc(100% - 2px);
        margin-left: .1rem;
        margin-right: .1rem;
        opacity: 0;
        display: none;
    }

        .change .navbar .navbar-nav .dropdown-submenu .dropdown-menu.show {
            opacity: 1;
            pointer-events: all;
            display: block;
        }

.change .navbar .navbar-nav .nav-link-arrow {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
}

.change .navbar-brand {
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
}

    .change .navbar-brand img {
        height: 40px;
    }

.change .navbar-dark .navbar-brand-light {
    display: none;
}

.change .navbar-dark .navbar-brand {
    color: #fff;
}

.change .navbar-dark > .nav-item:hover > .nav-link {
    color: #2C2C2C;
}

.change .navbar-light:not(.headroom--not-top) .btn-outline-soft {
    border-color: #2C2C2C;
    color: #2C2C2C;
}

    .change .navbar-light:not(.headroom--not-top) .btn-outline-soft:hover {
        background: #2C2C2C;
        color: #fff;
    }

.change .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(17, 24, 39, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.change .navbar-light .navbar-brand-dark {
    display: none;
}

.change .navbar-light .navbar-brand {
    color: #2C2C2C;
}

.change .dropdown-menu {
    top: 100%;
}

    .change .dropdown-menu span {
        width: 30px;
    }

.change .navbar-transparent {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 992px) {
    .change .navbar-nav .nav-item [data-toggle=dropdown]::after {
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

    .change .navbar-nav .nav-item.show [data-toggle=dropdown]::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .change .navbar-nav .nav-link i {
        margin-right: .3rem;
        font-size: .75rem;
    }

    .change .navbar-nav .nav-link-icon {
        padding-left: .5rem;
        padding-right: .5rem;
        font-size: 1rem;
    }

        .change .navbar-nav .nav-link-icon i {
            margin-right: 0;
        }

    .change .navbar-nav .dropdown-menu {
        opacity: 0;
        pointer-events: none;
        margin: 0;
        border-radius: .35rem;
    }

    .change .navbar-nav .dropdown-menu-end:before {
        right: 20px;
        left: auto;
    }

    .change .navbar-nav .dropdown-menu-center {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .change .navbar-nav .dropdown-megamenu-md.show,
    .change .navbar-nav .dropdown-megamenu.show,
    .change .navbar-nav .dropdown-menu.show {
        opacity: 1;
        pointer-events: auto;
    }

    .change .navbar-nav .dropdown-megamenu-md.close,
    .change .navbar-nav .dropdown-megamenu.close,
    .change .navbar-nav .dropdown-menu.close {
        display: block;
    }

    .change .navbar-nav .dropdown-submenu .dropdown-menu {
        -webkit-transform: none;
        transform: none;
    }

    .change .navbar-nav .dropdown-menu {
        position: relative;
        display: block;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

    .change .navbar-nav .dropdown-submenu.show > .dropdown-menu,
    .change .navbar-nav .dropdown.show > .dropdown-menu {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }

    .change .navbar-nav .dropdown-menu-inner {
        position: relative;
        padding: 1rem;
    }

    .change .navbar-transparent .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.9);
    }

    .change .navbar-transparent .navbar-brand {
        color: rgba(255, 255, 255, 0.9);
    }
}

.change .navbar-collapse-header {
    display: none;
}

.change .navbar-collapse {
    width: auto;
}

@media (max-width: 991.98px) {
    .change .navbar-nav .nav-link {
        padding: .625rem 0;
    }

    .change .navbar-nav .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
    }

        .change .navbar-nav .dropdown-menu .media svg {
            width: 30px;
        }

    .change .dropdown-menu-center {
        right: 0;
        left: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {
    .change .dropdown-menu-center {
        -webkit-transform: translateX(-75%);
        transform: translateX(-75%);
    }
}

@media (max-width: 991.98px) {
    .change .navbar-collapse {
        width: calc(100% - 30px);
        position: absolute;
        top: 0;
        right: 15px;
        z-index: 1050;
        overflow-y: auto;
        height: calc(100vh - 30px) !important;
        opacity: 0;
    }

        .change .navbar-collapse .navbar-toggler {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            padding: 0;
        }

            .change .navbar-collapse .navbar-toggler span {
                display: block;
                position: absolute;
                width: 100%;
                height: 2px;
                border-radius: 2px;
                opacity: 1;
                background: #283448;
            }

        .change .navbar-collapse .navbar-collapse-header {
            display: block;
            padding-bottom: 1rem;
            margin-bottom: 1rem;
        }

        .change .navbar-collapse .collapse-brand img {
            height: 35px;
        }

        .change .navbar-collapse .collapse-close {
            text-align: right;
        }

        .change .navbar-collapse.collapsing,
        .change .navbar-collapse.show {
            padding: 1.5rem;
            border-radius: .35rem;
            background: #fff;
            -webkit-animation: show-navbar-collapse .2s ease forwards;
            animation: show-navbar-collapse .2s ease forwards;
            -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        }

        .change .navbar-collapse.collapsing-out {
            -webkit-animation: hide-navbar-collapse .2s ease forwards;
            animation: hide-navbar-collapse .2s ease forwards;
        }
}

.change .navbar-dashboard {
    border-radius: .5rem;
}

.change .navbar-theme-primary:not(.headroom) {
    background-color: #2C2C2C;
}

.change .section {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.change .section-header {
    position: relative;
    padding-top: 9rem;
    padding-bottom: 3rem;
}

@media (min-width: 576px) {
    .change .section {
        position: relative;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .change .section-header {
        position: relative;
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

        .change .section-header.section-sm {
            padding-top: 4rem;
            padding-bottom: 3rem;
        }

    .change .section-xl {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .change .section-lg {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .change .section-sm {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 992px) {
    .change .section {
        position: relative;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .change .section-header {
        position: relative;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

        .change .section-header.section-sm {
            padding-top: 4rem;
            padding-bottom: 3rem;
        }

    .change .section-xl {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .change .section-lg {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .change .section-sm {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media (min-width: 768px) {
    .change .section-hero {
        height: 100vh;
    }
}

.change .line-bottom::after {
    content: '';
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(ellipse at center, #9ca3af 0, rgba(255, 255, 255, 0) 80%);
}

.change .section-profile-cover {
    height: 580px;
    background-size: cover;
    background-position: center center;
}

@media (max-width: 767.98px) {
    .change .section-profile-cover {
        height: 400px;
    }
}

.change .components-section > .form-control + .form-control {
    margin-top: .5rem;
}

.change .components-section .badge,
.change .components-section .btn,
.change .components-section > .alert + .alert,
.change .components-section > .nav + .nav,
.change .components-section > .navbar + .navbar,
.change .components-section > .progress + .btn,
.change .components-section > .progress + .progress {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.change .components-section .btn-group {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

    .change .components-section .btn-group .btn {
        margin: 0;
    }

.change .components-section .alert {
    margin: 0;
}

    .change .components-section .alert + .alert {
        margin-top: 1.25rem;
    }

.change .components-section .badge {
    margin-right: .5rem;
}

.change .components-section .modal-footer .btn {
    margin: 0;
}

.change .copy-docs {
    position: absolute;
    top: 5px;
    right: 5px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .copy-docs.copied {
        background: #10b981;
    }

    .change .copy-docs:hover {
        cursor: pointer;
    }

.change .kanban-container {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.change .footer ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

    .change .footer ul li {
        display: inline-block;
    }

        .change .footer ul li a {
            text-decoration: none;
            position: relative;
            display: block;
            color: #374151;
        }

            .change .footer ul li a:hover {
                color: #2C2C2C;
            }

        .change .footer ul li .btn {
            margin: 0;
        }

    .change .footer ul.links-horizontal:first-child a {
        padding-left: 0;
    }

    .change .footer ul.links-horizontal:last-child a {
        padding-right: 0;
    }

    .change .footer ul.links-vertical li {
        display: block;
        margin-left: -5px;
        margin-right: -5px;
    }

        .change .footer ul.links-vertical li a {
            padding: 5px;
        }

            .change .footer ul.links-vertical li a:hover {
                color: inherit !important;
            }

    .change .footer ul.icon-box i {
        line-height: 1.7;
    }

.change .footer .social-buttons .btn,
.change .footer .social-buttons a {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: .125rem .375rem;
}

.change .footer .footer-brand {
    font-size: 1.25rem;
    font-weight: 500;
}

    .change .footer .footer-brand img.common {
        height: 40px;
    }

    .change .footer .footer-brand img {
        height: 40px;
        width: 40px;
    }

    .change .footer .footer-brand:focus,
    .change .footer .footer-brand:hover {
        color: #111827;
    }

.change .footer .footer-language-link {
    font-size: .875rem;
}

    .change .footer .footer-language-link i {
        font-size: .75rem;
    }

.change .footer .copyright {
    font-size: .875rem;
}

.change .footer .pull-center {
    display: inline-block;
    float: none;
}

.change #doc-index:not(.collapse.show),
.change .doc-sidebar {
    display: none;
}

@media (min-width: 992px) {
    .change #doc-index {
        display: block;
    }

    .change .doc-sidebar {
        display: block;
        height: calc(100vh - 2rem);
        overflow-y: scroll;
        position: -webkit-sticky;
        position: sticky;
        top: 2rem;
    }

        .change .doc-sidebar .nav-link[data-toggle=collapse] > .icon {
            -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
            position: relative;
            right: .25rem;
        }

        .change .doc-sidebar .nav .nav-item {
            font-size: .875rem;
        }
}

.change .sidebar {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    max-height: 100%;
    overflow-y: auto;
    width: 100%;
    -webkit-transition: max-width .1s;
    transition: max-width .1s;
}

@media (prefers-reduced-motion: reduce) {
    .change .sidebar {
        -webkit-transition: none;
        transition: none;
    }
}

@media (min-width: 768px) {
    .change .sidebar {
        width: 100%;
        max-width: 260px;
    }
}

.change .sidebar .nav {
    white-space: nowrap;
}

.change .sidebar .nav-item {
    margin-bottom: .2rem;
}

    .change .sidebar .nav-item.active > .nav-link {
        color: #f2f4f6;
        background-color: #374151;
    }

    .change .sidebar .nav-item .nav-link {
        color: #fff;
        cursor: pointer;
    }

        .change .sidebar .nav-item .nav-link:hover {
            color: #f2f4f6;
            background-color: #374151;
        }

.change .sidebar .nav-link + .multi-level {
    margin-top: .2rem;
}

.change .sidebar .nav-link {
    font-size: 1rem;
    vertical-align: middle;
    padding: .55rem .75rem;
    border-radius: .5rem;
}

    .change .sidebar .nav-link .sidebar-icon {
        margin-right: .5rem;
        color: #9ca3af;
    }

    .change .sidebar .nav-link .link-arrow {
        font-size: .875rem;
    }

    .change .sidebar .nav-link[data-bs-toggle=collapse][aria-expanded=true] .link-arrow {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

    .change .sidebar .nav-link.active {
        color: #f2f4f6;
    }

.change .sidebar .multi-level .nav-link {
    padding-left: 53px;
}

.change .sidebar .badge,
.change .sidebar .link-arrow,
.change .sidebar .notification-count,
.change .sidebar .sidebar-text {
    opacity: 1;
}

.change .sidebar .sidebar-text-contracted {
    display: none;
}

.change .sidebar.contracted {
    max-width: 95px;
}

    .change .sidebar.contracted .badge,
    .change .sidebar.contracted .link-arrow,
    .change .sidebar.contracted .sidebar-text {
        opacity: 0;
    }

    .change .sidebar.contracted .notification-count {
        opacity: 1;
        position: absolute;
        top: 0;
        left: 40px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        font-size: .7rem;
        padding: .2rem;
    }

    .change .sidebar.contracted .nav-item {
        position: relative;
    }

        .change .sidebar.contracted .nav-item.active > .nav-link {
            background-color: #363c54;
            width: 44px;
        }

        .change .sidebar.contracted .nav-item .nav-link:hover {
            background-color: #2C2C2C;
        }

    .change .sidebar.contracted .sidebar-text-contracted {
        display: inline;
    }

    .change .sidebar.contracted .multi-level .nav-link {
        padding-left: 17px;
    }

    .change .sidebar.contracted .nav-item {
        white-space: nowrap;
    }

    .change .sidebar.contracted .sidebar-icon {
        text-align: center;
    }

@media (min-width: 768px) {
    .change .sidebar.contracted + .content {
        margin-left: 95px;
    }
}

.change .sidebar-inner {
    position: relative;
    overflow-y: hidden;
}

.change .sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

.change .user-card {
    border-bottom: .0625rem solid #2e3650;
}

@media (max-width: 575.98px) {
    .change .sidebar {
        width: 100%;
    }
}

.change .content {
    overflow: hidden;
    padding: 0 1rem 0 1rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (prefers-reduced-motion: reduce) {
    .change .content {
        -webkit-transition: none;
        transition: none;
    }
}

@media (min-width: 992px) {
    .change .content {
        margin-left: 260px;
    }
}

.change .sidebar-toggle {
    font-size: 1.3rem;
}

    .change .sidebar-toggle:focus,
    .change .sidebar-toggle:hover {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #d1d5db;
    }

.change iframe {
    border: 0;
}

.change figcaption,
.change figure,
.change main {
    display: block;
    margin: 0;
}

.change main {
    overflow: hidden;
}

.change img {
    max-width: 100%;
}

.change strong {
    font-weight: 500;
}

.change button:focus {
    outline: 0;
}

.change label {
    font-weight: 500;
    margin-bottom: .5rem;
}

.change .disabled {
    cursor: not-allowed;
}

.change .accordion-flush .accordion-button {
    background-color: transparent;
}

    .change .accordion-flush .accordion-button:not(.collapsed) {
        color: #31316a;
    }

    .change .accordion-flush .accordion-button:focus {
        border-color: #d1d5db;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.change .accordion-flush .accordion-collapse {
    border: 0;
}

.change .alert-heading {
    font-weight: 500;
}

.change .alert-icon {
    margin-bottom: .5rem;
}

    .change .alert-icon span {
        font-size: 2rem;
    }

.change .avatar + .avatar-content {
    display: inline-block;
    margin-left: .75rem;
}

.change .avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
}

    .change .avatar-sm img {
        width: 1.5rem;
        height: 1.5rem;
    }

.change .avatar {
    width: 2rem;
    height: 2rem;
}

    .change .avatar img {
        width: 2rem;
        height: 2rem;
    }

.change .avatar-md {
    width: 3rem;
    height: 3rem;
}

    .change .avatar-md img {
        width: 3rem;
        height: 3rem;
    }

.change .avatar-lg {
    width: 4.5rem;
    height: 4.5rem;
}

    .change .avatar-lg img {
        width: 4.5rem;
        height: 4.5rem;
    }

.change .avatar-xl {
    width: 8rem;
    height: 8rem;
}

@media (max-width: 991.98px) {
    .change .avatar-xl {
        width: 4.5rem;
        height: 4.5rem;
    }
}

.change .avatar-offline::before,
.change .avatar-online::before {
    position: absolute;
    border: 2px solid #fff;
    background-color: #10b981;
    display: block;
    top: 2px;
    left: 39px;
    content: "";
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

.change .avatar-offline::before {
    background-color: #e11d48;
}

.change .avatar-group .avatar {
    position: relative;
    z-index: 0;
}

    .change .avatar-group .avatar img {
        border: 2px solid #fff;
    }

    .change .avatar-group .avatar:hover {
        z-index: 3;
    }

    .change .avatar-group .avatar + .avatar {
        margin-left: -1rem;
    }

.change .animate-down-1,
.change .animate-left-1,
.change .animate-right-1,
.change .animate-up-1,
.change .scale-down-1,
.change .scale-up-1 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-1:hover {
        -webkit-transform: scale(0.55556);
        transform: scale(0.55556);
    }

.change .scale-up-hover-1:hover .scale {
    -webkit-transform: scale(0.55556);
    transform: scale(0.55556);
}

.change .scale-down-1:hover {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
}

.change .animate-hover:hover .animate-up-1,
.change .animate-up-1:hover {
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
}

.change .animate-hover:hover .animate-right-1,
.change .animate-right-1:hover {
    -webkit-transform: translate(1px, 0);
    transform: translate(1px, 0);
}

.change .animate-down-1:hover,
.change .animate-hover:hover .animate-down-1 {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
}

.change .animate-hover:hover .animate-left-1,
.change .animate-left-1:hover {
    -webkit-transform: translate(-1px, 0);
    transform: translate(-1px, 0);
}

.change .animate-down-2,
.change .animate-left-2,
.change .animate-right-2,
.change .animate-up-2,
.change .scale-down-2,
.change .scale-up-2 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-2:hover {
        -webkit-transform: scale(1.11111);
        transform: scale(1.11111);
    }

.change .scale-up-hover-2:hover .scale {
    -webkit-transform: scale(1.11111);
    transform: scale(1.11111);
}

.change .scale-down-2:hover {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.change .animate-hover:hover .animate-up-2,
.change .animate-up-2:hover {
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px);
}

.change .animate-hover:hover .animate-right-2,
.change .animate-right-2:hover {
    -webkit-transform: translate(2px, 0);
    transform: translate(2px, 0);
}

.change .animate-down-2:hover,
.change .animate-hover:hover .animate-down-2 {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px);
}

.change .animate-hover:hover .animate-left-2,
.change .animate-left-2:hover {
    -webkit-transform: translate(-2px, 0);
    transform: translate(-2px, 0);
}

.change .animate-down-3,
.change .animate-left-3,
.change .animate-right-3,
.change .animate-up-3,
.change .scale-down-3,
.change .scale-up-3 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-3:hover {
        -webkit-transform: scale(1.66667);
        transform: scale(1.66667);
    }

.change .scale-up-hover-3:hover .scale {
    -webkit-transform: scale(1.66667);
    transform: scale(1.66667);
}

.change .scale-down-3:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.change .animate-hover:hover .animate-up-3,
.change .animate-up-3:hover {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
}

.change .animate-hover:hover .animate-right-3,
.change .animate-right-3:hover {
    -webkit-transform: translate(3px, 0);
    transform: translate(3px, 0);
}

.change .animate-down-3:hover,
.change .animate-hover:hover .animate-down-3 {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
}

.change .animate-hover:hover .animate-left-3,
.change .animate-left-3:hover {
    -webkit-transform: translate(-3px, 0);
    transform: translate(-3px, 0);
}

.change .animate-down-4,
.change .animate-left-4,
.change .animate-right-4,
.change .animate-up-4,
.change .scale-down-4,
.change .scale-up-4 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-4:hover {
        -webkit-transform: scale(2.22222);
        transform: scale(2.22222);
    }

.change .scale-up-hover-4:hover .scale {
    -webkit-transform: scale(2.22222);
    transform: scale(2.22222);
}

.change .scale-down-4:hover {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
}

.change .animate-hover:hover .animate-up-4,
.change .animate-up-4:hover {
    -webkit-transform: translate(0, -4px);
    transform: translate(0, -4px);
}

.change .animate-hover:hover .animate-right-4,
.change .animate-right-4:hover {
    -webkit-transform: translate(4px, 0);
    transform: translate(4px, 0);
}

.change .animate-down-4:hover,
.change .animate-hover:hover .animate-down-4 {
    -webkit-transform: translate(0, 4px);
    transform: translate(0, 4px);
}

.change .animate-hover:hover .animate-left-4,
.change .animate-left-4:hover {
    -webkit-transform: translate(-4px, 0);
    transform: translate(-4px, 0);
}

.change .animate-down-5,
.change .animate-left-5,
.change .animate-right-5,
.change .animate-up-5,
.change .scale-down-5,
.change .scale-up-5 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-5:hover {
        -webkit-transform: scale(2.77778);
        transform: scale(2.77778);
    }

.change .scale-up-hover-5:hover .scale {
    -webkit-transform: scale(2.77778);
    transform: scale(2.77778);
}

.change .scale-down-5:hover {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.change .animate-hover:hover .animate-up-5,
.change .animate-up-5:hover {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

.change .animate-hover:hover .animate-right-5,
.change .animate-right-5:hover {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
}

.change .animate-down-5:hover,
.change .animate-hover:hover .animate-down-5 {
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

.change .animate-hover:hover .animate-left-5,
.change .animate-left-5:hover {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
}

.change .animate-down-6,
.change .animate-left-6,
.change .animate-right-6,
.change .animate-up-6,
.change .scale-down-6,
.change .scale-up-6 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-6:hover {
        -webkit-transform: scale(3.33333);
        transform: scale(3.33333);
    }

.change .scale-up-hover-6:hover .scale {
    -webkit-transform: scale(3.33333);
    transform: scale(3.33333);
}

.change .scale-down-6:hover {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
}

.change .animate-hover:hover .animate-up-6,
.change .animate-up-6:hover {
    -webkit-transform: translate(0, -6px);
    transform: translate(0, -6px);
}

.change .animate-hover:hover .animate-right-6,
.change .animate-right-6:hover {
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
}

.change .animate-down-6:hover,
.change .animate-hover:hover .animate-down-6 {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px);
}

.change .animate-hover:hover .animate-left-6,
.change .animate-left-6:hover {
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
}

.change .animate-down-7,
.change .animate-left-7,
.change .animate-right-7,
.change .animate-up-7,
.change .scale-down-7,
.change .scale-up-7 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-7:hover {
        -webkit-transform: scale(3.88889);
        transform: scale(3.88889);
    }

.change .scale-up-hover-7:hover .scale {
    -webkit-transform: scale(3.88889);
    transform: scale(3.88889);
}

.change .scale-down-7:hover {
    -webkit-transform: scale(2.8);
    transform: scale(2.8);
}

.change .animate-hover:hover .animate-up-7,
.change .animate-up-7:hover {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
}

.change .animate-hover:hover .animate-right-7,
.change .animate-right-7:hover {
    -webkit-transform: translate(7px, 0);
    transform: translate(7px, 0);
}

.change .animate-down-7:hover,
.change .animate-hover:hover .animate-down-7 {
    -webkit-transform: translate(0, 7px);
    transform: translate(0, 7px);
}

.change .animate-hover:hover .animate-left-7,
.change .animate-left-7:hover {
    -webkit-transform: translate(-7px, 0);
    transform: translate(-7px, 0);
}

.change .animate-down-8,
.change .animate-left-8,
.change .animate-right-8,
.change .animate-up-8,
.change .scale-down-8,
.change .scale-up-8 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-8:hover {
        -webkit-transform: scale(4.44444);
        transform: scale(4.44444);
    }

.change .scale-up-hover-8:hover .scale {
    -webkit-transform: scale(4.44444);
    transform: scale(4.44444);
}

.change .scale-down-8:hover {
    -webkit-transform: scale(3.2);
    transform: scale(3.2);
}

.change .animate-hover:hover .animate-up-8,
.change .animate-up-8:hover {
    -webkit-transform: translate(0, -8px);
    transform: translate(0, -8px);
}

.change .animate-hover:hover .animate-right-8,
.change .animate-right-8:hover {
    -webkit-transform: translate(8px, 0);
    transform: translate(8px, 0);
}

.change .animate-down-8:hover,
.change .animate-hover:hover .animate-down-8 {
    -webkit-transform: translate(0, 8px);
    transform: translate(0, 8px);
}

.change .animate-hover:hover .animate-left-8,
.change .animate-left-8:hover {
    -webkit-transform: translate(-8px, 0);
    transform: translate(-8px, 0);
}

.change .animate-down-9,
.change .animate-left-9,
.change .animate-right-9,
.change .animate-up-9,
.change .scale-down-9,
.change .scale-up-9 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .scale-up-9:hover {
        -webkit-transform: scale(5);
        transform: scale(5);
    }

.change .scale-up-hover-9:hover .scale {
    -webkit-transform: scale(5);
    transform: scale(5);
}

.change .scale-down-9:hover {
    -webkit-transform: scale(3.6);
    transform: scale(3.6);
}

.change .animate-hover:hover .animate-up-9,
.change .animate-up-9:hover {
    -webkit-transform: translate(0, -9px);
    transform: translate(0, -9px);
}

.change .animate-hover:hover .animate-right-9,
.change .animate-right-9:hover {
    -webkit-transform: translate(9px, 0);
    transform: translate(9px, 0);
}

.change .animate-down-9:hover,
.change .animate-hover:hover .animate-down-9 {
    -webkit-transform: translate(0, 9px);
    transform: translate(0, 9px);
}

.change .animate-hover:hover .animate-left-9,
.change .animate-left-9:hover {
    -webkit-transform: translate(-9px, 0);
    transform: translate(-9px, 0);
}

@-webkit-keyframes show-navbar-collapse {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes show-navbar-collapse {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes hide-navbar-collapse {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes hide-navbar-collapse {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@-webkit-keyframes show-navbar-dropdown {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
        transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
        -webkit-transition: visibility .45s, opacity .45s, -webkit-transform .45s;
        transition: visibility .45s, opacity .45s, -webkit-transform .45s;
        transition: visibility .45s, opacity .45s, transform .45s;
        transition: visibility .45s, opacity .45s, transform .45s, -webkit-transform .45s;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes show-navbar-dropdown {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
        transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
        -webkit-transition: visibility .45s, opacity .45s, -webkit-transform .45s;
        transition: visibility .45s, opacity .45s, -webkit-transform .45s;
        transition: visibility .45s, opacity .45s, transform .45s;
        transition: visibility .45s, opacity .45s, transform .45s, -webkit-transform .45s;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes hide-navbar-dropdown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
}

@keyframes hide-navbar-dropdown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
}

@-webkit-keyframes show-dropdown {
    0% {
        opacity: 0;
        -webkit-transform-origin: perspective(200px) rotateX(-2deg);
        transform-origin: perspective(200px) rotateX(-2deg);
        -webkit-transition: visibility .45s, opacity .5s;
        transition: visibility .45s, opacity .5s;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show-dropdown {
    0% {
        opacity: 0;
        -webkit-transform-origin: perspective(200px) rotateX(-2deg);
        transform-origin: perspective(200px) rotateX(-2deg);
        -webkit-transition: visibility .45s, opacity .5s;
        transition: visibility .45s, opacity .5s;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide-dropdown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
}

@keyframes hide-dropdown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
}

.change .bell-shake.shaking {
    -webkit-animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.change :root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.change .animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.change .animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes bellshake {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    45% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    85% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    92% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes bellshake {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    45% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    85% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    92% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.change .animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

.change [class*=shadow] {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.change .badge {
    font-size: .75em;
    font-weight: 600;
}

    .change .badge a {
        color: #fff;
    }

    .change .badge.super-badge {
        vertical-align: super;
    }

.change .badge-pill {
    padding-right: .875em;
    padding-left: .875em;
}

.change .badge-inline {
    margin-right: .625rem;
}

    .change .badge-inline + span {
        top: 2px;
        position: relative;
    }

        .change .badge-inline + span > a {
            text-decoration: underline;
        }

.change .badge-sm {
    padding: .2rem .6rem;
}

.change .badge-lg {
    font-size: 1.25rem;
    padding: .35rem .85rem;
}

.change .btn .badge-corner {
    position: absolute;
    top: -50%;
    right: .5rem;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    margin: 0;
    border: 3px solid;
    padding-left: .5rem;
    padding-right: .5rem;
}

.change .wi-tags a {
    display: inline-block;
    padding: .125rem .875rem;
    margin: .25rem;
    line-height: 2;
    font-size: .875rem;
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    background-color: #fff;
}

.change .pixel-pro-badge {
    position: relative;
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 500;
    right: -11px;
    padding: 4px 12px;
    top: -30px;
    background: #fff;
    border-radius: .35rem;
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
}

@media (max-width: 575.98px) {
    .change .pixel-pro-badge {
        font-size: 1rem;
        right: -13px;
        padding: 5px 10px;
        top: -23px;
    }
}

.change .subscription-badge {
    top: -19px;
    right: -12px;
    font-size: .75rem;
}

.change .btn.btn-circle {
    border-radius: 50%;
}

.change .btn.btn-md {
    padding: .65rem 1.25rem;
}

.change .btn.btn-xs {
    padding: .2rem .35rem;
    font-size: .55rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.change .btn.large-form-btn {
    padding: 1.2rem 1rem;
}

.change .btn.dashed-outline {
    border-style: dashed;
}

.change .btn-icon-only {
    width: 2.575rem;
    height: 2.575rem;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .change .btn-icon-only.btn-xs {
        width: 1.7rem;
        height: 1.7rem;
    }

    .change .btn-group-sm > .btn-icon-only.btn,
    .change .btn-icon-only.btn-sm {
        width: 2rem;
        height: 2rem;
    }

.change .btn-primary:hover {
    background-color: #161d27;
    border-color: #161d27;
}

.change .btn-secondary:hover {
    background-color: #2C2C2C;
    border-color: #2C2C2C;
    color: #fff;
}

.change .btn-tertiary:hover {
    background-color: #292959;
    border-color: #292959;
}

.change .btn-success:hover {
    background-color: #0ea271;
    border-color: #0ea271;
}

.change .btn-info:hover {
    background-color: #1f57b8;
    border-color: #1f57b8;
}

.change .btn-warning:hover {
    background-color: #f59e04;
    border-color: #f59e04;
}

.change .btn-danger:hover {
    background-color: #ca1a41;
    border-color: #ca1a41;
}

.change .btn-white:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.change .btn-indigo:hover {
    background-color: #3a30e2;
    border-color: #3a30e2;
}

.change .btn-purple:hover {
    background-color: #6c23eb;
    border-color: #6c23eb;
}

.change .btn-yellow-100:hover {
    background-color: #ffe3bd;
    border-color: #ffe3bd;
}

.change .btn-yellow-200:hover {
    background-color: #f2d0a2;
    border-color: #f2d0a2;
}

.change .btn-gray-50:hover {
    background-color: #eaedf1;
    border-color: #eaedf1;
}

.change .btn-gray-100:hover {
    background-color: #e3e7ec;
    border-color: #e3e7ec;
}

.change .btn-gray-200:hover {
    background-color: #d7dae0;
    border-color: #d7dae0;
}

.change .btn-gray-300:hover {
    background-color: #c3c8d0;
    border-color: #c3c8d0;
}

.change .btn-gray-400:hover {
    background-color: #8e96a4;
    border-color: #8e96a4;
}

.change .btn-gray-500:hover {
    background-color: #5f6672;
    border-color: #5f6672;
}

.change .btn-gray-600:hover {
    background-color: #404954;
    border-color: #404954;
}

.change .btn-gray-700:hover {
    background-color: #2d3542;
    border-color: #2d3542;
}

.change .btn-gray-800:hover {
    background-color: #161d27;
    border-color: #161d27;
}

.change .btn-gray-900:hover {
    background-color: #090d15;
    border-color: #090d15;
}

.change .btn-facebook {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-facebook:hover {
        color: #fff;
        background-color: #324c82;
        border-color: #2f477a;
    }

    .change .btn-check:focus + .btn-facebook,
    .change .btn-facebook:focus {
        color: #fff;
        background-color: #324c82;
        border-color: #2f477a;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(88, 114, 168, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(88, 114, 168, 0.5);
    }

    .change .btn-check:active + .btn-facebook,
    .change .btn-check:checked + .btn-facebook,
    .change .btn-facebook.active,
    .change .btn-facebook:active,
    .change .show > .btn-facebook.dropdown-toggle {
        color: #fff;
        background-color: #2f477a;
        border-color: #2c4373;
    }

        .change .btn-check:active + .btn-facebook:focus,
        .change .btn-check:checked + .btn-facebook:focus,
        .change .btn-facebook.active:focus,
        .change .btn-facebook:active:focus,
        .change .show > .btn-facebook.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(88, 114, 168, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(88, 114, 168, 0.5);
        }

    .change .btn-facebook.disabled,
    .change .btn-facebook:disabled {
        color: #fff;
        background-color: #3b5999;
        border-color: #3b5999;
    }

    .change .btn-facebook.btn-link {
        color: #3b5999;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-facebook.btn-link.active,
        .change .btn-facebook.btn-link:focus,
        .change .btn-facebook.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #3b5999;
        }

.change .btn-twitter {
    color: #2C2C2C;
    background-color: #1da1f2;
    border-color: #1da1f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-twitter:hover {
        color: #2C2C2C;
        background-color: #3faff4;
        border-color: #34aaf3;
    }

    .change .btn-check:focus + .btn-twitter,
    .change .btn-twitter:focus {
        color: #2C2C2C;
        background-color: #3faff4;
        border-color: #34aaf3;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(29, 143, 214, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(29, 143, 214, 0.5);
    }

    .change .btn-check:active + .btn-twitter,
    .change .btn-check:checked + .btn-twitter,
    .change .btn-twitter.active,
    .change .btn-twitter:active,
    .change .show > .btn-twitter.dropdown-toggle {
        color: #2C2C2C;
        background-color: #4ab4f5;
        border-color: #34aaf3;
    }

        .change .btn-check:active + .btn-twitter:focus,
        .change .btn-check:checked + .btn-twitter:focus,
        .change .btn-twitter.active:focus,
        .change .btn-twitter:active:focus,
        .change .show > .btn-twitter.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(29, 143, 214, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(29, 143, 214, 0.5);
        }

    .change .btn-twitter.disabled,
    .change .btn-twitter:disabled {
        color: #2C2C2C;
        background-color: #1da1f2;
        border-color: #1da1f2;
    }

    .change .btn-twitter.btn-link {
        color: #1da1f2;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-twitter.btn-link.active,
        .change .btn-twitter.btn-link:focus,
        .change .btn-twitter.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #1da1f2;
        }

.change .btn-google {
    color: #fff;
    background-color: #db4337;
    border-color: #db4337;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-google:hover {
        color: #fff;
        background-color: #ba392f;
        border-color: #af362c;
    }

    .change .btn-check:focus + .btn-google,
    .change .btn-google:focus {
        color: #fff;
        background-color: #ba392f;
        border-color: #af362c;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(224, 95, 85, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(224, 95, 85, 0.5);
    }

    .change .btn-check:active + .btn-google,
    .change .btn-check:checked + .btn-google,
    .change .btn-google.active,
    .change .btn-google:active,
    .change .show > .btn-google.dropdown-toggle {
        color: #fff;
        background-color: #af362c;
        border-color: #a43229;
    }

        .change .btn-check:active + .btn-google:focus,
        .change .btn-check:checked + .btn-google:focus,
        .change .btn-google.active:focus,
        .change .btn-google:active:focus,
        .change .show > .btn-google.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(224, 95, 85, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(224, 95, 85, 0.5);
        }

    .change .btn-google.disabled,
    .change .btn-google:disabled {
        color: #fff;
        background-color: #db4337;
        border-color: #db4337;
    }

    .change .btn-google.btn-link {
        color: #db4337;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-google.btn-link.active,
        .change .btn-google.btn-link:focus,
        .change .btn-google.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #db4337;
        }

.change .btn-instagram {
    color: #fff;
    background-color: #e4405f;
    border-color: #e4405f;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-instagram:hover {
        color: #fff;
        background-color: #c23651;
        border-color: #b6334c;
    }

    .change .btn-check:focus + .btn-instagram,
    .change .btn-instagram:focus {
        color: #fff;
        background-color: #c23651;
        border-color: #b6334c;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(232, 93, 119, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(232, 93, 119, 0.5);
    }

    .change .btn-check:active + .btn-instagram,
    .change .btn-check:checked + .btn-instagram,
    .change .btn-instagram.active,
    .change .btn-instagram:active,
    .change .show > .btn-instagram.dropdown-toggle {
        color: #fff;
        background-color: #b6334c;
        border-color: #ab3047;
    }

        .change .btn-check:active + .btn-instagram:focus,
        .change .btn-check:checked + .btn-instagram:focus,
        .change .btn-instagram.active:focus,
        .change .btn-instagram:active:focus,
        .change .show > .btn-instagram.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(232, 93, 119, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(232, 93, 119, 0.5);
        }

    .change .btn-instagram.disabled,
    .change .btn-instagram:disabled {
        color: #fff;
        background-color: #e4405f;
        border-color: #e4405f;
    }

    .change .btn-instagram.btn-link {
        color: #e4405f;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-instagram.btn-link.active,
        .change .btn-instagram.btn-link:focus,
        .change .btn-instagram.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #e4405f;
        }

.change .btn-pinterest {
    color: #fff;
    background-color: #bd081c;
    border-color: #bd081c;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-pinterest:hover {
        color: #fff;
        background-color: #a10718;
        border-color: #970616;
    }

    .change .btn-check:focus + .btn-pinterest,
    .change .btn-pinterest:focus {
        color: #fff;
        background-color: #a10718;
        border-color: #970616;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(199, 45, 62, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(199, 45, 62, 0.5);
    }

    .change .btn-check:active + .btn-pinterest,
    .change .btn-check:checked + .btn-pinterest,
    .change .btn-pinterest.active,
    .change .btn-pinterest:active,
    .change .show > .btn-pinterest.dropdown-toggle {
        color: #fff;
        background-color: #970616;
        border-color: #8e0615;
    }

        .change .btn-check:active + .btn-pinterest:focus,
        .change .btn-check:checked + .btn-pinterest:focus,
        .change .btn-pinterest.active:focus,
        .change .btn-pinterest:active:focus,
        .change .show > .btn-pinterest.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(199, 45, 62, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(199, 45, 62, 0.5);
        }

    .change .btn-pinterest.disabled,
    .change .btn-pinterest:disabled {
        color: #fff;
        background-color: #bd081c;
        border-color: #bd081c;
    }

    .change .btn-pinterest.btn-link {
        color: #bd081c;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-pinterest.btn-link.active,
        .change .btn-pinterest.btn-link:focus,
        .change .btn-pinterest.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #bd081c;
        }

.change .btn-youtube {
    color: #fff;
    background-color: #cd201f;
    border-color: #cd201f;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-youtube:hover {
        color: #fff;
        background-color: #ae1b1a;
        border-color: #a41a19;
    }

    .change .btn-check:focus + .btn-youtube,
    .change .btn-youtube:focus {
        color: #fff;
        background-color: #ae1b1a;
        border-color: #a41a19;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(213, 65, 65, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(213, 65, 65, 0.5);
    }

    .change .btn-check:active + .btn-youtube,
    .change .btn-check:checked + .btn-youtube,
    .change .btn-youtube.active,
    .change .btn-youtube:active,
    .change .show > .btn-youtube.dropdown-toggle {
        color: #fff;
        background-color: #a41a19;
        border-color: #9a1817;
    }

        .change .btn-check:active + .btn-youtube:focus,
        .change .btn-check:checked + .btn-youtube:focus,
        .change .btn-youtube.active:focus,
        .change .btn-youtube:active:focus,
        .change .show > .btn-youtube.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(213, 65, 65, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(213, 65, 65, 0.5);
        }

    .change .btn-youtube.disabled,
    .change .btn-youtube:disabled {
        color: #fff;
        background-color: #cd201f;
        border-color: #cd201f;
    }

    .change .btn-youtube.btn-link {
        color: #cd201f;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-youtube.btn-link.active,
        .change .btn-youtube.btn-link:focus,
        .change .btn-youtube.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #cd201f;
        }

.change .btn-slack {
    color: #2C2C2C;
    background-color: #3aaf85;
    border-color: #3aaf85;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-slack:hover {
        color: #2C2C2C;
        background-color: #58bb97;
        border-color: #4eb791;
    }

    .change .btn-check:focus + .btn-slack,
    .change .btn-slack:focus {
        color: #2C2C2C;
        background-color: #58bb97;
        border-color: #4eb791;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(54, 155, 121, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(54, 155, 121, 0.5);
    }

    .change .btn-check:active + .btn-slack,
    .change .btn-check:checked + .btn-slack,
    .change .btn-slack.active,
    .change .btn-slack:active,
    .change .show > .btn-slack.dropdown-toggle {
        color: #2C2C2C;
        background-color: #61bf9d;
        border-color: #4eb791;
    }

        .change .btn-check:active + .btn-slack:focus,
        .change .btn-check:checked + .btn-slack:focus,
        .change .btn-slack.active:focus,
        .change .btn-slack:active:focus,
        .change .show > .btn-slack.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(54, 155, 121, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(54, 155, 121, 0.5);
        }

    .change .btn-slack.disabled,
    .change .btn-slack:disabled {
        color: #2C2C2C;
        background-color: #3aaf85;
        border-color: #3aaf85;
    }

    .change .btn-slack.btn-link {
        color: #3aaf85;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-slack.btn-link.active,
        .change .btn-slack.btn-link:focus,
        .change .btn-slack.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #3aaf85;
        }

.change .btn-dribbble {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-dribbble:hover {
        color: #fff;
        background-color: #c74174;
        border-color: #bb3d6e;
    }

    .change .btn-check:focus + .btn-dribbble,
    .change .btn-dribbble:focus {
        color: #fff;
        background-color: #c74174;
        border-color: #bb3d6e;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(237, 103, 155, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(237, 103, 155, 0.5);
    }

    .change .btn-check:active + .btn-dribbble,
    .change .btn-check:checked + .btn-dribbble,
    .change .btn-dribbble.active,
    .change .btn-dribbble:active,
    .change .show > .btn-dribbble.dropdown-toggle {
        color: #fff;
        background-color: #bb3d6e;
        border-color: #b03967;
    }

        .change .btn-check:active + .btn-dribbble:focus,
        .change .btn-check:checked + .btn-dribbble:focus,
        .change .btn-dribbble.active:focus,
        .change .btn-dribbble:active:focus,
        .change .show > .btn-dribbble.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(237, 103, 155, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(237, 103, 155, 0.5);
        }

    .change .btn-dribbble.disabled,
    .change .btn-dribbble:disabled {
        color: #fff;
        background-color: #ea4c89;
        border-color: #ea4c89;
    }

    .change .btn-dribbble.btn-link {
        color: #ea4c89;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-dribbble.btn-link.active,
        .change .btn-dribbble.btn-link:focus,
        .change .btn-dribbble.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #ea4c89;
        }

.change .btn-dropbox {
    color: #fff;
    background-color: #1e90ff;
    border-color: #1e90ff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-dropbox:hover {
        color: #fff;
        background-color: #1a7ad9;
        border-color: #1873cc;
    }

    .change .btn-check:focus + .btn-dropbox,
    .change .btn-dropbox:focus {
        color: #fff;
        background-color: #1a7ad9;
        border-color: #1873cc;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(64, 161, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(64, 161, 255, 0.5);
    }

    .change .btn-check:active + .btn-dropbox,
    .change .btn-check:checked + .btn-dropbox,
    .change .btn-dropbox.active,
    .change .btn-dropbox:active,
    .change .show > .btn-dropbox.dropdown-toggle {
        color: #fff;
        background-color: #1873cc;
        border-color: #176cbf;
    }

        .change .btn-check:active + .btn-dropbox:focus,
        .change .btn-check:checked + .btn-dropbox:focus,
        .change .btn-dropbox.active:focus,
        .change .btn-dropbox:active:focus,
        .change .show > .btn-dropbox.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(64, 161, 255, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(64, 161, 255, 0.5);
        }

    .change .btn-dropbox.disabled,
    .change .btn-dropbox:disabled {
        color: #fff;
        background-color: #1e90ff;
        border-color: #1e90ff;
    }

    .change .btn-dropbox.btn-link {
        color: #1e90ff;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-dropbox.btn-link.active,
        .change .btn-dropbox.btn-link:focus,
        .change .btn-dropbox.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #1e90ff;
        }

.change .btn-twitch {
    color: #fff;
    background-color: #4b367c;
    border-color: #4b367c;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-twitch:hover {
        color: #fff;
        background-color: #402e69;
        border-color: #3c2b63;
    }

    .change .btn-check:focus + .btn-twitch,
    .change .btn-twitch:focus {
        color: #fff;
        background-color: #402e69;
        border-color: #3c2b63;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(102, 84, 144, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(102, 84, 144, 0.5);
    }

    .change .btn-check:active + .btn-twitch,
    .change .btn-check:checked + .btn-twitch,
    .change .btn-twitch.active,
    .change .btn-twitch:active,
    .change .show > .btn-twitch.dropdown-toggle {
        color: #fff;
        background-color: #3c2b63;
        border-color: #38295d;
    }

        .change .btn-check:active + .btn-twitch:focus,
        .change .btn-check:checked + .btn-twitch:focus,
        .change .btn-twitch.active:focus,
        .change .btn-twitch:active:focus,
        .change .show > .btn-twitch.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(102, 84, 144, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(102, 84, 144, 0.5);
        }

    .change .btn-twitch.disabled,
    .change .btn-twitch:disabled {
        color: #fff;
        background-color: #4b367c;
        border-color: #4b367c;
    }

    .change .btn-twitch.btn-link {
        color: #4b367c;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-twitch.btn-link.active,
        .change .btn-twitch.btn-link:focus,
        .change .btn-twitch.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #4b367c;
        }

.change .btn-paypal {
    color: #2C2C2C;
    background-color: #ecb32c;
    border-color: #ecb32c;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-paypal:hover {
        color: #2C2C2C;
        background-color: #efbe4c;
        border-color: #eebb41;
    }

    .change .btn-check:focus + .btn-paypal,
    .change .btn-paypal:focus {
        color: #2C2C2C;
        background-color: #efbe4c;
        border-color: #eebb41;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(205, 158, 46, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(205, 158, 46, 0.5);
    }

    .change .btn-check:active + .btn-paypal,
    .change .btn-check:checked + .btn-paypal,
    .change .btn-paypal.active,
    .change .btn-paypal:active,
    .change .show > .btn-paypal.dropdown-toggle {
        color: #2C2C2C;
        background-color: #f0c256;
        border-color: #eebb41;
    }

        .change .btn-check:active + .btn-paypal:focus,
        .change .btn-check:checked + .btn-paypal:focus,
        .change .btn-paypal.active:focus,
        .change .btn-paypal:active:focus,
        .change .show > .btn-paypal.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(205, 158, 46, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(205, 158, 46, 0.5);
        }

    .change .btn-paypal.disabled,
    .change .btn-paypal:disabled {
        color: #2C2C2C;
        background-color: #ecb32c;
        border-color: #ecb32c;
    }

    .change .btn-paypal.btn-link {
        color: #ecb32c;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-paypal.btn-link.active,
        .change .btn-paypal.btn-link:focus,
        .change .btn-paypal.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #ecb32c;
        }

.change .btn-behance {
    color: #fff;
    background-color: #0057ff;
    border-color: #0057ff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-behance:hover {
        color: #fff;
        background-color: #004ad9;
        border-color: #0046cc;
    }

    .change .btn-behance:focus,
    .change .btn-check:focus + .btn-behance {
        color: #fff;
        background-color: #004ad9;
        border-color: #0046cc;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(38, 112, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(38, 112, 255, 0.5);
    }

    .change .btn-behance.active,
    .change .btn-behance:active,
    .change .btn-check:active + .btn-behance,
    .change .btn-check:checked + .btn-behance,
    .change .show > .btn-behance.dropdown-toggle {
        color: #fff;
        background-color: #0046cc;
        border-color: #0041bf;
    }

        .change .btn-behance.active:focus,
        .change .btn-behance:active:focus,
        .change .btn-check:active + .btn-behance:focus,
        .change .btn-check:checked + .btn-behance:focus,
        .change .show > .btn-behance.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(38, 112, 255, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(38, 112, 255, 0.5);
        }

    .change .btn-behance.disabled,
    .change .btn-behance:disabled {
        color: #fff;
        background-color: #0057ff;
        border-color: #0057ff;
    }

    .change .btn-behance.btn-link {
        color: #0057ff;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-behance.btn-link.active,
        .change .btn-behance.btn-link:focus,
        .change .btn-behance.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #0057ff;
        }

.change .btn-reddit {
    color: #fff;
    background-color: #e84422;
    border-color: #e84422;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-reddit:hover {
        color: #fff;
        background-color: #c53a1d;
        border-color: #ba361b;
    }

    .change .btn-check:focus + .btn-reddit,
    .change .btn-reddit:focus {
        color: #fff;
        background-color: #c53a1d;
        border-color: #ba361b;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(235, 96, 67, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(235, 96, 67, 0.5);
    }

    .change .btn-check:active + .btn-reddit,
    .change .btn-check:checked + .btn-reddit,
    .change .btn-reddit.active,
    .change .btn-reddit:active,
    .change .show > .btn-reddit.dropdown-toggle {
        color: #fff;
        background-color: #ba361b;
        border-color: #ae331a;
    }

        .change .btn-check:active + .btn-reddit:focus,
        .change .btn-check:checked + .btn-reddit:focus,
        .change .btn-reddit.active:focus,
        .change .btn-reddit:active:focus,
        .change .show > .btn-reddit.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(235, 96, 67, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(235, 96, 67, 0.5);
        }

    .change .btn-reddit.disabled,
    .change .btn-reddit:disabled {
        color: #fff;
        background-color: #e84422;
        border-color: #e84422;
    }

    .change .btn-reddit.btn-link {
        color: #e84422;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-reddit.btn-link.active,
        .change .btn-reddit.btn-link:focus,
        .change .btn-reddit.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #e84422;
        }

.change .btn-github {
    color: #fff;
    background-color: #222;
    border-color: #222;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

    .change .btn-github:hover {
        color: #fff;
        background-color: #1d1d1d;
        border-color: #1b1b1b;
    }

    .change .btn-check:focus + .btn-github,
    .change .btn-github:focus {
        color: #fff;
        background-color: #1d1d1d;
        border-color: #1b1b1b;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(67, 67, 67, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(67, 67, 67, 0.5);
    }

    .change .btn-check:active + .btn-github,
    .change .btn-check:checked + .btn-github,
    .change .btn-github.active,
    .change .btn-github:active,
    .change .show > .btn-github.dropdown-toggle {
        color: #fff;
        background-color: #1b1b1b;
        border-color: #1a1a1a;
    }

        .change .btn-check:active + .btn-github:focus,
        .change .btn-check:checked + .btn-github:focus,
        .change .btn-github.active:focus,
        .change .btn-github:active:focus,
        .change .show > .btn-github.dropdown-toggle:focus {
            -webkit-box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(67, 67, 67, 0.5);
            box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(67, 67, 67, 0.5);
        }

    .change .btn-github.disabled,
    .change .btn-github:disabled {
        color: #fff;
        background-color: #222;
        border-color: #222;
    }

    .change .btn-github.btn-link {
        color: #222;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-style: none;
    }

        .change .btn-github.btn-link.active,
        .change .btn-github.btn-link:focus,
        .change .btn-github.btn-link:hover {
            background-color: transparent !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            color: #222;
        }

.change .theme-settings-close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: .65rem;
}

.change .btn-close.theme-settings-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .5rem;
    opacity: .5;
}

.change .breadcrumb-item {
    font-size: .75rem;
}

    .change .breadcrumb-item,
    .change .breadcrumb-item a {
        color: #374151;
        font-weight: 400;
        font-size: .75rem;
    }

@media (min-width: 576px) {
    .change .breadcrumb-item,
    .change .breadcrumb-item a {
        font-size: .875rem;
    }
}

.change .breadcrumb-transparent {
    background: 0 0;
    padding: 0;
}

.change .breadcrumb-text-light .breadcrumb-item,
.change .breadcrumb-text-light .breadcrumb-item a {
    color: #fff;
}

    .change .breadcrumb-text-light .breadcrumb-item:before {
        color: #fff;
    }

.change .card {
    position: relative;
}

    .change .card .card-header {
        background: 0 0;
    }

    .change .card.hover-state:hover {
        background-color: #f2f4f6;
    }

    .change .card .profile-cover {
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        height: 200px;
    }

    .change .card.notification-card {
        height: 633px;
    }

        .change .card.notification-card .list-group-timeline {
            height: 520px;
            overflow: hidden;
            overflow-y: auto;
        }

@media (min-width: 992px) {
    .change .card.timeline-card:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin-left: .75rem;
        border: 8px solid #111827;
        border-color: transparent #e0e6ec #e0e6ec transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }

    .change .card.left-timeline-card:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin-right: -5px;
        border: 8px solid #111827;
        border-color: transparent #e0e6ec #e0e6ec transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }
}

.change .message-wrapper .card,
.change .task-wrapper .card {
    border: 0;
}

.change .customer-testimonial .content-wrapper:before {
    content: "";
    position: absolute;
    top: 25px;
    left: -1px;
    margin-left: .75rem;
    border: 8px solid #111827;
    border-color: transparent #e0e6ec #e0e6ec transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.change .card-footer {
    background-color: transparent;
}

.change .card-stats {
    padding-left: 1.785rem;
}

.change .card .card-blockquote {
    position: relative;
    padding: 2rem;
}

    .change .card .card-blockquote .svg-bg {
        display: block;
        position: absolute;
        width: 100%;
        height: 95px;
        top: -94px;
        left: 0;
    }

.change .card-lift-hover:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

@media (prefers-reduced-motion: reduce) {
    .change .card-lift-hover:hover {
        -webkit-transition: none;
        transition: none;
    }
}

.change .page-preview {
    display: block;
    position: relative;
}

    .change .page-preview .show-on-hover {
        position: absolute;
        bottom: -25px;
        background: rgba(31, 41, 55, 0.85);
        padding: 10px 0;
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        width: calc(100% + 28px);
        left: -14px;
        opacity: 0;
        -webkit-transition: .2s;
        transition: .2s;
    }

@media (prefers-reduced-motion: reduce) {
    .change .page-preview .show-on-hover {
        -webkit-transition: none;
        transition: none;
    }
}

.change .page-preview.page-preview-lg .show-on-hover {
    left: -30px;
    width: calc(100% + 60px);
    bottom: -20px;
}

.change .page-preview:hover .show-on-hover {
    z-index: 99;
    opacity: 1;
}

.change .carousel-caption,
.change .carousel-caption .h5,
.change .carousel-caption h5 {
    color: #fff;
}

.change .carousel-indicators li {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: 0 0;
    border: 2px solid #fff;
}

.change .carousel-indicators .active {
    opacity: 1;
    background: #fff;
}

.change .carousel-control-next-icon,
.change .carousel-control-prev-icon {
    width: auto;
    height: auto;
    font-weight: 900;
}

.change .carousel-control-prev-icon {
    background-image: none;
}

    .change .carousel-control-prev-icon::before {
        content: '\f060';
        font-family: "Font Awesome 5 Free";
        font-size: 2rem;
    }

.change .carousel-control-next-icon {
    background-image: none;
}

    .change .carousel-control-next-icon:before {
        font-family: "Font Awesome 5 Free";
        content: "\f061";
        font-size: 2rem;
    }

.change .close {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .close > span:not(.sr-only) {
        display: block;
        height: 1.25rem;
        width: 1.25rem;
        background-color: transparent;
        color: rgba(0, 0, 0, 0.6);
        line-height: 17px;
        border-radius: 50%;
        font-size: 1.25rem;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

    .change .close:focus,
    .change .close:hover {
        background-color: transparent;
        color: rgba(0, 0, 0, 0.9);
        outline: 0;
    }

        .change .close:focus span:not(.sr-only),
        .change .close:hover span:not(.sr-only) {
            background-color: transparent;
        }

.change .counter-alternate::after {
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 2.25rem;
    color: #2C2C2C;
    font-weight: 900;
}

.change .custom-control-label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.change .custom-control-label span {
    position: relative;
    top: 2px;
}

.change .custom-control-label {
    margin-bottom: 0;
}

.change .custom-control-input:active ~ .custom-control-label::before {
    border-color: #2C2C2C;
}

.change .custom-file-label {
    background-color: #f3f3f5;
}

    .change .custom-file-label::after {
        background-color: #f3f3f5;
    }

.change .custom-select {
    font-size: .875rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .change .custom-select.custom-select-shadow {
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
        -webkit-transition: -webkit-box-shadow .15s ease;
        transition: -webkit-box-shadow .15s ease;
        transition: box-shadow .15s ease;
        transition: box-shadow .15s ease, -webkit-box-shadow .15s ease;
    }

        .change .custom-select.custom-select-shadow:focus {
            -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(229, 231, 235, 0.5);
            box-shadow: 0.1rem 0.1rem 0 rgba(229, 231, 235, 0.5);
        }

    .change .custom-select:hover {
        cursor: pointer;
    }

.change .apexcharts-tooltip {
    background-color: #fff !important;
    color: #374151 !important;
    border: 0 !important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    border-radius: .35rem !important;
}

    .change .apexcharts-tooltip .apexcharts-tooltip-title {
        padding: 6px 10px !important;
        background: #e5e7eb !important;
        border-bottom: .0625rem solid #d1d5db !important;
    }

.change .apexcharts-xaxistooltip {
    color: #374151 !important;
    border: 0 !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    border-radius: .35rem !important;
}

.change .apexcharts-xaxistooltip-bottom::before {
    border-bottom-color: #fff !important;
}

.change .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: #fff !important;
}

.change .apexcharts-tooltip-marker {
    min-width: 10px !important;
    min-height: 10px !important;
    margin-right: 8px !important;
}

.change .apexcharts-tooltip-y-group {
    padding: 4px 0 5px !important;
}

.change .ct-bar {
    stroke-linecap: round;
    stroke-width: 10px;
}

.change .ct-label {
    fill: #374151;
    color: #374151;
    font-size: .75rem;
    margin-top: 6px;
    font-weight: 500;
}

.change .ct-slice-pie {
    stroke: #fff;
    stroke-width: 3px;
}

.change .ct-chart-donut .ct-series {
    stroke: #fff;
    stroke-width: 3px;
}

.change .ct-chart-donut .ct-label,
.change .ct-chart-pie .ct-label {
    font-size: .75rem;
    font-weight: 500;
}

.change .small-chart {
    margin-left: -1rem;
}

.change .ct-chart-donut .ct-label,
.change .ct-chart-pie .ct-label {
    color: #fff;
    fill: #fff;
    font-size: 1rem;
    font-weight: 500;
}

.change .ct-series-g .ct-grid {
    stroke: #f8bd7a;
    stroke-width: 2px;
    stroke-dasharray: 2px;
}

.change .ct-series-g .ct-label.ct-horizontal.ct-end {
    margin-left: -9px;
    margin-top: 10px;
    color: #2C2C2C;
}

.change .dropdown-menu .dropdown-header,
.change .dropdown-menu .dropdown-item {
    padding: .5rem 1rem;
    font-size: .875rem;
}

    .change .dropdown-menu .dropdown-header .dropdown-icon,
    .change .dropdown-menu .dropdown-item .dropdown-icon {
        height: 1.25rem;
        width: 1.25rem;
    }

.change .dropdown-menu .dropdown-header {
    color: #111827;
    font-weight: 500;
}

.change .dropdown-menu .dropdown-item {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 400;
}

.change .show .dropdown-menu {
    -webkit-animation: show-dropdown .2s ease forwards;
    animation: show-dropdown .2s ease forwards;
}

.change .dropdown-menu.dropdown-menu-xs {
    min-width: 120px;
    max-width: 120px;
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
}

.change .dropdown-menu-sm {
    min-width: 100px;
    border: 1rem;
}

.change .dropdown-menu-md {
    min-width: 180px;
    border: 1rem;
}

.change .dropdown-menu-lg {
    min-width: 350px;
    border-radius: 1rem;
}

@media (max-width: 575.98px) {
    .change .dropdown-menu-lg {
        min-width: 300px;
    }
}

.change [data-toggle]:hover {
    cursor: pointer;
}

.change .dropdown-toggle:after,
.change .dropend .dropdown-toggle:after,
.change .dropstart .dropdown-toggle:before,
.change .dropup .dropdown-toggle:after {
    display: none;
}

.change .dropzone {
    min-height: 150px;
    border: 2px dashed #4b5563;
    background: #fff;
}

    .change .dropzone:hover {
        background-color: #e5e7eb;
    }

    .change .dropzone .dz-message .dz-button {
        font-size: 1.25rem;
        font-weight: 500;
    }

.change .icon {
    height: 2rem;
}

    .change .icon.icon-xxs {
        height: 1rem;
    }

    .change .icon.icon-xs {
        height: 1.25rem;
    }

    .change .icon.icon-sm {
        height: 1.5rem;
    }

    .change .icon.icon-lg {
        height: 3.5rem;
    }

    .change .icon.icon-xl {
        height: 4.5rem;
    }

    .change .icon.icon-xxl {
        height: 6rem;
    }

    .change .icon.active-dot svg {
        height: .7rem;
    }

.change .icon-shape {
    width: 4rem;
    height: 4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .change .icon-shape svg {
        height: 2rem;
    }

    .change .icon-shape.icon-xxs {
        width: 1.5rem;
        height: 1.5rem;
    }

        .change .icon-shape.icon-xxs svg {
            height: 1rem;
        }

    .change .icon-shape.icon-xs {
        width: 2.5rem;
        height: 2.5rem;
    }

        .change .icon-shape.icon-xs svg {
            height: 1.25rem;
        }

    .change .icon-shape.icon-sm {
        width: 3.275rem;
        height: 3.275rem;
    }

        .change .icon-shape.icon-sm svg {
            height: 1.5rem;
        }

    .change .icon-shape.icon-lg {
        width: 5rem;
        height: 5rem;
    }

        .change .icon-shape.icon-lg svg {
            height: 3.5rem;
        }

    .change .icon-shape.icon-xl {
        width: 6rem;
        height: 6rem;
    }

        .change .icon-shape.icon-xl svg {
            height: 4.5rem;
        }

    .change .icon-shape.icon-xxl {
        width: 7.5rem;
        height: 7.5rem;
    }

        .change .icon-shape.icon-xxl svg {
            height: 6rem;
        }

.change .rating-star:hover {
    cursor: pointer;
    color: #fba918;
}

.change .toggle-icon {
    height: 1.875rem;
}

.change .w--20 {
    width: 20px;
}

.change .calendar {
    width: 3.125rem;
    line-height: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    border-radius: .5rem;
}

    .change .calendar .calendar-month {
        background-color: #e11d48;
        color: #fff;
        border-radius: .5rem .5rem 0 0;
        padding: .275rem;
        font-weight: 500;
    }

    .change .calendar .calendar-day {
        font-size: 1.5rem;
        padding: .25rem;
        background-color: #f2f4f6;
        border-top: 0;
        border-radius: 0 0 .5rem .5rem;
        color: #2C2C2C;
        font-weight: 500;
    }

.change .dot {
    width: 12px;
    height: 12px;
}

.change .bell-dot {
    display: inline-block;
    position: absolute;
    top: -11px;
    right: 6px;
    height: 10px;
    width: 10px;
    border: 2px solid #f2f4f6;
}

.change .notification-bell.unread::before {
    position: absolute;
    content: "";
    background-color: #e11d48;
    right: 12px;
    top: 7px;
    height: .75rem;
    width: .75rem;
    border-radius: 50%;
    border: 2px solid #f2f4f6;
}

.change .bootstrap-big-icon {
    position: absolute;
    opacity: .05;
    -webkit-transform: rotate(17deg);
    transform: rotate(17deg);
}

@media (min-width: 992px) {
    .change .bootstrap-big-icon {
        right: -20%;
        bottom: 6%;
    }
}

@media (min-width: 1200px) {
    .change .bootstrap-big-icon {
        right: -10%;
        bottom: 6%;
    }
}

.change .github-big-icon {
    position: absolute;
    right: 80px;
}

    .change .github-big-icon svg {
        color: #9ca3af;
        height: 800px;
        opacity: .2;
    }

.change .icon-shape-primary {
    color: #2C2C2C;
    background-color: rgba(31, 41, 55, 0.3);
}

.change .icon-shape-secondary {
    color: #ffcc00;
    background-color: rgba(240, 188, 116, 0.3);
}

.change .icon-shape-tertiary {
    color: #31316a;
    background-color: rgba(49, 49, 106, 0.3);
}

.change .icon-shape-success {
    color: #10b981;
    background-color: rgba(16, 185, 129, 0.3);
}

.change .icon-shape-info {
    color: #2361ce;
    background-color: rgba(35, 97, 206, 0.3);
}

.change .icon-shape-warning {
    color: #fba918;
    background-color: rgba(251, 169, 24, 0.3);
}

.change .icon-shape-danger {
    color: #e11d48;
    background-color: rgba(225, 29, 72, 0.3);
}

.change .icon-shape-white {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
}

.change .icon-shape-indigo {
    color: #4f46e5;
    background-color: rgba(79, 70, 229, 0.3);
}

.change .icon-shape-purple {
    color: #7c3aed;
    background-color: rgba(124, 58, 237, 0.3);
}

.change .icon-shape-yellow-100 {
    color: #ffcc00;
    background-color: rgba(255, 238, 214, 0.3);
}

.change .icon-shape-yellow-200 {
    color: #ffcc00;
    background-color: rgba(245, 219, 184, 0.3);
}

.change .icon-shape-gray-50 {
    color: #f9fafb;
    background-color: rgba(249, 250, 251, 0.3);
}

.change .icon-shape-gray-100 {
    color: #f2f4f6;
    background-color: rgba(242, 244, 246, 0.3);
}

.change .icon-shape-gray-200 {
    color: #e5e7eb;
    background-color: rgba(229, 231, 235, 0.3);
}

.change .icon-shape-gray-300 {
    color: #d1d5db;
    background-color: rgba(209, 213, 219, 0.3);
}

.change .icon-shape-gray-400 {
    color: #9ca3af;
    background-color: rgba(156, 163, 175, 0.3);
}

.change .icon-shape-gray-500 {
    color: #6b7280;
    background-color: rgba(107, 114, 128, 0.3);
}

.change .icon-shape-gray-600 {
    color: #4b5563;
    background-color: rgba(75, 85, 99, 0.3);
}

.change .icon-shape-gray-700 {
    color: #374151;
    background-color: rgba(55, 65, 81, 0.3);
}

.change .icon-shape-gray-800 {
    color: #2C2C2C;
    background-color: rgba(31, 41, 55, 0.3);
}

.change .icon-shape-gray-900 {
    color: #111827;
    background-color: rgba(17, 24, 39, 0.3);
}

.change .image-xl {
    height: 20rem;
}

    .change .image-xl img {
        height: 20rem;
    }

.change .image-lg {
    height: 12rem;
}

    .change .image-lg img {
        height: 12rem;
    }

.change .image-md {
    height: 5.5rem;
}

    .change .image-md img {
        height: 5.5rem;
    }

.change .image-sm {
    height: 3rem;
}

    .change .image-sm img {
        height: 3rem;
    }

.change .image-xs {
    height: 1.5rem;
}

    .change .image-xs img {
        height: 1.5rem;
    }

.change .image-small {
    height: 1rem;
}

    .change .image-small img {
        height: 1rem;
    }

.change .full-image {
    height: 100%;
}

.change .language-flag {
    width: auto;
    height: 1rem;
    margin-right: .4rem;
    position: relative;
    top: -2px;
}

.change .home-pattern {
    fill: #f2f4f6;
}

.change .form-bg-image {
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

.change .list-group-space .list-group-item {
    margin-bottom: 1.5rem;
    border-radius: .5rem;
}

.change .list-group-item {
    border: 0;
}

    .change .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

    .change .list-group-item i {
        width: 1rem;
    }

.change .list-group-img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    vertical-align: top;
    margin: -.1rem 1.2rem 0 -.2rem;
}

.change .list-group-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

    .change .list-group-content > p {
        color: #6b7280;
        line-height: 1.5;
        margin: .2rem 0 0;
    }

.change .list-group-heading {
    font-size: 1rem;
    color: #2C2C2C;
}

    .change .list-group-heading > .small,
    .change .list-group-heading > small {
        float: right;
        color: #6b7280;
        font-weight: 500;
    }

.change .list-group.simple-list .list-group-item {
    background: 0 0;
    border: none;
    padding: .375rem .125rem;
}

    .change .list-group.simple-list .list-group-item i {
        vertical-align: middle;
        width: 35px;
        display: inline-block;
    }

.change .list-group.kanban-list {
    position: relative;
    padding-bottom: 45px;
}

    .change .list-group.kanban-list .card {
        margin-bottom: .75rem;
        cursor: pointer;
    }

    .change .list-group.kanban-list .new-card {
        position: absolute;
        bottom: 0;
    }

.change .news-list .row > [class*=col] {
    padding: 0 .25rem;
}

.change .news-list > li:not(:last-child) {
    margin-bottom: .75rem;
}

.change .news-list img {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.change .map {
    height: 400px;
    width: 100%;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.change .mapouter {
    position: relative;
    text-align: right;
    height: 500px;
    width: 100%;
}

.change .gmap_canvas {
    overflow: hidden;
    background: 0 0 !important;
    height: 500px;
    width: 100%;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .change .gmap_canvas #gmap_canvas {
        width: 100%;
        height: 500px;
    }

.change #mapbox {
    width: 100%;
    height: 600px;
    z-index: 1;
}

.change .leaflet-popup-content-wrapper {
    padding: 8px 8px 8px 0;
}

.change .leaflet-popup-content-wrapper,
.change .leaflet-popup-tip {
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
}

.change .leaflet-container a.leaflet-popup-close-button {
    padding: 7px 15px 0 0;
}

.change .logo-map {
    position: absolute;
    right: 0;
    z-index: 3;
}

.change .search-map {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    width: 100%;
}

.change .svgMap-map-wrapper {
    position: relative;
    width: 100%;
    padding-top: 50%;
    overflow: hidden;
    background: #fff;
    color: #2C2C2C;
}

    .change .svgMap-map-wrapper * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
    }

    .change .svgMap-map-wrapper .svgMap-map-image {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .change .svgMap-map-wrapper .svgMap-map-controls-wrapper {
        position: absolute;
        bottom: 10px;
        left: 10px;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        border-radius: .5rem;
        -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
        box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    }

    .change .svgMap-map-wrapper .svgMap-map-controls-move,
    .change .svgMap-map-wrapper .svgMap-map-controls-zoom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 5px;
        overflow: hidden;
        background: #fff;
    }

        .change .svgMap-map-wrapper .svgMap-map-controls-move:last-child,
        .change .svgMap-map-wrapper .svgMap-map-controls-zoom:last-child {
            margin-right: 0;
        }

    .change .svgMap-map-wrapper .svgMap-control-button {
        cursor: pointer;
        width: 30px;
        height: 30px;
        position: relative;
    }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:after,
        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: #e5e7eb;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:before {
            width: 11px;
            height: 3px;
        }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover:after,
        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover:before {
            background: #111;
        }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled:after,
        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled:before {
            background: #ccc;
        }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-in-button:after {
            width: 3px;
            height: 11px;
        }

    .change .svgMap-map-wrapper .svgMap-country {
        cursor: pointer;
        stroke: #fff;
        stroke-width: 1;
        stroke-linejoin: round;
        vector-effect: non-scaling-stroke;
        -webkit-transition: fill .2s, stroke .2s;
        transition: fill .2s, stroke .2s;
    }

        .change .svgMap-map-wrapper .svgMap-country.svgMap-active,
        .change .svgMap-map-wrapper .svgMap-country:hover {
            stroke: #e5e7eb;
        }

        .change .svgMap-map-wrapper .svgMap-country.svgMap-active {
            stroke-width: 1.5;
        }

.change .svgMap-tooltip {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 2;
    border-radius: 2px;
    background: #fff;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-bottom: 1px solid #e5e7eb;
    display: none;
    pointer-events: none;
    min-width: 60px;
}

    .change .svgMap-tooltip.svgMap-tooltip-flipped {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border-bottom: 0;
        border-top: 1px solid #e5e7eb;
    }

    .change .svgMap-tooltip.svgMap-active {
        display: block;
    }

    .change .svgMap-tooltip .svgMap-tooltip-content-container {
        position: relative;
        padding: 10px 20px;
    }

        .change .svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container {
            text-align: center;
            margin: 2px 0 5px;
        }

            .change .svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji {
                font-size: 50px;
                line-height: 0;
                padding: 25px 0 15px;
            }

            .change .svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag {
                display: block;
                margin: auto;
                width: auto;
                height: 32px;
                padding: 2px;
                background: rgba(0, 0, 0, 0.15);
                border-radius: 2px;
            }

    .change .svgMap-tooltip .svgMap-tooltip-title {
        white-space: nowrap;
        font-size: 18px;
        line-height: 28px;
        padding: 0 0 8px;
        text-align: center;
    }

    .change .svgMap-tooltip .svgMap-tooltip-content {
        white-space: nowrap;
        text-align: center;
        font-size: 14px;
        color: #777;
        margin: -5px 0 0;
    }

        .change .svgMap-tooltip .svgMap-tooltip-content table {
            padding: 0;
            border-spacing: 0;
            margin: auto;
        }

            .change .svgMap-tooltip .svgMap-tooltip-content table td {
                padding: 2px 0;
                text-align: left;
            }

                .change .svgMap-tooltip .svgMap-tooltip-content table td span {
                    color: #111;
                }

                .change .svgMap-tooltip .svgMap-tooltip-content table td:first-child {
                    padding-right: 10px;
                    text-align: right;
                }

                .change .svgMap-tooltip .svgMap-tooltip-content table td sup {
                    vertical-align: baseline;
                    position: relative;
                    top: -5px;
                }

        .change .svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data {
            padding: 2px 0;
            color: #777;
            font-style: italic;
        }

    .change .svgMap-tooltip .svgMap-tooltip-pointer {
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden;
        height: 10px;
        width: 30px;
    }

        .change .svgMap-tooltip .svgMap-tooltip-pointer:after {
            content: '';
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid #e5e7eb;
            position: absolute;
            bottom: 6px;
            left: 50%;
            -webkit-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
        }

    .change .svgMap-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer {
        bottom: auto;
        top: -10px;
        -webkit-transform: translateX(-50%) scaleY(-1);
        transform: translateX(-50%) scaleY(-1);
    }

.change .modal.static-example {
    position: relative;
    display: block;
}

.change .modal-content {
    border: 0;
    border-radius: .5rem;
}

.change .modal-fluid .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
}

.change .modal-fluid .modal-content {
    border-radius: 0;
}

.change .modal-primary .modal-title {
    color: color-yiq(#2C2C2C);
}

.change .modal-primary .modal-footer,
.change .modal-primary .modal-header {
    border-color: rgba(31, 41, 55, 0.075);
}

.change .modal-primary .modal-content {
    background-color: #2C2C2C;
    color: color-yiq(#2C2C2C);
}

    .change .modal-primary .modal-content .heading {
        color: color-yiq(#2C2C2C);
    }

.change .modal-primary .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-secondary .modal-title {
    color: color-yiq(#ffcc00);
}

.change .modal-secondary .modal-footer,
.change .modal-secondary .modal-header {
    border-color: rgba(240, 188, 116, 0.075);
}

.change .modal-secondary .modal-content {
    background-color: #ffcc00;
    color: color-yiq(#ffcc00);
}

    .change .modal-secondary .modal-content .heading {
        color: color-yiq(#ffcc00);
    }

.change .modal-secondary .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-tertiary .modal-title {
    color: color-yiq(#31316a);
}

.change .modal-tertiary .modal-footer,
.change .modal-tertiary .modal-header {
    border-color: rgba(49, 49, 106, 0.075);
}

.change .modal-tertiary .modal-content {
    background-color: #31316a;
    color: color-yiq(#31316a);
}

    .change .modal-tertiary .modal-content .heading {
        color: color-yiq(#31316a);
    }

.change .modal-tertiary .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-success .modal-title {
    color: color-yiq(#10b981);
}

.change .modal-success .modal-footer,
.change .modal-success .modal-header {
    border-color: rgba(16, 185, 129, 0.075);
}

.change .modal-success .modal-content {
    background-color: #10b981;
    color: color-yiq(#10b981);
}

    .change .modal-success .modal-content .heading {
        color: color-yiq(#10b981);
    }

.change .modal-success .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-info .modal-title {
    color: color-yiq(#2361ce);
}

.change .modal-info .modal-footer,
.change .modal-info .modal-header {
    border-color: rgba(35, 97, 206, 0.075);
}

.change .modal-info .modal-content {
    background-color: #2361ce;
    color: color-yiq(#2361ce);
}

    .change .modal-info .modal-content .heading {
        color: color-yiq(#2361ce);
    }

.change .modal-info .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-warning .modal-title {
    color: color-yiq(#fba918);
}

.change .modal-warning .modal-footer,
.change .modal-warning .modal-header {
    border-color: rgba(251, 169, 24, 0.075);
}

.change .modal-warning .modal-content {
    background-color: #fba918;
    color: color-yiq(#fba918);
}

    .change .modal-warning .modal-content .heading {
        color: color-yiq(#fba918);
    }

.change .modal-warning .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-danger .modal-title {
    color: color-yiq(#e11d48);
}

.change .modal-danger .modal-footer,
.change .modal-danger .modal-header {
    border-color: rgba(225, 29, 72, 0.075);
}

.change .modal-danger .modal-content {
    background-color: #e11d48;
    color: color-yiq(#e11d48);
}

    .change .modal-danger .modal-content .heading {
        color: color-yiq(#e11d48);
    }

.change .modal-danger .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-white .modal-title {
    color: color-yiq(#fff);
}

.change .modal-white .modal-footer,
.change .modal-white .modal-header {
    border-color: rgba(255, 255, 255, 0.075);
}

.change .modal-white .modal-content {
    background-color: #fff;
    color: color-yiq(#fff);
}

    .change .modal-white .modal-content .heading {
        color: color-yiq(#fff);
    }

.change .modal-white .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-indigo .modal-title {
    color: color-yiq(#4f46e5);
}

.change .modal-indigo .modal-footer,
.change .modal-indigo .modal-header {
    border-color: rgba(79, 70, 229, 0.075);
}

.change .modal-indigo .modal-content {
    background-color: #4f46e5;
    color: color-yiq(#4f46e5);
}

    .change .modal-indigo .modal-content .heading {
        color: color-yiq(#4f46e5);
    }

.change .modal-indigo .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-purple .modal-title {
    color: color-yiq(#7c3aed);
}

.change .modal-purple .modal-footer,
.change .modal-purple .modal-header {
    border-color: rgba(124, 58, 237, 0.075);
}

.change .modal-purple .modal-content {
    background-color: #7c3aed;
    color: color-yiq(#7c3aed);
}

    .change .modal-purple .modal-content .heading {
        color: color-yiq(#7c3aed);
    }

.change .modal-purple .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-yellow-100 .modal-title {
    color: color-yiq(#ffcc00);
}

.change .modal-yellow-100 .modal-footer,
.change .modal-yellow-100 .modal-header {
    border-color: rgba(255, 238, 214, 0.075);
}

.change .modal-yellow-100 .modal-content {
    background-color: #ffcc00;
    color: color-yiq(#ffcc00);
}

    .change .modal-yellow-100 .modal-content .heading {
        color: color-yiq(#ffcc00);
    }

.change .modal-yellow-100 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-yellow-200 .modal-title {
    color: color-yiq(#ffcc00);
}

.change .modal-yellow-200 .modal-footer,
.change .modal-yellow-200 .modal-header {
    border-color: rgba(245, 219, 184, 0.075);
}

.change .modal-yellow-200 .modal-content {
    background-color: #ffcc00;
    color: color-yiq(#ffcc00);
}

    .change .modal-yellow-200 .modal-content .heading {
        color: color-yiq(#ffcc00);
    }

.change .modal-yellow-200 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-50 .modal-title {
    color: color-yiq(#f9fafb);
}

.change .modal-gray-50 .modal-footer,
.change .modal-gray-50 .modal-header {
    border-color: rgba(249, 250, 251, 0.075);
}

.change .modal-gray-50 .modal-content {
    background-color: #f9fafb;
    color: color-yiq(#f9fafb);
}

    .change .modal-gray-50 .modal-content .heading {
        color: color-yiq(#f9fafb);
    }

.change .modal-gray-50 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-100 .modal-title {
    color: color-yiq(#f2f4f6);
}

.change .modal-gray-100 .modal-footer,
.change .modal-gray-100 .modal-header {
    border-color: rgba(242, 244, 246, 0.075);
}

.change .modal-gray-100 .modal-content {
    background-color: #f2f4f6;
    color: color-yiq(#f2f4f6);
}

    .change .modal-gray-100 .modal-content .heading {
        color: color-yiq(#f2f4f6);
    }

.change .modal-gray-100 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-200 .modal-title {
    color: color-yiq(#e5e7eb);
}

.change .modal-gray-200 .modal-footer,
.change .modal-gray-200 .modal-header {
    border-color: rgba(229, 231, 235, 0.075);
}

.change .modal-gray-200 .modal-content {
    background-color: #e5e7eb;
    color: color-yiq(#e5e7eb);
}

    .change .modal-gray-200 .modal-content .heading {
        color: color-yiq(#e5e7eb);
    }

.change .modal-gray-200 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-300 .modal-title {
    color: color-yiq(#d1d5db);
}

.change .modal-gray-300 .modal-footer,
.change .modal-gray-300 .modal-header {
    border-color: rgba(209, 213, 219, 0.075);
}

.change .modal-gray-300 .modal-content {
    background-color: #d1d5db;
    color: color-yiq(#d1d5db);
}

    .change .modal-gray-300 .modal-content .heading {
        color: color-yiq(#d1d5db);
    }

.change .modal-gray-300 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-400 .modal-title {
    color: color-yiq(#9ca3af);
}

.change .modal-gray-400 .modal-footer,
.change .modal-gray-400 .modal-header {
    border-color: rgba(156, 163, 175, 0.075);
}

.change .modal-gray-400 .modal-content {
    background-color: #9ca3af;
    color: color-yiq(#9ca3af);
}

    .change .modal-gray-400 .modal-content .heading {
        color: color-yiq(#9ca3af);
    }

.change .modal-gray-400 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-500 .modal-title {
    color: color-yiq(#6b7280);
}

.change .modal-gray-500 .modal-footer,
.change .modal-gray-500 .modal-header {
    border-color: rgba(107, 114, 128, 0.075);
}

.change .modal-gray-500 .modal-content {
    background-color: #6b7280;
    color: color-yiq(#6b7280);
}

    .change .modal-gray-500 .modal-content .heading {
        color: color-yiq(#6b7280);
    }

.change .modal-gray-500 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-600 .modal-title {
    color: color-yiq(#4b5563);
}

.change .modal-gray-600 .modal-footer,
.change .modal-gray-600 .modal-header {
    border-color: rgba(75, 85, 99, 0.075);
}

.change .modal-gray-600 .modal-content {
    background-color: #4b5563;
    color: color-yiq(#4b5563);
}

    .change .modal-gray-600 .modal-content .heading {
        color: color-yiq(#4b5563);
    }

.change .modal-gray-600 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-700 .modal-title {
    color: color-yiq(#374151);
}

.change .modal-gray-700 .modal-footer,
.change .modal-gray-700 .modal-header {
    border-color: rgba(55, 65, 81, 0.075);
}

.change .modal-gray-700 .modal-content {
    background-color: #374151;
    color: color-yiq(#374151);
}

    .change .modal-gray-700 .modal-content .heading {
        color: color-yiq(#374151);
    }

.change .modal-gray-700 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-800 .modal-title {
    color: color-yiq(#2C2C2C);
}

.change .modal-gray-800 .modal-footer,
.change .modal-gray-800 .modal-header {
    border-color: rgba(31, 41, 55, 0.075);
}

.change .modal-gray-800 .modal-content {
    background-color: #2C2C2C;
    color: color-yiq(#2C2C2C);
}

    .change .modal-gray-800 .modal-content .heading {
        color: color-yiq(#2C2C2C);
    }

.change .modal-gray-800 .close > span:not(.sr-only) {
    color: #fff;
}

.change .modal-gray-900 .modal-title {
    color: color-yiq(#111827);
}

.change .modal-gray-900 .modal-footer,
.change .modal-gray-900 .modal-header {
    border-color: rgba(17, 24, 39, 0.075);
}

.change .modal-gray-900 .modal-content {
    background-color: #111827;
    color: color-yiq(#111827);
}

    .change .modal-gray-900 .modal-content .heading {
        color: color-yiq(#111827);
    }

.change .modal-gray-900 .close > span:not(.sr-only) {
    color: #fff;
}

.change .nav-link {
    color: #2C2C2C;
}

    .change .nav-link.active,
    .change .nav-link:hover {
        color: #2C2C2C;
    }

        .change .nav-link.active img,
        .change .nav-link:hover img {
            opacity: inherit;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
        }

    .change .nav-link span {
        position: relative;
    }

.change .nav-tabs .nav-item {
    margin-bottom: 0;
}

.change .nav-tabs .nav-link {
    border: 0;
    padding: 1rem 1rem;
    background-color: #fff;
}

    .change .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #2C2C2C;
    }

.change .nav-tabs.nav-dark .nav-link.active {
    color: #fff;
    background-color: #12358a;
}

.change .nav-tabs.nav-light .nav-link.active {
    color: #111827;
    background-color: #9ca3af;
}

.change .nav-tabs.nav-light .nav-link:hover {
    color: #111827;
}

.change .nav-pills .nav-item:not(:last-child) {
    padding-right: 1rem;
}

.change .nav-pills .nav-link {
    padding: .75rem .85rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #9ca3af;
}

    .change .nav-pills .nav-link.avatar-link {
        border: 0;
    }

    .change .nav-pills .nav-link:hover {
        color: #2C2C2C;
    }

    .change .nav-pills .nav-link.active,
    .change .nav-pills .show > .nav-link {
        color: #2C2C2C;
        background-color: #f8f8f8;
        border-color: #2C2C2C;
    }

.change .nav-pills.rounded .nav-link {
    border-radius: 30px;
}

.change .nav-pills.rounded.vertical-tab .nav-link {
    margin-bottom: .625rem;
    min-width: 100px;
}

.change .nav-pills.rounded.vertical-tab .nav-item:not(:last-child) {
    padding-right: 0;
}

.change .nav-pills.bordered-pill-md .nav-link {
    border: .125rem solid #e5e7eb;
    font-weight: 500;
}

.change .nav-pills.vertical-tab .nav-link {
    margin-bottom: .625rem;
}

.change .nav-pills.vertical-tab .nav-item:not(:last-child) {
    padding-right: 0;
}

.change .nav-pills .nav-item {
    margin-bottom: 1rem;
}

@media (max-width: 575.98px) {
    .change .nav-pills:not(.nav-pills-circle) .nav-item {
        padding-right: 0;
    }
}

.change .nav-pill-circle .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    height: 80px;
    width: 80px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .change .nav-pill-circle .nav-link.avatar-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.change .nav-pill-circle.vertical-tab .nav-link-icon i,
.change .nav-pill-circle.vertical-tab .nav-link-icon svg {
    font-size: 1.5rem;
}

.change .nav-pill-circle.vertical-tab .nav-item:not(:last-child) {
    padding-right: 0;
}

.change .nav-pill-circle .nav-link-icon i,
.change .nav-pill-circle .nav-link-icon svg {
    font-size: 1.25rem;
    margin: 0;
    display: block;
}

.change .nav-pill-square .nav-link {
    text-align: center;
    min-width: 80px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.change .nav-pill-square.vertical-tab .nav-link {
    margin-bottom: .625rem;
    min-width: 100px;
}

.change .nav-pill-square.vertical-tab .nav-item:not(:last-child) {
    padding-right: 0;
}

.change .nav-pill-square .nav-link-icon i,
.change .nav-pill-square .nav-link-icon svg {
    font-size: 1.25rem;
    margin: 0;
    display: block;
    line-height: 50px;
}

.change .nav-wrapper {
    padding: 1rem 0;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

    .change .nav-wrapper + .card {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem;
    }

.change .tab-content > .tab-pane {
    display: none;
}

    .change .tab-content > .tab-pane pre {
        padding: 0;
        margin: 0;
    }

.change .tab-content > .active {
    display: block;
}

@media (min-width: 992px) {
    .change .nav-pills .nav-item {
        margin-bottom: 0;
    }
}

.change .circle-pagination .page-link,
.change .circle-pagination span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 50%;
}

.change .dataTable-pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
}

    .change .dataTable-pagination-list li > a {
        position: relative;
        display: block;
        color: #2C2C2C;
        background-color: #fff;
        border: .0625rem solid #9ca3af;
        -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .change .dataTable-pagination-list li > a {
        -webkit-transition: none;
        transition: none;
    }
}

.change .dataTable-pagination-list li > a:hover {
    z-index: 2;
    color: #000;
    background-color: #e5e7eb;
    border-color: #d1d5db;
}

.change .dataTable-pagination-list li > a:focus {
    z-index: 3;
    color: #000;
    background-color: #e5e7eb;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.change .dataTable-pagination-list li:not(:first-child) a {
    margin-left: -.0625rem;
}

.change .dataTable-pagination-list li.active a {
    z-index: 3;
    color: #fff;
    background-color: #2C2C2C;
    border-color: #2C2C2C;
}

.change .dataTable-pagination-list li.disabled a {
    color: #4b5563;
    pointer-events: none;
    background-color: #fff;
    border-color: #d1d5db;
}

.change .popover {
    border: 0;
}

.change .popover-header {
    font-weight: 500;
}

.change .popover-primary {
    background-color: #2C2C2C;
}

    .change .popover-primary .popover-header {
        background-color: #2C2C2C;
        color: color-yiq(#2C2C2C);
    }

    .change .popover-primary .popover-body {
        color: color-yiq(#2C2C2C);
    }

    .change .popover-primary .popover-header {
        border-color: rgba(31, 41, 55, 0.2);
    }

    .change .popover-primary.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-primary.bs-popover-top .arrow::after {
        border-top-color: #2C2C2C;
    }

    .change .popover-primary.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-primary.bs-popover-end .arrow::after {
        border-right-color: #2C2C2C;
    }

    .change .popover-primary.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-primary.bs-popover-bottom .arrow::after {
        border-bottom-color: #2C2C2C;
    }

    .change .popover-primary.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-primary.bs-popover-start .arrow::after {
        border-left-color: #2C2C2C;
    }

.change .popover-secondary {
    background-color: #ffcc00;
}

    .change .popover-secondary .popover-header {
        background-color: #ffcc00;
        color: color-yiq(#ffcc00);
    }

    .change .popover-secondary .popover-body {
        color: color-yiq(#ffcc00);
    }

    .change .popover-secondary .popover-header {
        border-color: rgba(240, 188, 116, 0.2);
    }

    .change .popover-secondary.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-secondary.bs-popover-top .arrow::after {
        border-top-color: #ffcc00;
    }

    .change .popover-secondary.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-secondary.bs-popover-end .arrow::after {
        border-right-color: #ffcc00;
    }

    .change .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-secondary.bs-popover-bottom .arrow::after {
        border-bottom-color: #ffcc00;
    }

    .change .popover-secondary.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-secondary.bs-popover-start .arrow::after {
        border-left-color: #ffcc00;
    }

.change .popover-tertiary {
    background-color: #31316a;
}

    .change .popover-tertiary .popover-header {
        background-color: #31316a;
        color: color-yiq(#31316a);
    }

    .change .popover-tertiary .popover-body {
        color: color-yiq(#31316a);
    }

    .change .popover-tertiary .popover-header {
        border-color: rgba(49, 49, 106, 0.2);
    }

    .change .popover-tertiary.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-tertiary.bs-popover-top .arrow::after {
        border-top-color: #31316a;
    }

    .change .popover-tertiary.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-tertiary.bs-popover-end .arrow::after {
        border-right-color: #31316a;
    }

    .change .popover-tertiary.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-tertiary.bs-popover-bottom .arrow::after {
        border-bottom-color: #31316a;
    }

    .change .popover-tertiary.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-tertiary.bs-popover-start .arrow::after {
        border-left-color: #31316a;
    }

.change .popover-success {
    background-color: #10b981;
}

    .change .popover-success .popover-header {
        background-color: #10b981;
        color: color-yiq(#10b981);
    }

    .change .popover-success .popover-body {
        color: color-yiq(#10b981);
    }

    .change .popover-success .popover-header {
        border-color: rgba(16, 185, 129, 0.2);
    }

    .change .popover-success.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-success.bs-popover-top .arrow::after {
        border-top-color: #10b981;
    }

    .change .popover-success.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-success.bs-popover-end .arrow::after {
        border-right-color: #10b981;
    }

    .change .popover-success.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-success.bs-popover-bottom .arrow::after {
        border-bottom-color: #10b981;
    }

    .change .popover-success.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-success.bs-popover-start .arrow::after {
        border-left-color: #10b981;
    }

.change .popover-info {
    background-color: #2361ce;
}

    .change .popover-info .popover-header {
        background-color: #2361ce;
        color: color-yiq(#2361ce);
    }

    .change .popover-info .popover-body {
        color: color-yiq(#2361ce);
    }

    .change .popover-info .popover-header {
        border-color: rgba(35, 97, 206, 0.2);
    }

    .change .popover-info.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-info.bs-popover-top .arrow::after {
        border-top-color: #2361ce;
    }

    .change .popover-info.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-info.bs-popover-end .arrow::after {
        border-right-color: #2361ce;
    }

    .change .popover-info.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-info.bs-popover-bottom .arrow::after {
        border-bottom-color: #2361ce;
    }

    .change .popover-info.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-info.bs-popover-start .arrow::after {
        border-left-color: #2361ce;
    }

.change .popover-warning {
    background-color: #fba918;
}

    .change .popover-warning .popover-header {
        background-color: #fba918;
        color: color-yiq(#fba918);
    }

    .change .popover-warning .popover-body {
        color: color-yiq(#fba918);
    }

    .change .popover-warning .popover-header {
        border-color: rgba(251, 169, 24, 0.2);
    }

    .change .popover-warning.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-warning.bs-popover-top .arrow::after {
        border-top-color: #fba918;
    }

    .change .popover-warning.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-warning.bs-popover-end .arrow::after {
        border-right-color: #fba918;
    }

    .change .popover-warning.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-warning.bs-popover-bottom .arrow::after {
        border-bottom-color: #fba918;
    }

    .change .popover-warning.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-warning.bs-popover-start .arrow::after {
        border-left-color: #fba918;
    }

.change .popover-danger {
    background-color: #e11d48;
}

    .change .popover-danger .popover-header {
        background-color: #e11d48;
        color: color-yiq(#e11d48);
    }

    .change .popover-danger .popover-body {
        color: color-yiq(#e11d48);
    }

    .change .popover-danger .popover-header {
        border-color: rgba(225, 29, 72, 0.2);
    }

    .change .popover-danger.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-danger.bs-popover-top .arrow::after {
        border-top-color: #e11d48;
    }

    .change .popover-danger.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-danger.bs-popover-end .arrow::after {
        border-right-color: #e11d48;
    }

    .change .popover-danger.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-danger.bs-popover-bottom .arrow::after {
        border-bottom-color: #e11d48;
    }

    .change .popover-danger.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-danger.bs-popover-start .arrow::after {
        border-left-color: #e11d48;
    }

.change .popover-white {
    background-color: #fff;
}

    .change .popover-white .popover-header {
        background-color: #fff;
        color: color-yiq(#fff);
    }

    .change .popover-white .popover-body {
        color: color-yiq(#fff);
    }

    .change .popover-white .popover-header {
        border-color: rgba(255, 255, 255, 0.2);
    }

    .change .popover-white.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-white.bs-popover-top .arrow::after {
        border-top-color: #fff;
    }

    .change .popover-white.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-white.bs-popover-end .arrow::after {
        border-right-color: #fff;
    }

    .change .popover-white.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-white.bs-popover-bottom .arrow::after {
        border-bottom-color: #fff;
    }

    .change .popover-white.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-white.bs-popover-start .arrow::after {
        border-left-color: #fff;
    }

.change .popover-indigo {
    background-color: #4f46e5;
}

    .change .popover-indigo .popover-header {
        background-color: #4f46e5;
        color: color-yiq(#4f46e5);
    }

    .change .popover-indigo .popover-body {
        color: color-yiq(#4f46e5);
    }

    .change .popover-indigo .popover-header {
        border-color: rgba(79, 70, 229, 0.2);
    }

    .change .popover-indigo.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-indigo.bs-popover-top .arrow::after {
        border-top-color: #4f46e5;
    }

    .change .popover-indigo.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-indigo.bs-popover-end .arrow::after {
        border-right-color: #4f46e5;
    }

    .change .popover-indigo.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-indigo.bs-popover-bottom .arrow::after {
        border-bottom-color: #4f46e5;
    }

    .change .popover-indigo.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-indigo.bs-popover-start .arrow::after {
        border-left-color: #4f46e5;
    }

.change .popover-purple {
    background-color: #7c3aed;
}

    .change .popover-purple .popover-header {
        background-color: #7c3aed;
        color: color-yiq(#7c3aed);
    }

    .change .popover-purple .popover-body {
        color: color-yiq(#7c3aed);
    }

    .change .popover-purple .popover-header {
        border-color: rgba(124, 58, 237, 0.2);
    }

    .change .popover-purple.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-purple.bs-popover-top .arrow::after {
        border-top-color: #7c3aed;
    }

    .change .popover-purple.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-purple.bs-popover-end .arrow::after {
        border-right-color: #7c3aed;
    }

    .change .popover-purple.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-purple.bs-popover-bottom .arrow::after {
        border-bottom-color: #7c3aed;
    }

    .change .popover-purple.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-purple.bs-popover-start .arrow::after {
        border-left-color: #7c3aed;
    }

.change .popover-yellow-100 {
    background-color: #ffcc00;
}

    .change .popover-yellow-100 .popover-header {
        background-color: #ffcc00;
        color: color-yiq(#ffcc00);
    }

    .change .popover-yellow-100 .popover-body {
        color: color-yiq(#ffcc00);
    }

    .change .popover-yellow-100 .popover-header {
        border-color: rgba(255, 238, 214, 0.2);
    }

    .change .popover-yellow-100.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-yellow-100.bs-popover-top .arrow::after {
        border-top-color: #ffcc00;
    }

    .change .popover-yellow-100.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-yellow-100.bs-popover-end .arrow::after {
        border-right-color: #ffcc00;
    }

    .change .popover-yellow-100.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-yellow-100.bs-popover-bottom .arrow::after {
        border-bottom-color: #ffcc00;
    }

    .change .popover-yellow-100.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-yellow-100.bs-popover-start .arrow::after {
        border-left-color: #ffcc00;
    }

.change .popover-yellow-200 {
    background-color: #ffcc00;
}

    .change .popover-yellow-200 .popover-header {
        background-color: #ffcc00;
        color: color-yiq(#ffcc00);
    }

    .change .popover-yellow-200 .popover-body {
        color: color-yiq(#ffcc00);
    }

    .change .popover-yellow-200 .popover-header {
        border-color: rgba(245, 219, 184, 0.2);
    }

    .change .popover-yellow-200.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-yellow-200.bs-popover-top .arrow::after {
        border-top-color: #ffcc00;
    }

    .change .popover-yellow-200.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-yellow-200.bs-popover-end .arrow::after {
        border-right-color: #ffcc00;
    }

    .change .popover-yellow-200.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-yellow-200.bs-popover-bottom .arrow::after {
        border-bottom-color: #ffcc00;
    }

    .change .popover-yellow-200.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-yellow-200.bs-popover-start .arrow::after {
        border-left-color: #ffcc00;
    }

.change .popover-gray-50 {
    background-color: #f9fafb;
}

    .change .popover-gray-50 .popover-header {
        background-color: #f9fafb;
        color: color-yiq(#f9fafb);
    }

    .change .popover-gray-50 .popover-body {
        color: color-yiq(#f9fafb);
    }

    .change .popover-gray-50 .popover-header {
        border-color: rgba(249, 250, 251, 0.2);
    }

    .change .popover-gray-50.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-50.bs-popover-top .arrow::after {
        border-top-color: #f9fafb;
    }

    .change .popover-gray-50.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-50.bs-popover-end .arrow::after {
        border-right-color: #f9fafb;
    }

    .change .popover-gray-50.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-50.bs-popover-bottom .arrow::after {
        border-bottom-color: #f9fafb;
    }

    .change .popover-gray-50.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-50.bs-popover-start .arrow::after {
        border-left-color: #f9fafb;
    }

.change .popover-gray-100 {
    background-color: #f2f4f6;
}

    .change .popover-gray-100 .popover-header {
        background-color: #f2f4f6;
        color: color-yiq(#f2f4f6);
    }

    .change .popover-gray-100 .popover-body {
        color: color-yiq(#f2f4f6);
    }

    .change .popover-gray-100 .popover-header {
        border-color: rgba(242, 244, 246, 0.2);
    }

    .change .popover-gray-100.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-100.bs-popover-top .arrow::after {
        border-top-color: #f2f4f6;
    }

    .change .popover-gray-100.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-100.bs-popover-end .arrow::after {
        border-right-color: #f2f4f6;
    }

    .change .popover-gray-100.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-100.bs-popover-bottom .arrow::after {
        border-bottom-color: #f2f4f6;
    }

    .change .popover-gray-100.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-100.bs-popover-start .arrow::after {
        border-left-color: #f2f4f6;
    }

.change .popover-gray-200 {
    background-color: #e5e7eb;
}

    .change .popover-gray-200 .popover-header {
        background-color: #e5e7eb;
        color: color-yiq(#e5e7eb);
    }

    .change .popover-gray-200 .popover-body {
        color: color-yiq(#e5e7eb);
    }

    .change .popover-gray-200 .popover-header {
        border-color: rgba(229, 231, 235, 0.2);
    }

    .change .popover-gray-200.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-200.bs-popover-top .arrow::after {
        border-top-color: #e5e7eb;
    }

    .change .popover-gray-200.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-200.bs-popover-end .arrow::after {
        border-right-color: #e5e7eb;
    }

    .change .popover-gray-200.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-200.bs-popover-bottom .arrow::after {
        border-bottom-color: #e5e7eb;
    }

    .change .popover-gray-200.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-200.bs-popover-start .arrow::after {
        border-left-color: #e5e7eb;
    }

.change .popover-gray-300 {
    background-color: #d1d5db;
}

    .change .popover-gray-300 .popover-header {
        background-color: #d1d5db;
        color: color-yiq(#d1d5db);
    }

    .change .popover-gray-300 .popover-body {
        color: color-yiq(#d1d5db);
    }

    .change .popover-gray-300 .popover-header {
        border-color: rgba(209, 213, 219, 0.2);
    }

    .change .popover-gray-300.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-300.bs-popover-top .arrow::after {
        border-top-color: #d1d5db;
    }

    .change .popover-gray-300.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-300.bs-popover-end .arrow::after {
        border-right-color: #d1d5db;
    }

    .change .popover-gray-300.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-300.bs-popover-bottom .arrow::after {
        border-bottom-color: #d1d5db;
    }

    .change .popover-gray-300.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-300.bs-popover-start .arrow::after {
        border-left-color: #d1d5db;
    }

.change .popover-gray-400 {
    background-color: #9ca3af;
}

    .change .popover-gray-400 .popover-header {
        background-color: #9ca3af;
        color: color-yiq(#9ca3af);
    }

    .change .popover-gray-400 .popover-body {
        color: color-yiq(#9ca3af);
    }

    .change .popover-gray-400 .popover-header {
        border-color: rgba(156, 163, 175, 0.2);
    }

    .change .popover-gray-400.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-400.bs-popover-top .arrow::after {
        border-top-color: #9ca3af;
    }

    .change .popover-gray-400.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-400.bs-popover-end .arrow::after {
        border-right-color: #9ca3af;
    }

    .change .popover-gray-400.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-400.bs-popover-bottom .arrow::after {
        border-bottom-color: #9ca3af;
    }

    .change .popover-gray-400.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-400.bs-popover-start .arrow::after {
        border-left-color: #9ca3af;
    }

.change .popover-gray-500 {
    background-color: #6b7280;
}

    .change .popover-gray-500 .popover-header {
        background-color: #6b7280;
        color: color-yiq(#6b7280);
    }

    .change .popover-gray-500 .popover-body {
        color: color-yiq(#6b7280);
    }

    .change .popover-gray-500 .popover-header {
        border-color: rgba(107, 114, 128, 0.2);
    }

    .change .popover-gray-500.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-500.bs-popover-top .arrow::after {
        border-top-color: #6b7280;
    }

    .change .popover-gray-500.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-500.bs-popover-end .arrow::after {
        border-right-color: #6b7280;
    }

    .change .popover-gray-500.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-500.bs-popover-bottom .arrow::after {
        border-bottom-color: #6b7280;
    }

    .change .popover-gray-500.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-500.bs-popover-start .arrow::after {
        border-left-color: #6b7280;
    }

.change .popover-gray-600 {
    background-color: #4b5563;
}

    .change .popover-gray-600 .popover-header {
        background-color: #4b5563;
        color: color-yiq(#4b5563);
    }

    .change .popover-gray-600 .popover-body {
        color: color-yiq(#4b5563);
    }

    .change .popover-gray-600 .popover-header {
        border-color: rgba(75, 85, 99, 0.2);
    }

    .change .popover-gray-600.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-600.bs-popover-top .arrow::after {
        border-top-color: #4b5563;
    }

    .change .popover-gray-600.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-600.bs-popover-end .arrow::after {
        border-right-color: #4b5563;
    }

    .change .popover-gray-600.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-600.bs-popover-bottom .arrow::after {
        border-bottom-color: #4b5563;
    }

    .change .popover-gray-600.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-600.bs-popover-start .arrow::after {
        border-left-color: #4b5563;
    }

.change .popover-gray-700 {
    background-color: #374151;
}

    .change .popover-gray-700 .popover-header {
        background-color: #374151;
        color: color-yiq(#374151);
    }

    .change .popover-gray-700 .popover-body {
        color: color-yiq(#374151);
    }

    .change .popover-gray-700 .popover-header {
        border-color: rgba(55, 65, 81, 0.2);
    }

    .change .popover-gray-700.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-700.bs-popover-top .arrow::after {
        border-top-color: #374151;
    }

    .change .popover-gray-700.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-700.bs-popover-end .arrow::after {
        border-right-color: #374151;
    }

    .change .popover-gray-700.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-700.bs-popover-bottom .arrow::after {
        border-bottom-color: #374151;
    }

    .change .popover-gray-700.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-700.bs-popover-start .arrow::after {
        border-left-color: #374151;
    }

.change .popover-gray-800 {
    background-color: #2C2C2C;
}

    .change .popover-gray-800 .popover-header {
        background-color: #2C2C2C;
        color: color-yiq(#2C2C2C);
    }

    .change .popover-gray-800 .popover-body {
        color: color-yiq(#2C2C2C);
    }

    .change .popover-gray-800 .popover-header {
        border-color: rgba(31, 41, 55, 0.2);
    }

    .change .popover-gray-800.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-800.bs-popover-top .arrow::after {
        border-top-color: #2C2C2C;
    }

    .change .popover-gray-800.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-800.bs-popover-end .arrow::after {
        border-right-color: #2C2C2C;
    }

    .change .popover-gray-800.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-800.bs-popover-bottom .arrow::after {
        border-bottom-color: #2C2C2C;
    }

    .change .popover-gray-800.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-800.bs-popover-start .arrow::after {
        border-left-color: #2C2C2C;
    }

.change .popover-gray-900 {
    background-color: #111827;
}

    .change .popover-gray-900 .popover-header {
        background-color: #111827;
        color: color-yiq(#111827);
    }

    .change .popover-gray-900 .popover-body {
        color: color-yiq(#111827);
    }

    .change .popover-gray-900 .popover-header {
        border-color: rgba(17, 24, 39, 0.2);
    }

    .change .popover-gray-900.bs-popover-auto[data-popper-placement^=top] .arrow::after,
    .change .popover-gray-900.bs-popover-top .arrow::after {
        border-top-color: #111827;
    }

    .change .popover-gray-900.bs-popover-auto[data-popper-placement^=right] .arrow::after,
    .change .popover-gray-900.bs-popover-end .arrow::after {
        border-right-color: #111827;
    }

    .change .popover-gray-900.bs-popover-auto[data-popper-placement^=bottom] .arrow::after,
    .change .popover-gray-900.bs-popover-bottom .arrow::after {
        border-bottom-color: #111827;
    }

    .change .popover-gray-900.bs-popover-auto[data-popper-placement^=left] .arrow::after,
    .change .popover-gray-900.bs-popover-start .arrow::after {
        border-left-color: #111827;
    }

.change .progress-wrapper {
    position: relative;
}

.change .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    height: auto;
}

.change .progress {
    height: 6px;
    margin-bottom: 1rem;
    overflow: hidden;
    background-color: #e5e7eb;
    font-size: .75rem;
    font-weight: 500;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.change .progress-xl {
    height: .8rem;
}

.change .progress-lg {
    height: .6rem;
}

.change .progress-sm {
    height: .2rem;
}

.change .progress-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: .5rem;
}

    .change .progress-info .progress-label span {
        display: inline-block;
        color: #2C2C2C;
        font-size: .875rem;
        font-weight: 500;
    }

    .change .progress-info .progress-percentage {
        text-align: right;
    }

        .change .progress-info .progress-percentage span {
            display: inline-block;
            color: #6b7280;
            font-size: .75rem;
            font-weight: 500;
        }

.change .info-xl .progress-label span,
.change .info-xl .progress-percentage span {
    font-size: .875rem;
}

.change .info-xl .progress-percentage {
    text-align: right;
}

.change .progress-tooltip {
    background: #2C2C2C;
    color: #fff;
    font-weight: 500;
    padding: .25rem .375rem;
    line-height: 1;
    font-size: .75rem;
    position: relative;
    border-radius: .35rem;
}

    .change .progress-tooltip:after {
        content: " ";
        position: absolute;
        top: 100%;
        left: 10px;
        border: solid transparent;
        height: 0;
        width: 0;
        pointer-events: none;
        border-top-color: #111827;
        border-width: 6px;
    }

@-webkit-keyframes animate-positive {
    0% {
        width: 0%;
    }
}

@keyframes animate-positive {
    0% {
        width: 0%;
    }
}

.change .progress-info .bg-primary::after {
    border-top-color: #2C2C2C;
}

.change .progress-info .bg-secondary::after {
    border-top-color: #ffcc00;
}

.change .progress-info .bg-tertiary::after {
    border-top-color: #31316a;
}

.change .progress-info .bg-success::after {
    border-top-color: #10b981;
}

.change .progress-info .bg-info::after {
    border-top-color: #2361ce;
}

.change .progress-info .bg-warning::after {
    border-top-color: #fba918;
}

.change .progress-info .bg-danger::after {
    border-top-color: #e11d48;
}

.change .progress-info .bg-white::after {
    border-top-color: #fff;
}

.change .progress-info .bg-indigo::after {
    border-top-color: #4f46e5;
}

.change .progress-info .bg-purple::after {
    border-top-color: #7c3aed;
}

.change .progress-info .bg-yellow-100::after {
    border-top-color: #ffcc00;
}

.change .progress-info .bg-yellow-200::after {
    border-top-color: #ffcc00;
}

.change .progress-info .bg-gray-50::after {
    border-top-color: #f9fafb;
}

.change .progress-info .bg-gray-100::after {
    border-top-color: #f2f4f6;
}

.change .progress-info .bg-gray-200::after {
    border-top-color: #e5e7eb;
}

.change .progress-info .bg-gray-300::after {
    border-top-color: #d1d5db;
}

.change .progress-info .bg-gray-400::after {
    border-top-color: #9ca3af;
}

.change .progress-info .bg-gray-500::after {
    border-top-color: #6b7280;
}

.change .progress-info .bg-gray-600::after {
    border-top-color: #4b5563;
}

.change .progress-info .bg-gray-700::after {
    border-top-color: #374151;
}

.change .progress-info .bg-gray-800::after {
    border-top-color: #2C2C2C;
}

.change .progress-info .bg-gray-900::after {
    border-top-color: #111827;
}

.change .choices__inner {
    background-color: #fff;
    border-color: #d1d5db;
    border-radius: .5rem;
}

.change .choices__list.choices__list--dropdown {
    border-color: #d1d5db;
    margin-top: .5rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.change .choices .is-open .choices__inner,
.change .choices.is-focused .choices__inner {
    background-color: #fff;
    border-color: #d1d5db;
    border-radius: .5rem;
}

.change .choices__list--multiple .choices__item.is-highlighted {
    background-color: #e5e7eb;
    border-color: #d1d5db;
}

.change .is-disabled .choices__list--multiple .choices__item {
    background-color: #9ca3af;
    border-color: #d1d5db;
}

.change .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #e5e7eb;
}

.change .choices__input {
    background-color: transparent;
}

.change .choices__list--multiple .choices__item {
    background-color: #2C2C2C;
    border: 0;
    border-radius: .5rem;
}

.change .avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
}

.change .avatar-md {
    width: 3rem;
    height: 3rem;
}

.change .avatar-lg {
    width: 4.5rem;
    height: 4.5rem;
}

.change .step {
    position: relative;
    margin-bottom: 4rem;
    border-radius: 6px;
}

    .change .step .step-shape {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 7rem;
        height: 7rem;
        text-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center;
    }

        .change .step .step-shape i,
        .change .step .step-shape svg {
            font-size: 2rem;
        }

        .change .step .step-shape .step-number {
            position: absolute;
            font-weight: 500;
            top: -10px;
            width: 32px;
            height: 32px;
            border-width: .125rem;
            border-style: solid;
            line-height: 1.7;
        }

        .change .step .step-shape.bordered {
            border-width: .125rem;
            border-style: solid;
        }

            .change .step .step-shape.bordered .step-number {
                background-color: #fff;
                top: -12px;
            }

        .change .step .step-shape.rounded-circle .step-number {
            margin-right: 1.275rem;
        }

    .change .step .icon-lg {
        font-size: 4.5rem;
    }

    .change .step .back-layer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        font-size: 12rem;
        z-index: 0;
        top: 0;
    }

.change .table thead th {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 0;
}

.change .table th {
    font-weight: 500;
    padding: 1rem;
}

.change .table td .progress {
    height: 3px;
    width: 120px;
    margin: 0;
}

.change .table td,
.change .table th {
    font-size: .875rem;
    white-space: nowrap;
}

.change .table.user-table thead th {
    border-top: 0;
}

.change .table.align-items-center td,
.change .table.align-items-center th {
    vertical-align: middle;
}

.change .table .thead-dark th {
    background-color: #2C2C2C;
    color: #fff;
}

    .change .table .thead-dark th a {
        color: #2C2C2C;
    }

.change .table .thead-light th {
    background-color: #f2f4f6;
    color: #2C2C2C;
}

    .change .table .thead-light th a {
        color: #2C2C2C;
    }

.change .table-hover tr {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

@media (prefers-reduced-motion: reduce) {
    .change .table-hover tr {
        -webkit-transition: none;
        transition: none;
    }
}

.change .table-flush td,
.change .table-flush th {
    border-left: 0;
    border-right: 0;
}

.change .table-flush tbody tr:first-child td,
.change .table-flush tbody tr:first-child th {
    border-top: 0;
}

.change .table-flush tbody tr:last-child td,
.change .table-flush tbody tr:last-child th {
    border-bottom: 0;
}

.change .card .table {
    margin-bottom: 0;
}

    .change .card .table td,
    .change .card .table th {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

.change .table [data-sort] {
    cursor: pointer;
}

.change .table .custom-toggle {
    display: block;
}

.change .table .thead-dark [data-sort]::after {
    content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%231F2937'/></svg>");
    margin-left: .25rem;
}

.change .table .thead-light [data-sort]::after {
    content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%231F2937'/></svg>");
    margin-left: .25rem;
}

.change .dataTables_wrapper .dataTables_info {
    padding-left: 1.5rem;
}

.change .dataTables_wrapper .dataTables_paginate {
    padding-right: 1.5rem;
}

.change .dataTables_wrapper .dataTables_length label {
    padding-left: 1.5rem;
}

.change .dataTables_wrapper .dataTables_filter {
    padding-right: 1.5rem;
}

.change .dataTable-bottom,
.change .dataTable-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767.98px) {
    .change .dataTable-bottom,
    .change .dataTable-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .change .dataTable-bottom .dataTable-info,
        .change .dataTable-top .dataTable-info {
            margin-bottom: 1rem;
        }
}

.change .dataTable-top {
    padding: 0 1rem 1rem 1rem;
}

.change .dataTable-bottom {
    padding: 1.5rem 1rem 0 1rem;
}

.change .dataTable-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
}

    .change .dataTable-pagination a {
        padding: .375rem .75rem;
    }

    .change .dataTable-pagination li:first-child a {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
    }

    .change .dataTable-pagination li:last-child a {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem;
    }

    .change .dataTable-pagination > li:not(:first-child) a {
        margin-left: -.0625rem;
    }

    .change .dataTable-pagination > li.active a {
        z-index: 3;
        color: #fff;
        background-color: #2C2C2C;
        border-color: #2C2C2C;
    }

    .change .dataTable-pagination > li.disabled a {
        color: #4b5563;
        pointer-events: none;
        background-color: #fff;
        border-color: #d1d5db;
    }

    .change .dataTable-pagination > li a {
        position: relative;
        display: block;
        color: #2C2C2C;
        background-color: #fff;
        border: .0625rem solid #9ca3af;
    }

        .change .dataTable-pagination > li a:hover {
            z-index: 2;
            color: #000;
            background-color: #e5e7eb;
            border-color: #d1d5db;
        }

        .change .dataTable-pagination > li a:focus {
            z-index: 3;
            outline: 0;
            -webkit-box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
            box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
        }

.change .dataTable-selector {
    display: inline-block;
    width: auto;
    height: calc(1.5em + 1.125rem);
    padding: .5rem 2rem .5rem 1rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6b7280;
    vertical-align: middle;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: .0625rem solid #d1d5db;
    border-radius: .5rem;
    -webkit-box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .change .dataTable-selector:focus {
        border-color: #4d6689;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
        box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    }

        .change .dataTable-selector:focus::-ms-value {
            color: #6b7280;
            background-color: #fff;
        }

    .change .dataTable-selector[multiple],
    .change .dataTable-selector[size]:not([size="1"]) {
        height: auto;
        padding-right: 1rem;
        background-image: none;
    }

    .change .dataTable-selector:disabled {
        color: #4b5563;
        background-color: #e5e7eb;
    }

    .change .dataTable-selector:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #6b7280;
    }

.change .dataTable-input {
    display: block;
    width: 100%;
    min-height: calc(1.5em + 1.125rem);
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6b7280;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid #d1d5db;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .change .dataTable-input {
        -webkit-transition: none;
        transition: none;
    }
}

.change .dataTable-input:focus {
    color: #6b7280;
    background-color: #fff;
    border-color: #4d6689;
    outline: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.change .dataTable-input::-webkit-input-placeholder {
    color: #4b5563;
    opacity: 1;
}

.change .dataTable-input:-ms-input-placeholder {
    color: #4b5563;
    opacity: 1;
}

.change .dataTable-input::-ms-input-placeholder {
    color: #4b5563;
    opacity: 1;
}

.change .dataTable-input::placeholder {
    color: #4b5563;
    opacity: 1;
}

.change .dataTable-input:disabled,
.change .dataTable-input[readonly] {
    background-color: #e5e7eb;
    opacity: 1;
}

.change .h1,
.change .h2,
.change .h3,
.change .h4,
.change .h5,
.change .h6,
.change h1,
.change h2,
.change h3,
.change h4,
.change h5,
.change h6 {
    font-family: Inter, sans-serif;
    font-weight: 500;
}

.change .p,
.change ol li,
.change p,
.change ul li {
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

.change .text-action,
.change a {
    color: #2C2C2C;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .text-action:hover,
    .change a:hover {
        color: #000;
        cursor: pointer;
    }

.change .lead + .btn-wrapper {
    margin-top: 3rem;
}

@media (max-width: 767.98px) {
    .change .lead {
        font-size: 1rem;
    }
}

.change .line-through {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
}

.change .text-italic {
    font-style: italic !important;
}

.change .description {
    font-size: .875rem;
}

.change .hover\:underline:hover {
    text-decoration: underline;
}

.change .heading {
    font-size: 2rem;
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .change .display-2 {
        font-size: 1.875rem;
    }
}

@media (max-width: 991.98px) {
    .change .display-3 {
        font-size: 1.875rem;
    }
}

@media (max-width: 575.98px) {
    .change .display-4 {
        font-size: 1.5rem;
    }
}

.change .blockquote {
    font-style: italic;
}

@media (max-width: 767.98px) {
    .change .blockquote.blockquote-large {
        font-size: 1.25rem;
    }
}

.change .blockquote .blockquote-footer {
    font-size: .875rem;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .change .blockquote .blockquote-footer {
        font-size: 1.25rem;
    }
}

.change .font-small {
    font-size: .875rem;
    font-weight: 300;
}

.change .font-base {
    font-size: 1rem;
    font-weight: 300;
}

.change .font-medium {
    font-size: 1.25rem;
    font-weight: 300;
}

.change code[class*=language-],
.change pre[class*=language-] {
    text-shadow: none;
    font-family: var(--bs-font-sans-serif);
    font-weight: 500;
}

.change .text-primary,
.change .text-primary:hover {
    color: #2C2C2C !important;
}

    .change .text-primary .display-1,
    .change .text-primary .display-2,
    .change .text-primary .display-3,
    .change .text-primary .display-4,
    .change .text-primary .h1,
    .change .text-primary .h2,
    .change .text-primary .h3,
    .change .text-primary .h4,
    .change .text-primary .h5,
    .change .text-primary .h6,
    .change .text-primary a:not(.btn),
    .change .text-primary h1,
    .change .text-primary h2,
    .change .text-primary h3,
    .change .text-primary h4,
    .change .text-primary h5,
    .change .text-primary h6 {
        color: #2C2C2C;
    }

    .change .text-primary .text-muted {
        color: rgba(31, 41, 55, 0.7) !important;
    }

.change .text-secondary,
.change .text-secondary:hover {
    color: #ffcc00 !important;
}

    .change .text-secondary .display-1,
    .change .text-secondary .display-2,
    .change .text-secondary .display-3,
    .change .text-secondary .display-4,
    .change .text-secondary .h1,
    .change .text-secondary .h2,
    .change .text-secondary .h3,
    .change .text-secondary .h4,
    .change .text-secondary .h5,
    .change .text-secondary .h6,
    .change .text-secondary a:not(.btn),
    .change .text-secondary h1,
    .change .text-secondary h2,
    .change .text-secondary h3,
    .change .text-secondary h4,
    .change .text-secondary h5,
    .change .text-secondary h6 {
        color: #ffcc00;
    }

    .change .text-secondary .text-muted {
        color: rgba(240, 188, 116, 0.7) !important;
    }

.change .text-tertiary,
.change .text-tertiary:hover {
    color: #31316a !important;
}

    .change .text-tertiary .display-1,
    .change .text-tertiary .display-2,
    .change .text-tertiary .display-3,
    .change .text-tertiary .display-4,
    .change .text-tertiary .h1,
    .change .text-tertiary .h2,
    .change .text-tertiary .h3,
    .change .text-tertiary .h4,
    .change .text-tertiary .h5,
    .change .text-tertiary .h6,
    .change .text-tertiary a:not(.btn),
    .change .text-tertiary h1,
    .change .text-tertiary h2,
    .change .text-tertiary h3,
    .change .text-tertiary h4,
    .change .text-tertiary h5,
    .change .text-tertiary h6 {
        color: #31316a;
    }

    .change .text-tertiary .text-muted {
        color: rgba(49, 49, 106, 0.7) !important;
    }

.change .text-success,
.change .text-success:hover {
    color: #10b981 !important;
}

    .change .text-success .display-1,
    .change .text-success .display-2,
    .change .text-success .display-3,
    .change .text-success .display-4,
    .change .text-success .h1,
    .change .text-success .h2,
    .change .text-success .h3,
    .change .text-success .h4,
    .change .text-success .h5,
    .change .text-success .h6,
    .change .text-success a:not(.btn),
    .change .text-success h1,
    .change .text-success h2,
    .change .text-success h3,
    .change .text-success h4,
    .change .text-success h5,
    .change .text-success h6 {
        color: #10b981;
    }

    .change .text-success .text-muted {
        color: rgba(16, 185, 129, 0.7) !important;
    }

.change .text-info,
.change .text-info:hover {
    color: #2361ce !important;
}

    .change .text-info .display-1,
    .change .text-info .display-2,
    .change .text-info .display-3,
    .change .text-info .display-4,
    .change .text-info .h1,
    .change .text-info .h2,
    .change .text-info .h3,
    .change .text-info .h4,
    .change .text-info .h5,
    .change .text-info .h6,
    .change .text-info a:not(.btn),
    .change .text-info h1,
    .change .text-info h2,
    .change .text-info h3,
    .change .text-info h4,
    .change .text-info h5,
    .change .text-info h6 {
        color: #2361ce;
    }

    .change .text-info .text-muted {
        color: rgba(35, 97, 206, 0.7) !important;
    }

.change .text-warning,
.change .text-warning:hover {
    color: #fba918 !important;
}

    .change .text-warning .display-1,
    .change .text-warning .display-2,
    .change .text-warning .display-3,
    .change .text-warning .display-4,
    .change .text-warning .h1,
    .change .text-warning .h2,
    .change .text-warning .h3,
    .change .text-warning .h4,
    .change .text-warning .h5,
    .change .text-warning .h6,
    .change .text-warning a:not(.btn),
    .change .text-warning h1,
    .change .text-warning h2,
    .change .text-warning h3,
    .change .text-warning h4,
    .change .text-warning h5,
    .change .text-warning h6 {
        color: #fba918;
    }

    .change .text-warning .text-muted {
        color: rgba(251, 169, 24, 0.7) !important;
    }

.change .text-danger,
.change .text-danger:hover {
    color: #e11d48 !important;
}

    .change .text-danger .display-1,
    .change .text-danger .display-2,
    .change .text-danger .display-3,
    .change .text-danger .display-4,
    .change .text-danger .h1,
    .change .text-danger .h2,
    .change .text-danger .h3,
    .change .text-danger .h4,
    .change .text-danger .h5,
    .change .text-danger .h6,
    .change .text-danger a:not(.btn),
    .change .text-danger h1,
    .change .text-danger h2,
    .change .text-danger h3,
    .change .text-danger h4,
    .change .text-danger h5,
    .change .text-danger h6 {
        color: #e11d48;
    }

    .change .text-danger .text-muted {
        color: rgba(225, 29, 72, 0.7) !important;
    }

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

    .change .text-white .display-1,
    .change .text-white .display-2,
    .change .text-white .display-3,
    .change .text-white .display-4,
    .change .text-white .h1,
    .change .text-white .h2,
    .change .text-white .h3,
    .change .text-white .h4,
    .change .text-white .h5,
    .change .text-white .h6,
    .change .text-white a:not(.btn),
    .change .text-white h1,
    .change .text-white h2,
    .change .text-white h3,
    .change .text-white h4,
    .change .text-white h5,
    .change .text-white h6 {
        color: #fff;
    }

    .change .text-white .text-muted {
        color: rgba(255, 255, 255, 0.7) !important;
    }

.change .text-indigo,
.change .text-indigo:hover {
    color: #4f46e5 !important;
}

    .change .text-indigo .display-1,
    .change .text-indigo .display-2,
    .change .text-indigo .display-3,
    .change .text-indigo .display-4,
    .change .text-indigo .h1,
    .change .text-indigo .h2,
    .change .text-indigo .h3,
    .change .text-indigo .h4,
    .change .text-indigo .h5,
    .change .text-indigo .h6,
    .change .text-indigo a:not(.btn),
    .change .text-indigo h1,
    .change .text-indigo h2,
    .change .text-indigo h3,
    .change .text-indigo h4,
    .change .text-indigo h5,
    .change .text-indigo h6 {
        color: #4f46e5;
    }

    .change .text-indigo .text-muted {
        color: rgba(79, 70, 229, 0.7) !important;
    }

.change .text-purple,
.change .text-purple:hover {
    color: #7c3aed !important;
}

    .change .text-purple .display-1,
    .change .text-purple .display-2,
    .change .text-purple .display-3,
    .change .text-purple .display-4,
    .change .text-purple .h1,
    .change .text-purple .h2,
    .change .text-purple .h3,
    .change .text-purple .h4,
    .change .text-purple .h5,
    .change .text-purple .h6,
    .change .text-purple a:not(.btn),
    .change .text-purple h1,
    .change .text-purple h2,
    .change .text-purple h3,
    .change .text-purple h4,
    .change .text-purple h5,
    .change .text-purple h6 {
        color: #7c3aed;
    }

    .change .text-purple .text-muted {
        color: rgba(124, 58, 237, 0.7) !important;
    }

.change .text-yellow-100,
.change .text-yellow-100:hover {
    color: #ffcc00 !important;
}

    .change .text-yellow-100 .display-1,
    .change .text-yellow-100 .display-2,
    .change .text-yellow-100 .display-3,
    .change .text-yellow-100 .display-4,
    .change .text-yellow-100 .h1,
    .change .text-yellow-100 .h2,
    .change .text-yellow-100 .h3,
    .change .text-yellow-100 .h4,
    .change .text-yellow-100 .h5,
    .change .text-yellow-100 .h6,
    .change .text-yellow-100 a:not(.btn),
    .change .text-yellow-100 h1,
    .change .text-yellow-100 h2,
    .change .text-yellow-100 h3,
    .change .text-yellow-100 h4,
    .change .text-yellow-100 h5,
    .change .text-yellow-100 h6 {
        color: #ffcc00;
    }

    .change .text-yellow-100 .text-muted {
        color: rgba(255, 238, 214, 0.7) !important;
    }

.change .text-yellow-200,
.change .text-yellow-200:hover {
    color: #ffcc00 !important;
}

    .change .text-yellow-200 .display-1,
    .change .text-yellow-200 .display-2,
    .change .text-yellow-200 .display-3,
    .change .text-yellow-200 .display-4,
    .change .text-yellow-200 .h1,
    .change .text-yellow-200 .h2,
    .change .text-yellow-200 .h3,
    .change .text-yellow-200 .h4,
    .change .text-yellow-200 .h5,
    .change .text-yellow-200 .h6,
    .change .text-yellow-200 a:not(.btn),
    .change .text-yellow-200 h1,
    .change .text-yellow-200 h2,
    .change .text-yellow-200 h3,
    .change .text-yellow-200 h4,
    .change .text-yellow-200 h5,
    .change .text-yellow-200 h6 {
        color: #ffcc00;
    }

    .change .text-yellow-200 .text-muted {
        color: rgba(245, 219, 184, 0.7) !important;
    }

.change .text-gray-50,
.change .text-gray-50:hover {
    color: #f9fafb !important;
}

    .change .text-gray-50 .display-1,
    .change .text-gray-50 .display-2,
    .change .text-gray-50 .display-3,
    .change .text-gray-50 .display-4,
    .change .text-gray-50 .h1,
    .change .text-gray-50 .h2,
    .change .text-gray-50 .h3,
    .change .text-gray-50 .h4,
    .change .text-gray-50 .h5,
    .change .text-gray-50 .h6,
    .change .text-gray-50 a:not(.btn),
    .change .text-gray-50 h1,
    .change .text-gray-50 h2,
    .change .text-gray-50 h3,
    .change .text-gray-50 h4,
    .change .text-gray-50 h5,
    .change .text-gray-50 h6 {
        color: #f9fafb;
    }

    .change .text-gray-50 .text-muted {
        color: rgba(249, 250, 251, 0.7) !important;
    }

.change .text-gray-100,
.change .text-gray-100:hover {
    color: #f2f4f6 !important;
}

    .change .text-gray-100 .display-1,
    .change .text-gray-100 .display-2,
    .change .text-gray-100 .display-3,
    .change .text-gray-100 .display-4,
    .change .text-gray-100 .h1,
    .change .text-gray-100 .h2,
    .change .text-gray-100 .h3,
    .change .text-gray-100 .h4,
    .change .text-gray-100 .h5,
    .change .text-gray-100 .h6,
    .change .text-gray-100 a:not(.btn),
    .change .text-gray-100 h1,
    .change .text-gray-100 h2,
    .change .text-gray-100 h3,
    .change .text-gray-100 h4,
    .change .text-gray-100 h5,
    .change .text-gray-100 h6 {
        color: #f2f4f6;
    }

    .change .text-gray-100 .text-muted {
        color: rgba(242, 244, 246, 0.7) !important;
    }

.change .text-gray-200,
.change .text-gray-200:hover {
    color: #e5e7eb !important;
}

    .change .text-gray-200 .display-1,
    .change .text-gray-200 .display-2,
    .change .text-gray-200 .display-3,
    .change .text-gray-200 .display-4,
    .change .text-gray-200 .h1,
    .change .text-gray-200 .h2,
    .change .text-gray-200 .h3,
    .change .text-gray-200 .h4,
    .change .text-gray-200 .h5,
    .change .text-gray-200 .h6,
    .change .text-gray-200 a:not(.btn),
    .change .text-gray-200 h1,
    .change .text-gray-200 h2,
    .change .text-gray-200 h3,
    .change .text-gray-200 h4,
    .change .text-gray-200 h5,
    .change .text-gray-200 h6 {
        color: #e5e7eb;
    }

    .change .text-gray-200 .text-muted {
        color: rgba(229, 231, 235, 0.7) !important;
    }

.change .text-gray-300,
.change .text-gray-300:hover {
    color: #d1d5db !important;
}

    .change .text-gray-300 .display-1,
    .change .text-gray-300 .display-2,
    .change .text-gray-300 .display-3,
    .change .text-gray-300 .display-4,
    .change .text-gray-300 .h1,
    .change .text-gray-300 .h2,
    .change .text-gray-300 .h3,
    .change .text-gray-300 .h4,
    .change .text-gray-300 .h5,
    .change .text-gray-300 .h6,
    .change .text-gray-300 a:not(.btn),
    .change .text-gray-300 h1,
    .change .text-gray-300 h2,
    .change .text-gray-300 h3,
    .change .text-gray-300 h4,
    .change .text-gray-300 h5,
    .change .text-gray-300 h6 {
        color: #d1d5db;
    }

    .change .text-gray-300 .text-muted {
        color: rgba(209, 213, 219, 0.7) !important;
    }

.change .text-gray-400,
.change .text-gray-400:hover {
    color: #9ca3af !important;
}

    .change .text-gray-400 .display-1,
    .change .text-gray-400 .display-2,
    .change .text-gray-400 .display-3,
    .change .text-gray-400 .display-4,
    .change .text-gray-400 .h1,
    .change .text-gray-400 .h2,
    .change .text-gray-400 .h3,
    .change .text-gray-400 .h4,
    .change .text-gray-400 .h5,
    .change .text-gray-400 .h6,
    .change .text-gray-400 a:not(.btn),
    .change .text-gray-400 h1,
    .change .text-gray-400 h2,
    .change .text-gray-400 h3,
    .change .text-gray-400 h4,
    .change .text-gray-400 h5,
    .change .text-gray-400 h6 {
        color: #9ca3af;
    }

    .change .text-gray-400 .text-muted {
        color: rgba(156, 163, 175, 0.7) !important;
    }

.change .text-gray-500,
.change .text-gray-500:hover {
    color: #6b7280 !important;
}

    .change .text-gray-500 .display-1,
    .change .text-gray-500 .display-2,
    .change .text-gray-500 .display-3,
    .change .text-gray-500 .display-4,
    .change .text-gray-500 .h1,
    .change .text-gray-500 .h2,
    .change .text-gray-500 .h3,
    .change .text-gray-500 .h4,
    .change .text-gray-500 .h5,
    .change .text-gray-500 .h6,
    .change .text-gray-500 a:not(.btn),
    .change .text-gray-500 h1,
    .change .text-gray-500 h2,
    .change .text-gray-500 h3,
    .change .text-gray-500 h4,
    .change .text-gray-500 h5,
    .change .text-gray-500 h6 {
        color: #6b7280;
    }

    .change .text-gray-500 .text-muted {
        color: rgba(107, 114, 128, 0.7) !important;
    }

.change .text-gray-600,
.change .text-gray-600:hover {
    color: #4b5563 !important;
}

    .change .text-gray-600 .display-1,
    .change .text-gray-600 .display-2,
    .change .text-gray-600 .display-3,
    .change .text-gray-600 .display-4,
    .change .text-gray-600 .h1,
    .change .text-gray-600 .h2,
    .change .text-gray-600 .h3,
    .change .text-gray-600 .h4,
    .change .text-gray-600 .h5,
    .change .text-gray-600 .h6,
    .change .text-gray-600 a:not(.btn),
    .change .text-gray-600 h1,
    .change .text-gray-600 h2,
    .change .text-gray-600 h3,
    .change .text-gray-600 h4,
    .change .text-gray-600 h5,
    .change .text-gray-600 h6 {
        color: #4b5563;
    }

    .change .text-gray-600 .text-muted {
        color: rgba(75, 85, 99, 0.7) !important;
    }

.change .text-gray-700,
.change .text-gray-700:hover {
    color: #374151 !important;
}

    .change .text-gray-700 .display-1,
    .change .text-gray-700 .display-2,
    .change .text-gray-700 .display-3,
    .change .text-gray-700 .display-4,
    .change .text-gray-700 .h1,
    .change .text-gray-700 .h2,
    .change .text-gray-700 .h3,
    .change .text-gray-700 .h4,
    .change .text-gray-700 .h5,
    .change .text-gray-700 .h6,
    .change .text-gray-700 a:not(.btn),
    .change .text-gray-700 h1,
    .change .text-gray-700 h2,
    .change .text-gray-700 h3,
    .change .text-gray-700 h4,
    .change .text-gray-700 h5,
    .change .text-gray-700 h6 {
        color: #374151;
    }

    .change .text-gray-700 .text-muted {
        color: rgba(55, 65, 81, 0.7) !important;
    }

.change .text-gray-800,
.change .text-gray-800:hover {
    color: #2C2C2C !important;
}

    .change .text-gray-800 .display-1,
    .change .text-gray-800 .display-2,
    .change .text-gray-800 .display-3,
    .change .text-gray-800 .display-4,
    .change .text-gray-800 .h1,
    .change .text-gray-800 .h2,
    .change .text-gray-800 .h3,
    .change .text-gray-800 .h4,
    .change .text-gray-800 .h5,
    .change .text-gray-800 .h6,
    .change .text-gray-800 a:not(.btn),
    .change .text-gray-800 h1,
    .change .text-gray-800 h2,
    .change .text-gray-800 h3,
    .change .text-gray-800 h4,
    .change .text-gray-800 h5,
    .change .text-gray-800 h6 {
        color: #2C2C2C;
    }

    .change .text-gray-800 .text-muted {
        color: rgba(31, 41, 55, 0.7) !important;
    }

.change .text-gray-900,
.change .text-gray-900:hover {
    color: #111827 !important;
}

    .change .text-gray-900 .display-1,
    .change .text-gray-900 .display-2,
    .change .text-gray-900 .display-3,
    .change .text-gray-900 .display-4,
    .change .text-gray-900 .h1,
    .change .text-gray-900 .h2,
    .change .text-gray-900 .h3,
    .change .text-gray-900 .h4,
    .change .text-gray-900 .h5,
    .change .text-gray-900 .h6,
    .change .text-gray-900 a:not(.btn),
    .change .text-gray-900 h1,
    .change .text-gray-900 h2,
    .change .text-gray-900 h3,
    .change .text-gray-900 h4,
    .change .text-gray-900 h5,
    .change .text-gray-900 h6 {
        color: #111827;
    }

    .change .text-gray-900 .text-muted {
        color: rgba(17, 24, 39, 0.7) !important;
    }

.change article img {
    margin: 40px 0;
}

.change article blockquote,
.change article ol,
.change article p,
.change article ul {
    margin-bottom: 20px;
}

    .change article ol li,
    .change article p,
    .change article ul li {
        font-size: 1.2rem;
    }

.change article .h1,
.change article .h2,
.change article .h3,
.change article .h4,
.change article .h5,
.change article .h6,
.change article h1,
.change article h2,
.change article h3,
.change article h4,
.change article h5,
.change article h6 {
    margin-bottom: 30px;
}

.change .folder-structure li {
    font-size: 1.2rem;
}

.change .truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.change .list-group-timeline .list-group-item {
    position: relative;
}

    .change .list-group-timeline .list-group-item .col-auto {
        z-index: 999;
    }

    .change .list-group-timeline .list-group-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 4px;
        height: 100%;
        border-left: 2px solid #e5e7eb;
    }

    .change .list-group-timeline .list-group-item::after {
        content: "";
        position: absolute;
        top: 15px;
        left: 8px;
        width: 10px;
        height: 10px;
        margin-top: .425rem;
        margin-left: -.5rem;
        border: 2px solid #e5e7eb;
        background: #fff;
        border-radius: .5rem;
    }

.change .tooltip-inner {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.change .chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    min-width: 5em;
    padding: .5em;
    background: #e5e7eb;
    border: 1px solid #9ca3af;
    border-radius: .5rem;
    color: #2C2C2C;
    font-weight: 500;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

    .change .chartist-tooltip:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top-color: #e5e7eb;
    }

    .change .chartist-tooltip.tooltip-show {
        opacity: 1;
    }

.change .ct-area,
.change .ct-line {
    pointer-events: none;
}

.change .fc-h-event {
    border: 0;
    padding: 3px;
    display: block;
}

.change .fc-daygrid-day-frame {
    padding: 5px;
    border: .0625rem solid #e5e7eb;
}

.change .fc-daygrid-day {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.change .fc .fc-scrollgrid,
.change .fc .fc-scrollgrid table {
    border-color: #fff;
}

.change .fc .fc-scrollgrid {
    border-collapse: collapse !important;
}

.change .fc-daygrid-day:hover {
    cursor: pointer;
    background: rgba(240, 188, 116, 0.2);
}

.change .fc .fc-highlight {
    background-color: rgba(240, 188, 116, 0.2);
}

@media (min-width: 768px) {
    .change .fc .fc-col-header-cell-cushion::before {
        margin-right: 10px;
    }
}

.change .fc .fc-daygrid-day-frame {
    padding: 5px;
    border: .0625rem solid #e5e7eb;
    width: 100%;
    height: 190px;
}

@media (max-width: 575.98px) {
    .change .fc .fc-daygrid-day-frame {
        height: 100%;
    }
}

.change .fc .fc-col-header-cell-cushion {
    padding: 6px 8px;
}

@media (max-width: 575.98px) {
    .change .fc .fc-toolbar .btn {
        padding: .25rem .45rem;
    }

    .change .fc .fc-toolbar .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
        margin-left: .35em;
    }
}

.change .fc-daygrid-event {
    font-weight: 500;
    border-radius: .35rem;
}

.change .fc-direction-ltr .fc-daygrid-event {
    padding-right: 10px;
    padding-left: 10px;
}

.change .fc-daygrid-day-number {
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .change .fc .fc-toolbar-title {
        font-size: 1rem;
    }
}

.change .datepicker .datepicker-cell.selected,
.change .datepicker .datepicker-cell.selected:hover {
    background: #2C2C2C;
}

.change [data-simplebar] {
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.change .simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.change .simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.change .simplebar-offset {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.change .simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .change .simplebar-content-wrapper::-webkit-scrollbar,
    .change .simplebar-hide-scrollbar::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

.change .simplebar-content:after,
.change .simplebar-content:before {
    content: ' ';
    display: table;
}

.change .simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.change .simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.change .simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.change .simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

.change [data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.change [data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.change .simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

    .change .simplebar-scrollbar:before {
        position: absolute;
        content: '';
        background: #000;
        border-radius: 7px;
        left: 2px;
        right: 2px;
        opacity: 0;
        -webkit-transition: opacity .2s .5s linear;
        transition: opacity .2s .5s linear;
    }

.change .simplebar-hover .simplebar-scrollbar:before,
.change .simplebar-mouse-entered .simplebar-scrollbar:before,
.change .simplebar-scrolling .simplebar-scrollbar:before {
    opacity: .5;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.change .simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.change .simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.change .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}

.change .simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

    .change .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        right: auto;
        left: 0;
        top: 0;
        bottom: 0;
        min-height: 0;
        min-width: 10px;
        width: auto;
    }

.change [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.change .simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}

    .change .simplebar-dummy-scrollbar-size > div {
        width: 200%;
        height: 200%;
        margin: 10px 0;
    }

.change .simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.change .simplebar-scrollbar::before {
    background-color: #0d1116;
}

.change .svgMap-map-wrapper {
    position: relative;
    width: 100%;
    height: 300px;
    padding-top: 0;
    overflow: hidden;
    background: #fff;
    color: #fff;
}

    .change .svgMap-map-wrapper * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .change .svgMap-map-wrapper :focus:not(:focus-visible) {
        outline: 0;
    }

    .change .svgMap-map-wrapper .svgMap-map-image {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .change .svgMap-map-wrapper .svgMap-map-controls-wrapper {
        position: absolute;
        bottom: 10px;
        left: 10px;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
        box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
        border-radius: .5rem;
    }

    .change .svgMap-map-wrapper .svgMap-map-controls-move,
    .change .svgMap-map-wrapper .svgMap-map-controls-zoom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 5px;
        overflow: hidden;
        background: #111827;
    }

        .change .svgMap-map-wrapper .svgMap-map-controls-move:last-child,
        .change .svgMap-map-wrapper .svgMap-map-controls-zoom:last-child {
            margin-right: 0;
        }

    .change .svgMap-map-wrapper .svgMap-control-button {
        background-color: transparent;
        border: none;
        border-radius: 0;
        color: inherit;
        font: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0;
        overflow: visible;
        text-transform: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        width: 30px;
        height: 30px;
        position: relative;
    }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:after,
        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: #d1d5db;
            -webkit-transition: background-color .2s;
            transition: background-color .2s;
        }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:before {
            width: 11px;
            height: 3px;
        }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover:after,
        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover:before {
            background: #fff;
        }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled:after,
        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled:before {
            background: #9ca3af;
        }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-in-button {
            margin: 1px 0 1px 1px;
        }

            .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-in-button:after {
                width: 3px;
                height: 11px;
            }

        .change .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-out-button {
            margin: 1px 1px 1px 0;
        }

    .change .svgMap-map-wrapper .svgMap-country {
        cursor: pointer;
        stroke: #fff;
        stroke-width: 1;
        stroke-linejoin: round;
        vector-effect: non-scaling-stroke;
        -webkit-transition: fill .2s, stroke .2s;
        transition: fill .2s, stroke .2s;
    }

        .change .svgMap-map-wrapper .svgMap-country.svgMap-active,
        .change .svgMap-map-wrapper .svgMap-country:hover {
            stroke: #e11d48;
        }

        .change .svgMap-map-wrapper .svgMap-country.svgMap-active {
            stroke-width: #e11d48;
        }

.change .svgMap-tooltip {
    position: absolute;
    z-index: 2;
    background: #fff;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    display: none;
    pointer-events: none;
    min-width: 60px;
    border: .0625rem solid #e5e7eb;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    border-radius: .5rem;
}

    .change .svgMap-tooltip.svgMap-tooltip-flipped {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border-bottom: 0;
        border-top: 1px solid #000;
    }

    .change .svgMap-tooltip.svgMap-active {
        display: block;
    }

    .change .svgMap-tooltip .svgMap-tooltip-content-container {
        position: relative;
        padding: 10px 20px;
    }

        .change .svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container {
            text-align: left;
            margin: 2px 0 5px;
        }

            .change .svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji {
                font-size: 40px;
                line-height: 0;
                padding: 25px 0 15px;
            }

            .change .svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag {
                display: block;
                width: auto;
                height: 35px;
                border: 2px solid #fff;
                border-radius: .5rem;
            }

    .change .svgMap-tooltip .svgMap-tooltip-title {
        font-size: 1.25rem;
        font-weight: 500;
        white-space: nowrap;
        padding: 0 0 8px;
        text-align: left;
    }

    .change .svgMap-tooltip .svgMap-tooltip-content {
        white-space: nowrap;
        font-size: .875rem;
        font-weight: 400;
        color: #d1d5db;
    }

        .change .svgMap-tooltip .svgMap-tooltip-content table {
            padding: 0;
            border-spacing: 0;
        }

            .change .svgMap-tooltip .svgMap-tooltip-content table td {
                padding: 2px 0;
                text-align: left;
                font-weight: 400;
            }

                .change .svgMap-tooltip .svgMap-tooltip-content table td span {
                    color: #10b981;
                    font-weight: 500;
                }

                .change .svgMap-tooltip .svgMap-tooltip-content table td:first-child {
                    padding-right: 15px;
                    text-align: left;
                    color: #374151;
                }

                .change .svgMap-tooltip .svgMap-tooltip-content table td sup {
                    vertical-align: baseline;
                    position: relative;
                    top: -5px;
                }

        .change .svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data {
            padding: 2px 0;
            color: #d1d5db;
            font-style: italic;
        }

    .change .svgMap-tooltip .svgMap-tooltip-pointer {
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden;
        height: 10px;
        width: 30px;
    }

        .change .svgMap-tooltip .svgMap-tooltip-pointer:after {
            content: "";
            width: 20px;
            height: 20px;
            background: #fff;
            border: .0625rem solid #e5e7eb;
            position: absolute;
            bottom: 6px;
            left: 50%;
            -webkit-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
        }

    .change .svgMap-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer {
        bottom: auto;
        top: -10px;
        -webkit-transform: translateX(-50%) scaleY(-1);
        transform: translateX(-50%) scaleY(-1);
    }

.change .swal2-container.swal2-backdrop-show,
.change .swal2-container.swal2-noanimation {
    background: rgba(31, 41, 55, 0.8) !important;
}

.change .swal2-popup {
    color: #374151 !important;
    border: 0 !important;
}

.change .swal2-title {
    color: #2C2C2C !important;
    font-weight: 700 !important;
}

.change .swal2-content {
    color: #4b5563 !important;
}

.change .swal2-styled {
    padding: .5rem 1rem;
}

    .change .swal2-styled.swal2-confirm {
        background-color: #2361ce !important;
        border-radius: .5rem !important;
    }

.change .swal2-icon .swal2-icon-content {
    font-size: 2.5em !important;
}

.change .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    opacity: 0;
}

.change .swal2-icon.swal2-success .swal2-success-fix {
    opacity: 0;
}

.change .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .55s;
    animation: swal2-animate-success-line-tip .55s;
}

.change .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .55s;
    animation: swal2-animate-success-line-long .55s;
}

.change .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 3.25s ease-in;
    animation: swal2-rotate-success-circular-line 3.25s ease-in;
}

.change .noUi-target,
.change .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.change .noUi-target {
    position: relative;
    direction: ltr;
}

.change .noUi-base,
.change .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.change .noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.change .noUi-connect,
.change .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.change html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

.change .noUi-vertical .noUi-origin {
    width: 0;
}

.change .noUi-horizontal .noUi-origin {
    height: 0;
}

.change .noUi-handle {
    position: absolute;
}

.change .noUi-state-tap .noUi-connect,
.change .noUi-state-tap .noUi-origin {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.change .noUi-state-drag * {
    cursor: inherit !important;
}

.change .noUi-horizontal {
    height: 5px;
}

    .change .noUi-horizontal .noUi-handle {
        left: -17px;
        top: -10px;
    }

.change .noUi-vertical {
    width: 5px;
    height: 340px;
}

    .change .noUi-vertical .noUi-handle {
        width: 18px;
        height: 34px;
        left: -6px;
        top: -17px;
    }

.change html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto;
}

.change .noUi-connects {
    border-radius: 3px;
}

.change .noUi-connect {
    background: #2C2C2C;
}

.change .noUi-draggable {
    cursor: ew-resize;
}

.change .noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.change .noUi-handle {
    border: 1px solid #f2f4f6;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    outline: 0;
}

    .change .noUi-handle:hover {
        cursor: -webkit-grab;
        cursor: grab;
        cursor: -moz-grab;
        background-color: #9ca3af;
    }

    .change .noUi-handle:active {
        cursor: -webkit-grabbing;
        cursor: grabbing;
        cursor: -moz-grabbing;
        background-color: #9ca3af;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 77, 103, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(69, 77, 103, 0.5);
    }

    .change .noUi-handle:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 77, 103, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(69, 77, 103, 0.5);
        background-color: #9ca3af;
    }

.change .noUi-active {
    outline: 0;
}

.change [disabled] .noUi-connect {
    background: #9ca3af;
}

.change [disabled] .noUi-handle,
.change [disabled].noUi-handle,
.change [disabled].noUi-target {
    cursor: not-allowed;
}

.change .noUi-pips,
.change .noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.change .noUi-pips {
    position: absolute;
    color: #2C2C2C;
    font-size: .75rem;
}

.change .noUi-value {
    margin-top: 5px;
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.change .noUi-value-sub {
    color: #9ca3af;
    font-size: .75rem;
}

.change .noUi-marker {
    position: absolute;
    background: #2C2C2C;
}

.change .noUi-marker-sub {
    background: #2C2C2C;
}

.change .noUi-marker-large {
    background: #2C2C2C;
}

.change .noUi-pips-horizontal {
    padding: 12px 0;
    height: auto;
    top: 100%;
    left: 0;
    width: 100%;
}

.change .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.change .noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.change .noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.change .noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.change .noUi-marker-horizontal.noUi-marker-large {
    height: 12px;
}

.change .noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.change .noUi-value-vertical {
    -webkit-transform: translate(0, -50%, 0);
    transform: translate(0, -50%, 0);
    padding-left: 25px;
}

.change .noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.change .noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.change .noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.change .noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.change .noUi-tooltip {
    background: #fff;
    color: #2C2C2C;
    font-size: .75rem;
    font-weight: 400;
    display: block;
    position: absolute;
    padding: 5px 10px;
    text-align: center;
    white-space: nowrap;
    border-radius: .5rem;
    border: .0625rem solid #9ca3af;
}

.change .noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 30px;
}

.change .noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.change .noUi-target {
    background: #9ca3af;
    border-radius: 5px;
    border: 0;
    -webkit-box-shadow: inset 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: inset 0 2px 5px rgba(140, 152, 164, 0.2);
    margin: 15px 0;
    cursor: pointer;
}

.change .noUi-horizontal {
    height: 5px;
}

.change html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -10px;
}

.change .noUi-vertical {
    width: 5px;
}

.change .noUi-connect {
    background: #2C2C2C;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.change .noUi-handle {
    position: absolute;
    border: 1px solid #2C2C2C;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    -webkit-box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    box-shadow: 0 2px 5px rgba(140, 152, 164, 0.2);
    background: #fff;
    -webkit-transition: all 150ms cubic-bezier(0.17, 0.01, 0.28, 1.06);
    transition: all 150ms cubic-bezier(0.17, 0.01, 0.28, 1.06);
}

.change .noUi-vertical .noUi-handle {
    border: 1px solid #374151;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #f2f4f6, 0 3px 6px -3px #e5e7eb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #f2f4f6, 0 3px 6px -3px #e5e7eb;
    outline: 0;
}

    .change .noUi-vertical .noUi-handle:hover {
        cursor: -webkit-grab;
        cursor: grab;
        cursor: -moz-grab;
        background-color: #9ca3af;
    }

    .change .noUi-vertical .noUi-handle:active {
        cursor: -webkit-grabbing;
        cursor: grabbing;
        cursor: -moz-grabbing;
        background-color: #9ca3af;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 77, 103, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(69, 77, 103, 0.5);
    }

    .change .noUi-vertical .noUi-handle:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 77, 103, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(69, 77, 103, 0.5);
        background-color: #9ca3af;
    }

    .change .noUi-horizontal .noUi-handle.noUi-active,
    .change .noUi-vertical .noUi-handle.noUi-active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

.change .input-slider--cyan .noUi-connect {
    background: #63b1bd;
}

.change .input-slider--cyan.noUi-horizontal .noUi-handle,
.change .input-slider--cyan.noUi-vertical .noUi-handle {
    background-color: #63b1bd;
}

.change .input-slider--red .noUi-connect {
    background: #e11d48;
}

.change .input-slider--red.noUi-horizontal .noUi-handle,
.change .input-slider--red.noUi-vertical .noUi-handle {
    background-color: #e11d48;
}

.change .input-slider--green .noUi-connect {
    background: #10b981;
}

.change .input-slider--green.noUi-horizontal .noUi-handle,
.change .input-slider--green.noUi-vertical .noUi-handle {
    background-color: #10b981;
}

.change .input-slider--yellow .noUi-connect {
    background: #ffcc00;
}

.change .input-slider--yellow.noUi-horizontal .noUi-handle,
.change .input-slider--yellow.noUi-vertical .noUi-handle {
    background-color: #ffcc00;
}

.change .input-slider--pink .noUi-connect {
    background: #ef4683;
}

.change .input-slider--pink.noUi-horizontal .noUi-handle,
.change .input-slider--pink.noUi-vertical .noUi-handle {
    background-color: #ef4683;
}

.change [disabled] .noUi-connect,
.change [disabled].noUi-connect {
    background: #e5e7eb;
}

.change [disabled] .noUi-handle,
.change [disabled].noUi-origin {
    cursor: not-allowed;
}

.change .range-slider-value {
    font-size: .75rem;
    font-weight: 500;
    background-color: rgba(31, 41, 55, 0.7);
    color: color-yiq(#2C2C2C);
    border-radius: 10px;
    padding: .4em .8em .3em .85em;
}

.change .range-slider-wrapper .upper-info {
    font-weight: 400;
    margin-bottom: 5px;
}

.change .input-slider-value-output {
    background: #2C2C2C;
    color: #fff;
    padding: 4px 8px;
    position: relative;
    top: 12px;
    font-size: 11px;
    border-radius: 2px;
}

    .change .input-slider-value-output:after {
        bottom: 100%;
        left: 10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: #2C2C2C;
        border-bottom-color: #333;
        border-width: 4px;
        margin-left: -4px;
    }

    .change .input-slider-value-output.left:after {
        left: 10px;
        right: auto;
    }

    .change .input-slider-value-output.right:after {
        right: 10px;
        left: auto;
    }

@media (min-width: 992px) {
    .change .form-control.form-control-lg {
        padding: 1rem 1rem;
    }
}

.change .search-bar .form-control {
    width: 280px;
    -webkit-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}

@media (max-width: 575.98px) {
    .change .search-bar .form-control {
        width: 120px;
    }

        .change .search-bar .form-control:focus {
            width: 150px;
        }
}

.change .form-check-input.round-check[type=checkbox] {
    border-radius: 50%;
}

.change .form-switch {
    padding-left: 2.75em;
}

    .change .form-switch .form-check-input {
        height: 1.275em;
    }

.change .input-group .form-control:focus {
    border-color: #d1d5db;
}

    .change .input-group .form-control:focus + .input-group-text {
        border-color: #d1d5db;
    }

.change .input-group-text {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
}

.change .form-select .form-select-lg {
    padding: .5rem 2rem .5rem 1rem;
}

.change .file-field input[type=file] {
    max-width: 230px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    padding-bottom: 30px;
}

.change .file-field svg {
    cursor: pointer;
}

.change .datepicker-dropdown {
    z-index: 9999;
}
/*# sourceMappingURL=index.css.map */
/*card css start*/