@font-face {
    font-family: 'Inter Bold';
    src: url(../fonts/Inter-ExtraBold.woff2) format('woff2'), url(../fonts/Inter-ExtraBold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(../fonts/Inter-Regular.woff2) format('woff2'), url(../fonts/Inter-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}


/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: Inter, sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

footer,
header,
main,
section {
    display: block
}

body {
    margin: 0;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ul ul {
    margin-bottom: 0
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code {
    font-family: monospace, monospace;
    font-size: 1em
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button {
    margin: 0;
    font-family: Inter;
    font-size: inherit;
    line-height: inherit
}

button {
    overflow: visible
}

button {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

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

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: "Inter Bold";
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

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

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

.img-fluid {
    max-width: 100%;
    height: auto
}

code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-inline {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:576px) {
    .form-inline label {
        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;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:focus,
.btn:hover {
    text-decoration: none
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    background-image: none
}

a.btn.disabled {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    border-color: #005cbf
}

.btn-trans:not(:disabled):not(.disabled).active:focus,
.btn-trans:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent
}

.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

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

.navbar>.container,
.navbar>.container-fluid {
    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
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

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

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.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: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:first-child .card-header,
    .card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:first-child .card-footer,
    .card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:last-child .card-header,
    .card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:last-child .card-footer,
    .card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-group>.card:only-child {
        border-radius: .25rem
    }
    .card-group>.card:only-child .card-header,
    .card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }
    .card-group>.card:only-child .card-footer,
    .card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus,
.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

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

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.align-top {
    vertical-align: top!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124!important
}

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

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .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
    }
    .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
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .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
    }
    .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
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .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
    }
    .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
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .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
    }
    .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
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.mx-auto {
    margin-left: auto!important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.text-justify {
    text-align: justify!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

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

.text-primary {
    color: #007bff!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0062cc!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus,
a.text-info:hover {
    color: #117a8b!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #1d2124!important
}

@media print {
    *,
     ::after,
     ::before {
        text-shadow: none!important;
        box-shadow: none!important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    img {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px!important
    }
    .container {
        min-width: 992px!important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
}


/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa,
.fab,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa:before,
.fab:before,
.fas:before {
    content: var(--fa)
}

.fas {
    font-family: "Font Awesome 6 Free"
}

.fab {
    font-family: "Font Awesome 6 Brands"
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

@keyframes fa-beat {
    0%,
    90% {
        transform: scale(1)
    }
    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }
    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }
    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }
    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }
    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }
    64% {
        transform: scale(1) translateY(0)
    }
    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-beat-fade {
    0%,
    to {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }
    4% {
        transform: rotate(15deg)
    }
    24%,
    8% {
        transform: rotate(-18deg)
    }
    12%,
    28% {
        transform: rotate(18deg)
    }
    16% {
        transform: rotate(-22deg)
    }
    20% {
        transform: rotate(22deg)
    }
    32% {
        transform: rotate(-12deg)
    }
    36% {
        transform: rotate(12deg)
    }
    40%,
    to {
        transform: rotate(0)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.fa-0 {
    --fa: "\30"
}

.fa-1 {
    --fa: "\31"
}

.fa-2 {
    --fa: "\32"
}

.fa-3 {
    --fa: "\33"
}

.fa-4 {
    --fa: "\34"
}

.fa-5 {
    --fa: "\35"
}

.fa-6 {
    --fa: "\36"
}

.fa-7 {
    --fa: "\37"
}

.fa-8 {
    --fa: "\38"
}

.fa-9 {
    --fa: "\39"
}

.fa-at {
    --fa: "\40"
}

.fa-text-height {
    --fa: "\f034"
}

.fa-message {
    --fa: "\f27a"
}

.fa-info {
    --fa: "\f129"
}

.fa-calendar-alt {
    --fa: "\f073"
}

.fa-icons {
    --fa: "\f86d"
}

.fa-circle-h {
    --fa: "\f47e"
}

.fa-contact-book {
    --fa: "\f2b9"
}

.fa-k {
    --fa: "\4b"
}

.fa-w {
    --fa: "\57"
}

.fa-header,
.fa-heading {
    --fa: "\f1dc"
}

.fa-list {
    --fa: "\f03a"
}

.fa-cart-plus {
    --fa: "\f217"
}

.fa-circle-dot,
.fa-dot-circle {
    --fa: "\f192"
}

.fa-users {
    --fa: "\f0c0"
}

.fa-i {
    --fa: "\49"
}

.fa-v {
    --fa: "\56"
}

.fa-align-justify {
    --fa: "\f039"
}

.fa-dashboard {
    --fa: "\f624"
}

.fa-e {
    --fa: "\45"
}

.fa-user {
    --fa: "\f007"
}

.fa-c {
    --fa: "\43"
}

.fa-box {
    --fa: "\f466"
}

.fa-shapes {
    --fa: "\f61f"
}

.fa-user-group {
    --fa: "\f500"
}

.fa-toggle-on {
    --fa: "\f205"
}

.fa-underline {
    --fa: "\f0cd"
}

.fa-not-equal {
    --fa: "\f53e"
}

.fa-image {
    --fa: "\f03e"
}

.fa-cannabis {
    --fa: "\f55f"
}

.fa-circle-stop,
.fa-stop-circle {
    --fa: "\f28d"
}

.fa-id-badge {
    --fa: "\f2c1"
}

.fa-box-open {
    --fa: "\f49e"
}

.fa-scroll {
    --fa: "\f70e"
}

.fa-registered {
    --fa: "\f25d"
}

.fa-contact-card {
    --fa: "\f2bb"
}

.fa-balance-scale-right {
    --fa: "\f516"
}

.fa-left-right {
    --fa: "\f337"
}

.fa-envelope-open {
    --fa: "\f2b6"
}

.fa-z {
    --fa: "\5a"
}

.fa-a {
    --fa: "\41"
}

.fa-p {
    --fa: "\50"
}

.fa-list-1-2 {
    --fa: "\f0cb"
}

.fa-question {
    --fa: "\3f"
}

.fa-code {
    --fa: "\f121"
}

.fa-f {
    --fa: "\46"
}

.fa-location-pin {
    --fa: "\f041"
}

.fa-circle-right {
    --fa: "\f35a"
}

.fa-h {
    --fa: "\48"
}

.fa-tools {
    --fa: "\f7d9"
}

.fa-r {
    --fa: "\52"
}

.fa-circle {
    --fa: "\f111"
}

.fa-circle-up {
    --fa: "\f35b"
}

.fa-mobile-alt {
    --fa: "\f3cd"
}

.fa-wallet {
    --fa: "\f555"
}

.fa-circle-question,
.fa-question-circle {
    --fa: "\f059"
}

.fa-phone-alt {
    --fa: "\f879"
}

.fa-route {
    --fa: "\f4d7"
}

.fa-tags {
    --fa: "\f02c"
}

.fa-mobile-button {
    --fa: "\f10b"
}

.fa-store-alt {
    --fa: "\f54f"
}

.fa-save {
    --fa: "\f0c7"
}

.fa-balance-scale-left {
    --fa: "\f515"
}

.fa-location {
    --fa: "\f601"
}

.fa-phone {
    --fa: "\f095"
}

.fa-text-width {
    --fa: "\f035"
}

.fa-align-left {
    --fa: "\f036"
}

.fa-th {
    --fa: "\f00a"
}

.fa-business-time {
    --fa: "\f64a"
}

.fa-envelope {
    --fa: "\f0e0"
}

.fa-user-md {
    --fa: "\f0f0"
}

.fa-circle-info,
.fa-info-circle {
    --fa: "\f05a"
}

.fa-list-alt {
    --fa: "\f022"
}

.fa-calendar-plus {
    --fa: "\f271"
}

.fa-circle-left {
    --fa: "\f359"
}

.fa-left-long {
    --fa: "\f30a"
}

.fa-s {
    --fa: "\53"
}

.fa-right-long {
    --fa: "\f30b"
}

.fa-images {
    --fa: "\f302"
}

.fa-delete-left {
    --fa: "\f55a"
}

.fa-mobile,
.fa-mobile-phone {
    --fa: "\f3ce"
}

.fa-align-center {
    --fa: "\f037"
}

.fa-id-card {
    --fa: "\f2c2"
}

.fa-b {
    --fa: "\42"
}

.fa-exchange {
    --fa: "\f0ec"
}

.fa-up-long {
    --fa: "\f30c"
}

.fa-stop {
    --fa: "\f04d"
}

.fa-credit-card,
.fa-credit-card-alt {
    --fa: "\f09d"
}

.fa-location-dot {
    --fa: "\f3c5"
}

.fa-inbox {
    --fa: "\f01c"
}

.fa-section {
    --fa: "\e447"
}

.fa-envelope-open-text {
    --fa: "\f658"
}

.fa-link {
    --fa: "\f0c1"
}

.fa-list-ul {
    --fa: "\f0ca"
}

.fa-circle-user,
.fa-user-circle {
    --fa: "\f2bd"
}

.fa-add,
.fa-plus {
    --fa: "\2b"
}

.fa-close,
.fa-remove {
    --fa: "\f00d"
}

.fa-copyright {
    --fa: "\f1f9"
}

.fa-store {
    --fa: "\f54e"
}

.fa-fill {
    --fa: "\f575"
}

.fa-t {
    --fa: "\54"
}

.fa-infinity {
    --fa: "\f534"
}

.fa-calendar {
    --fa: "\f133"
}

.fa-circle-plus,
.fa-plus-circle {
    --fa: "\f055"
}

.fa-balance-scale {
    --fa: "\f24e"
}

.fa-m {
    --fa: "\4d"
}

.fa-th-list {
    --fa: "\f00b"
}

.fa-sms {
    --fa: "\f7cd"
}

.fa-book {
    --fa: "\f02d"
}

.fa-user-plus {
    --fa: "\f234"
}

.fa-book-open {
    --fa: "\f518"
}

.fa-exchange-alt,
.fa-right-left {
    --fa: "\f362"
}

.fa-align-right {
    --fa: "\f038"
}

.fa-calendar-day {
    --fa: "\f783"
}

.fa-id-card-alt {
    --fa: "\f47f"
}

.fa-user-alt {
    --fa: "\f406"
}

.fa-x {
    --fa: "\58"
}

.fa-d {
    --fa: "\44"
}

.fa-video {
    --fa: "\f03d"
}

:host,
:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(../fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

.fab {
    font-weight: 400
}

.fa-first-order {
    --fa: "\f2b0"
}

.fa-css3-alt {
    --fa: "\f38b"
}

.fa-edge {
    --fa: "\f282"
}

.fa-google-plus {
    --fa: "\f2b3"
}

.fa-google {
    --fa: "\f1a0"
}

.fa-r-project {
    --fa: "\f4f7"
}

.fa-app-store {
    --fa: "\f36f"
}

.fa-meta {
    --fa: "\e49b"
}

.fa-css {
    --fa: "\e6a2"
}

.fa-500px {
    --fa: "\f26e"
}

.fa-shopify {
    --fa: "\e057"
}

.fa-bootstrap {
    --fa: "\f836"
}

.fa-facebook-f {
    --fa: "\f39e"
}

.fa-first-order-alt {
    --fa: "\f50a"
}

.fa-google-wallet {
    --fa: "\f1ee"
}

.fa-facebook-messenger {
    --fa: "\f39f"
}

.fa-42-group {
    --fa: "\e080"
}

.fa-instagram {
    --fa: "\f16d"
}

.fa-facebook {
    --fa: "\f09a"
}

.fa-whatsapp {
    --fa: "\f232"
}

.fa-google-drive {
    --fa: "\f3aa"
}

.fa-d-and-d {
    --fa: "\f38d"
}

.fa-html5 {
    --fa: "\f13b"
}

.fa-pinterest-p {
    --fa: "\f231"
}

.fa-css3 {
    --fa: "\f13c"
}

.fa-js {
    --fa: "\f3b8"
}

.fa-youtube {
    --fa: "\f167"
}

.fa-pinterest {
    --fa: "\f0d2"
}

:host,
:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(../fontawesome/webfonts/fa-regular-400.ttf) format("truetype")
}

:host,
:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(../fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

.fas {
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: swap;
    font-weight: 400;
    src: url(../fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(../fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: swap;
    font-weight: 900;
    src: url(../fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(../fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: swap;
    font-weight: 400;
    src: url(../fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(../fontawesome/webfonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url(../fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(../fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url(../fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(../fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url(../fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(../fontawesome/webfonts/fa-regular-400.ttf) format("truetype");
    unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
}

html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden
}

b {
    font-family: 'Inter Bold'
}

body {
    overflow-x: hidden;
    font-family: Inter;
    background: #fff;
    font-weight: 500
}

.scroll-content::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 8px
}

.scroll-content::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    box-shadow: 0 0 4px 0 #00000040;
    border-radius: 8px
}

.scroll-content::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 #00000040
}

a,
button {
    cursor: pointer
}

a,
a:focus,
a:hover {
    outline: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    color: #000
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter Bold"
}

.btn,
.btn:focus,
.btn:hover,
button {
    outline: 0;
    box-shadow: none
}

.navbar-toggler {
    width: 36px;
    height: 38px;
    background: #00b7ff;
    padding: 0;
    font-size: 1rem
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: 0
}

.navbar,
.newnavbar.fixed-top {
    opacity: 1;
    z-index: 999999999999999999999999
}

.navbar {
    background: #00b7ff
}

.newnavbar.fixed-top,
.newnavbar.fixed-top .navbar {
    background: #fff
}

.top-bar {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px
}

.newnavbar.fixed-top .top-bar {
    padding: 0!important
}

.newnavbar.fixed-top {
    z-index: 9999999999999999999;
    height: 60px;
    padding: 2px 0
}

.navbar a {
    color: #fff
}

.newnavbar.fixed-top .navbar a {
    color: #000
}

.newnavbar.fixed-top hr {
    display: none!important
}

.navbar-toggler-icon {
    width: 20px;
    height: 17px;
    position: relative;
    border-bottom: 3px solid #fff;
    transition: .3s linear;
    z-index: 1111
}

.navbar-toggler-icon:after,
.navbar-toggler-icon:before {
    width: 20px;
    position: absolute;
    height: 3px;
    top: 0;
    left: 0;
    content: "";
    z-index: 2;
    transition: .3s linear;
    background-color: #fff
}

.navbar-toggler-icon:after {
    top: 7px
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    border-color: transparent
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
    transform: translateY(7px) rotate(-45deg)
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
    transform: rotate(45deg)
}

section {
    padding: 50px 0
}

.grey-bg {
    background-color: #f3f3f3
}

img {
    max-width: 100%
}

.button-global-style {
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    background: #00b7ff;
    border: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    letter-spacing: 1px;
    outline: 0!important;
    box-shadow: 0 0 4px 0 #0000004D
}

.button-global-style:hover {
    box-shadow: 0 0 8px 0 #0000004D
}

.global-main-heading {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.global-main-heading b {
    font-weight: 600
}

.main-heading {
    font-family: "Inter Bold";
    text-shadow: 0 4px 4px #00000040
}

.main-heading {
    font-size: 36px;
    text-transform: uppercase
}

.main-heading.other-h {
    font-size: 3.6rem
}

a,
a:focus,
a:hover {
    color: inherit
}

a:focus,
a:hover {
    opacity: .9;
    text-decoration: none
}

.top-contact-single {
    color: #000;
    font-size: 16px;
    text-align: left
}

.top-contact-single img {
    width: 20px;
    height: 16px;
    margin-right: 5px
}

.top-contact-single.number img {
    width: 18px;
    height: 18px
}

.top-contact-single.number {
    font-size: 21px;
    font-weight: 700
}

.banner {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    background: linear-gradient(108.2deg, #000 11.58%, #373737 78.19%);
    padding: 30px 0
}

.other_banner {
    background: url(../images/header-shapes-bg2.webp) no-repeat 65% center/325px, linear-gradient(108.2deg, #000 11.58%, #373737 78.19%)
}

.header-bottom {
    position: relative;
    padding: 10px 0 15px;
    background: url(../images/form-left-shape.webp) no-repeat center right, url(../images/form-right-shape.webp) no-repeat center left, #0cbb84;
    background-size: contain;
    z-index: 1
}

.header-bottom:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    width: 100%;
    border: 4px dashed #fff;
    top: -4.5px;
    z-index: -1
}

.header-bottom form label {
    font-size: 14px;
    font-family: Inter;
    margin-bottom: 5px
}

.header-bottom h4 {
    font-family: "Inter Bold";
    position: relative;
    line-height: 36px;
    font-size: 16px;
    font-weight: 600
}

.header-bottom h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00b7ff;
    height: 2px;
    width: 50%;
    margin: auto
}

.single-pricing {
    position: relative;
    border-radius: 20px;
    box-shadow: 0 0 4px 0 #00000066;
    padding: 15px 15px 15px 55px;
    min-height: 375px;
    background: #fff;
    margin: 15px 0;
    transition: all 1s ease
}

.single-pricing h3 {
    font-family: 'Inter Bold';
    font-size: 30px
}

.single-pricing h4 {
    font-family: Inter;
    font-size: 28px;
    font-weight: 500
}

.single-pricing h5 {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #7c7c7c;
    font-family: 'Inter Bold';
    line-height: 1.8
}

.single-pricing h5:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00b7ff;
    height: 2px;
    width: 50%
}

.single-pricing ul {
    padding: 0;
    margin: 30px 0
}

.single-pricing li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px
}

.single-pricing ul li {
    background: url(../images/pricing-check-icon.webp) no-repeat 2px 2px transparent;
    background-size: 14px;
    list-style-type: none;
    padding: 0 0 1px 20px;
    font-weight: 600
}

.single-pricing li span {
    float: right;
    color: #7c7c7c
}

.single-pricing-title {
    left: 10px;
    top: -10px;
    width: 120%;
    position: absolute;
    -o-transform: rotate(-90deg) scaleX(-1);
    -ms-transform: rotate(-90deg) scaleX(-1);
    -webkit-transform: rotate(-90deg) scaleX(-1);
    transform: rotate(-90deg) scaleX(-1);
    transform-origin: top left;
    text-transform: uppercase;
    line-height: 1;
    font-size: 30px;
    font-weight: 900;
    background: #20ceba;
    padding: 5px 15px;
    margin-bottom: 0;
    border-radius: 10px;
    z-index: 1;
    box-shadow: 0 0 4px 0 #00000066
}

.single-pricing-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #20ceba;
    height: 100%;
    width: 100%;
    z-index: 1;
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 10px 0 10px 10px
}

.single-pricing-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    background: url(../images/single-pricing-shadow.webp) no-repeat top right;
    height: 13px;
    width: 10px;
    background-size: 100%;
    z-index: -1;
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.single-pricing-title h4 {
    position: relative;
    z-index: 1;
    transform: scaleX(-1);
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0
}

.single-pricing .button-global-style {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 500;
    width: 130px;
    box-shadow: 0 0 4px 0 #00000066
}

.single-pricing:hover,
.single-pricing:hover .button-global-style,
.single-pricing:hover .single-pricing-title {
    box-shadow: 0 0 8px 0 #00000066
}

.single-pricing:hover {
    transform: scale(1.1)
}

.features-single {
    margin: 30px 0
}

.features-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: auto;
    transition: all .3s ease;
    cursor: pointer
}

.feature-numbers {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-weight: 600;
    border-radius: 50%;
    display: inline-block;
    background-color: #00b7ff;
    transition: all 1s ease;
    box-shadow: 0 0 4px 0 #0000004D
}

.features-single:hover .feature-numbers {
    animation: moveLeft 1s forwards
}

@keyframes moveLeft {
    0% {
        right: 0
    }
    100% {
        right: calc(100% - 28px)
    }
}

.about-single h3 {
    font-family: "Inter Bold";
    font-size: 22px
}

.single-service h3 {
    font-family: "Inter Bold";
    font-size: 20px
}

.icon-bg {
    border-radius: 100%;
    width: 75px;
    height: 75px;
    margin: auto;
    text-align: center;
    box-shadow: 0 0 4px 0 #0000004D
}

.bg-1 {
    background: linear-gradient(90deg, #fbed96 0, #abecd6 100%)
}

.bg-2 {
    background: linear-gradient(90deg, #ffe259 0, #ffa751 100%)
}

.bg-3 {
    background: linear-gradient(90deg, #9796f0 0, #fbc7d4 100%)
}

.bg-4 {
    background: linear-gradient(90deg, #dd5e89 0, #f7bb97 100%)
}

.icon-bg img,
.service-icon img {
    position: relative;
    top: 50%;
    transform: translate(0, -50%)
}

.single-service p {
    font-size: 12px;
    color: #7c7c7c
}

.button-global-style.trans {
    background: 0 0;
    color: #00b7ff;
    text-decoration: underline;
    box-shadow: none!important
}

.content-section {
    position: relative;
    padding: 30px 0 0
}

.content-section:before {
    content: '';
    position: absolute;
    top: 0;
    background: #f3f3f3;
    height: 65%;
    width: 100%;
    z-index: -1
}

.scroll-content {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 550px;
    padding: 15px
}

.content-img-container {
    position: relative;
    z-index: 1;
    padding: 15px
}

.content-img-container img {
    transform: translateY(-56%)
}

.video-container {
    position: relative
}

.video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.contact-form .button-global-style {
    width: 100%
}

.opened {
    display: flex
}

.opened img {
    animation: .5s ease-in 1s;
    -webkit-animation: 1s ease-in forwards
}

.fixed-social-icons {
    position: fixed;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    z-index: 99999999999;
    flex-direction: column;
    justify-content: center
}

.social-icon {
    margin: 1px;
    display: block;
    position: relative;
    text-align: center;
    z-index: 2
}

.fixed-social-icons .social-icon,
.fixed-social-icons a {
    transition: all .5s
}

.fixed-social-icons a:hover .social-icon {
    transform: translateX(10px)
}

.fixed-contact-icons {
    z-index: 9999999999;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
    color: #373737
}

.fixed-contact-icons a {
    transform: translate(160px, 0);
    border-radius: 50px 0 0 50px;
    text-align: left;
    margin-right: -2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    font-size: 22px;
    transition: all .8s;
    pointer-events: auto;
    color: #373737
}

.fixed-contact-icons a.Whatsapp {
    position: relative;
    border: 2px solid #14d56f
}

.fixed-contact-icons a.Whatsapp:after {
    content: '';
    position: absolute;
    background: #14d56f;
    top: 0;
    right: 160px;
    height: 100%;
    width: 5px;
    transition: ease
}

.fixed-contact-icons a:hover.Whatsapp:after {
    right: 0
}

.fixed-contact-icons a:hover {
    color: #14d56f;
    transform: translate(0, 0)
}

.fixed-contact-icons a:hover i.fa-whatsapp {
    color: #000;
    transform: rotate(360deg)
}

.fixed-contact-icons a i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    transition: all .5s
}

.fixed-contact-icons a i.fa-whatsapp {
    background-color: #14d56f;
    color: #fff
}

.show {
    display: flex;
    transition: .2s ease-in-out;
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.features-single .button-global-style {
    border-radius: 60px;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 400
}

.features-single .button-global-style:focus,
.features-single .button-global-style:hover {
    color: #fff;
    font-weight: 700
}

.mt--5 {
    margin-top: -5px
}

.bg-grey {
    background: #f3f3f3;
    color: #000
}

.navbar-brand span {
    font-size: 30px;
    font-weight: 700;
    vertical-align: middle
}

.header-btns a {
    text-align: left;
    max-width: 100px
}

header,
section {
    padding: 60px 0
}

.btn {
    font-size: .875rem;
    font-weight: 600;
    background-color: #00b7ff;
    border: 1px solid #00b7ff;
    border-radius: .625rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: .5rem 1.5rem;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    transition: background-color .15s ease, color .15s ease;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal
}

.btn-trans,
.btn:focus,
.btn:hover {
    background-color: transparent;
    color: #00b7ff!important;
    border-color: #00b7ff!important
}

.btn-trans {
    background-color: transparent;
    color: #00b7ff!important
}

.btn.btn-trans.active,
.btn.btn-trans:focus,
.btn.btn-trans:hover {
    background-color: #00b7ff!important;
    color: #fff!important
}

.text-white {
    color: #fff
}

.single-pricing-plan {
    cursor: pointer
}

.top-icon-cont {
    height: 30px;
    width: 30px;
    background: #292929;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.top-icon-cont i {
    color: #fff;
    font-size: 14px
}

.top-contact-single p {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 700;
}

.top-contact-single h6 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 20px
}

.contact-form {
    height: 100%
}

.error-content p {
    font-size: 12px
}

.services-list {
    padding-left: 20px
}

.services-list li h5 {
    font-size: 16px;
    font-family: 'Inter Bold'
}

.services-list li p {
    font-size: 12px
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 15px 0
}

.image-grid img {
    width: 100%;
    height: auto;
    display: block
}

.grey-text {
    color: #b9bfc4
}

.below-bar {
    width: auto;
    position: relative;
    text-align: center
}

.below-bar:before {
    content: " ";
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: -1;
    right: 0;
    background: #cbd5e1;
    height: 2px
}

.below-bar h3 {
    background-color: #fff;
    display: inline-block;
    padding: 0 10px
}

.bottom-style-bar {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.bottom-style-bar:after {
    content: " ";
    position: absolute;
    width: 308px;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/bottom-style-bar.webp) no-repeat center center/100%;
    height: 2px
}

.bottom-style-bar.small:after {
    background: url(../images/bottom-style-bar-small.webp) no-repeat center center/100%;
    width: 129px
}

.bottom-grey-bar {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.bottom-grey-bar:after {
    content: " ";
    position: absolute;
    width: 308px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #989898;
    height: 2px
}

.bottom-grey-bar.small:after {
    width: 76px
}

.bottom-grey-bar.text-center:after {
    margin-left: auto;
    margin-right: auto
}

.text-center .bottom-style-bar:after,
.text-center.bottom-style-bar:after {
    margin-left: auto;
    margin-right: auto
}

.vertical-style-bar {
    position: relative
}

.vertical-style-bar:after {
    content: " ";
    position: absolute;
    width: 2px;
    left: -45px;
    bottom: 0;
    top: 0;
    background: url(../images/vertical-style-bar.webp) no-repeat center center/100%;
    height: 100%
}

.single-service h6 {
    font-size: .8rem
}

.single-service img {
    width: 100%
}

.services-section .single-service img {
    width: 34px;
    height: 34px
}

.service-text-cont {
    background: #14151b;
    border-top: 4px solid #cba74b;
    color: #fff;
    padding: 10px;
    border-radius: 0 0 10px 10px
}

.service-text-cont p {
    font-size: 12px;
    line-height: 1.3
}

.choose-text-cont p {
    font-size: 12px
}

.feature-icon {
    background: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px dashed #7c7c7c;
    display: flex;
    align-items: center;
    justify-content: center
}

.feature-text-cont h5,
.single-choose h5 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 18px
}

.feature-text-cont h5:after,
.single-choose h5:after {
    content: " ";
    position: absolute;
    width: 84px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00b7ff;
    height: 2px
}

.feature-text-cont p {
    font-size: 12px;
    line-height: 1.3
}

ul.header-list,
ul.services-list {
    padding: 0
}

ul.header-list li,
ul.services-list li {
    font-size: 12px;
    margin-bottom: 10px;
    background: url(../images/check-icon.webp) no-repeat 2px 2px transparent;
    background-size: 16px;
    list-style-type: none;
    padding: 0 0 1px 25px
}

ul.header-list:last-child,
ul.services-list li:last-child {
    margin-bottom: 0
}

.indexfaqs .features-main {
    position: relative;
    margin-bottom: 6px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    transition: all .25s linear
}

.indexfaqs .features-main-title {
    padding: 10px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 40px;
    margin-bottom: 0;
    background: #fff;
    cursor: pointer
}

.indexfaqs .features-main-title h4 {
    color: #000;
    margin: 0
}

.features-main-title h6 {
    font-size: .9rem
}

.indexfaqs .features-main-title .faq-btns {
    position: absolute;
    right: 10px;
    display: inline-flex;
    cursor: pointer
}

.indexfaqs .faq-btns .open-btn {
    display: flex;
    display: -ms-flexbox
}

.indexfaqs .faq-btns .close-btn {
    display: none
}

.indexfaqs .is-active .open-btn {
    display: none
}

.indexfaqs .faq-btns .close-btn,
.indexfaqs .faq-btns .open-btn {
    align-items: center
}

.indexfaqs .is-active .close-btn {
    display: flex;
    display: -ms-flexbox
}

.indexfaqs .features-main .features-main-content {
    display: none;
    padding: 5px;
    animation: 2 2s 2s forward
}

.indexfaqs .is-active .features-main-content {
    animation: 2 2s 2s forward;
    display: block
}

.features-main-content li,
.features-main-content p {
    margin: 0;
    color: #fff;
    font-size: 12px
}

.indexfaqs .features-main-content p {
    margin: 0;
    color: #000
}

.vertical-simple-bar {
    position: relative
}

.vertical-simple-bar:after {
    content: " ";
    position: absolute;
    width: 2px;
    left: -15px;
    bottom: 0;
    top: 0;
    background: #dfdfdf;
    height: 100%
}

.footer-top-bg {
    background: url(../images/footer-top-bg.webp) no-repeat center center/cover, rgba(0, 0, 0, .5);
    position: relative;
    padding: 60px 0 30px
}

.footer-top-bg:before {
    content: '';
    background: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.footer-top {
    border-top: 5px solid #00b7ff
}

.footer-top p {
    font-size: 14px
}

.footer-top hr {
    border-color: #FFF
}

.footer-top a,
.footer-top h1,
.footer-top h2,
.footer-top h3,
.footer-top h4,
.footer-top h5,
.footer-top h6,
.footer-top p {
    color: #fff
}

footer {
    color: #fff
}

footer {
    background: #000
}

footer {
    padding: 30px 0
}

.icon-container-footer {
    width: 60px;
    height: 60px;
    background: #cba74b;
    margin: 10px auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 0 #00000040
}

.icon-container-footer i {
    font-size: 20px
}

.single-contact-footer h6 {
    font-family: Inter;
    color: #7c7c7c;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

footer h5 {
    position: relative;
    line-height: 40px
}

footer h5:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #cba74b;
    height: 2px;
    width: 80px
}

.copyright-area {
    position: relative;
    padding: 10px 0;
    font-size: 14px;
    background: #00b7ff
}

.footer-heading-bar {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.footer-heading-bar:after {
    content: " ";
    position: absolute;
    width: 84px;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/footer-heading-bar.webp) no-repeat center center/100%;
    height: 2px
}

ul.footer-links {
    padding: 0
}

ul.footer-links li {
    font-size: 13px;
    margin-bottom: 10px;
    background: url(../images/footer-list-icon.webp) no-repeat 2px 2px transparent;
    background-size: 14px;
    list-style-type: none;
    padding: 0 0 1px 25px;
    font-weight: 600;
    color: #fff
}

.single-contact i {
    color: #00b7ff
}

.faqs-cont a {
    font-size: 14px;
    font-weight: 600
}

.text-decoration-underline {
    text-decoration: underline!important
}

.scroll-content ul {
    padding-left: 15px
}

.footer-social li {
    margin: 0 8px;
    display: flex;
    background: #fff;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    text-align: center
}

.footer-social li a {
    line-height: 1
}

.footer-social li i {
    color: #000;
    font-size: 18px
}

.services-section .single-service {
    position: relative
}

.services-section .single-service p:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: #00b7ff;
    height: 5px;
    width: 60px;
    margin: auto;
    bottom: -10px;
    border-radius: 10px
}

.small-p {
    font-size: 14px
}

.header-features-container:hover .header-features:after {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes Rotate {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes Rotate {
    from {
        -ms-transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}

.features-content h4 {
    font-family: "Inter Bold";
    position: relative;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600
}

.features-content h4:after,
.header-bottom h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00b7ff;
    height: 2px;
    width: 50%;
    margin: auto
}

.features-content h4:after {
    width: 25%
}

.equal-height {
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}

.pricing-single-box {
    position: relative;
    box-shadow: rgba(153, 153, 153, .1) 0 0 5px 0;
    background: #fff;
    padding: 0;
    border-radius: 7px
}

.pricing-single-box .box-top {
    margin-bottom: 30px;
    padding: 30px
}

.pricing-single-box .plan {
    font-weight: 700;
    font-size: 22px
}

.pricing-single-box .price {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 22px;
    margin-top: -2%
}

.pricing-single-box h3 {
    text-align: center;
    padding: 30px 10px 10px;
    margin: 0
}

.pricing-single-box .btn {
    width: 100%
}

.pricing-single-box .box-bot {
    margin-bottom: 10px;
    position: relative;
    top: -30px;
    padding: 0 10px
}

.pricing-single-box ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.pricing-single-box ul li {
    font-size: 14px;
    margin-bottom: 1.5rem;
    padding-left: 2em;
    position: relative;
    font-weight: 600
}

.pricing-single-box ul li::before {
    content: "";
    background-image: url(../images/list-icon.webp);
    display: inline-block;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    background-size: contain;
    background-position: 50% 50%
}

.pricing-single-box ul li span {
    font-size: 12px;
    display: block;
    font-weight: 100
}

#accordion .panel {
    margin-top: 0;
    margin-bottom: 15px;
    border-radius: 0;
    border-width: 0;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    background: #f1f1f1;
    padding: 5px 15px;
}

#accordion .panel-heading {
    text-align: left;
    padding: 0;
    border-radius: 0
}

.panel-title {
    line-height: 1.5
}

#accordion a {
    display: block;
    padding: 10px 30px 10px 0;
    text-decoration: none
}

#accordion .panel-heading a {
    color: #000!important;
    background: #f1f1f1!important
}

#accordion .panel-heading a:not(.collapsed) {
    color: #000!important;
    transition: all .2s ease-in
}

#accordion .panel-heading .accordion-toggle.collapsed::before {
    color: #000;
    transform: rotate(-135deg);
    transition: all .2s ease-in
}

#accordion .panel-heading .accordion-toggle::before {
    position: absolute;
    right: 30px;
    font-family: FontAwesome;
    content: '\f00d';
    float: left;
    color: #000;
    font-weight: lighter;
    transform: rotate(0);
    transition: all .2s ease-in
}

.collapse {
    display: none
}

.show {
    display: flex;
    transition: .2s ease-in-out;
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.collapse.show {
    display: block
}

.panel-body {
    border-top: 1px solid #444;
    padding-top: 15px
}

.show {
    display: flex;
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: .2s ease-in-out
}

.single-client {
    margin-bottom: 30px;
    text-align: center;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, .25) 0 0 6px 0;
    padding: 15px;
    background: #fff
}

.single-client img {
    max-height: 85px
}

.faqs .features-main {
    margin-bottom: 10px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #00b7ff;
    border-image: initial
}

.faqs .features-main-title {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 10px
}

.faqs .features-main-title {
    margin-bottom: 0;
    cursor: pointer;
    padding: 15px 50px 15px 15px
}

.faqs .is-active .features-main-title {
    padding-right: 0;
    background: #00b7ff
}

.faqs .features-main-title h4 {
    color: #000;
    margin: 0
}

.faqs .is-active .features-main-title h4 {
    color: #fff
}

.faqs .features-main .features-main-content {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    animation: 2s ease 2s 2 normal none running forward
}

.faqs .is-active .features-main-content {
    display: block;
    animation: 2s ease 2s 2 normal none running forward
}

.faqs .features-main-content li,
.faqs .features-main-content p {
    color: #000;
    margin: 0
}

@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0)
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.selected-package {
    font-size: 14px
}

.footer-social,
ul.footer-links {
    margin-bottom: 0
}

ul.footer-links li:last-child {
    margin-bottom: 0
}

.footer-links a:focus,
.footer-links a:hover {
    color: #00b7ff
}

.footer-links a:focus p,
.footer-links a:hover p {
    color: #00b7ff
}

.copyright-area a:focus,
.copyright-area a:hover {
    color: rgba(255, 255, 255, .75)!important
}

.reviews-inner {
    height: 267px
}

.single-pricing.recommended .single-pricing-title,
.single-pricing.recommended .single-pricing-title:before {
    background: linear-gradient(209.95deg, #f70c47 -40%, #f5e427 85%)
}

.single-pricing.recommended .single-pricing-title h4 {
    color: #000
}

.single-pricing.recommended .single-pricing-title:after {
    background-image: url(../images/single-pricing-recommended-shadow.webp)
}

.recommended-img {
    position: absolute;
    width: 100px;
    height: 80px;
    right: -30px;
    top: -40px
}

.clients-section h3 {
    font-family: Inter!important
}

.scroll-content>ul {
    padding-left: 0!important;
    list-style-type: none
}

.scroll-content p {
    font-size: 14px
}

.scroll-content h2 {
    font-size: 1.75rem
}

.scroll-content h3 {
    font-size: 1.5rem
}

@media (min-width:992px) and (max-width:1200px) {
    .single-pricing-title h4 {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .col-lg-1-5 {
        flex: 0 0 auto;
        width: 20%
    }
}

@media (min-width:768px) and (max-width:991px) {
    p {
        font-size: 14px
    }
    .main-heading {
        font-size: 26px
    }
    .text-md-center .bottom-style-bar:after {
        margin-left: auto;
        margin-right: auto
    }
    #banner {
        background-image: none;
        background: linear-gradient(108.2deg, #000 11.58%, #373737 78.19%)
    }
    .fixed-contact-icons {
        width: 160px
    }
    .fixed-contact-icons a {
        font-size: 16px;
        transform: translate(110px, 0)
    }
    .fixed-contact-icons a i {
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        margin-right: 10px
    }
    .fixed-contact-icons a.Whatsapp:after {
        right: 108px
    }
    .features-list {
        list-style: inside
    }
    .single-pricing {
        padding: 25px 25px 25px 65px
    }
    .single-pricing-title h4 {
        font-size: 16px
    }
    .header-btns .btn {
        padding: .5rem;
        font-size: 14px
    }
    .top-contact-single.number h6 {
        font-size: 18px
    }
    .top-contact-single h6 {
        font-size: 14px
    }
    .copyright-area p {
        font-size: 12px
    }
}

@media (max-width:767px) {
    #banner {
        background-image: none;
        background: linear-gradient(108.2deg, #000 11.58%, #373737 78.19%)
    }
    p {
        font-size: 14px
    }
    .d-xs-block {
        display: block!important
    }
    .column-reverse-sm {
        flex-direction: column-reverse
    }
    .d-xs-flex {
        display: flex;
        align-items: center
    }
    .top-bar {
        padding: 0;
        margin-bottom: 10px
    }
    .newnavbar {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .text-sm-center {
        text-align: center!important
    }
    .newnavbar.fixed-top {
        padding: 3px 0;
        height: 50px;
    }
    .newnavbar.fixed-top .top-bar {
        display: none!important;
    }
    .navbar-collapse {
        left: 100%!important;
        width: 100%
    }
    .navbar-collapse.collapse.show {
        left: 0!important;
        transition: .5s ease-in-out;
        margin: auto
    }
    .navbar-collapse {
        background: #00b7ff;
        position: absolute;
        left: 0;
        right: 0;
        top: 8px;
        z-index: 11111
    }
    .top-icon-cont {
        width: 26px;
        height: 26px
    }
    .top-icon-cont i {
        font-size: 12px
    }
    .single-feature .row {
        align-items: center
    }
    .single-pricing-title h4 {
        font-size: 16px
    }
    .fixed-top .navbar-collapse {
        top: -1px
    }
    .header-bottom {
        background-position: bottom right, top left;
        background-size: 145px 67px
    }
    .service-text-cont {
        padding: 8px 6px
    }
    .single-service h6 {
        font-size: .7rem
    }
    .service-text-cont p {
        font-size: 11px
    }
    .image-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0
    }
    .image-grid img {
        width: calc(33.33% - 2px)
    }
    .below-bar h3,
    .bottom-style-bar h3 {
        font-size: 1.4rem
    }
    h5 {
        font-size: 1.1rem
    }
    .icon-bg {
        margin-bottom: 8px
    }
    .about-single {
        margin: 15px 0
    }
    .features-list {
        list-style: inside
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .single-pricing {
        padding: 25px 25px 25px 65px
    }
    .copyright-area p {
        font-size: 12px
    }
    .faqs .features-main-title h4 {
        font-size: 1.2rem
    }
    .main-heading.other-h {
        font-size: 2.6rem
    }
    .global-main-heading {
        font-size: 28px
    }
    .faqs-cont h3 br {
        display: none
    }
    .footer-top-bg {
        background-image: url(../images/footer-top-bg-mobile.webp)
    }
    .vertical-simple-bar:after {
        display: none
    }
}

@media (min-width:576px) and (max-width:767px) {
    .top-contact-single p {
        font-size: 10px
    }
    .single-pricing-title {
        width: 100%
    }
    .fixed-contact-icons,
    .fixed-social-icons {
        display: none
    }
    .text-sm-xs-center {
        text-align: center!important
    }
    .flex-sm-xs-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .h-100 {
        height: auto!important
    }
    .faqs-cont h3 br {
        display: none!important
    }
    .text-sm-center .bottom-style-bar:after,
    .text-sm-center.bottom-style-bar:after {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:575px) {
    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-auto {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
    .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-xs-none {
        display: none
    }
    .mr-xs-2,
    .mx-xs-2 {
        margin-right: .5rem!important
    }
    .px-xs-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .px-xs-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }
    .text-xs-center {
        text-align: center!important
    }
    .column-reverse-xs {
        flex-direction: column-reverse
    }
    .text-xs-center .bottom-style-bar:after,
    .text-xs-center.bottom-style-bar:after {
        margin-left: auto;
        margin-right: auto
    }
    .pt-xs-3 {
        padding-top: 1rem!important
    }
    .other_banner .main-heading {
        text-align: center
    }
    .faqs-cont h3 {
        font-size: 20px
    }
    .faqs-cont h3 br {
        display: none
    }
    .faqs-cont .text-right {
        text-align: center!important
    }
    .global-main-heading {
        font-size: 22px
    }
    .h2,
    h2 {
        font-size: 1.7rem
    }
    .h3,
    h3 {
        font-size: 1.5rem
    }
    .top-contact-single p {
        font-size: 9px
    }
    .top-contact-single h6 {
        font-size: 11px
    }
    .top-contact-single.number h6 {
        font-size: 14px
    }
    .navbar-collapse {
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 8px;
        z-index: 11111
    }
    .newnavbar.fixed-top {
        padding: 5px 0!important
    }
    .flex-xs-row-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .main-heading.other-h {
        font-size: 2.25rem
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .single-pricing-title {
        width: 75%
    }
    .about-single h3,
    .about-single p {
        text-align: center
    }
    .fixed-contact-icons,
    .fixed-social-icons {
        display: none
    }
    .p-xs-3 {
        padding: 1rem!important
    }
    .text-sm-xs-center {
        text-align: center!important
    }
    .flex-sm-xs-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .mx-xs-2 {
        margin-left: .5rem!important
    }
    .mt-xs-3 {
        margin-top: 1rem!important
    }
    .h-100 {
        height: auto!important
    }
    .recommended-img {
        width: 80px;
        height: 64px;
        right: -15px
    }
    .feature-text-cont h5.text-xs-center:after,
    .single-choose h5.text-xs-center:after {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:375px) {
    .top-bar .col-xs-6 {
        padding-left: 8px!important;
        padding-right: 8px!important
    }
    .header-features {
        width: 100%;
        padding: 10px;
        box-shadow: 0 0 8px 0 #0000004D
    }
    .header-features:after {
        display: none
    }
    .copyright-area p {
        font-size: 11px
    }
}

span.recommended {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00b7ff!important;
    color: #fff!important;
    padding: 5px 10px;
    border-radius: 7px 0;
    font-size: 12px;
}

#accordion .panel-heading a:not(.collapsed) {
    color: #000 !important;
    transition: all .2s ease-in;
}

.whatsapp-marketing-img {
    min-height: 360px;
}

.myBtnContainer button {
    display: inline-flex;
    align-items: center;
    color: #000;
    line-height: 40px;
    font-size: 14px;
    width: 160px;
    cursor: pointer;
    position: relative;
    background: #dbdbdb;
    padding: 10px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: 0;
    margin: 0 14px 14px 0;
}

.myBtnContainer button img {
    height: 16px;
    margin-right: 5px;
}

.myBtnContainer button.is-checked img,
.myBtnContainer button:focus img,
.myBtnContainer button:hover img {
    filter: invert(100%);
}

.myBtnContainer button.is-checked,
.myBtnContainer button:focus,
.myBtnContainer button:hover {
    color: #fff;
    background: #00b7ff;
}

.myBtnContainer button.is-checked::after,
.myBtnContainer button:focus::after,
.myBtnContainer button:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: -25px;
    height: 100%;
    background: url('../images/active-tri.webp') right center no-repeat;
}

.faqs .features-main-title .arrows {
    position: absolute;
    right: 30px;
    cursor: pointer;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    border-radius: 50%;
    background: #00b7ff;
}

.faqs .features-main-title .arrows .arrow-down {
    position: relative;
    top: 3px;
}

.faqs .features-main.is-active .arrows {
    display: none;
}

.btn:focus,
.btn:hover {
    background-color: transparent;
    background: transparent;
    color: #00b7ff !important;
    border: 1px solid #00b7ff !important;
}