/*!

Theme Name: Basilicata Salute

Theme URI: https://crocoblock.com/kava/

Author: Crocoblock

Author URI: https://crocoblock.com/

Description: Kava is a perfectly balanced clean WordPress theme, fully compatible with Elementor. It is perfect for blogging, providing lots of blog variations and even more style settings, allowing everyone to customize its appearance: change logo, add sidebars and display widgets, select color schemes, etc. One of its main features is  full responsiveness, so it will look great on all kinds of devices. Kava theme works just fine with WooCommerce plugin, and will be a great choice for creating a web store. It possesses immaculate typography, and its stylish appearance will satisfy even the most demanding. Kava theme is easy-to-use and customize, providing the best experience for everyone.

Version: 3.4.3

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: kava

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Kava is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/

@import url('assets/lib/fonts/montserrat/latin.css');

@import url('assets/lib/fonts/roboto/latin.css');

/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/

html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



body {

    margin: 0;

    background-color: white;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

    display: block;

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



[hidden],

template {

    display: none;

}



a {

    background-color: transparent;

    text-decoration: none;

}



a:active,

a:hover {

    outline: 0;

}



abbr[title] {

    border-bottom: 1px dotted;

}



b,

strong {

    font-weight: bold;

}



p strong{

    font-weight: bold;

}



dfn {

    font-style: italic;

}



h1 {

    font-size: 2em;

    margin: 0.67em 0;

}



mark {

    background: #ff0;

    color: #000;

}



small {

    font-size: 80%;

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



img {

    border: 0;

}



svg:not(:root) {

    overflow: hidden;

}



figure {

    margin: 0px;

}



hr {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

}



pre {

    overflow: auto;

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0;

}



button {

    overflow: visible;

}



button,

select {

    text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}



button[disabled],

html input[disabled] {

    cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



input {

    line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



input[type="search"] {

    -webkit-appearance: textfield;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



legend {

    border: 0;

    padding: 0;

}



textarea {

    overflow: auto;

}



optgroup {

    font-weight: bold;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



td,

th {

    padding: 0;

}



/*--------------------------------------------------------------

# Base Elements

--------------------------------------------------------------*/

html {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



*,

*:before,

*:after {

    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

    -webkit-box-sizing: inherit;

    box-sizing: inherit;

}



/*--------------------------------------------------------------

# Grid

--------------------------------------------------------------*/

.container {

    margin-left: auto;

    margin-right: auto;

    padding-left: 0.9375rem;

    padding-right: 0.9375rem;

}



@media (min-width: 640px) {

    .container {

        max-width: 640px;

    }

}



@media (min-width: 940px) {

    .container {

        max-width: 940px;

    }

}



@media (min-width: 1120px) {

    .container {

        max-width: 1120px;

    }

}



@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}



.container-fluid {

    margin-left: auto;

    margin-right: auto;

    padding-left: 0.9375rem;

    padding-right: 0.9375rem;

}



.row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -0.9375rem;

    margin-right: -0.9375rem;

}



.col-xs-1, .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-10, .col-xs-11, .col-xs-12, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-xl-1, .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-10, .col-xl-11, .col-xl-12 {

    position: relative;

    min-height: 1px;

    padding-left: 0.9375rem;

    padding-right: 0.9375rem;

}



.col-xs-1 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 8.33333%;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

}



.col-xs-2 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 16.66667%;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

}



.col-xs-3 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

}



.col-xs-4 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 33.33333%;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

}



.col-xs-5 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 41.66667%;

    -ms-flex: 0 0 41.66667%;

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

}



.col-xs-6 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}



.col-xs-7 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 58.33333%;

    -ms-flex: 0 0 58.33333%;

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

}



.col-xs-8 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 66.66667%;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

}



.col-xs-9 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 75%;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

}



.col-xs-10 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 83.33333%;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

}



.col-xs-11 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 91.66667%;

    -ms-flex: 0 0 91.66667%;

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

}



.col-xs-12 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 100%;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}



.col-xs-pull-0 {

    right: auto;

}



.col-xs-pull-1 {

    right: 8.33333%;

}



.col-xs-pull-2 {

    right: 16.66667%;

}



.col-xs-pull-3 {

    right: 25%;

}



.col-xs-pull-4 {

    right: 33.33333%;

}



.col-xs-pull-5 {

    right: 41.66667%;

}



.col-xs-pull-6 {

    right: 50%;

}



.col-xs-pull-7 {

    right: 58.33333%;

}



.col-xs-pull-8 {

    right: 66.66667%;

}



.col-xs-pull-9 {

    right: 75%;

}



.col-xs-pull-10 {

    right: 83.33333%;

}



.col-xs-pull-11 {

    right: 91.66667%;

}



.col-xs-pull-12 {

    right: 100%;

}



.col-xs-push-0 {

    left: auto;

}



.col-xs-push-1 {

    left: 8.33333%;

}



.col-xs-push-2 {

    left: 16.66667%;

}



.col-xs-push-3 {

    left: 25%;

}



.col-xs-push-4 {

    left: 33.33333%;

}



.col-xs-push-5 {

    left: 41.66667%;

}



.col-xs-push-6 {

    left: 50%;

}



.col-xs-push-7 {

    left: 58.33333%;

}



.col-xs-push-8 {

    left: 66.66667%;

}



.col-xs-push-9 {

    left: 75%;

}



.col-xs-push-10 {

    left: 83.33333%;

}



.col-xs-push-11 {

    left: 91.66667%;

}



.col-xs-push-12 {

    left: 100%;

}



.col-xs-offset-0 {

    margin-left: 0%;

}



.col-xs-offset-1 {

    margin-left: 8.33333%;

}



.col-xs-offset-2 {

    margin-left: 16.66667%;

}



.col-xs-offset-3 {

    margin-left: 25%;

}



.col-xs-offset-4 {

    margin-left: 33.33333%;

}



.col-xs-offset-5 {

    margin-left: 41.66667%;

}



.col-xs-offset-6 {

    margin-left: 50%;

}



.col-xs-offset-7 {

    margin-left: 58.33333%;

}



.col-xs-offset-8 {

    margin-left: 66.66667%;

}



.col-xs-offset-9 {

    margin-left: 75%;

}



.col-xs-offset-10 {

    margin-left: 83.33333%;

}



.col-xs-offset-11 {

    margin-left: 91.66667%;

}



.col-xs-offset-12 {

    margin-left: 100%;

}



@media (min-width: 640px) {

    .col-sm-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.33333%;

        -ms-flex: 0 0 8.33333%;

        flex: 0 0 8.33333%;

        max-width: 8.33333%;

    }

    .col-sm-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.66667%;

        -ms-flex: 0 0 16.66667%;

        flex: 0 0 16.66667%;

        max-width: 16.66667%;

    }

    .col-sm-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-sm-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.33333%;

        -ms-flex: 0 0 33.33333%;

        flex: 0 0 33.33333%;

        max-width: 33.33333%;

    }

    .col-sm-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.66667%;

        -ms-flex: 0 0 41.66667%;

        flex: 0 0 41.66667%;

        max-width: 41.66667%;

    }

    .col-sm-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-sm-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.33333%;

        -ms-flex: 0 0 58.33333%;

        flex: 0 0 58.33333%;

        max-width: 58.33333%;

    }

    .col-sm-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.66667%;

        -ms-flex: 0 0 66.66667%;

        flex: 0 0 66.66667%;

        max-width: 66.66667%;

    }

    .col-sm-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-sm-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.33333%;

        -ms-flex: 0 0 83.33333%;

        flex: 0 0 83.33333%;

        max-width: 83.33333%;

    }

    .col-sm-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.66667%;

        -ms-flex: 0 0 91.66667%;

        flex: 0 0 91.66667%;

        max-width: 91.66667%;

    }

    .col-sm-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .col-sm-pull-0 {

        right: auto;

    }

    .col-sm-pull-1 {

        right: 8.33333%;

    }

    .col-sm-pull-2 {

        right: 16.66667%;

    }

    .col-sm-pull-3 {

        right: 25%;

    }

    .col-sm-pull-4 {

        right: 33.33333%;

    }

    .col-sm-pull-5 {

        right: 41.66667%;

    }

    .col-sm-pull-6 {

        right: 50%;

    }

    .col-sm-pull-7 {

        right: 58.33333%;

    }

    .col-sm-pull-8 {

        right: 66.66667%;

    }

    .col-sm-pull-9 {

        right: 75%;

    }

    .col-sm-pull-10 {

        right: 83.33333%;

    }

    .col-sm-pull-11 {

        right: 91.66667%;

    }

    .col-sm-pull-12 {

        right: 100%;

    }

    .col-sm-push-0 {

        left: auto;

    }

    .col-sm-push-1 {

        left: 8.33333%;

    }

    .col-sm-push-2 {

        left: 16.66667%;

    }

    .col-sm-push-3 {

        left: 25%;

    }

    .col-sm-push-4 {

        left: 33.33333%;

    }

    .col-sm-push-5 {

        left: 41.66667%;

    }

    .col-sm-push-6 {

        left: 50%;

    }

    .col-sm-push-7 {

        left: 58.33333%;

    }

    .col-sm-push-8 {

        left: 66.66667%;

    }

    .col-sm-push-9 {

        left: 75%;

    }

    .col-sm-push-10 {

        left: 83.33333%;

    }

    .col-sm-push-11 {

        left: 91.66667%;

    }

    .col-sm-push-12 {

        left: 100%;

    }

    .col-sm-offset-0 {

        margin-left: 0%;

    }

    .col-sm-offset-1 {

        margin-left: 8.33333%;

    }

    .col-sm-offset-2 {

        margin-left: 16.66667%;

    }

    .col-sm-offset-3 {

        margin-left: 25%;

    }

    .col-sm-offset-4 {

        margin-left: 33.33333%;

    }

    .col-sm-offset-5 {

        margin-left: 41.66667%;

    }

    .col-sm-offset-6 {

        margin-left: 50%;

    }

    .col-sm-offset-7 {

        margin-left: 58.33333%;

    }

    .col-sm-offset-8 {

        margin-left: 66.66667%;

    }

    .col-sm-offset-9 {

        margin-left: 75%;

    }

    .col-sm-offset-10 {

        margin-left: 83.33333%;

    }

    .col-sm-offset-11 {

        margin-left: 91.66667%;

    }

    .col-sm-offset-12 {

        margin-left: 100%;

    }

}



@media (min-width: 940px) {

    .col-md-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.33333%;

        -ms-flex: 0 0 8.33333%;

        flex: 0 0 8.33333%;

        max-width: 8.33333%;

    }

    .col-md-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.66667%;

        -ms-flex: 0 0 16.66667%;

        flex: 0 0 16.66667%;

        max-width: 16.66667%;

    }

    .col-md-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-md-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.33333%;

        -ms-flex: 0 0 33.33333%;

        flex: 0 0 33.33333%;

        max-width: 33.33333%;

    }

    .col-md-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.66667%;

        -ms-flex: 0 0 41.66667%;

        flex: 0 0 41.66667%;

        max-width: 41.66667%;

    }

    .col-md-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-md-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.33333%;

        -ms-flex: 0 0 58.33333%;

        flex: 0 0 58.33333%;

        max-width: 58.33333%;

    }

    .col-md-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.66667%;

        -ms-flex: 0 0 66.66667%;

        flex: 0 0 66.66667%;

        max-width: 66.66667%;

    }

    .col-md-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-md-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.33333%;

        -ms-flex: 0 0 83.33333%;

        flex: 0 0 83.33333%;

        max-width: 83.33333%;

    }

    .col-md-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.66667%;

        -ms-flex: 0 0 91.66667%;

        flex: 0 0 91.66667%;

        max-width: 91.66667%;

    }

    .col-md-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .col-md-pull-0 {

        right: auto;

    }

    .col-md-pull-1 {

        right: 8.33333%;

    }

    .col-md-pull-2 {

        right: 16.66667%;

    }

    .col-md-pull-3 {

        right: 25%;

    }

    .col-md-pull-4 {

        right: 33.33333%;

    }

    .col-md-pull-5 {

        right: 41.66667%;

    }

    .col-md-pull-6 {

        right: 50%;

    }

    .col-md-pull-7 {

        right: 58.33333%;

    }

    .col-md-pull-8 {

        right: 66.66667%;

    }

    .col-md-pull-9 {

        right: 75%;

    }

    .col-md-pull-10 {

        right: 83.33333%;

    }

    .col-md-pull-11 {

        right: 91.66667%;

    }

    .col-md-pull-12 {

        right: 100%;

    }

    .col-md-push-0 {

        left: auto;

    }

    .col-md-push-1 {

        left: 8.33333%;

    }

    .col-md-push-2 {

        left: 16.66667%;

    }

    .col-md-push-3 {

        left: 25%;

    }

    .col-md-push-4 {

        left: 33.33333%;

    }

    .col-md-push-5 {

        left: 41.66667%;

    }

    .col-md-push-6 {

        left: 50%;

    }

    .col-md-push-7 {

        left: 58.33333%;

    }

    .col-md-push-8 {

        left: 66.66667%;

    }

    .col-md-push-9 {

        left: 75%;

    }

    .col-md-push-10 {

        left: 83.33333%;

    }

    .col-md-push-11 {

        left: 91.66667%;

    }

    .col-md-push-12 {

        left: 100%;

    }

    .col-md-offset-0 {

        margin-left: 0%;

    }

    .col-md-offset-1 {

        margin-left: 8.33333%;

    }

    .col-md-offset-2 {

        margin-left: 16.66667%;

    }

    .col-md-offset-3 {

        margin-left: 25%;

    }

    .col-md-offset-4 {

        margin-left: 33.33333%;

    }

    .col-md-offset-5 {

        margin-left: 41.66667%;

    }

    .col-md-offset-6 {

        margin-left: 50%;

    }

    .col-md-offset-7 {

        margin-left: 58.33333%;

    }

    .col-md-offset-8 {

        margin-left: 66.66667%;

    }

    .col-md-offset-9 {

        margin-left: 75%;

    }

    .col-md-offset-10 {

        margin-left: 83.33333%;

    }

    .col-md-offset-11 {

        margin-left: 91.66667%;

    }

    .col-md-offset-12 {

        margin-left: 100%;

    }

}



@media (min-width: 1120px) {

    .col-lg-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.33333%;

        -ms-flex: 0 0 8.33333%;

        flex: 0 0 8.33333%;

        max-width: 8.33333%;

    }

    .col-lg-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.66667%;

        -ms-flex: 0 0 16.66667%;

        flex: 0 0 16.66667%;

        max-width: 16.66667%;

    }

    .col-lg-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-lg-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.33333%;

        -ms-flex: 0 0 33.33333%;

        flex: 0 0 33.33333%;

        max-width: 33.33333%;

    }

    .col-lg-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.66667%;

        -ms-flex: 0 0 41.66667%;

        flex: 0 0 41.66667%;

        max-width: 41.66667%;

    }

    .col-lg-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-lg-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.33333%;

        -ms-flex: 0 0 58.33333%;

        flex: 0 0 58.33333%;

        max-width: 58.33333%;

    }

    .col-lg-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.66667%;

        -ms-flex: 0 0 66.66667%;

        flex: 0 0 66.66667%;

        max-width: 66.66667%;

    }

    .col-lg-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-lg-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.33333%;

        -ms-flex: 0 0 83.33333%;

        flex: 0 0 83.33333%;

        max-width: 83.33333%;

    }

    .col-lg-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.66667%;

        -ms-flex: 0 0 91.66667%;

        flex: 0 0 91.66667%;

        max-width: 91.66667%;

    }

    .col-lg-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .col-lg-pull-0 {

        right: auto;

    }

    .col-lg-pull-1 {

        right: 8.33333%;

    }

    .col-lg-pull-2 {

        right: 16.66667%;

    }

    .col-lg-pull-3 {

        right: 25%;

    }

    .col-lg-pull-4 {

        right: 33.33333%;

    }

    .col-lg-pull-5 {

        right: 41.66667%;

    }

    .col-lg-pull-6 {

        right: 50%;

    }

    .col-lg-pull-7 {

        right: 58.33333%;

    }

    .col-lg-pull-8 {

        right: 66.66667%;

    }

    .col-lg-pull-9 {

        right: 75%;

    }

    .col-lg-pull-10 {

        right: 83.33333%;

    }

    .col-lg-pull-11 {

        right: 91.66667%;

    }

    .col-lg-pull-12 {

        right: 100%;

    }

    .col-lg-push-0 {

        left: auto;

    }

    .col-lg-push-1 {

        left: 8.33333%;

    }

    .col-lg-push-2 {

        left: 16.66667%;

    }

    .col-lg-push-3 {

        left: 25%;

    }

    .col-lg-push-4 {

        left: 33.33333%;

    }

    .col-lg-push-5 {

        left: 41.66667%;

    }

    .col-lg-push-6 {

        left: 50%;

    }

    .col-lg-push-7 {

        left: 58.33333%;

    }

    .col-lg-push-8 {

        left: 66.66667%;

    }

    .col-lg-push-9 {

        left: 75%;

    }

    .col-lg-push-10 {

        left: 83.33333%;

    }

    .col-lg-push-11 {

        left: 91.66667%;

    }

    .col-lg-push-12 {

        left: 100%;

    }

    .col-lg-offset-0 {

        margin-left: 0%;

    }

    .col-lg-offset-1 {

        margin-left: 8.33333%;

    }

    .col-lg-offset-2 {

        margin-left: 16.66667%;

    }

    .col-lg-offset-3 {

        margin-left: 25%;

    }

    .col-lg-offset-4 {

        margin-left: 33.33333%;

    }

    .col-lg-offset-5 {

        margin-left: 41.66667%;

    }

    .col-lg-offset-6 {

        margin-left: 50%;

    }

    .col-lg-offset-7 {

        margin-left: 58.33333%;

    }

    .col-lg-offset-8 {

        margin-left: 66.66667%;

    }

    .col-lg-offset-9 {

        margin-left: 75%;

    }

    .col-lg-offset-10 {

        margin-left: 83.33333%;

    }

    .col-lg-offset-11 {

        margin-left: 91.66667%;

    }

    .col-lg-offset-12 {

        margin-left: 100%;

    }

}



@media (min-width: 1200px) {

    .col-xl-1 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 8.33333%;

        -ms-flex: 0 0 8.33333%;

        flex: 0 0 8.33333%;

        max-width: 8.33333%;

    }

    .col-xl-2 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 16.66667%;

        -ms-flex: 0 0 16.66667%;

        flex: 0 0 16.66667%;

        max-width: 16.66667%;

    }

    .col-xl-3 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }

    .col-xl-4 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 33.33333%;

        -ms-flex: 0 0 33.33333%;

        flex: 0 0 33.33333%;

        max-width: 33.33333%;

    }

    .col-xl-5 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 41.66667%;

        -ms-flex: 0 0 41.66667%;

        flex: 0 0 41.66667%;

        max-width: 41.66667%;

    }

    .col-xl-6 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .col-xl-7 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 58.33333%;

        -ms-flex: 0 0 58.33333%;

        flex: 0 0 58.33333%;

        max-width: 58.33333%;

    }

    .col-xl-8 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 66.66667%;

        -ms-flex: 0 0 66.66667%;

        flex: 0 0 66.66667%;

        max-width: 66.66667%;

    }

    .col-xl-9 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }

    .col-xl-10 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 83.33333%;

        -ms-flex: 0 0 83.33333%;

        flex: 0 0 83.33333%;

        max-width: 83.33333%;

    }

    .col-xl-11 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 91.66667%;

        -ms-flex: 0 0 91.66667%;

        flex: 0 0 91.66667%;

        max-width: 91.66667%;

    }

    .col-xl-12 {

        -webkit-box-flex: 0;

        -webkit-flex: 0 0 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .col-xl-pull-0 {

        right: auto;

    }

    .col-xl-pull-1 {

        right: 8.33333%;

    }

    .col-xl-pull-2 {

        right: 16.66667%;

    }

    .col-xl-pull-3 {

        right: 25%;

    }

    .col-xl-pull-4 {

        right: 33.33333%;

    }

    .col-xl-pull-5 {

        right: 41.66667%;

    }

    .col-xl-pull-6 {

        right: 50%;

    }

    .col-xl-pull-7 {

        right: 58.33333%;

    }

    .col-xl-pull-8 {

        right: 66.66667%;

    }

    .col-xl-pull-9 {

        right: 75%;

    }

    .col-xl-pull-10 {

        right: 83.33333%;

    }

    .col-xl-pull-11 {

        right: 91.66667%;

    }

    .col-xl-pull-12 {

        right: 100%;

    }

    .col-xl-push-0 {

        left: auto;

    }

    .col-xl-push-1 {

        left: 8.33333%;

    }

    .col-xl-push-2 {

        left: 16.66667%;

    }

    .col-xl-push-3 {

        left: 25%;

    }

    .col-xl-push-4 {

        left: 33.33333%;

    }

    .col-xl-push-5 {

        left: 41.66667%;

    }

    .col-xl-push-6 {

        left: 50%;

    }

    .col-xl-push-7 {

        left: 58.33333%;

    }

    .col-xl-push-8 {

        left: 66.66667%;

    }

    .col-xl-push-9 {

        left: 75%;

    }

    .col-xl-push-10 {

        left: 83.33333%;

    }

    .col-xl-push-11 {

        left: 91.66667%;

    }

    .col-xl-push-12 {

        left: 100%;

    }

    .col-xl-offset-0 {

        margin-left: 0%;

    }

    .col-xl-offset-1 {

        margin-left: 8.33333%;

    }

    .col-xl-offset-2 {

        margin-left: 16.66667%;

    }

    .col-xl-offset-3 {

        margin-left: 25%;

    }

    .col-xl-offset-4 {

        margin-left: 33.33333%;

    }

    .col-xl-offset-5 {

        margin-left: 41.66667%;

    }

    .col-xl-offset-6 {

        margin-left: 50%;

    }

    .col-xl-offset-7 {

        margin-left: 58.33333%;

    }

    .col-xl-offset-8 {

        margin-left: 66.66667%;

    }

    .col-xl-offset-9 {

        margin-left: 75%;

    }

    .col-xl-offset-10 {

        margin-left: 83.33333%;

    }

    .col-xl-offset-11 {

        margin-left: 91.66667%;

    }

    .col-xl-offset-12 {

        margin-left: 100%;

    }

}



.col-xs-first {

    -webkit-box-ordinal-group: 0;

    -webkit-order: -1;

    -ms-flex-order: -1;

    order: -1;

}



.col-xs-last {

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

    -ms-flex-order: 1;

    order: 1;

}



@media (min-width: 640px) {

    .col-sm-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .col-sm-last {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

}



@media (min-width: 940px) {

    .col-md-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .col-md-last {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

}



@media (min-width: 1120px) {

    .col-lg-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .col-lg-last {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

}



@media (min-width: 1200px) {

    .col-xl-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -ms-flex-order: -1;

        order: -1;

    }

    .col-xl-last {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1;

    }

}



.row-xs-top {

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.row-xs-center {

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.row-xs-bottom {

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

}



@media (min-width: 640px) {

    .row-sm-top {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .row-sm-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .row-sm-bottom {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

}



@media (min-width: 940px) {

    .row-md-top {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .row-md-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .row-md-bottom {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

}



@media (min-width: 1120px) {

    .row-lg-top {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .row-lg-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .row-lg-bottom {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

}



@media (min-width: 1200px) {

    .row-xl-top {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .row-xl-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .row-xl-bottom {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

    }

}



.col-xs-top {

    -webkit-align-self: flex-start;

    -ms-flex-item-align: start;

    align-self: flex-start;

}



.col-xs-center {

    -webkit-align-self: center;

    -ms-flex-item-align: center;

    align-self: center;

}



.col-xs-bottom {

    -webkit-align-self: flex-end;

    -ms-flex-item-align: end;

    align-self: flex-end;

}



@media (min-width: 640px) {

    .col-sm-top {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

    }

    .col-sm-center {

        -webkit-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

    }

    .col-sm-bottom {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }

}



@media (min-width: 940px) {

    .col-md-top {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

    }

    .col-md-center {

        -webkit-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

    }

    .col-md-bottom {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }

}



@media (min-width: 1120px) {

    .col-lg-top {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

    }

    .col-lg-center {

        -webkit-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

    }

    .col-lg-bottom {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }

}



@media (min-width: 1200px) {

    .col-xl-top {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

    }

    .col-xl-center {

        -webkit-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

    }

    .col-xl-bottom {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

    }

}



/*	Author: ThemeTrades

        ======================

    Name: MediTro

    Version:    1.0

    Portfolio : https://themeforest.net/user/themetrades/portfolio  

        

        ======================

        [Table of contents]

        ======================

        

        ==========

        * Start *

        ==========

        1. Basic

        2. Typography

                2.1 Font Size  

                2.2 Font Weight 

                2.3 Positions Z-index

        3. Spacing	

                3.1 Row Spacing

                2.2 Padding

                        3.2.1 Padding Around

                        3.2.2 Padding Top

                        3.2.3 Padding Bottom

                        3.2.4 Padding Left

                        3.2.5 Padding Right

                        3.2.6 Padding Left Right

                        3.2.7 Padding Top Bottom

                3.3 Margin	

                        3.3.1 margin Around

                        3.3.2 margin Top

                        3.3.3 margin Bottom

                        3.3.4 margin Left

                        3.3.5 margin Right

                        3.3.6 margin Left Right

                        3.3.7 margin Top Bottom

                3.4 Section Spacing	

        4. Heading	

        5. Page Banner

        6. Breadcrumb	

        7. Fonts

        8. Components

                8.1 About Us

                8.2 Accordion

                8.3 Action Box

                8.4 Appointment

                8.5 Blog & News

                8.6 Buttons

                8.7 Card

                8.8 Category

                8.9 Icon Box

                8.10 Filter

                8.11 Form

                8.12 Home Banner

                8.13 Overlay

                8.14 Pagination

                8.15 Pattern

                8.16 Pricing Table

                8.17 Back To Top

                8.18 Separator

                8.19 Service Menu

                8.20 Table

                8.21 Team

                8.22 Testimonial

                8.23 Work Box

        9. Layout

                9.1 Header

                9.2 Footer

                9.3 Widget

        10. Pages

                10.1 Index

                10.2 Blog Details

                10.3 Service

                10.4 Error 404

        

        ==========

        * End *

        ==========	

*/

/*!

 * Bootstrap v5.0.1 (https://getbootstrap.com/)

 * Copyright 2011-2021 The Bootstrap Authors

 * Copyright 2011-2021 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

 */

:root {

    --bs-primary: #565acf;

    --bs-secondary: #f17732;

    --bs-success: #209f84;

    --bs-info: #2754e6;

    --bs-warning: #fe970e;

    --bs-danger: #f72b50;

    --bs-light: #fff;

    --bs-dark: #1f2278;

    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

}



*,

*::before,

*::after {

    box-sizing: border-box;

}



@media (prefers-reduced-motion: no-preference) {

    :root {

        scroll-behavior: smooth;

    }

}



body {

    margin: 0;

    font-family: "Montserrat", sans-serif;

    /*font-size: 1.5rem !important;*/

    font-weight: 500;

    /*line-height: 1.5;*/

    color: #444;

    background-color: #ffffff;

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



hr {

    margin: 1rem 0;

    color: inherit;

    background-color: currentColor;

    border: 0;

    opacity: 0.25;

}



hr:not([size]) {

    height: 1px;

}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {

    margin-top: 0;

    margin-bottom: 0.5rem;

    font-weight: 500;

    line-height: 1.2;

    color: #14181d;

}



h1, .h1 {

    font-size: calc(1.4375rem + 2.25vw);

}

@media (min-width: 1200px) {

    h1, .h1 {

        font-size: 3.125rem;

    }

}



h2, .h2 {

    font-size: calc(1.34375rem + 1.125vw);

}

@media (min-width: 1200px) {

    h2, .h2 {

        font-size: 2.1875rem;

    }

}



h3, .h3 {

    font-size: calc(1.3rem + 0.6vw);

}

@media (min-width: 1200px) {

    h3, .h3 {

        font-size: 1.75rem;

    }

}



h4, .h4 {

    font-size: calc(1.275rem + 0.3vw);

}

@media (min-width: 1200px) {

    h4, .h4 {

        font-size: 1.5rem;

    }

}



h5, .h5 {

    font-size: 1.25rem;

}



h6, .h6 {

    font-size: 1.125rem;

}



p {

    margin-top: 0;

    margin-bottom: 1rem;

}



abbr[title],

abbr[data-bs-original-title] {

    text-decoration: underline dotted;

    cursor: help;

    text-decoration-skip-ink: none;

}



address {

    margin-bottom: 1rem;

    font-style: normal;

    line-height: inherit;

}



ol,

ul {

    padding-left: 2rem;

}



ol,

ul,

dl {

    margin-top: 0;

    margin-bottom: 1rem;

}



ol ol,

ul ul,

ol ul,

ul ol {

    margin-bottom: 0;

}



dt {

    font-weight: 700;

}



dd {

    margin-bottom: .5rem;

    margin-left: 0;

}



blockquote {

    margin: 0 0 1rem;

}



b,

strong {

    font-weight: bolder;

}



small, .small {

    font-size: 0.875em;

}



mark, .mark {

    padding: 0.2em;

    background-color: #fcf8e3;

}



sub,

sup {

    position: relative;

    font-size: 0.75em;

    line-height: 0;

    vertical-align: baseline;

}



sub {

    bottom: -.25em;

}



sup {

    top: -.5em;

}



a {

    color: #565acf;

    text-decoration: underline;

}

a:hover {

    color: #4548a6;

}



a:not([href]):not([class]), a:not([href]):not([class]):hover {

    color: inherit;

    text-decoration: none;

}



pre,

code,

kbd,

samp {

    font-family: var(--bs-font-monospace);

    font-size: 1em;

    direction: ltr /* rtl:ignore */;

    unicode-bidi: bidi-override;

}



pre {

    display: block;

    margin-top: 0;

    margin-bottom: 1rem;

    overflow: auto;

    font-size: 0.875em;

}

pre code {

    font-size: inherit;

    color: inherit;

    word-break: normal;

}



code {

    font-size: 0.875em;

    color: #d63384;

    word-wrap: break-word;

}

a > code {

    color: inherit;

}



kbd {

    padding: 0.2rem 0.4rem;

    font-size: 0.875em;

    color: #fff;

    background-color: #212529;

    border-radius: 0.2rem;

}

kbd kbd {

    padding: 0;

    font-size: 1em;

    font-weight: 700;

}



figure {

    margin: 0 0 1rem;

}



img,

svg {

    vertical-align: middle;

}



table {

    caption-side: bottom;

    border-collapse: collapse;

}



caption {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    color: #AEAED5;

    text-align: left;

}



th {

    text-align: inherit;

    text-align: -webkit-match-parent;

}



thead,

tbody,

tfoot,

tr,

td,

th {

    border-color: inherit;

    border-style: solid;

    border-width: 0;

}



label {

    display: inline-block;

}



button {

    border-radius: 0;

}



button:focus:not(:focus-visible) {

    outline: 0;

}



input,

button,

select,

optgroup,

textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}



button,

select {

    text-transform: none;

}



[role="button"] {

    cursor: pointer;

}



select {

    word-wrap: normal;

}

select:disabled {

    opacity: 1;

}



[list]::-webkit-calendar-picker-indicator {

    display: none;

}



button,

[type="button"],

[type="reset"],

[type="submit"] {

    -webkit-appearance: button;

}

button:not(:disabled),

[type="button"]:not(:disabled),

[type="reset"]:not(:disabled),

[type="submit"]:not(:disabled) {

    cursor: pointer;

}



::-moz-focus-inner {

    padding: 0;

    border-style: none;

}



textarea {

    resize: vertical;

}



fieldset {

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0;

}



legend {

    float: left;

    width: 100%;

    padding: 0;

    margin-bottom: 0.5rem;

    font-size: calc(1.275rem + 0.3vw);

    line-height: inherit;

}

@media (min-width: 1200px) {

    legend {

        font-size: 1.5rem;

    }

}

legend + * {

    clear: left;

}



::-webkit-datetime-edit-fields-wrapper,

::-webkit-datetime-edit-text,

::-webkit-datetime-edit-minute,

::-webkit-datetime-edit-hour-field,

::-webkit-datetime-edit-day-field,

::-webkit-datetime-edit-month-field,

::-webkit-datetime-edit-year-field {

    padding: 0;

}



::-webkit-inner-spin-button {

    height: auto;

}



[type="search"] {

    outline-offset: -2px;

    -webkit-appearance: textfield;

}



/* rtl:raw:

[type="tel"],

[type="url"],

[type="email"],

[type="number"] {

  direction: ltr;

}

*/

::-webkit-search-decoration {

    -webkit-appearance: none;

}



::-webkit-color-swatch-wrapper {

    padding: 0;

}



::file-selector-button {

    font: inherit;

}



::-webkit-file-upload-button {

    font: inherit;

    -webkit-appearance: button;

}



output {

    display: inline-block;

}



iframe {

    border: 0;

}



summary {

    display: list-item;

    cursor: pointer;

}



progress {

    vertical-align: baseline;

}



[hidden] {

    display: none !important;

}



.lead {

    font-size: 1.25rem;

    font-weight: 300;

}



.display-1 {

    font-size: calc(1.625rem + 4.5vw);

    font-weight: 300;

    line-height: 1.2;

}

@media (min-width: 1200px) {

    .display-1 {

        font-size: 5rem;

    }

}



.display-2 {

    font-size: calc(1.575rem + 3.9vw);

    font-weight: 300;

    line-height: 1.2;

}

@media (min-width: 1200px) {

    .display-2 {

        font-size: 4.5rem;

    }

}



.display-3 {

    font-size: calc(1.525rem + 3.3vw);

    font-weight: 300;

    line-height: 1.2;

}

@media (min-width: 1200px) {

    .display-3 {

        font-size: 4rem;

    }

}



.display-4 {

    font-size: calc(1.475rem + 2.7vw);

    font-weight: 300;

    line-height: 1.2;

}

@media (min-width: 1200px) {

    .display-4 {

        font-size: 3.5rem;

    }

}



.display-5 {

    font-size: calc(1.425rem + 2.1vw);

    font-weight: 300;

    line-height: 1.2;

}

@media (min-width: 1200px) {

    .display-5 {

        font-size: 3rem;

    }

}



.display-6 {

    font-size: calc(1.375rem + 1.5vw);

    font-weight: 300;

    line-height: 1.2;

}

@media (min-width: 1200px) {

    .display-6 {

        font-size: 2.5rem;

    }

}



.list-unstyled {

    padding-left: 0;

    list-style: none;

}



.list-inline {

    padding-left: 0;

    list-style: none;

}



.list-inline-item {

    display: inline-block;

}

.list-inline-item:not(:last-child) {

    margin-right: 0.5rem;

}



.initialism {

    font-size: 0.875em;

    text-transform: uppercase;

}



.blockquote {

    margin-bottom: 1rem;

    font-size: 1.25rem;

}

.blockquote > :last-child {

    margin-bottom: 0;

}



.blockquote-footer {

    margin-top: -1rem;

    margin-bottom: 1rem;

    font-size: 0.875em;

    color: #6c757d;

}

.blockquote-footer::before {

    content: "\2014\00A0";

}



.img-fluid {

    max-width: 100%;

    height: auto;

}



.img-thumbnail {

    padding: 0.25rem;

    background-color: #ffffff;

    border: 1px solid #dee2e6;

    border-radius: 0.25rem;

    max-width: 100%;

    height: auto;

}



.figure {

    display: inline-block;

}



.figure-img {

    margin-bottom: 0.5rem;

    line-height: 1;

}



.figure-caption {

    font-size: 0.875em;

    color: #6c757d;

}



.container,

.container-fluid,

.container-sm,

.container-md,

.container-lg,

.container-xl {

    width: 100%;

    padding-right: var(--bs-gutter-x, 15px);

    padding-left: var(--bs-gutter-x, 15px);

    margin-right: auto;

    margin-left: auto;

}



@media (min-width: 576px) {

    .container, .container-sm {

        max-width: 540px;

    }

}

@media (min-width: 768px) {

    .container, .container-sm, .container-md {

        max-width: 720px;

    }

}

@media (min-width: 992px) {

    .container, .container-sm, .container-md, .container-lg {

        max-width: 960px;

    }

}

@media (min-width: 1200px) {

    .container, .container-sm, .container-md, .container-lg, .container-xl {

        max-width: 1199px;

    }

}

.row {

    --bs-gutter-x: 30px;

    --bs-gutter-y: 0;

    display: flex;

    flex-wrap: wrap;

    margin-top: calc(var(--bs-gutter-y) * -1);

    margin-right: calc(var(--bs-gutter-x) / -2);

    margin-left: calc(var(--bs-gutter-x) / -2);

}

.row > * {

    flex-shrink: 0;

    width: 100%;

    max-width: 100%;

    padding-right: calc(var(--bs-gutter-x) / 2);

    padding-left: calc(var(--bs-gutter-x) / 2);

    margin-top: var(--bs-gutter-y);

}



.col {

    flex: 1 0 0%;

}



.row-cols-auto > * {

    flex: 0 0 auto;

    width: auto;

}



.row-cols-1 > * {

    flex: 0 0 auto;

    width: 100%;

}



.row-cols-2 > * {

    flex: 0 0 auto;

    width: 50%;

}



.row-cols-3 > * {

    flex: 0 0 auto;

    width: 33.3333333333%;

}



.row-cols-4 > * {

    flex: 0 0 auto;

    width: 25%;

}



.row-cols-5 > * {

    flex: 0 0 auto;

    width: 20%;

}



.row-cols-6 > * {

    flex: 0 0 auto;

    width: 16.6666666667%;

}



.col-auto {

    flex: 0 0 auto;

    width: auto;

}



.col-1 {

    flex: 0 0 auto;

    width: 8.3333333333%;

}



.col-2 {

    flex: 0 0 auto;

    width: 16.6666666667%;

}



.col-3 {

    flex: 0 0 auto;

    width: 25%;

}



.col-4 {

    flex: 0 0 auto;

    width: 33.3333333333%;

}



.col-5 {

    flex: 0 0 auto;

    width: 41.6666666667%;

}



.col-6 {

    flex: 0 0 auto;

    width: 50%;

}



.col-7 {

    flex: 0 0 auto;

    width: 58.3333333333%;

}



.col-8 {

    flex: 0 0 auto;

    width: 66.6666666667%;

}



.col-9 {

    flex: 0 0 auto;

    width: 75%;

}



.col-10 {

    flex: 0 0 auto;

    width: 83.3333333333%;

}



.col-11 {

    flex: 0 0 auto;

    width: 91.6666666667%;

}



.col-12 {

    flex: 0 0 auto;

    width: 100%;

}



.offset-1 {

    margin-left: 8.3333333333%;

}



.offset-2 {

    margin-left: 16.6666666667%;

}



.offset-3 {

    margin-left: 25%;

}



.offset-4 {

    margin-left: 33.3333333333%;

}



.offset-5 {

    margin-left: 41.6666666667%;

}



.offset-6 {

    margin-left: 50%;

}



.offset-7 {

    margin-left: 58.3333333333%;

}



.offset-8 {

    margin-left: 66.6666666667%;

}



.offset-9 {

    margin-left: 75%;

}



.offset-10 {

    margin-left: 83.3333333333%;

}



.offset-11 {

    margin-left: 91.6666666667%;

}



.g-0,

.gx-0 {

    --bs-gutter-x: 0;

}



.g-0,

.gy-0 {

    --bs-gutter-y: 0;

}



.g-1,

.gx-1 {

    --bs-gutter-x: 0.25rem;

}



.g-1,

.gy-1 {

    --bs-gutter-y: 0.25rem;

}



.g-2,

.gx-2 {

    --bs-gutter-x: 0.5rem;

}



.g-2,

.gy-2 {

    --bs-gutter-y: 0.5rem;

}



.g-3,

.gx-3 {

    --bs-gutter-x: 1rem;

}



.g-3,

.gy-3 {

    --bs-gutter-y: 1rem;

}



.g-4,

.gx-4 {

    --bs-gutter-x: 1.5rem;

}



.g-4,

.gy-4 {

    --bs-gutter-y: 1.5rem;

}



.g-5,

.gx-5 {

    --bs-gutter-x: 3rem;

}



.g-5,

.gy-5 {

    --bs-gutter-y: 3rem;

}



@media (min-width: 576px) {

    .col-sm {

        flex: 1 0 0%;

    }



    .row-cols-sm-auto > * {

        flex: 0 0 auto;

        width: auto;

    }



    .row-cols-sm-1 > * {

        flex: 0 0 auto;

        width: 100%;

    }



    .row-cols-sm-2 > * {

        flex: 0 0 auto;

        width: 50%;

    }



    .row-cols-sm-3 > * {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .row-cols-sm-4 > * {

        flex: 0 0 auto;

        width: 25%;

    }



    .row-cols-sm-5 > * {

        flex: 0 0 auto;

        width: 20%;

    }



    .row-cols-sm-6 > * {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-sm-auto {

        flex: 0 0 auto;

        width: auto;

    }



    .col-sm-1 {

        flex: 0 0 auto;

        width: 8.3333333333%;

    }



    .col-sm-2 {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-sm-3 {

        flex: 0 0 auto;

        width: 25%;

    }



    .col-sm-4 {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .col-sm-5 {

        flex: 0 0 auto;

        width: 41.6666666667%;

    }



    .col-sm-6 {

        flex: 0 0 auto;

        width: 50%;

    }



    .col-sm-7 {

        flex: 0 0 auto;

        width: 58.3333333333%;

    }



    .col-sm-8 {

        flex: 0 0 auto;

        width: 66.6666666667%;

    }



    .col-sm-9 {

        flex: 0 0 auto;

        width: 75%;

    }



    .col-sm-10 {

        flex: 0 0 auto;

        width: 83.3333333333%;

    }



    .col-sm-11 {

        flex: 0 0 auto;

        width: 91.6666666667%;

    }



    .col-sm-12 {

        flex: 0 0 auto;

        width: 100%;

    }



    .offset-sm-0 {

        margin-left: 0;

    }



    .offset-sm-1 {

        margin-left: 8.3333333333%;

    }



    .offset-sm-2 {

        margin-left: 16.6666666667%;

    }



    .offset-sm-3 {

        margin-left: 25%;

    }



    .offset-sm-4 {

        margin-left: 33.3333333333%;

    }



    .offset-sm-5 {

        margin-left: 41.6666666667%;

    }



    .offset-sm-6 {

        margin-left: 50%;

    }



    .offset-sm-7 {

        margin-left: 58.3333333333%;

    }



    .offset-sm-8 {

        margin-left: 66.6666666667%;

    }



    .offset-sm-9 {

        margin-left: 75%;

    }



    .offset-sm-10 {

        margin-left: 83.3333333333%;

    }



    .offset-sm-11 {

        margin-left: 91.6666666667%;

    }



    .g-sm-0,

    .gx-sm-0 {

        --bs-gutter-x: 0;

    }



    .g-sm-0,

    .gy-sm-0 {

        --bs-gutter-y: 0;

    }



    .g-sm-1,

    .gx-sm-1 {

        --bs-gutter-x: 0.25rem;

    }



    .g-sm-1,

    .gy-sm-1 {

        --bs-gutter-y: 0.25rem;

    }



    .g-sm-2,

    .gx-sm-2 {

        --bs-gutter-x: 0.5rem;

    }



    .g-sm-2,

    .gy-sm-2 {

        --bs-gutter-y: 0.5rem;

    }



    .g-sm-3,

    .gx-sm-3 {

        --bs-gutter-x: 1rem;

    }



    .g-sm-3,

    .gy-sm-3 {

        --bs-gutter-y: 1rem;

    }



    .g-sm-4,

    .gx-sm-4 {

        --bs-gutter-x: 1.5rem;

    }



    .g-sm-4,

    .gy-sm-4 {

        --bs-gutter-y: 1.5rem;

    }



    .g-sm-5,

    .gx-sm-5 {

        --bs-gutter-x: 3rem;

    }



    .g-sm-5,

    .gy-sm-5 {

        --bs-gutter-y: 3rem;

    }

}

@media (min-width: 768px) {

    .col-md {

        flex: 1 0 0%;

    }



    .row-cols-md-auto > * {

        flex: 0 0 auto;

        width: auto;

    }



    .row-cols-md-1 > * {

        flex: 0 0 auto;

        width: 100%;

    }



    .row-cols-md-2 > * {

        flex: 0 0 auto;

        width: 50%;

    }



    .row-cols-md-3 > * {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .row-cols-md-4 > * {

        flex: 0 0 auto;

        width: 25%;

    }



    .row-cols-md-5 > * {

        flex: 0 0 auto;

        width: 20%;

    }



    .row-cols-md-6 > * {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-md-auto {

        flex: 0 0 auto;

        width: auto;

    }



    .col-md-1 {

        flex: 0 0 auto;

        width: 8.3333333333%;

    }



    .col-md-2 {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-md-3 {

        flex: 0 0 auto;

        width: 25%;

    }



    .col-md-4 {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .col-md-5 {

        flex: 0 0 auto;

        width: 41.6666666667%;

    }



    .col-md-6 {

        flex: 0 0 auto;

        width: 50%;

    }



    .col-md-7 {

        flex: 0 0 auto;

        width: 58.3333333333%;

    }



    .col-md-8 {

        flex: 0 0 auto;

        width: 66.6666666667%;

    }



    .col-md-9 {

        flex: 0 0 auto;

        width: 75%;

    }



    .col-md-10 {

        flex: 0 0 auto;

        width: 83.3333333333%;

    }



    .col-md-11 {

        flex: 0 0 auto;

        width: 91.6666666667%;

    }



    .col-md-12 {

        flex: 0 0 auto;

        width: 100%;

    }



    .offset-md-0 {

        margin-left: 0;

    }



    .offset-md-1 {

        margin-left: 8.3333333333%;

    }



    .offset-md-2 {

        margin-left: 16.6666666667%;

    }



    .offset-md-3 {

        margin-left: 25%;

    }



    .offset-md-4 {

        margin-left: 33.3333333333%;

    }



    .offset-md-5 {

        margin-left: 41.6666666667%;

    }



    .offset-md-6 {

        margin-left: 50%;

    }



    .offset-md-7 {

        margin-left: 58.3333333333%;

    }



    .offset-md-8 {

        margin-left: 66.6666666667%;

    }



    .offset-md-9 {

        margin-left: 75%;

    }



    .offset-md-10 {

        margin-left: 83.3333333333%;

    }



    .offset-md-11 {

        margin-left: 91.6666666667%;

    }



    .g-md-0,

    .gx-md-0 {

        --bs-gutter-x: 0;

    }



    .g-md-0,

    .gy-md-0 {

        --bs-gutter-y: 0;

    }



    .g-md-1,

    .gx-md-1 {

        --bs-gutter-x: 0.25rem;

    }



    .g-md-1,

    .gy-md-1 {

        --bs-gutter-y: 0.25rem;

    }



    .g-md-2,

    .gx-md-2 {

        --bs-gutter-x: 0.5rem;

    }



    .g-md-2,

    .gy-md-2 {

        --bs-gutter-y: 0.5rem;

    }



    .g-md-3,

    .gx-md-3 {

        --bs-gutter-x: 1rem;

    }



    .g-md-3,

    .gy-md-3 {

        --bs-gutter-y: 1rem;

    }



    .g-md-4,

    .gx-md-4 {

        --bs-gutter-x: 1.5rem;

    }



    .g-md-4,

    .gy-md-4 {

        --bs-gutter-y: 1.5rem;

    }



    .g-md-5,

    .gx-md-5 {

        --bs-gutter-x: 3rem;

    }



    .g-md-5,

    .gy-md-5 {

        --bs-gutter-y: 3rem;

    }

}

@media (min-width: 992px) {

    .col-lg {

        flex: 1 0 0%;

    }



    .row-cols-lg-auto > * {

        flex: 0 0 auto;

        width: auto;

    }



    .row-cols-lg-1 > * {

        flex: 0 0 auto;

        width: 100%;

    }



    .row-cols-lg-2 > * {

        flex: 0 0 auto;

        width: 50%;

    }



    .row-cols-lg-3 > * {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .row-cols-lg-4 > * {

        flex: 0 0 auto;

        width: 25%;

    }



    .row-cols-lg-5 > * {

        flex: 0 0 auto;

        width: 20%;

    }



    .row-cols-lg-6 > * {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-lg-auto {

        flex: 0 0 auto;

        width: auto;

    }



    .col-lg-1 {

        flex: 0 0 auto;

        width: 8.3333333333%;

    }



    .col-lg-2 {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-lg-3 {

        flex: 0 0 auto;

        width: 25%;

    }



    .col-lg-4 {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .col-lg-5 {

        flex: 0 0 auto;

        width: 41.6666666667%;

    }



    .col-lg-6 {

        flex: 0 0 auto;

        width: 50%;

    }



    .col-lg-7 {

        flex: 0 0 auto;

        width: 58.3333333333%;

    }



    .col-lg-8 {

        flex: 0 0 auto;

        width: 66.6666666667%;

    }



    .col-lg-9 {

        flex: 0 0 auto;

        width: 75%;

    }



    .col-lg-10 {

        flex: 0 0 auto;

        width: 83.3333333333%;

    }



    .col-lg-11 {

        flex: 0 0 auto;

        width: 91.6666666667%;

    }



    .col-lg-12 {

        flex: 0 0 auto;

        width: 100%;

    }



    .offset-lg-0 {

        margin-left: 0;

    }



    .offset-lg-1 {

        margin-left: 8.3333333333%;

    }



    .offset-lg-2 {

        margin-left: 16.6666666667%;

    }



    .offset-lg-3 {

        margin-left: 25%;

    }



    .offset-lg-4 {

        margin-left: 33.3333333333%;

    }



    .offset-lg-5 {

        margin-left: 41.6666666667%;

    }



    .offset-lg-6 {

        margin-left: 50%;

    }



    .offset-lg-7 {

        margin-left: 58.3333333333%;

    }



    .offset-lg-8 {

        margin-left: 66.6666666667%;

    }



    .offset-lg-9 {

        margin-left: 75%;

    }



    .offset-lg-10 {

        margin-left: 83.3333333333%;

    }



    .offset-lg-11 {

        margin-left: 91.6666666667%;

    }



    .g-lg-0,

    .gx-lg-0 {

        --bs-gutter-x: 0;

    }



    .g-lg-0,

    .gy-lg-0 {

        --bs-gutter-y: 0;

    }



    .g-lg-1,

    .gx-lg-1 {

        --bs-gutter-x: 0.25rem;

    }



    .g-lg-1,

    .gy-lg-1 {

        --bs-gutter-y: 0.25rem;

    }



    .g-lg-2,

    .gx-lg-2 {

        --bs-gutter-x: 0.5rem;

    }



    .g-lg-2,

    .gy-lg-2 {

        --bs-gutter-y: 0.5rem;

    }



    .g-lg-3,

    .gx-lg-3 {

        --bs-gutter-x: 1rem;

    }



    .g-lg-3,

    .gy-lg-3 {

        --bs-gutter-y: 1rem;

    }



    .g-lg-4,

    .gx-lg-4 {

        --bs-gutter-x: 1.5rem;

    }



    .g-lg-4,

    .gy-lg-4 {

        --bs-gutter-y: 1.5rem;

    }



    .g-lg-5,

    .gx-lg-5 {

        --bs-gutter-x: 3rem;

    }



    .g-lg-5,

    .gy-lg-5 {

        --bs-gutter-y: 3rem;

    }

}

@media (min-width: 1200px) {

    .col-xl {

        flex: 1 0 0%;

    }



    .row-cols-xl-auto > * {

        flex: 0 0 auto;

        width: auto;

    }



    .row-cols-xl-1 > * {

        flex: 0 0 auto;

        width: 100%;

    }



    .row-cols-xl-2 > * {

        flex: 0 0 auto;

        width: 50%;

    }



    .row-cols-xl-3 > * {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .row-cols-xl-4 > * {

        flex: 0 0 auto;

        width: 25%;

    }



    .row-cols-xl-5 > * {

        flex: 0 0 auto;

        width: 20%;

    }



    .row-cols-xl-6 > * {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-xl-auto {

        flex: 0 0 auto;

        width: auto;

    }



    .col-xl-1 {

        flex: 0 0 auto;

        width: 8.3333333333%;

    }



    .col-xl-2 {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-xl-3 {

        flex: 0 0 auto;

        width: 25%;

    }



    .col-xl-4 {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .col-xl-5 {

        flex: 0 0 auto;

        width: 41.6666666667%;

    }



    .col-xl-6 {

        flex: 0 0 auto;

        width: 50%;

    }



    .col-xl-7 {

        flex: 0 0 auto;

        width: 58.3333333333%;

    }



    .col-xl-8 {

        flex: 0 0 auto;

        width: 66.6666666667%;

    }



    .col-xl-9 {

        flex: 0 0 auto;

        width: 75%;

    }



    .col-xl-10 {

        flex: 0 0 auto;

        width: 83.3333333333%;

    }



    .col-xl-11 {

        flex: 0 0 auto;

        width: 91.6666666667%;

    }



    .col-xl-12 {

        flex: 0 0 auto;

        width: 100%;

    }



    .offset-xl-0 {

        margin-left: 0;

    }



    .offset-xl-1 {

        margin-left: 8.3333333333%;

    }



    .offset-xl-2 {

        margin-left: 16.6666666667%;

    }



    .offset-xl-3 {

        margin-left: 25%;

    }



    .offset-xl-4 {

        margin-left: 33.3333333333%;

    }



    .offset-xl-5 {

        margin-left: 41.6666666667%;

    }



    .offset-xl-6 {

        margin-left: 50%;

    }



    .offset-xl-7 {

        margin-left: 58.3333333333%;

    }



    .offset-xl-8 {

        margin-left: 66.6666666667%;

    }



    .offset-xl-9 {

        margin-left: 75%;

    }



    .offset-xl-10 {

        margin-left: 83.3333333333%;

    }



    .offset-xl-11 {

        margin-left: 91.6666666667%;

    }



    .g-xl-0,

    .gx-xl-0 {

        --bs-gutter-x: 0;

    }



    .g-xl-0,

    .gy-xl-0 {

        --bs-gutter-y: 0;

    }



    .g-xl-1,

    .gx-xl-1 {

        --bs-gutter-x: 0.25rem;

    }



    .g-xl-1,

    .gy-xl-1 {

        --bs-gutter-y: 0.25rem;

    }



    .g-xl-2,

    .gx-xl-2 {

        --bs-gutter-x: 0.5rem;

    }



    .g-xl-2,

    .gy-xl-2 {

        --bs-gutter-y: 0.5rem;

    }



    .g-xl-3,

    .gx-xl-3 {

        --bs-gutter-x: 1rem;

    }



    .g-xl-3,

    .gy-xl-3 {

        --bs-gutter-y: 1rem;

    }



    .g-xl-4,

    .gx-xl-4 {

        --bs-gutter-x: 1.5rem;

    }



    .g-xl-4,

    .gy-xl-4 {

        --bs-gutter-y: 1.5rem;

    }



    .g-xl-5,

    .gx-xl-5 {

        --bs-gutter-x: 3rem;

    }



    .g-xl-5,

    .gy-xl-5 {

        --bs-gutter-y: 3rem;

    }

}

@media (min-width: 1440) {

    .col-xxl {

        flex: 1 0 0%;

    }



    .row-cols-xxl-auto > * {

        flex: 0 0 auto;

        width: auto;

    }



    .row-cols-xxl-1 > * {

        flex: 0 0 auto;

        width: 100%;

    }



    .row-cols-xxl-2 > * {

        flex: 0 0 auto;

        width: 50%;

    }



    .row-cols-xxl-3 > * {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .row-cols-xxl-4 > * {

        flex: 0 0 auto;

        width: 25%;

    }



    .row-cols-xxl-5 > * {

        flex: 0 0 auto;

        width: 20%;

    }



    .row-cols-xxl-6 > * {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-xxl-auto {

        flex: 0 0 auto;

        width: auto;

    }



    .col-xxl-1 {

        flex: 0 0 auto;

        width: 8.3333333333%;

    }



    .col-xxl-2 {

        flex: 0 0 auto;

        width: 16.6666666667%;

    }



    .col-xxl-3 {

        flex: 0 0 auto;

        width: 25%;

    }



    .col-xxl-4 {

        flex: 0 0 auto;

        width: 33.3333333333%;

    }



    .col-xxl-5 {

        flex: 0 0 auto;

        width: 41.6666666667%;

    }



    .col-xxl-6 {

        flex: 0 0 auto;

        width: 50%;

    }



    .col-xxl-7 {

        flex: 0 0 auto;

        width: 58.3333333333%;

    }



    .col-xxl-8 {

        flex: 0 0 auto;

        width: 66.6666666667%;

    }



    .col-xxl-9 {

        flex: 0 0 auto;

        width: 75%;

    }



    .col-xxl-10 {

        flex: 0 0 auto;

        width: 83.3333333333%;

    }



    .col-xxl-11 {

        flex: 0 0 auto;

        width: 91.6666666667%;

    }



    .col-xxl-12 {

        flex: 0 0 auto;

        width: 100%;

    }



    .offset-xxl-0 {

        margin-left: 0;

    }



    .offset-xxl-1 {

        margin-left: 8.3333333333%;

    }



    .offset-xxl-2 {

        margin-left: 16.6666666667%;

    }



    .offset-xxl-3 {

        margin-left: 25%;

    }



    .offset-xxl-4 {

        margin-left: 33.3333333333%;

    }



    .offset-xxl-5 {

        margin-left: 41.6666666667%;

    }



    .offset-xxl-6 {

        margin-left: 50%;

    }



    .offset-xxl-7 {

        margin-left: 58.3333333333%;

    }



    .offset-xxl-8 {

        margin-left: 66.6666666667%;

    }



    .offset-xxl-9 {

        margin-left: 75%;

    }



    .offset-xxl-10 {

        margin-left: 83.3333333333%;

    }



    .offset-xxl-11 {

        margin-left: 91.6666666667%;

    }



    .g-xxl-0,

    .gx-xxl-0 {

        --bs-gutter-x: 0;

    }



    .g-xxl-0,

    .gy-xxl-0 {

        --bs-gutter-y: 0;

    }



    .g-xxl-1,

    .gx-xxl-1 {

        --bs-gutter-x: 0.25rem;

    }



    .g-xxl-1,

    .gy-xxl-1 {

        --bs-gutter-y: 0.25rem;

    }



    .g-xxl-2,

    .gx-xxl-2 {

        --bs-gutter-x: 0.5rem;

    }



    .g-xxl-2,

    .gy-xxl-2 {

        --bs-gutter-y: 0.5rem;

    }



    .g-xxl-3,

    .gx-xxl-3 {

        --bs-gutter-x: 1rem;

    }



    .g-xxl-3,

    .gy-xxl-3 {

        --bs-gutter-y: 1rem;

    }



    .g-xxl-4,

    .gx-xxl-4 {

        --bs-gutter-x: 1.5rem;

    }



    .g-xxl-4,

    .gy-xxl-4 {

        --bs-gutter-y: 1.5rem;

    }



    .g-xxl-5,

    .gx-xxl-5 {

        --bs-gutter-x: 3rem;

    }



    .g-xxl-5,

    .gy-xxl-5 {

        --bs-gutter-y: 3rem;

    }

}

.table {

    --bs-table-bg: transparent;

    --bs-table-accent-bg: transparent;

    --bs-table-striped-color: #444;

    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);

    --bs-table-active-color: #444;

    --bs-table-active-bg: rgba(0, 0, 0, 0.1);

    --bs-table-hover-color: #444;

    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);

    width: 100%;

    margin-bottom: 1rem;

    color: #444;

    vertical-align: top;

    border-color: #E1E1F0;

}

.table > :not(caption) > * > * {

    padding: 0.5rem 0.5rem;

    background-color: var(--bs-table-bg);

    border-bottom-width: 1px;

    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);

}

.table > tbody {

    vertical-align: inherit;

}

.table > thead {

    vertical-align: bottom;

}

.table > :not(:last-child) > :last-child > * {

    border-bottom-color: currentColor;

}



.caption-top {

    caption-side: top;

}



.table-sm > :not(caption) > * > * {

    padding: 0.25rem 0.25rem;

}



.table-bordered > :not(caption) > * {

    border-width: 1px 0;

}

.table-bordered > :not(caption) > * > * {

    border-width: 0 1px;

}



.table-borderless > :not(caption) > * > * {

    border-bottom-width: 0;

}



.table-striped > tbody > tr:nth-of-type(odd) {

    --bs-table-accent-bg: var(--bs-table-striped-bg);

    color: var(--bs-table-striped-color);

}



.table-active {

    --bs-table-accent-bg: var(--bs-table-active-bg);

    color: var(--bs-table-active-color);

}



.table-hover > tbody > tr:hover {

    --bs-table-accent-bg: var(--bs-table-hover-bg);

    color: var(--bs-table-hover-color);

}



.table-primary {

    --bs-table-bg: #dddef5;

    --bs-table-striped-bg: #d2d3e9;

    --bs-table-striped-color: #000;

    --bs-table-active-bg: #c7c8dd;

    --bs-table-active-color: #000;

    --bs-table-hover-bg: #cccde3;

    --bs-table-hover-color: #000;

    color: #000;

    border-color: #c7c8dd;

}



.table-secondary {

    --bs-table-bg: #fce4d6;

    --bs-table-striped-bg: #efd9cb;

    --bs-table-striped-color: #000;

    --bs-table-active-bg: #e3cdc1;

    --bs-table-active-color: #000;

    --bs-table-hover-bg: #e9d3c6;

    --bs-table-hover-color: #000;

    color: #000;

    border-color: #e3cdc1;

}



.table-success {

    --bs-table-bg: #d2ece6;

    --bs-table-striped-bg: #c8e0db;

    --bs-table-striped-color: #000;

    --bs-table-active-bg: #bdd4cf;

    --bs-table-active-color: #000;

    --bs-table-hover-bg: #c2dad5;

    --bs-table-hover-color: #000;

    color: #000;

    border-color: #bdd4cf;

}



.table-info {

    --bs-table-bg: #d4ddfa;

    --bs-table-striped-bg: #c9d2ee;

    --bs-table-striped-color: #000;

    --bs-table-active-bg: #bfc7e1;

    --bs-table-active-color: #000;

    --bs-table-hover-bg: #c4cce7;

    --bs-table-hover-color: #000;

    color: #000;

    border-color: #bfc7e1;

}



.table-warning {

    --bs-table-bg: #ffeacf;

    --bs-table-striped-bg: #f2dec5;

    --bs-table-striped-color: #000;

    --bs-table-active-bg: #e6d3ba;

    --bs-table-active-color: #000;

    --bs-table-hover-bg: #ecd8bf;

    --bs-table-hover-color: #000;

    color: #000;

    border-color: #e6d3ba;

}



.table-danger {

    --bs-table-bg: #fdd5dc;

    --bs-table-striped-bg: #f0cad1;

    --bs-table-striped-color: #000;

    --bs-table-active-bg: #e4c0c6;

    --bs-table-active-color: #000;

    --bs-table-hover-bg: #eac5cc;

    --bs-table-hover-color: #000;

    color: #000;

    border-color: #e4c0c6;

}



.table-light {

    --bs-table-bg: #fff;

    --bs-table-striped-bg: #f2f2f2;

    --bs-table-striped-color: #000;

    --bs-table-active-bg: #e6e6e6;

    --bs-table-active-color: #000;

    --bs-table-hover-bg: #ececec;

    --bs-table-hover-color: #000;

    color: #000;

    border-color: #e6e6e6;

}



.table-dark {

    --bs-table-bg: #1f2278;

    --bs-table-striped-bg: #2a2d7f;

    --bs-table-striped-color: #fff;

    --bs-table-active-bg: #353886;

    --bs-table-active-color: #fff;

    --bs-table-hover-bg: #303382;

    --bs-table-hover-color: #fff;

    color: #fff;

    border-color: #353886;

}



.table-responsive {

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

}



@media (max-width: 575.98px) {

    .table-responsive-sm {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

}

@media (max-width: 767.98px) {

    .table-responsive-md {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

}

@media (max-width: 991.98px) {

    .table-responsive-lg {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

}

@media (max-width: 1199.98px) {

    .table-responsive-xl {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

}

@media (max-width: 1439.98) {

    .table-responsive-xxl {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

}

.form-label {

    margin-bottom: 0.5rem;

}



.col-form-label {

    padding-top: calc(0.375rem + 1px);

    padding-bottom: calc(0.375rem + 1px);

    margin-bottom: 0;

    font-size: inherit;

    line-height: 1.5;

}



.col-form-label-lg {

    padding-top: calc(0.5rem + 1px);

    padding-bottom: calc(0.5rem + 1px);

    font-size: 1.25rem;

}



.col-form-label-sm {

    padding-top: calc(0.25rem + 1px);

    padding-bottom: calc(0.25rem + 1px);

    font-size: 0.875rem;

}



.form-text {

    margin-top: 0.25rem;

    font-size: 0.875em;

    color: #AEAED5;

}



.form-control {

    display: block;

    width: 100%;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 500;

    line-height: 1.5;

    color: #444;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    appearance: none;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.form-control-assistenza {

    display: block;

    width: 100%;

    border-radius: 6px;

    padding: 0.375rem 0.75rem;

    /*font-size: 1rem;*/

    font-weight: 500;

    line-height: 1.5;

    color: #444;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    appearance: none;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .form-control {

        transition: none;

    }

}

.form-control[type="file"] {

    overflow: hidden;

}

.form-control[type="file"]:not(:disabled):not([readonly]) {

    cursor: pointer;

}

.form-control:focus {

    color: #444;

    background-color: #fff;

    border-color: #abade7;

    outline: 0;

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);

}

.form-control::-webkit-date-and-time-value {

    height: 1.5em;

}

.form-control::placeholder {

    color: #6c757d;

    opacity: 1;

}

.form-control:disabled, .form-control[readonly] {

    background-color: #ffffff;

    opacity: 1;

}

.form-control::file-selector-button {

    padding: 0.375rem 0.75rem;

    margin: -0.375rem -0.75rem;

    margin-inline-end: 0.75rem;

    color: #444;

    background-color: #e9ecef;

    pointer-events: none;

    border-color: inherit;

    border-style: solid;

    border-width: 0;

    border-inline-end-width: 1px;

    border-radius: 0;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .form-control::file-selector-button {

        transition: none;

    }

}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {

    background-color: #dde0e3;

}

.form-control::-webkit-file-upload-button {

    padding: 0.375rem 0.75rem;

    margin: -0.375rem -0.75rem;

    margin-inline-end: 0.75rem;

    color: #444;

    background-color: #e9ecef;

    pointer-events: none;

    border-color: inherit;

    border-style: solid;

    border-width: 0;

    border-inline-end-width: 1px;

    border-radius: 0;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .form-control::-webkit-file-upload-button {

        transition: none;

    }

}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {

    background-color: #dde0e3;

}



.form-control-plaintext {

    display: block;

    width: 100%;

    padding: 0.375rem 0;

    margin-bottom: 0;

    line-height: 1.5;

    color: #444;

    background-color: transparent;

    border: solid transparent;

    border-width: 1px 0;

}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {

    padding-right: 0;

    padding-left: 0;

}



.form-control-sm {

    min-height: calc(1.5em + 0.5rem + 2px);

    padding: 0.25rem 0.5rem;

    font-size: 0.875rem;

    border-radius: 0.2rem;

}

.form-control-sm::file-selector-button {

    padding: 0.25rem 0.5rem;

    margin: -0.25rem -0.5rem;

    margin-inline-end: 0.5rem;

}

.form-control-sm::-webkit-file-upload-button {

    padding: 0.25rem 0.5rem;

    margin: -0.25rem -0.5rem;

    margin-inline-end: 0.5rem;

}



.form-control-lg {

    min-height: calc(1.5em + 1rem + 2px);

    padding: 0.5rem 1rem;

    font-size: 1.25rem;

    border-radius: 20px;

}

.form-control-lg::file-selector-button {

    padding: 0.5rem 1rem;

    margin: -0.5rem -1rem;

    margin-inline-end: 1rem;

}

.form-control-lg::-webkit-file-upload-button {

    padding: 0.5rem 1rem;

    margin: -0.5rem -1rem;

    margin-inline-end: 1rem;

}



textarea.form-control {

    min-height: calc(1.5em + 0.75rem + 2px);

}

textarea.form-control-sm {

    min-height: calc(1.5em + 0.5rem + 2px);

}

textarea.form-control-lg {

    min-height: calc(1.5em + 1rem + 2px);

}



.form-control-color {

    max-width: 3rem;

    height: auto;

    padding: 0.375rem;

}

.form-control-color:not(:disabled):not([readonly]) {

    cursor: pointer;

}

.form-control-color::-moz-color-swatch {

    height: 1.5em;

    border-radius: 0.25rem;

}

.form-control-color::-webkit-color-swatch {

    height: 1.5em;

    border-radius: 0.25rem;

}



.form-select {

    display: block;

    width: 100%;

    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 500;

    line-height: 1.5;

    color: #444;

    background-color: #fff;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right 0.75rem center;

    background-size: 16px 12px;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

    appearance: none;

}

.form-select:focus {

    border-color: #abade7;

    outline: 0;

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);

}

.form-select[multiple], .form-select[size]:not([size="1"]) {

    padding-right: 0.75rem;

    background-image: none;

}

.form-select:disabled {

    background-color: #e9ecef;

}

.form-select:-moz-focusring {

    color: transparent;

    text-shadow: 0 0 0 #444;

}



.form-select-sm {

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    padding-left: 0.5rem;

    font-size: 0.875rem;

}



.form-select-lg {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: 1rem;

    font-size: 1.25rem;

}



.form-check {

    display: block;

    min-height: 1.5rem;

    padding-left: 1.5em;

    margin-bottom: 0.125rem;

}

.form-check .form-check-input {

    float: left;

    margin-left: -1.5em;

}



.form-check-input {

    width: 1em;

    height: 1em;

    margin-top: 0.25em;

    vertical-align: top;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    border: 1px solid rgba(0, 0, 0, 0.25);

    appearance: none;

    color-adjust: exact;

}

.form-check-input[type="checkbox"] {

    border-radius: 0.25em;

}

.form-check-input[type="radio"] {

    border-radius: 50%;

}

.form-check-input:active {

    filter: brightness(90%);

}

.form-check-input:focus {

    border-color: #abade7;

    outline: 0;

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);

}

.form-check-input:checked {

    background-color: #565acf;

    border-color: #565acf;

}

.form-check-input:checked[type="checkbox"] {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");

}

.form-check-input:checked[type="radio"] {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");

}

.form-check-input[type="checkbox"]:indeterminate {

    background-color: #565acf;

    border-color: #565acf;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");

}

.form-check-input:disabled {

    pointer-events: none;

    filter: none;

    opacity: 0.5;

}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {

    opacity: 0.5;

}



.form-switch {

    padding-left: 2.5em;

}

.form-switch .form-check-input {

    width: 2em;

    margin-left: -2.5em;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");

    background-position: left center;

    border-radius: 2em;

    transition: background-position 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .form-switch .form-check-input {

        transition: none;

    }

}

.form-switch .form-check-input:focus {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23abade7'/%3e%3c/svg%3e");

}

.form-switch .form-check-input:checked {

    background-position: right center;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

}



.form-check-inline {

    display: inline-block;

    margin-right: 1rem;

}



.btn-check {

    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none;

}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {

    pointer-events: none;

    filter: none;

    opacity: 0.65;

}



.form-range {

    width: 100%;

    height: 1rem;

    padding: 0;

    background-color: transparent;

    appearance: none;

}

.form-range:focus {

    outline: 0;

}

.form-range:focus::-webkit-slider-thumb {

    box-shadow: 0 0 0 1px #ffffff, 0 0 0 0rem rgba(86, 90, 207, 0.25);

}

.form-range:focus::-moz-range-thumb {

    box-shadow: 0 0 0 1px #ffffff, 0 0 0 0rem rgba(86, 90, 207, 0.25);

}

.form-range::-moz-focus-outer {

    border: 0;

}

.form-range::-webkit-slider-thumb {

    width: 1rem;

    height: 1rem;

    margin-top: -0.25rem;

    background-color: #565acf;

    border: 0;

    border-radius: 1rem;

    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    appearance: none;

}

@media (prefers-reduced-motion: reduce) {

    .form-range::-webkit-slider-thumb {

        transition: none;

    }

}

.form-range::-webkit-slider-thumb:active {

    background-color: #cccef1;

}

.form-range::-webkit-slider-runnable-track {

    width: 100%;

    height: 0.5rem;

    color: transparent;

    cursor: pointer;

    background-color: #dee2e6;

    border-color: transparent;

    border-radius: 1rem;

}

.form-range::-moz-range-thumb {

    width: 1rem;

    height: 1rem;

    background-color: #565acf;

    border: 0;

    border-radius: 1rem;

    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    appearance: none;

}

@media (prefers-reduced-motion: reduce) {

    .form-range::-moz-range-thumb {

        transition: none;

    }

}

.form-range::-moz-range-thumb:active {

    background-color: #cccef1;

}

.form-range::-moz-range-track {

    width: 100%;

    height: 0.5rem;

    color: transparent;

    cursor: pointer;

    background-color: #dee2e6;

    border-color: transparent;

    border-radius: 1rem;

}

.form-range:disabled {

    pointer-events: none;

}

.form-range:disabled::-webkit-slider-thumb {

    background-color: #adb5bd;

}

.form-range:disabled::-moz-range-thumb {

    background-color: #adb5bd;

}



.form-floating {

    position: relative;

}

.form-floating > .form-control,

.form-floating > .form-select {

    height: calc(3.5rem + 2px);

    padding: 1rem 0.75rem;

}

.form-floating > label {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    padding: 1rem 0.75rem;

    pointer-events: none;

    border: 1px solid transparent;

    transform-origin: 0 0;

    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .form-floating > label {

        transition: none;

    }

}

.form-floating > .form-control::placeholder {

    color: transparent;

}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {

    padding-top: 1.625rem;

    padding-bottom: 0.625rem;

}

.form-floating > .form-control:-webkit-autofill {

    padding-top: 1.625rem;

    padding-bottom: 0.625rem;

}

.form-floating > .form-select {

    padding-top: 1.625rem;

    padding-bottom: 0.625rem;

}

.form-floating > .form-control:focus ~ label,

.form-floating > .form-control:not(:placeholder-shown) ~ label,

.form-floating > .form-select ~ label {

    opacity: 0.65;

    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}

.form-floating > .form-control:-webkit-autofill ~ label {

    opacity: 0.65;

    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}



.input-group {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    width: 100%;

}

.input-group > .form-control,

.input-group > .form-select {

    position: relative;

    flex: 1 1 auto;

    width: 1%;

    min-width: 0;

}

.input-group > .form-control:focus,

.input-group > .form-select:focus {

    z-index: 3;

}

.input-group .btn {

    position: relative;

    z-index: 2;

}

.input-group .btn:focus {

    z-index: 3;

}



.input-group-text {

    display: flex;

    align-items: center;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 500;

    line-height: 1.5;

    color: #444;

    text-align: center;

    white-space: nowrap;

    background-color: #e9ecef;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

}



.input-group-lg > .form-control,

.input-group-lg > .form-select,

.input-group-lg > .input-group-text,

.input-group-lg > .btn {

    padding: 0.5rem 1rem;

    font-size: 1.25rem;

    border-radius: 20px;

}



.input-group-sm > .form-control,

.input-group-sm > .form-select,

.input-group-sm > .input-group-text,

.input-group-sm > .btn {

    padding: 0.25rem 0.5rem;

    font-size: 0.875rem;

    border-radius: 0.2rem;

}



.input-group-lg > .form-select,

.input-group-sm > .form-select {

    padding-right: 3rem;

}



.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),

.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {

    margin-left: -1px;

    border-top-left-radius: 6px;

    border-bottom-left-radius: 6px;

}



.valid-feedback {

    display: none;

    width: 100%;

    margin-top: 0.25rem;

    font-size: 0.875em;

    color: #209f84;

}



.valid-tooltip {

    position: absolute;

    top: 100%;

    z-index: 5;

    display: none;

    max-width: 100%;

    padding: 0.25rem 0.5rem;

    margin-top: .1rem;

    font-size: 0.875rem;

    color: #000;

    background-color: rgba(32, 159, 132, 0.9);

    border-radius: 0.25rem;

}



.was-validated :valid ~ .valid-feedback,

.was-validated :valid ~ .valid-tooltip,

.is-valid ~ .valid-feedback,

.is-valid ~ .valid-tooltip {

    display: block;

}



.was-validated .form-control:valid, .form-control.is-valid {

    border-color: #209f84;

    padding-right: calc(1.5em + 0.75rem);

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23209f84' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right calc(0.375em + 0.1875rem) center;

    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {

    border-color: #209f84;

    box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.25);

}



.was-validated textarea.form-control:valid, textarea.form-control.is-valid {

    padding-right: calc(1.5em + 0.75rem);

    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}



.was-validated .form-select:valid, .form-select.is-valid {

    border-color: #209f84;

}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {

    padding-right: 4.125rem;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23209f84' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

    background-position: right 0.75rem center, center right 2.25rem;

    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {

    border-color: #209f84;

    box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.25);

}



.was-validated .form-check-input:valid, .form-check-input.is-valid {

    border-color: #209f84;

}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {

    background-color: #209f84;

}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {

    box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.25);

}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {

    color: #209f84;

}



.form-check-inline .form-check-input ~ .valid-feedback {

    margin-left: .5em;

}



.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,

.was-validated .input-group .form-select:valid,

.input-group .form-select.is-valid {

    z-index: 1;

}

.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,

.was-validated .input-group .form-select:valid:focus,

.input-group .form-select.is-valid:focus {

    z-index: 3;

}



.invalid-feedback {

    display: none;

    width: 100%;

    margin-top: 0.25rem;

    font-size: 0.875em;

    color: #f72b50;

}



.invalid-tooltip {

    position: absolute;

    top: 100%;

    z-index: 5;

    display: none;

    max-width: 100%;

    padding: 0.25rem 0.5rem;

    margin-top: .1rem;

    font-size: 0.875rem;

    color: #000;

    background-color: rgba(247, 43, 80, 0.9);

    border-radius: 0.25rem;

}



.was-validated :invalid ~ .invalid-feedback,

.was-validated :invalid ~ .invalid-tooltip,

.is-invalid ~ .invalid-feedback,

.is-invalid ~ .invalid-tooltip {

    display: block;

}



.was-validated .form-control:invalid, .form-control.is-invalid {

    border-color: #f72b50;

    padding-right: calc(1.5em + 0.75rem);

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f72b50'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f72b50' stroke='none'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right calc(0.375em + 0.1875rem) center;

    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {

    border-color: #f72b50;

    box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.25);

}



.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {

    padding-right: calc(1.5em + 0.75rem);

    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}



.was-validated .form-select:invalid, .form-select.is-invalid {

    border-color: #f72b50;

}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {

    padding-right: 4.125rem;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f72b50'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f72b50' stroke='none'/%3e%3c/svg%3e");

    background-position: right 0.75rem center, center right 2.25rem;

    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {

    border-color: #f72b50;

    box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.25);

}



.was-validated .form-check-input:invalid, .form-check-input.is-invalid {

    border-color: #f72b50;

}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {

    background-color: #f72b50;

}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {

    box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.25);

}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {

    color: #f72b50;

}



.form-check-inline .form-check-input ~ .invalid-feedback {

    margin-left: .5em;

}



.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,

.was-validated .input-group .form-select:invalid,

.input-group .form-select.is-invalid {

    z-index: 2;

}

.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,

.was-validated .input-group .form-select:invalid:focus,

.input-group .form-select.is-invalid:focus {

    z-index: 3;

}



.btn {

    display: inline-block;

    font-weight: 400;

    line-height: 1.5;

    color: #444;

    text-align: center;

    text-decoration: none;

    vertical-align: middle;

    cursor: pointer;

    user-select: none;

    background-color: transparent;

    border: 1px solid transparent;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    border-radius: 0.25rem;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .btn {

        transition: none;

    }

}

.btn:hover {

    color: #444;

}

.btn-check:focus + .btn, .btn:focus {

    outline: 0;

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);

}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {

    pointer-events: none;

    opacity: 0.65;

}



.btn-primary {

    color: #fff;

    background-color: #565acf;

    border-color: #565acf;

}

.btn-primary:hover {

    color: #fff;

    background-color: #494db0;

    border-color: #4548a6;

}

.btn-check:focus + .btn-primary, .btn-primary:focus {

    color: #fff;

    background-color: #494db0;

    border-color: #4548a6;

    box-shadow: 0 0 0 0rem rgba(111, 115, 214, 0.5);

}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #4548a6;

    border-color: #41449b;

}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0rem rgba(111, 115, 214, 0.5);

}

.btn-primary:disabled, .btn-primary.disabled {

    color: #fff;

    background-color: #565acf;

    border-color: #565acf;

}



.btn-secondary {

    color: #000;

    background-color: #f17732;

    border-color: #f17732;

}

.btn-secondary:hover {

    color: #000;

    background-color: #f38b51;

    border-color: #f28547;

}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {

    color: #000;

    background-color: #f38b51;

    border-color: #f28547;

    box-shadow: 0 0 0 0rem rgba(205, 101, 43, 0.5);

}

.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {

    color: #000;

    background-color: #f4925b;

    border-color: #f28547;

}

.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0rem rgba(205, 101, 43, 0.5);

}

.btn-secondary:disabled, .btn-secondary.disabled {

    color: #000;

    background-color: #f17732;

    border-color: #f17732;

}



.btn-success {

    color: #000;

    background-color: #209f84;

    border-color: #209f84;

}

.btn-success:hover {

    color: #000;

    background-color: #41ad96;

    border-color: #36a990;

}

.btn-check:focus + .btn-success, .btn-success:focus {

    color: #000;

    background-color: #41ad96;

    border-color: #36a990;

    box-shadow: 0 0 0 0rem rgba(27, 135, 112, 0.5);

}

.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {

    color: #000;

    background-color: #4db29d;

    border-color: #36a990;

}

.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {

    box-shadow: 0 0 0 0rem rgba(27, 135, 112, 0.5);

}

.btn-success:disabled, .btn-success.disabled {

    color: #000;

    background-color: #209f84;

    border-color: #209f84;

}



.btn-info {

    color: #fff;

    background-color: #2754e6;

    border-color: #2754e6;

}

.btn-info:hover {

    color: #fff;

    background-color: #2147c4;

    border-color: #1f43b8;

}

.btn-check:focus + .btn-info, .btn-info:focus {

    color: #fff;

    background-color: #2147c4;

    border-color: #1f43b8;

    box-shadow: 0 0 0 0rem rgba(71, 110, 234, 0.5);

}

.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {

    color: #fff;

    background-color: #1f43b8;

    border-color: #1d3fad;

}

.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {

    box-shadow: 0 0 0 0rem rgba(71, 110, 234, 0.5);

}

.btn-info:disabled, .btn-info.disabled {

    color: #fff;

    background-color: #2754e6;

    border-color: #2754e6;

}



.btn-warning {

    color: #000;

    background-color: #fe970e;

    border-color: #fe970e;

}

.btn-warning:hover {

    color: #000;

    background-color: #fea732;

    border-color: #fea126;

}

.btn-check:focus + .btn-warning, .btn-warning:focus {

    color: #000;

    background-color: #fea732;

    border-color: #fea126;

    box-shadow: 0 0 0 0rem rgba(216, 128, 12, 0.5);

}

.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {

    color: #000;

    background-color: #feac3e;

    border-color: #fea126;

}

.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {

    box-shadow: 0 0 0 0rem rgba(216, 128, 12, 0.5);

}

.btn-warning:disabled, .btn-warning.disabled {

    color: #000;

    background-color: #fe970e;

    border-color: #fe970e;

}



.btn-danger {

    color: #000;

    background-color: #f72b50;

    border-color: #f72b50;

}

.btn-danger:hover {

    color: #000;

    background-color: #f84b6a;

    border-color: #f84062;

}

.btn-check:focus + .btn-danger, .btn-danger:focus {

    color: #000;

    background-color: #f84b6a;

    border-color: #f84062;

    box-shadow: 0 0 0 0rem rgba(210, 37, 68, 0.5);

}

.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {

    color: #000;

    background-color: #f95573;

    border-color: #f84062;

}

.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {

    box-shadow: 0 0 0 0rem rgba(210, 37, 68, 0.5);

}

.btn-danger:disabled, .btn-danger.disabled {

    color: #000;

    background-color: #f72b50;

    border-color: #f72b50;

}



.btn-light {

    color: #000;

    background-color: #fff;

    border-color: #fff;

}

.btn-light:hover {

    color: #000;

    background-color: white;

    border-color: white;

}

.btn-check:focus + .btn-light, .btn-light:focus {

    color: #000;

    background-color: white;

    border-color: white;

    box-shadow: 0 0 0 0rem rgba(217, 217, 217, 0.5);

}

.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {

    color: #000;

    background-color: white;

    border-color: white;

}

.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {

    box-shadow: 0 0 0 0rem rgba(217, 217, 217, 0.5);

}

.btn-light:disabled, .btn-light.disabled {

    color: #000;

    background-color: #fff;

    border-color: #fff;

}



.btn-dark {

    color: #fff;

    background-color: #1f2278;

    border-color: #1f2278;

}

.btn-dark:hover {

    color: #fff;

    background-color: #1a1d66;

    border-color: #191b60;

}

.btn-check:focus + .btn-dark, .btn-dark:focus {

    color: #fff;

    background-color: #1a1d66;

    border-color: #191b60;

    box-shadow: 0 0 0 0rem rgba(65, 67, 140, 0.5);

}

.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {

    color: #fff;

    background-color: #191b60;

    border-color: #171a5a;

}

.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {

    box-shadow: 0 0 0 0rem rgba(65, 67, 140, 0.5);

}

.btn-dark:disabled, .btn-dark.disabled {

    color: #fff;

    background-color: #1f2278;

    border-color: #1f2278;

}



.btn-outline-primary {

    color: #565acf;

    border-color: #565acf;

}

.btn-outline-primary:hover {

    color: #fff;

    background-color: #565acf;

    border-color: #565acf;

}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.5);

}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {

    color: #fff;

    background-color: #565acf;

    border-color: #565acf;

}

.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.5);

}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {

    color: #565acf;

    background-color: transparent;

}



.btn-outline-secondary {

    color: #f17732;

    border-color: #f17732;

}

.btn-outline-secondary:hover {

    color: #000;

    background-color: #f17732;

    border-color: #f17732;

}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {

    box-shadow: 0 0 0 0rem rgba(241, 119, 50, 0.5);

}

.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {

    color: #000;

    background-color: #f17732;

    border-color: #f17732;

}

.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {

    box-shadow: 0 0 0 0rem rgba(241, 119, 50, 0.5);

}

.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {

    color: #f17732;

    background-color: transparent;

}



.btn-outline-success {

    color: #209f84;

    border-color: #209f84;

}

.btn-outline-success:hover {

    color: #000;

    background-color: #209f84;

    border-color: #209f84;

}

.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {

    box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.5);

}

.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {

    color: #000;

    background-color: #209f84;

    border-color: #209f84;

}

.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {

    box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.5);

}

.btn-outline-success:disabled, .btn-outline-success.disabled {

    color: #209f84;

    background-color: transparent;

}



.btn-outline-info {

    color: #2754e6;

    border-color: #2754e6;

}

.btn-outline-info:hover {

    color: #fff;

    background-color: #2754e6;

    border-color: #2754e6;

}

.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {

    box-shadow: 0 0 0 0rem rgba(39, 84, 230, 0.5);

}

.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {

    color: #fff;

    background-color: #2754e6;

    border-color: #2754e6;

}

.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {

    box-shadow: 0 0 0 0rem rgba(39, 84, 230, 0.5);

}

.btn-outline-info:disabled, .btn-outline-info.disabled {

    color: #2754e6;

    background-color: transparent;

}



.btn-outline-warning {

    color: #fe970e;

    border-color: #fe970e;

}

.btn-outline-warning:hover {

    color: #000;

    background-color: #fe970e;

    border-color: #fe970e;

}

.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {

    box-shadow: 0 0 0 0rem rgba(254, 151, 14, 0.5);

}

.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {

    color: #000;

    background-color: #fe970e;

    border-color: #fe970e;

}

.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {

    box-shadow: 0 0 0 0rem rgba(254, 151, 14, 0.5);

}

.btn-outline-warning:disabled, .btn-outline-warning.disabled {

    color: #fe970e;

    background-color: transparent;

}



.btn-outline-danger {

    color: #f72b50;

    border-color: #f72b50;

}

.btn-outline-danger:hover {

    color: #000;

    background-color: #f72b50;

    border-color: #f72b50;

}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {

    box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.5);

}

.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {

    color: #000;

    background-color: #f72b50;

    border-color: #f72b50;

}

.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {

    box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.5);

}

.btn-outline-danger:disabled, .btn-outline-danger.disabled {

    color: #f72b50;

    background-color: transparent;

}



.btn-outline-light {

    color: #fff;

    border-color: #fff;

}

.btn-outline-light:hover {

    color: #000;

    background-color: #fff;

    border-color: #fff;

}

.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {

    box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0.5);

}

.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {

    color: #000;

    background-color: #fff;

    border-color: #fff;

}

.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {

    box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0.5);

}

.btn-outline-light:disabled, .btn-outline-light.disabled {

    color: #fff;

    background-color: transparent;

}



.btn-outline-dark {

    color: #1f2278;

    border-color: #1f2278;

}

.btn-outline-dark:hover {

    color: #fff;

    background-color: #1f2278;

    border-color: #1f2278;

}

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {

    box-shadow: 0 0 0 0rem rgba(31, 34, 120, 0.5);

}

.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {

    color: #fff;

    background-color: #1f2278;

    border-color: #1f2278;

}

.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {

    box-shadow: 0 0 0 0rem rgba(31, 34, 120, 0.5);

}

.btn-outline-dark:disabled, .btn-outline-dark.disabled {

    color: #1f2278;

    background-color: transparent;

}



.btn-link {

    font-weight: 400;

    color: #565acf;

    text-decoration: underline;

}

.btn-link:hover {

    color: #4548a6;

}

.btn-link:disabled, .btn-link.disabled {

    color: #6c757d;

}



.btn-lg, .btn-group-lg > .btn {

    padding: 0.5rem 1rem;

    font-size: 1.25rem;

    border-radius: 20px;

}



.btn-sm, .btn-group-sm > .btn {

    padding: 0.25rem 0.5rem;

    font-size: 0.875rem;

    border-radius: 0.2rem;

}



.fade {

    transition: opacity 0.15s linear;

}

@media (prefers-reduced-motion: reduce) {

    .fade {

        transition: none;

    }

}

.fade:not(.show) {

    opacity: 0;

}



.collapse:not(.show) {

    display: none;

}



.collapsing {

    height: 0;

    overflow: hidden;

    transition: height 0.35s ease;

}

@media (prefers-reduced-motion: reduce) {

    .collapsing {

        transition: none;

    }

}



.dropup,

.dropend,

.dropdown,

.dropstart {

    position: relative;

}



.dropdown-toggle {

    white-space: nowrap;

}

.dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid;

    border-right: 0.3em solid transparent;

    border-bottom: 0;

    border-left: 0.3em solid transparent;

}

.dropdown-toggle:empty::after {

    margin-left: 0;

}



.dropdown-menu {

    position: absolute;

    z-index: 1000;

    display: none;

    min-width: 10rem;

    padding: 0.5rem 0;

    margin: 0;

    font-size: 1rem;

    color: #444;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0.25rem;

}

.dropdown-menu[data-bs-popper] {

    top: 100%;

    left: 0;

    margin-top: 0.125rem;

}



.dropdown-menu-start {

    --bs-position: start;

}

.dropdown-menu-start[data-bs-popper] {

    right: auto /* rtl:ignore */;

    left: 0 /* rtl:ignore */;

}



.dropdown-menu-end {

    --bs-position: end;

}

.dropdown-menu-end[data-bs-popper] {

    right: 0 /* rtl:ignore */;

    left: auto /* rtl:ignore */;

}



@media (min-width: 576px) {

    .dropdown-menu-sm-start {

        --bs-position: start;

    }

    .dropdown-menu-sm-start[data-bs-popper] {

        right: auto /* rtl:ignore */;

        left: 0 /* rtl:ignore */;

    }



    .dropdown-menu-sm-end {

        --bs-position: end;

    }

    .dropdown-menu-sm-end[data-bs-popper] {

        right: 0 /* rtl:ignore */;

        left: auto /* rtl:ignore */;

    }

}

@media (min-width: 768px) {

    .dropdown-menu-md-start {

        --bs-position: start;

    }

    .dropdown-menu-md-start[data-bs-popper] {

        right: auto /* rtl:ignore */;

        left: 0 /* rtl:ignore */;

    }



    .dropdown-menu-md-end {

        --bs-position: end;

    }

    .dropdown-menu-md-end[data-bs-popper] {

        right: 0 /* rtl:ignore */;

        left: auto /* rtl:ignore */;

    }

}

@media (min-width: 992px) {

    .dropdown-menu-lg-start {

        --bs-position: start;

    }

    .dropdown-menu-lg-start[data-bs-popper] {

        right: auto /* rtl:ignore */;

        left: 0 /* rtl:ignore */;

    }



    .dropdown-menu-lg-end {

        --bs-position: end;

    }

    .dropdown-menu-lg-end[data-bs-popper] {

        right: 0 /* rtl:ignore */;

        left: auto /* rtl:ignore */;

    }

}

@media (min-width: 1200px) {

    .dropdown-menu-xl-start {

        --bs-position: start;

    }

    .dropdown-menu-xl-start[data-bs-popper] {

        right: auto /* rtl:ignore */;

        left: 0 /* rtl:ignore */;

    }



    .dropdown-menu-xl-end {

        --bs-position: end;

    }

    .dropdown-menu-xl-end[data-bs-popper] {

        right: 0 /* rtl:ignore */;

        left: auto /* rtl:ignore */;

    }

}

@media (min-width: 1440) {

    .dropdown-menu-xxl-start {

        --bs-position: start;

    }

    .dropdown-menu-xxl-start[data-bs-popper] {

        right: auto /* rtl:ignore */;

        left: 0 /* rtl:ignore */;

    }



    .dropdown-menu-xxl-end {

        --bs-position: end;

    }

    .dropdown-menu-xxl-end[data-bs-popper] {

        right: 0 /* rtl:ignore */;

        left: auto /* rtl:ignore */;

    }

}

.dropup .dropdown-menu[data-bs-popper] {

    top: auto;

    bottom: 100%;

    margin-top: 0;

    margin-bottom: 0.125rem;

}

.dropup .dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0;

    border-right: 0.3em solid transparent;

    border-bottom: 0.3em solid;

    border-left: 0.3em solid transparent;

}

.dropup .dropdown-toggle:empty::after {

    margin-left: 0;

}



.dropend .dropdown-menu[data-bs-popper] {

    top: 0;

    right: auto;

    left: 100%;

    margin-top: 0;

    margin-left: 0.125rem;

}

.dropend .dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid transparent;

    border-right: 0;

    border-bottom: 0.3em solid transparent;

    border-left: 0.3em solid;

}

.dropend .dropdown-toggle:empty::after {

    margin-left: 0;

}

.dropend .dropdown-toggle::after {

    vertical-align: 0;

}



.dropstart .dropdown-menu[data-bs-popper] {

    top: 0;

    right: 100%;

    left: auto;

    margin-top: 0;

    margin-right: 0.125rem;

}

.dropstart .dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

}

.dropstart .dropdown-toggle::after {

    display: none;

}

.dropstart .dropdown-toggle::before {

    display: inline-block;

    margin-right: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid transparent;

    border-right: 0.3em solid;

    border-bottom: 0.3em solid transparent;

}

.dropstart .dropdown-toggle:empty::after {

    margin-left: 0;

}

.dropstart .dropdown-toggle::before {

    vertical-align: 0;

}



.dropdown-divider {

    height: 0;

    margin: 0.5rem 0;

    overflow: hidden;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

}



.dropdown-item {

    display: block;

    width: 100%;

    padding: 0.25rem 1rem;

    clear: both;

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    text-decoration: none;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

}

.dropdown-item:hover, .dropdown-item:focus {

    color: #1e2125;

    background-color: #e9ecef;

}

.dropdown-item.active, .dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #565acf;

}

.dropdown-item.disabled, .dropdown-item:disabled {

    color: #adb5bd;

    pointer-events: none;

    background-color: transparent;

}



.dropdown-menu.show {

    display: block;

}



.dropdown-header {

    display: block;

    padding: 0.5rem 1rem;

    margin-bottom: 0;

    font-size: 0.875rem;

    color: #6c757d;

    white-space: nowrap;

}



.dropdown-item-text {

    display: block;

    padding: 0.25rem 1rem;

    color: #212529;

}



.dropdown-menu-dark {

    color: #dee2e6;

    background-color: #343a40;

    border-color: rgba(0, 0, 0, 0.15);

}

.dropdown-menu-dark .dropdown-item {

    color: #dee2e6;

}

.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {

    color: #fff;

    background-color: rgba(255, 255, 255, 0.15);

}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {

    color: #fff;

    background-color: #565acf;

}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {

    color: #adb5bd;

}

.dropdown-menu-dark .dropdown-divider {

    border-color: rgba(0, 0, 0, 0.15);

}

.dropdown-menu-dark .dropdown-item-text {

    color: #dee2e6;

}

.dropdown-menu-dark .dropdown-header {

    color: #adb5bd;

}



.btn-group,

.btn-group-vertical {

    position: relative;

    display: inline-flex;

    vertical-align: middle;

}

.btn-group > .btn,

.btn-group-vertical > .btn {

    position: relative;

    flex: 1 1 auto;

}

.btn-group > .btn-check:checked + .btn,

.btn-group > .btn-check:focus + .btn,

.btn-group > .btn:hover,

.btn-group > .btn:focus,

.btn-group > .btn:active,

.btn-group > .btn.active,

.btn-group-vertical > .btn-check:checked + .btn,

.btn-group-vertical > .btn-check:focus + .btn,

.btn-group-vertical > .btn:hover,

.btn-group-vertical > .btn:focus,

.btn-group-vertical > .btn:active,

.btn-group-vertical > .btn.active {

    z-index: 1;

}



.btn-toolbar {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

}

.btn-toolbar .input-group {

    width: auto;

}



.btn-group > .btn:not(:first-child),

.btn-group > .btn-group:not(:first-child) {

    margin-left: -1px;

}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),

.btn-group > .btn-group:not(:last-child) > .btn {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.btn-group > .btn:nth-child(n + 3),

.btn-group > :not(.btn-check) + .btn,

.btn-group > .btn-group:not(:first-child) > .btn {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.dropdown-toggle-split {

    padding-right: 0.5625rem;

    padding-left: 0.5625rem;

}

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {

    margin-left: 0;

}

.dropstart .dropdown-toggle-split::before {

    margin-right: 0;

}



.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {

    padding-right: 0.375rem;

    padding-left: 0.375rem;

}



.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {

    padding-right: 0.75rem;

    padding-left: 0.75rem;

}



.btn-group-vertical {

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

}

.btn-group-vertical > .btn,

.btn-group-vertical > .btn-group {

    width: 100%;

}

.btn-group-vertical > .btn:not(:first-child),

.btn-group-vertical > .btn-group:not(:first-child) {

    margin-top: -1px;

}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),

.btn-group-vertical > .btn-group:not(:last-child) > .btn {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.btn-group-vertical > .btn ~ .btn,

.btn-group-vertical > .btn-group:not(:first-child) > .btn {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.nav {

    display: flex;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}



.nav-link {

    display: block;

    padding: 0.5rem 1rem;

    color: #565acf;

    text-decoration: none;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .nav-link {

        transition: none;

    }

}

.nav-link:hover, .nav-link:focus {

    color: #4548a6;

}

.nav-link.disabled {

    color: #6c757d;

    pointer-events: none;

    cursor: default;

}



.nav-tabs {

    border-bottom: 1px solid #dee2e6;

}

.nav-tabs .nav-link {

    margin-bottom: -1px;

    background: none;

    border: 1px solid transparent;

    border-top-left-radius: 0.25rem;

    border-top-right-radius: 0.25rem;

}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {

    border-color: #e9ecef #e9ecef #dee2e6;

    isolation: isolate;

}

.nav-tabs .nav-link.disabled {

    color: #6c757d;

    background-color: transparent;

    border-color: transparent;

}

.nav-tabs .nav-link.active,

.nav-tabs .nav-item.show .nav-link {

    color: #495057;

    background-color: #ffffff;

    border-color: #dee2e6 #dee2e6 #ffffff;

}

.nav-tabs .dropdown-menu {

    margin-top: -1px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.nav-pills .nav-link {

    background: none;

    border: 0;

    border-radius: 0.25rem;

}

.nav-pills .nav-link.active,

.nav-pills .show > .nav-link {

    color: #fff;

    background-color: #565acf;

}



.nav-fill > .nav-link,

.nav-fill .nav-item {

    flex: 1 1 auto;

    text-align: center;

}



.nav-justified > .nav-link,

.nav-justified .nav-item {

    flex-basis: 0;

    flex-grow: 1;

    text-align: center;

}



.nav-fill .nav-item .nav-link,

.nav-justified .nav-item .nav-link {

    width: 100%;

}



.tab-content > .tab-pane {

    display: none;

}

.tab-content > .active {

    display: block;

}



.navbar {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

}

.navbar > .container,

.navbar > .container-fluid,

.navbar > .container-sm,

.navbar > .container-md,

.navbar > .container-lg,

.navbar > .container-xl {

    display: flex;

    flex-wrap: inherit;

    align-items: center;

    justify-content: space-between;

}



.navbar-brand {

    padding-top: 0.3125rem;

    padding-bottom: 0.3125rem;

    margin-right: 1rem;

    font-size: 1.25rem;

    text-decoration: none;

    white-space: nowrap;

}



.navbar-nav {

    display: flex;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}

.navbar-nav .nav-link {

    padding-right: 0;

    padding-left: 0;

}

.navbar-nav .dropdown-menu {

    position: static;

}



.navbar-text {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

}



.navbar-collapse {

    flex-basis: 100%;

    flex-grow: 1;

    align-items: center;

}



.navbar-toggler {

    padding: 0.25rem 0.75rem;

    font-size: 1.25rem;

    line-height: 1;

    background-color: transparent;

    border: 1px solid transparent;

    border-radius: 0.25rem;

    transition: box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .navbar-toggler {

        transition: none;

    }

}

.navbar-toggler:hover {

    text-decoration: none;

}

.navbar-toggler:focus {

    text-decoration: none;

    outline: 0;

    box-shadow: 0 0 0 0rem;

}



.navbar-toggler-icon {

    display: inline-block;

    width: 1.5em;

    height: 1.5em;

    vertical-align: middle;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

}



.navbar-nav-scroll {

    max-height: var(--bs-scroll-height, 75vh);

    overflow-y: auto;

}



@media (min-width: 576px) {

    .navbar-expand-sm {

        flex-wrap: nowrap;

        justify-content: flex-start;

    }

    .navbar-expand-sm .navbar-nav {

        flex-direction: row;

    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {

        position: absolute;

    }

    .navbar-expand-sm .navbar-nav .nav-link {

        padding-right: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-sm .navbar-nav-scroll {

        overflow: visible;

    }

    .navbar-expand-sm .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-sm .navbar-toggler {

        display: none;

    }

}

@media (min-width: 768px) {

    .navbar-expand-md {

        flex-wrap: nowrap;

        justify-content: flex-start;

    }

    .navbar-expand-md .navbar-nav {

        flex-direction: row;

    }

    .navbar-expand-md .navbar-nav .dropdown-menu {

        position: absolute;

    }

    .navbar-expand-md .navbar-nav .nav-link {

        padding-right: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-md .navbar-nav-scroll {

        overflow: visible;

    }

    .navbar-expand-md .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-md .navbar-toggler {

        display: none;

    }

}

@media (min-width: 992px) {

    .navbar-expand-lg {

        flex-wrap: nowrap;

        justify-content: flex-start;

    }

    .navbar-expand-lg .navbar-nav {

        flex-direction: row;

    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {

        position: absolute;

    }

    .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-lg .navbar-nav-scroll {

        overflow: visible;

    }

    .navbar-expand-lg .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-lg .navbar-toggler {

        display: none;

    }

}

@media (min-width: 1200px) {

    .navbar-expand-xl {

        flex-wrap: nowrap;

        justify-content: flex-start;

    }

    .navbar-expand-xl .navbar-nav {

        flex-direction: row;

    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {

        position: absolute;

    }

    .navbar-expand-xl .navbar-nav .nav-link {

        padding-right: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-xl .navbar-nav-scroll {

        overflow: visible;

    }

    .navbar-expand-xl .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-xl .navbar-toggler {

        display: none;

    }

}

@media (min-width: 1440) {

    .navbar-expand-xxl {

        flex-wrap: nowrap;

        justify-content: flex-start;

    }

    .navbar-expand-xxl .navbar-nav {

        flex-direction: row;

    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {

        position: absolute;

    }

    .navbar-expand-xxl .navbar-nav .nav-link {

        padding-right: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-xxl .navbar-nav-scroll {

        overflow: visible;

    }

    .navbar-expand-xxl .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-xxl .navbar-toggler {

        display: none;

    }

}

.navbar-expand {

    flex-wrap: nowrap;

    justify-content: flex-start;

}

.navbar-expand .navbar-nav {

    flex-direction: row;

}

.navbar-expand .navbar-nav .dropdown-menu {

    position: absolute;

}

.navbar-expand .navbar-nav .nav-link {

    padding-right: 0.5rem;

    padding-left: 0.5rem;

}

.navbar-expand .navbar-nav-scroll {

    overflow: visible;

}

.navbar-expand .navbar-collapse {

    display: flex !important;

    flex-basis: auto;

}

.navbar-expand .navbar-toggler {

    display: none;

}



.navbar-light .navbar-brand {

    color: rgba(0, 0, 0, 0.9);

}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {

    color: rgba(0, 0, 0, 0.9);

}

.navbar-light .navbar-nav .nav-link {

    color: rgba(0, 0, 0, 0.55);

}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {

    color: rgba(0, 0, 0, 0.7);

}

.navbar-light .navbar-nav .nav-link.disabled {

    color: rgba(0, 0, 0, 0.3);

}

.navbar-light .navbar-nav .show > .nav-link,

.navbar-light .navbar-nav .nav-link.active {

    color: rgba(0, 0, 0, 0.9);

}

.navbar-light .navbar-toggler {

    color: rgba(0, 0, 0, 0.55);

    border-color: rgba(0, 0, 0, 0.1);

}

.navbar-light .navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-light .navbar-text {

    color: rgba(0, 0, 0, 0.55);

}

.navbar-light .navbar-text a,

.navbar-light .navbar-text a:hover,

.navbar-light .navbar-text a:focus {

    color: rgba(0, 0, 0, 0.9);

}



.navbar-dark .navbar-brand {

    color: #fff;

}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {

    color: #fff;

}

.navbar-dark .navbar-nav .nav-link {

    color: rgba(255, 255, 255, 0.55);

}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {

    color: rgba(255, 255, 255, 0.75);

}

.navbar-dark .navbar-nav .nav-link.disabled {

    color: rgba(255, 255, 255, 0.25);

}

.navbar-dark .navbar-nav .show > .nav-link,

.navbar-dark .navbar-nav .nav-link.active {

    color: #fff;

}

.navbar-dark .navbar-toggler {

    color: rgba(255, 255, 255, 0.55);

    border-color: rgba(255, 255, 255, 0.1);

}

.navbar-dark .navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-dark .navbar-text {

    color: rgba(255, 255, 255, 0.55);

}

.navbar-dark .navbar-text a,

.navbar-dark .navbar-text a:hover,

.navbar-dark .navbar-text a:focus {

    color: #fff;

}



.card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0, 0, 0, 0.125);

    border-radius: 0.25rem;

}

.card > hr {

    margin-right: 0;

    margin-left: 0;

}

.card > .list-group {

    border-top: inherit;

    border-bottom: inherit;

}

.card > .list-group:first-child {

    border-top-width: 0;

    border-top-left-radius: calc(0.25rem - 1px);

    border-top-right-radius: calc(0.25rem - 1px);

}

.card > .list-group:last-child {

    border-bottom-width: 0;

    border-bottom-right-radius: calc(0.25rem - 1px);

    border-bottom-left-radius: calc(0.25rem - 1px);

}

.card > .card-header + .list-group,

.card > .list-group + .card-footer {

    border-top: 0;

}



.card-body {

    flex: 1 1 auto;

    padding: 1rem 1rem;

}



.card-title {

    margin-bottom: 0.5rem;

}



.card-subtitle {

    margin-top: -0.25rem;

    margin-bottom: 0;

}



.card-text:last-child {

    margin-bottom: 0;

}



.card-link:hover {

    text-decoration: none;

}

.card-link + .card-link {

    margin-left: 1rem;

}



.card-header {

    padding: 0.5rem 1rem;

    margin-bottom: 0;

    background-color: rgba(0, 0, 0, 0.03);

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}

.card-header:first-child {

    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;

}



.card-footer {

    padding: 0.5rem 1rem;

    background-color: rgba(0, 0, 0, 0.03);

    border-top: 1px solid rgba(0, 0, 0, 0.125);

}

.card-footer:last-child {

    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);

}



.card-header-tabs {

    margin-right: -0.5rem;

    margin-bottom: -0.5rem;

    margin-left: -0.5rem;

    border-bottom: 0;

}



.card-header-pills {

    margin-right: -0.5rem;

    margin-left: -0.5rem;

}



.card-img-overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 1rem;

    border-radius: calc(0.25rem - 1px);

}



.card-img,

.card-img-top,

.card-img-bottom {

    width: 100%;

}



.card-img,

.card-img-top {

    border-top-left-radius: calc(0.25rem - 1px);

    border-top-right-radius: calc(0.25rem - 1px);

}



.card-img,

.card-img-bottom {

    border-bottom-right-radius: calc(0.25rem - 1px);

    border-bottom-left-radius: calc(0.25rem - 1px);

}



.card-group > .card {

    margin-bottom: 15px;

}

@media (min-width: 576px) {

    .card-group {

        display: flex;

        flex-flow: row wrap;

    }

    .card-group > .card {

        flex: 1 0 0%;

        margin-bottom: 0;

    }

    .card-group > .card + .card {

        margin-left: 0;

        border-left: 0;

    }

    .card-group > .card:not(:last-child) {

        border-top-right-radius: 0;

        border-bottom-right-radius: 0;

    }

    .card-group > .card:not(:last-child) .card-img-top,

    .card-group > .card:not(:last-child) .card-header {

        border-top-right-radius: 0;

    }

    .card-group > .card:not(:last-child) .card-img-bottom,

    .card-group > .card:not(:last-child) .card-footer {

        border-bottom-right-radius: 0;

    }

    .card-group > .card:not(:first-child) {

        border-top-left-radius: 0;

        border-bottom-left-radius: 0;

    }

    .card-group > .card:not(:first-child) .card-img-top,

    .card-group > .card:not(:first-child) .card-header {

        border-top-left-radius: 0;

    }

    .card-group > .card:not(:first-child) .card-img-bottom,

    .card-group > .card:not(:first-child) .card-footer {

        border-bottom-left-radius: 0;

    }

}



.accordion-button {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 1rem 1.25rem;

    font-size: 1rem;

    color: #444;

    text-align: left;

    background-color: #ffffff;

    border: 0;

    border-radius: 0;

    overflow-anchor: none;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;

}

@media (prefers-reduced-motion: reduce) {

    .accordion-button {

        transition: none;

    }

}

.accordion-button:not(.collapsed) {

    color: #4d51ba;

    background-color: #eeeffa;

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);

}

.accordion-button:not(.collapsed)::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234d51ba'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    transform: rotate(0deg);

}

.accordion-button::after {

    flex-shrink: 0;

    width: 1.25rem;

    height: 1.25rem;

    margin-left: auto;

    content: "";

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23444'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-size: 1.25rem;

    transition: transform 0.2s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .accordion-button::after {

        transition: none;

    }

}

.accordion-button:hover {

    z-index: 2;

}

.accordion-button:focus {

    z-index: 3;

    border-color: #abade7;

    outline: 0;

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);

}



.accordion-header {

    margin-bottom: 0;

}



.accordion-item {

    background-color: #ffffff;

    border: 1px solid rgba(0, 0, 0, 0.125);

}

.accordion-item:first-of-type {

    border-top-left-radius: 0.25rem;

    border-top-right-radius: 0.25rem;

}

.accordion-item:first-of-type .accordion-button {

    border-top-left-radius: calc(0.25rem - 1px);

    border-top-right-radius: calc(0.25rem - 1px);

}

.accordion-item:not(:first-of-type) {

    border-top: 0;

}

.accordion-item:last-of-type {

    border-bottom-right-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;

}

.accordion-item:last-of-type .accordion-button.collapsed {

    border-bottom-right-radius: calc(0.25rem - 1px);

    border-bottom-left-radius: calc(0.25rem - 1px);

}

.accordion-item:last-of-type .accordion-collapse {

    border-bottom-right-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;

}



.accordion-body {

    padding: 1rem 1.25rem;

}



.accordion-flush .accordion-collapse {

    border-width: 0;

}

.accordion-flush .accordion-item {

    border-right: 0;

    border-left: 0;

    border-radius: 0;

}

.accordion-flush .accordion-item:first-child {

    border-top: 0;

}

.accordion-flush .accordion-item:last-child {

    border-bottom: 0;

}

.accordion-flush .accordion-item .accordion-button {

    border-radius: 0;

}



.breadcrumb {

    display: flex;

    flex-wrap: wrap;

    padding: 0 0;

    margin-bottom: 1rem;

    list-style: none;

}



.breadcrumb-item + .breadcrumb-item {

    padding-left: 0.5rem;

}

.breadcrumb-item + .breadcrumb-item::before {

    float: left;

    padding-right: 0.5rem;

    color: #6c757d;

    content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;

}

.breadcrumb-item.active {

    color: #6c757d;

}



.pagination {

    display: flex;

    padding-left: 0;

    list-style: none;

}



.page-link {

    position: relative;

    display: block;

    color: #565acf;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #dee2e6;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .page-link {

        transition: none;

    }

}

.page-link:hover {

    z-index: 2;

    color: #4548a6;

    background-color: #e9ecef;

    border-color: #dee2e6;

}

.page-link:focus {

    z-index: 3;

    color: #4548a6;

    background-color: #e9ecef;

    outline: 0;

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);

}



.page-item:not(:first-child) .page-link {

    margin-left: -1px;

}

.page-item.active .page-link {

    z-index: 3;

    color: #fff;

    background-color: #565acf;

    border-color: #565acf;

}

.page-item.disabled .page-link {

    color: #6c757d;

    pointer-events: none;

    background-color: #fff;

    border-color: #dee2e6;

}



.page-link {

    padding: 0.375rem 0.75rem;

}



.page-item:first-child .page-link {

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;

}

.page-item:last-child .page-link {

    border-top-right-radius: 0.25rem;

    border-bottom-right-radius: 0.25rem;

}



.pagination-lg .page-link {

    padding: 0.75rem 1.5rem;

    font-size: 1.25rem;

}

.pagination-lg .page-item:first-child .page-link {

    border-top-left-radius: 20px;

    border-bottom-left-radius: 20px;

}

.pagination-lg .page-item:last-child .page-link {

    border-top-right-radius: 20px;

    border-bottom-right-radius: 20px;

}



.pagination-sm .page-link {

    padding: 0.25rem 0.5rem;

    font-size: 0.875rem;

}

.pagination-sm .page-item:first-child .page-link {

    border-top-left-radius: 0.2rem;

    border-bottom-left-radius: 0.2rem;

}

.pagination-sm .page-item:last-child .page-link {

    border-top-right-radius: 0.2rem;

    border-bottom-right-radius: 0.2rem;

}



.badge {

    display: inline-block;

    padding: 0.35em 0.65em;

    font-size: 0.75em;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 0.25rem;

}

.badge:empty {

    display: none;

}



.btn .badge {

    position: relative;

    top: -1px;

}



.alert {

    position: relative;

    padding: 1rem 1rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: 0.25rem;

}



.alert-heading {

    color: inherit;

}



.alert-link {

    font-weight: 700;

}



.alert-dismissible {

    padding-right: 3rem;

}

.alert-dismissible .btn-close {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

    padding: 1.25rem 1rem;

}



.alert-primary {

    color: #34367c;

    background-color: #dddef5;

    border-color: #cccef1;

}

.alert-primary .alert-link {

    color: #2a2b63;

}



.alert-secondary {

    color: #91471e;

    background-color: #fce4d6;

    border-color: #fbd6c2;

}

.alert-secondary .alert-link {

    color: #743918;

}



.alert-success {

    color: #135f4f;

    background-color: #d2ece6;

    border-color: #bce2da;

}

.alert-success .alert-link {

    color: #0f4c3f;

}



.alert-info {

    color: #17328a;

    background-color: #d4ddfa;

    border-color: #beccf8;

}

.alert-info .alert-link {

    color: #12286e;

}



.alert-warning {

    color: #985b08;

    background-color: #ffeacf;

    border-color: #ffe0b7;

}

.alert-warning .alert-link {

    color: #7a4906;

}



.alert-danger {

    color: #941a30;

    background-color: #fdd5dc;

    border-color: #fdbfcb;

}

.alert-danger .alert-link {

    color: #761526;

}



.alert-light {

    color: #666666;

    background-color: white;

    border-color: white;

}

.alert-light .alert-link {

    color: #525252;

}



.alert-dark {

    color: #131448;

    background-color: #d2d3e4;

    border-color: #bcbdd7;

}

.alert-dark .alert-link {

    color: #0f103a;

}



@keyframes progress-bar-stripes {

    0% {

        background-position-x: 1rem;

    }

}

.progress {

    display: flex;

    height: 1rem;

    overflow: hidden;

    font-size: 0.75rem;

    background-color: #e9ecef;

    border-radius: 0.25rem;

}



.progress-bar {

    display: flex;

    flex-direction: column;

    justify-content: center;

    overflow: hidden;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    background-color: #565acf;

    transition: width 0.6s ease;

}

@media (prefers-reduced-motion: reduce) {

    .progress-bar {

        transition: none;

    }

}



.progress-bar-striped {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

    background-size: 1rem 1rem;

}



.progress-bar-animated {

    animation: 1s linear infinite progress-bar-stripes;

}

@media (prefers-reduced-motion: reduce) {

    .progress-bar-animated {

        animation: none;

    }

}



.list-group {

    display: flex;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    border-radius: 0.25rem;

}



.list-group-numbered {

    list-style-type: none;

    counter-reset: section;

}

.list-group-numbered > li::before {

    content: counters(section,".") ". ";

    counter-increment: section;

}



.list-group-item-action {

    width: 100%;

    color: #495057;

    text-align: inherit;

}

.list-group-item-action:hover, .list-group-item-action:focus {

    z-index: 1;

    color: #495057;

    text-decoration: none;

    background-color: #f8f9fa;

}

.list-group-item-action:active {

    color: #444;

    background-color: #e9ecef;

}



.list-group-item {

    position: relative;

    display: block;

    padding: 0.5rem 1rem;

    color: #212529;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, 0.125);

}

.list-group-item:first-child {

    border-top-left-radius: inherit;

    border-top-right-radius: inherit;

}

.list-group-item:last-child {

    border-bottom-right-radius: inherit;

    border-bottom-left-radius: inherit;

}

.list-group-item.disabled, .list-group-item:disabled {

    color: #6c757d;

    pointer-events: none;

    background-color: #fff;

}

.list-group-item.active {

    z-index: 2;

    color: #fff;

    background-color: #565acf;

    border-color: #565acf;

}

.list-group-item + .list-group-item {

    border-top-width: 0;

}

.list-group-item + .list-group-item.active {

    margin-top: -1px;

    border-top-width: 1px;

}



.list-group-horizontal {

    flex-direction: row;

}

.list-group-horizontal > .list-group-item:first-child {

    border-bottom-left-radius: 0.25rem;

    border-top-right-radius: 0;

}

.list-group-horizontal > .list-group-item:last-child {

    border-top-right-radius: 0.25rem;

    border-bottom-left-radius: 0;

}

.list-group-horizontal > .list-group-item.active {

    margin-top: 0;

}

.list-group-horizontal > .list-group-item + .list-group-item {

    border-top-width: 1px;

    border-left-width: 0;

}

.list-group-horizontal > .list-group-item + .list-group-item.active {

    margin-left: -1px;

    border-left-width: 1px;

}



@media (min-width: 576px) {

    .list-group-horizontal-sm {

        flex-direction: row;

    }

    .list-group-horizontal-sm > .list-group-item:first-child {

        border-bottom-left-radius: 0.25rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-sm > .list-group-item:last-child {

        border-top-right-radius: 0.25rem;

        border-bottom-left-radius: 0;

    }

    .list-group-horizontal-sm > .list-group-item.active {

        margin-top: 0;

    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {

        border-top-width: 1px;

        border-left-width: 0;

    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {

        margin-left: -1px;

        border-left-width: 1px;

    }

}

@media (min-width: 768px) {

    .list-group-horizontal-md {

        flex-direction: row;

    }

    .list-group-horizontal-md > .list-group-item:first-child {

        border-bottom-left-radius: 0.25rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-md > .list-group-item:last-child {

        border-top-right-radius: 0.25rem;

        border-bottom-left-radius: 0;

    }

    .list-group-horizontal-md > .list-group-item.active {

        margin-top: 0;

    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {

        border-top-width: 1px;

        border-left-width: 0;

    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {

        margin-left: -1px;

        border-left-width: 1px;

    }

}

@media (min-width: 992px) {

    .list-group-horizontal-lg {

        flex-direction: row;

    }

    .list-group-horizontal-lg > .list-group-item:first-child {

        border-bottom-left-radius: 0.25rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-lg > .list-group-item:last-child {

        border-top-right-radius: 0.25rem;

        border-bottom-left-radius: 0;

    }

    .list-group-horizontal-lg > .list-group-item.active {

        margin-top: 0;

    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {

        border-top-width: 1px;

        border-left-width: 0;

    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {

        margin-left: -1px;

        border-left-width: 1px;

    }

}

@media (min-width: 1200px) {

    .list-group-horizontal-xl {

        flex-direction: row;

    }

    .list-group-horizontal-xl > .list-group-item:first-child {

        border-bottom-left-radius: 0.25rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-xl > .list-group-item:last-child {

        border-top-right-radius: 0.25rem;

        border-bottom-left-radius: 0;

    }

    .list-group-horizontal-xl > .list-group-item.active {

        margin-top: 0;

    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {

        border-top-width: 1px;

        border-left-width: 0;

    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {

        margin-left: -1px;

        border-left-width: 1px;

    }

}

@media (min-width: 1440) {

    .list-group-horizontal-xxl {

        flex-direction: row;

    }

    .list-group-horizontal-xxl > .list-group-item:first-child {

        border-bottom-left-radius: 0.25rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-xxl > .list-group-item:last-child {

        border-top-right-radius: 0.25rem;

        border-bottom-left-radius: 0;

    }

    .list-group-horizontal-xxl > .list-group-item.active {

        margin-top: 0;

    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {

        border-top-width: 1px;

        border-left-width: 0;

    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {

        margin-left: -1px;

        border-left-width: 1px;

    }

}

.list-group-flush {

    border-radius: 0;

}

.list-group-flush > .list-group-item {

    border-width: 0 0 1px;

}

.list-group-flush > .list-group-item:last-child {

    border-bottom-width: 0;

}



.list-group-item-primary {

    color: #34367c;

    background-color: #dddef5;

}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {

    color: #34367c;

    background-color: #c7c8dd;

}

.list-group-item-primary.list-group-item-action.active {

    color: #fff;

    background-color: #34367c;

    border-color: #34367c;

}



.list-group-item-secondary {

    color: #91471e;

    background-color: #fce4d6;

}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {

    color: #91471e;

    background-color: #e3cdc1;

}

.list-group-item-secondary.list-group-item-action.active {

    color: #fff;

    background-color: #91471e;

    border-color: #91471e;

}



.list-group-item-success {

    color: #135f4f;

    background-color: #d2ece6;

}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {

    color: #135f4f;

    background-color: #bdd4cf;

}

.list-group-item-success.list-group-item-action.active {

    color: #fff;

    background-color: #135f4f;

    border-color: #135f4f;

}



.list-group-item-info {

    color: #17328a;

    background-color: #d4ddfa;

}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {

    color: #17328a;

    background-color: #bfc7e1;

}

.list-group-item-info.list-group-item-action.active {

    color: #fff;

    background-color: #17328a;

    border-color: #17328a;

}



.list-group-item-warning {

    color: #985b08;

    background-color: #ffeacf;

}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {

    color: #985b08;

    background-color: #e6d3ba;

}

.list-group-item-warning.list-group-item-action.active {

    color: #fff;

    background-color: #985b08;

    border-color: #985b08;

}



.list-group-item-danger {

    color: #941a30;

    background-color: #fdd5dc;

}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {

    color: #941a30;

    background-color: #e4c0c6;

}

.list-group-item-danger.list-group-item-action.active {

    color: #fff;

    background-color: #941a30;

    border-color: #941a30;

}



.list-group-item-light {

    color: #666666;

    background-color: white;

}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {

    color: #666666;

    background-color: #e6e6e6;

}

.list-group-item-light.list-group-item-action.active {

    color: #fff;

    background-color: #666666;

    border-color: #666666;

}



.list-group-item-dark {

    color: #131448;

    background-color: #d2d3e4;

}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {

    color: #131448;

    background-color: #bdbecd;

}

.list-group-item-dark.list-group-item-action.active {

    color: #fff;

    background-color: #131448;

    border-color: #131448;

}



.btn-close {

    box-sizing: content-box;

    width: 1em;

    height: 1em;

    padding: 0.25em 0.25em;

    color: #e16a29;

    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;

    border: 0;

    border-radius: 0.25rem;

    opacity: 0.5;

}

.btn-close:hover {

    color: #000;

    text-decoration: none;

    opacity: 0.75;

}

.btn-close:focus {

    outline: 0;

    box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);

    opacity: 1;

}

.btn-close:disabled, .btn-close.disabled {

    pointer-events: none;

    user-select: none;

    opacity: 0.25;

}



.btn-close-white {

    filter: invert(1) grayscale(100%) brightness(200%);

}



.toast {

    width: 350px;

    max-width: 100%;

    font-size: 0.875rem;

    pointer-events: auto;

    background-color: rgba(255, 255, 255, 0.85);

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.1);

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

    border-radius: 0.25rem;

}

.toast:not(.showing):not(.show) {

    opacity: 0;

}

.toast.hide {

    display: none;

}



.toast-container {

    width: max-content;

    max-width: 100%;

    pointer-events: none;

}

.toast-container > :not(:last-child) {

    margin-bottom: 15px;

}



.toast-header {

    display: flex;

    align-items: center;

    padding: 0.5rem 0.75rem;

    color: #6c757d;

    background-color: rgba(255, 255, 255, 0.85);

    background-clip: padding-box;

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

    border-top-left-radius: calc(0.25rem - 1px);

    border-top-right-radius: calc(0.25rem - 1px);

}

.toast-header .btn-close {

    margin-right: -0.375rem;

    margin-left: 0.75rem;

}



.toast-body {

    padding: 0.75rem;

    word-wrap: break-word;

}



.modal {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1060;

    display: none;

    width: 100%;

    height: 100%;

    overflow-x: hidden;

    overflow-y: auto;

    outline: 0;

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: 0.5rem;

    pointer-events: none;

}

.modal.fade .modal-dialog {

    transition: transform 0.3s ease-out;

    transform: translate(0, -50px);

}

@media (prefers-reduced-motion: reduce) {

    .modal.fade .modal-dialog {

        transition: none;

    }

}

.modal.show .modal-dialog {

    transform: none;

}

.modal.modal-static .modal-dialog {

    transform: scale(1.02);

}



.modal-dialog-scrollable {

    height: calc(100% - 1rem);

}

.modal-dialog-scrollable .modal-content {

    max-height: 100%;

    overflow: hidden;

}

.modal-dialog-scrollable .modal-body {

    overflow-y: auto;

}



.modal-dialog-centered {

    display: flex;

    align-items: center;

    min-height: calc(100% - 1rem);

}



.modal-content {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    pointer-events: auto;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 20px;

    outline: 0;

}



.modal-backdrop {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1040;

    width: 100vw;

    height: 100vh;

    background-color: #000;

}



.modal-backdrop.fade {

    opacity: 0;

}



.modal-backdrop.show {

    opacity: 0.5;

}



.modal-header {

    display: flex;

    flex-shrink: 0;

    align-items: center;

    justify-content: space-between;

    padding: 1rem 1rem;

    border-bottom: 1px solid #E1E1F0;

    border-top-left-radius: 19px;

    border-top-right-radius: 19px;

}

.modal-header .btn-close {

    padding: 0.5rem 0.5rem;

    margin: -0.5rem -0.5rem -0.5rem auto;

}



.modal-title {

    margin-bottom: 0;

    line-height: 1.5;

}



.modal-body {

    position: relative;

    flex: 1 1 auto;

    padding: 1rem;

}



.modal-footer {

    display: flex;

    flex-wrap: wrap;

    flex-shrink: 0;

    align-items: center;

    justify-content: flex-end;

    padding: 0.75rem;

    border-top: 1px solid #E1E1F0;

    border-bottom-right-radius: 19px;

    border-bottom-left-radius: 19px;

}

.modal-footer > * {

    margin: 0.25rem;

}



@media (min-width: 576px) {

    .modal-dialog {

        max-width: 500px;

        margin: 1.75rem auto;

    }



    .modal-dialog-scrollable {

        height: calc(100% - 3.5rem);

    }



    .modal-dialog-centered {

        min-height: calc(100% - 3.5rem);

    }



    .modal-sm {

        max-width: 300px;

    }

}

@media (min-width: 992px) {

    .modal-lg,

    .modal-xl {

        max-width: 800px;

    }

}

@media (min-width: 1200px) {

    .modal-xl {

        max-width: 1140px;

    }

}

.modal-fullscreen {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0;

}

.modal-fullscreen .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0;

}

.modal-fullscreen .modal-header {

    border-radius: 0;

}

.modal-fullscreen .modal-body {

    overflow-y: auto;

}

.modal-fullscreen .modal-footer {

    border-radius: 0;

}



@media (max-width: 575.98px) {

    .modal-fullscreen-sm-down {

        width: 100vw;

        max-width: none;

        height: 100%;

        margin: 0;

    }

    .modal-fullscreen-sm-down .modal-content {

        height: 100%;

        border: 0;

        border-radius: 0;

    }

    .modal-fullscreen-sm-down .modal-header {

        border-radius: 0;

    }

    .modal-fullscreen-sm-down .modal-body {

        overflow-y: auto;

    }

    .modal-fullscreen-sm-down .modal-footer {

        border-radius: 0;

    }

}

@media (max-width: 767.98px) {

    .modal-fullscreen-md-down {

        width: 100vw;

        max-width: none;

        height: 100%;

        margin: 0;

    }

    .modal-fullscreen-md-down .modal-content {

        height: 100%;

        border: 0;

        border-radius: 0;

    }

    .modal-fullscreen-md-down .modal-header {

        border-radius: 0;

    }

    .modal-fullscreen-md-down .modal-body {

        overflow-y: auto;

    }

    .modal-fullscreen-md-down .modal-footer {

        border-radius: 0;

    }

}

@media (max-width: 991.98px) {

    .modal-fullscreen-lg-down {

        width: 100vw;

        max-width: none;

        height: 100%;

        margin: 0;

    }

    .modal-fullscreen-lg-down .modal-content {

        height: 100%;

        border: 0;

        border-radius: 0;

    }

    .modal-fullscreen-lg-down .modal-header {

        border-radius: 0;

    }

    .modal-fullscreen-lg-down .modal-body {

        overflow-y: auto;

    }

    .modal-fullscreen-lg-down .modal-footer {

        border-radius: 0;

    }

}

@media (max-width: 1199.98px) {

    .modal-fullscreen-xl-down {

        width: 100vw;

        max-width: none;

        height: 100%;

        margin: 0;

    }

    .modal-fullscreen-xl-down .modal-content {

        height: 100%;

        border: 0;

        border-radius: 0;

    }

    .modal-fullscreen-xl-down .modal-header {

        border-radius: 0;

    }

    .modal-fullscreen-xl-down .modal-body {

        overflow-y: auto;

    }

    .modal-fullscreen-xl-down .modal-footer {

        border-radius: 0;

    }

}

@media (max-width: 1439.98) {

    .modal-fullscreen-xxl-down {

        width: 100vw;

        max-width: none;

        height: 100%;

        margin: 0;

    }

    .modal-fullscreen-xxl-down .modal-content {

        height: 100%;

        border: 0;

        border-radius: 0;

    }

    .modal-fullscreen-xxl-down .modal-header {

        border-radius: 0;

    }

    .modal-fullscreen-xxl-down .modal-body {

        overflow-y: auto;

    }

    .modal-fullscreen-xxl-down .modal-footer {

        border-radius: 0;

    }

}

.tooltip {

    position: absolute;

    z-index: 1080;

    display: block;

    margin: 0;

    font-family: "Montserrat", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

    text-align: left;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    letter-spacing: normal;

    word-break: normal;

    word-spacing: normal;

    white-space: normal;

    line-break: auto;

    font-size: 0.875rem;

    word-wrap: break-word;

    opacity: 0;

}

.tooltip.show {

    opacity: 0.9;

}

.tooltip .tooltip-arrow {

    position: absolute;

    display: block;

    width: 0.8rem;

    height: 0.4rem;

}

.tooltip .tooltip-arrow::before {

    position: absolute;

    content: "";

    border-color: transparent;

    border-style: solid;

}



.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] {

    padding: 0.4rem 0;

}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {

    bottom: 0;

}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {

    top: -1px;

    border-width: 0.4rem 0.4rem 0;

    border-top-color: #000;

}



.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] {

    padding: 0 0.4rem;

}

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {

    left: 0;

    width: 0.4rem;

    height: 0.8rem;

}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {

    right: -1px;

    border-width: 0.4rem 0.4rem 0.4rem 0;

    border-right-color: #000;

}



.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] {

    padding: 0.4rem 0;

}

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {

    top: 0;

}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {

    bottom: -1px;

    border-width: 0 0.4rem 0.4rem;

    border-bottom-color: #000;

}



.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] {

    padding: 0 0.4rem;

}

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {

    right: 0;

    width: 0.4rem;

    height: 0.8rem;

}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {

    left: -1px;

    border-width: 0.4rem 0 0.4rem 0.4rem;

    border-left-color: #000;

}



.tooltip-inner {

    max-width: 200px;

    padding: 0.25rem 0.5rem;

    color: #fff;

    text-align: center;

    background-color: #000;

    border-radius: 0.25rem;

}



.popover {

    position: absolute;

    top: 0;

    left: 0 /* rtl:ignore */;

    z-index: 1070;

    display: block;

    max-width: 276px;

    font-family: "Montserrat", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

    text-align: left;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    letter-spacing: normal;

    word-break: normal;

    word-spacing: normal;

    white-space: normal;

    line-break: auto;

    font-size: 0.875rem;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 20px;

}

.popover .popover-arrow {

    position: absolute;

    display: block;

    width: 1rem;

    height: 0.5rem;

}

.popover .popover-arrow::before, .popover .popover-arrow::after {

    position: absolute;

    display: block;

    content: "";

    border-color: transparent;

    border-style: solid;

}



.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {

    bottom: calc(-0.5rem - 1px);

}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {

    bottom: 0;

    border-width: 0.5rem 0.5rem 0;

    border-top-color: rgba(0, 0, 0, 0.25);

}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {

    bottom: 1px;

    border-width: 0.5rem 0.5rem 0;

    border-top-color: #fff;

}



.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {

    left: calc(-0.5rem - 1px);

    width: 0.5rem;

    height: 1rem;

}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {

    left: 0;

    border-width: 0.5rem 0.5rem 0.5rem 0;

    border-right-color: rgba(0, 0, 0, 0.25);

}

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {

    left: 1px;

    border-width: 0.5rem 0.5rem 0.5rem 0;

    border-right-color: #fff;

}



.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {

    top: calc(-0.5rem - 1px);

}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {

    top: 0;

    border-width: 0 0.5rem 0.5rem 0.5rem;

    border-bottom-color: rgba(0, 0, 0, 0.25);

}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {

    top: 1px;

    border-width: 0 0.5rem 0.5rem 0.5rem;

    border-bottom-color: #fff;

}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {

    position: absolute;

    top: 0;

    left: 50%;

    display: block;

    width: 1rem;

    margin-left: -0.5rem;

    content: "";

    border-bottom: 1px solid #f0f0f0;

}



.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {

    right: calc(-0.5rem - 1px);

    width: 0.5rem;

    height: 1rem;

}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {

    right: 0;

    border-width: 0.5rem 0 0.5rem 0.5rem;

    border-left-color: rgba(0, 0, 0, 0.25);

}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {

    right: 1px;

    border-width: 0.5rem 0 0.5rem 0.5rem;

    border-left-color: #fff;

}



.popover-header {

    padding: 0.5rem 1rem;

    margin-bottom: 0;

    font-size: 1rem;

    color: #14181d;

    background-color: #f0f0f0;

    border-bottom: 1px solid #d8d8d8;

    border-top-left-radius: 19px;

    border-top-right-radius: 19px;

}

.popover-header:empty {

    display: none;

}



.popover-body {

    padding: 1rem 1rem;

    color: #444;

}



.carousel {

    position: relative;

}



.carousel.pointer-event {

    touch-action: pan-y;

}



.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.carousel-inner::after {

    display: block;

    clear: both;

    content: "";

}



.carousel-item {

    position: relative;

    display: none;

    float: left;

    width: 100%;

    margin-right: -100%;

    backface-visibility: hidden;

    transition: transform 0.6s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .carousel-item {

        transition: none;

    }

}



.carousel-item.active,

.carousel-item-next,

.carousel-item-prev {

    display: block;

}



/* rtl:begin:ignore */

.carousel-item-next:not(.carousel-item-start),

.active.carousel-item-end {

    transform: translateX(100%);

}



.carousel-item-prev:not(.carousel-item-end),

.active.carousel-item-start {

    transform: translateX(-100%);

}



/* rtl:end:ignore */

.carousel-fade .carousel-item {

    opacity: 0;

    transition-property: opacity;

    transform: none;

}

.carousel-fade .carousel-item.active,

.carousel-fade .carousel-item-next.carousel-item-start,

.carousel-fade .carousel-item-prev.carousel-item-end {

    z-index: 1;

    opacity: 1;

}

.carousel-fade .active.carousel-item-start,

.carousel-fade .active.carousel-item-end {

    z-index: 0;

    opacity: 0;

    transition: opacity 0s 0.6s;

}

@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-start,

    .carousel-fade .active.carousel-item-end {

        transition: none;

    }

}



.carousel-control-prev,

.carousel-control-next {

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 15%;

    padding: 0;

    color: #fff;

    text-align: center;

    background: none;

    border: 0;

    opacity: 0.5;

    transition: opacity 0.15s ease;

    margin-left: -2rem;

    margin-right: -2rem;

}

@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,

    .carousel-control-next {

        transition: none;

    }

}

.carousel-control-prev:hover, .carousel-control-prev:focus,

.carousel-control-next:hover,

.carousel-control-next:focus {

    color: #fff;

    text-decoration: none;

    outline: 0;

    opacity: 0.9;

}



.carousel-control-prev {

    left: 0;

}



.carousel-control-next {

    right: 0;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: 100% 100%;

}



/* rtl:options: {

  "autoRename": true,

  "stringMap":[ {

    "name"    : "prev-next",

    "search"  : "prev",

    "replace" : "next"

  } ]

} */

.carousel-control-prev-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

}



.carousel-control-next-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}



.carousel-indicators {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    display: flex;

    justify-content: center;

    padding: 0;

    margin-right: 15%;

    margin-bottom: 1rem;

    margin-left: 15%;

    list-style: none;

}

.carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 30px;

    height: 3px;

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 0.5;

    transition: opacity 0.6s ease;

}

@media (prefers-reduced-motion: reduce) {

    .carousel-indicators [data-bs-target] {

        transition: none;

    }

}

.carousel-indicators .active {

    opacity: 1;

}



.carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 1.25rem;

    left: 15%;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    color: #fff;

    text-align: center;

}



.carousel-dark .carousel-control-prev-icon,

.carousel-dark .carousel-control-next-icon {

    filter: invert(1) grayscale(100);

}

.carousel-dark .carousel-indicators [data-bs-target] {

    background-color: #000;

}

.carousel-dark .carousel-caption {

    color: #000;

}



@keyframes spinner-border {

    to {

        transform: rotate(360deg) /* rtl:ignore */;

    }

}

.spinner-border {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    vertical-align: -0.125em;

    border: 0.25em solid currentColor;

    border-right-color: transparent;

    border-radius: 50%;

    animation: 0.75s linear infinite spinner-border;

}



.spinner-border-sm {

    width: 1rem;

    height: 1rem;

    border-width: 0.2em;

}



@keyframes spinner-grow {

    0% {

        transform: scale(0);

    }

    50% {

        opacity: 1;

        transform: none;

    }

}

.spinner-grow {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    vertical-align: -0.125em;

    background-color: currentColor;

    border-radius: 50%;

    opacity: 0;

    animation: 0.75s linear infinite spinner-grow;

}



.spinner-grow-sm {

    width: 1rem;

    height: 1rem;

}



@media (prefers-reduced-motion: reduce) {

    .spinner-border,

    .spinner-grow {

        animation-duration: 1.5s;

    }

}

.offcanvas {

    position: fixed;

    bottom: 0;

    z-index: 1050;

    display: flex;

    flex-direction: column;

    max-width: 100%;

    visibility: hidden;

    background-color: #fff;

    background-clip: padding-box;

    outline: 0;

    transition: transform 0.3s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .offcanvas {

        transition: none;

    }

}



.offcanvas-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 1rem 1rem;

}

.offcanvas-header .btn-close {

    padding: 0.5rem 0.5rem;

    margin: -0.5rem -0.5rem -0.5rem auto;

}



.offcanvas-title {

    margin-bottom: 0;

    line-height: 1.5;

}



.offcanvas-body {

    flex-grow: 1;

    padding: 1rem 1rem;

    overflow-y: auto;

}



.offcanvas-start {

    top: 0;

    left: 0;

    width: 400px;

    border-right: 1px solid rgba(0, 0, 0, 0.2);

    transform: translateX(-100%);

}



.offcanvas-end {

    top: 0;

    right: 0;

    width: 400px;

    border-left: 1px solid rgba(0, 0, 0, 0.2);

    transform: translateX(100%);

}



.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: 30vh;

    max-height: 100%;

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    transform: translateY(-100%);

}



.offcanvas-bottom {

    right: 0;

    left: 0;

    height: 30vh;

    max-height: 100%;

    border-top: 1px solid rgba(0, 0, 0, 0.2);

    transform: translateY(100%);

}



.offcanvas.show {

    transform: none;

}



.clearfix::after {

    display: block;

    clear: both;

    content: "";

}



.link-primary {

    color: #565acf;

}

.link-primary:hover, .link-primary:focus {

    color: #4548a6;

}



.link-secondary {

    color: #f17732;

}

.link-secondary:hover, .link-secondary:focus {

    color: #f4925b;

}



.link-success {

    color: #209f84;

}

.link-success:hover, .link-success:focus {

    color: #4db29d;

}



.link-info {

    color: #2754e6;

}

.link-info:hover, .link-info:focus {

    color: #1f43b8;

}



.link-warning {

    color: #fe970e;

}

.link-warning:hover, .link-warning:focus {

    color: #feac3e;

}



.link-danger {

    color: #f72b50;

}

.link-danger:hover, .link-danger:focus {

    color: #f95573;

}



.link-light {

    color: #fff;

}

.link-light:hover, .link-light:focus {

    color: white;

}



.link-dark {

    color: #1f2278;

}

.link-dark:hover, .link-dark:focus {

    color: #191b60;

}



.ratio {

    position: relative;

    width: 100%;

}

.ratio::before {

    display: block;

    padding-top: var(--bs-aspect-ratio);

    content: "";

}

.ratio > * {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.ratio-1x1 {

    --bs-aspect-ratio: 100%;

}



.ratio-4x3 {

    --bs-aspect-ratio: calc(3 / 4 * 100%);

}



.ratio-16x9 {

    --bs-aspect-ratio: calc(9 / 16 * 100%);

}



.ratio-21x9 {

    --bs-aspect-ratio: calc(9 / 21 * 100%);

}



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

}



.sticky-top {

    position: sticky;

    top: 0;

    z-index: 1020;

}



@media (min-width: 576px) {

    .sticky-sm-top {

        position: sticky;

        top: 0;

        z-index: 1020;

    }

}

@media (min-width: 768px) {

    .sticky-md-top {

        position: sticky;

        top: 0;

        z-index: 1020;

    }

}

@media (min-width: 992px) {

    .sticky-lg-top {

        position: sticky;

        top: 0;

        z-index: 1020;

    }

}

@media (min-width: 1200px) {

    .sticky-xl-top {

        position: sticky;

        top: 0;

        z-index: 1020;

    }

}

@media (min-width: 1440) {

    .sticky-xxl-top {

        position: sticky;

        top: 0;

        z-index: 1020;

    }

}

.visually-hidden,

.visually-hidden-focusable:not(:focus):not(:focus-within) {

    position: absolute !important;

    width: 1px !important;

    height: 1px !important;

    padding: 0 !important;

    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;

    border: 0 !important;

}



.stretched-link::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    content: "";

}



.text-truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.align-baseline {

    vertical-align: baseline !important;

}



.align-top {

    vertical-align: top !important;

}



.align-middle {

    vertical-align: middle !important;

}



.align-bottom {

    vertical-align: bottom !important;

}



.align-text-bottom {

    vertical-align: text-bottom !important;

}



.align-text-top {

    vertical-align: text-top !important;

}



.float-start {

    float: left !important;

}



.float-end {

    float: right !important;

}



.float-none {

    float: none !important;

}



.overflow-auto {

    overflow: auto !important;

}



.overflow-hidden {

    overflow: hidden !important;

}



.overflow-visible {

    overflow: visible !important;

}



.overflow-scroll {

    overflow: scroll !important;

}



.d-inline {

    display: inline !important;

}



.d-inline-block {

    display: inline-block !important;

}



.d-block {

    display: block !important;

}



.d-grid {

    display: grid !important;

}



.d-table {

    display: table !important;

}



.d-table-row {

    display: table-row !important;

}



.d-table-cell {

    display: table-cell !important;

}



.d-flex {

    display: flex !important;

}



.d-inline-flex {

    display: inline-flex !important;

}



.d-none {

    display: none !important;

}



.shadow {

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}



.shadow-sm {

    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

}



.shadow-lg {

    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

}



.shadow-none {

    box-shadow: none !important;

}



.position-static {

    position: static !important;

}



.position-relative {

    position: relative !important;

}



.position-absolute {

    position: absolute !important;

}



.position-fixed {

    position: fixed !important;

}



.position-sticky {

    position: sticky !important;

}



.top-0 {

    top: 0 !important;

}



.top-50 {

    top: 50% !important;

}



.top-100 {

    top: 100% !important;

}



.bottom-0 {

    bottom: 0 !important;

}



.bottom-50 {

    bottom: 50% !important;

}



.bottom-100 {

    bottom: 100% !important;

}



.start-0 {

    left: 0 !important;

}



.start-50 {

    left: 50% !important;

}



.start-100 {

    left: 100% !important;

}



.end-0 {

    right: 0 !important;

}



.end-50 {

    right: 50% !important;

}



.end-100 {

    right: 100% !important;

}



.translate-middle {

    transform: translate(-50%, -50%) !important;

}



.translate-middle-x {

    transform: translateX(-50%) !important;

}



.translate-middle-y {

    transform: translateY(-50%) !important;

}



.border {

    border: 1px solid #E1E1F0 !important;

}



.border-0 {

    border: 0 !important;

}



.border-top {

    border-top: 1px solid #E1E1F0 !important;

}



.border-top-0 {

    border-top: 0 !important;

}



.border-end {

    border-right: 1px solid #E1E1F0 !important;

}



.border-end-0 {

    border-right: 0 !important;

}



.border-bottom {

    border-bottom: 1px solid #E1E1F0 !important;

}



.border-bottom-0 {

    border-bottom: 0 !important;

}



.border-start {

    border-left: 1px solid #E1E1F0 !important;

}



.border-start-0 {

    border-left: 0 !important;

}



.border-primary {

    border-color: #565acf !important;

}



.border-secondary {

    border-color: #f17732 !important;

}



.border-success {

    border-color: #209f84 !important;

}



.border-info {

    border-color: #2754e6 !important;

}



.border-warning {

    border-color: #fe970e !important;

}



.border-danger {

    border-color: #f72b50 !important;

}



.border-light {

    border-color: #fff !important;

}



.border-dark {

    border-color: #1f2278 !important;

}



.border-white {

    border-color: #fff !important;

}



.border-1 {

    border-width: 1px !important;

}



.border-2 {

    border-width: 2px !important;

}



.border-3 {

    border-width: 3px !important;

}



.border-4 {

    border-width: 4px !important;

}



.border-5 {

    border-width: 5px !important;

}



.w-25 {

    width: 25% !important;

}



.w-50 {

    width: 50% !important;

}



.w-75 {

    width: 75% !important;

}



.w-100 {

    width: 100% !important;

}



.w-auto {

    width: auto !important;

}



.mw-100 {

    max-width: 100% !important;

}



.vw-100 {

    width: 100vw !important;

}



.min-vw-100 {

    min-width: 100vw !important;

}



.h-25 {

    height: 25% !important;

}



.h-50 {

    height: 50% !important;

}



.h-75 {

    height: 75% !important;

}



.h-100 {

    height: 100% !important;

}



.h-auto {

    height: auto !important;

}



.mh-100 {

    max-height: 100% !important;

}



.vh-100 {

    height: 100vh !important;

}



.min-vh-100 {

    min-height: 100vh !important;

}



.flex-fill {

    flex: 1 1 auto !important;

}



.flex-row {

    flex-direction: row !important;

}



.flex-column {

    flex-direction: column !important;

}



.flex-row-reverse {

    flex-direction: row-reverse !important;

}



.flex-column-reverse {

    flex-direction: column-reverse !important;

}



.flex-grow-0 {

    flex-grow: 0 !important;

}



.flex-grow-1 {

    flex-grow: 1 !important;

}



.flex-shrink-0 {

    flex-shrink: 0 !important;

}



.flex-shrink-1 {

    flex-shrink: 1 !important;

}



.flex-wrap {

    flex-wrap: wrap !important;

}



.flex-nowrap {

    flex-wrap: nowrap !important;

}



.flex-wrap-reverse {

    flex-wrap: wrap-reverse !important;

}



.gap-0 {

    gap: 0 !important;

}



.gap-1 {

    gap: 0.25rem !important;

}



.gap-2 {

    gap: 0.5rem !important;

}



.gap-3 {

    gap: 1rem !important;

}



.gap-4 {

    gap: 1.5rem !important;

}



.gap-5 {

    gap: 3rem !important;

}



.justify-content-start {

    justify-content: flex-start !important;

}



.justify-content-end {

    justify-content: flex-end !important;

}



.justify-content-center {

    justify-content: center !important;

}



.justify-content-between {

    justify-content: space-between !important;

}



.justify-content-around {

    justify-content: space-around !important;

}



.justify-content-evenly {

    justify-content: space-evenly !important;

}



.align-items-start {

    align-items: flex-start !important;

}



.align-items-end {

    align-items: flex-end !important;

}



.align-items-center {

    align-items: center !important;

}



.align-items-baseline {

    align-items: baseline !important;

}



.align-items-stretch {

    align-items: stretch !important;

}



.align-content-start {

    align-content: flex-start !important;

}



.align-content-end {

    align-content: flex-end !important;

}



.align-content-center {

    align-content: center !important;

}



.align-content-between {

    align-content: space-between !important;

}



.align-content-around {

    align-content: space-around !important;

}



.align-content-stretch {

    align-content: stretch !important;

}



.align-self-auto {

    align-self: auto !important;

}



.align-self-start {

    align-self: flex-start !important;

}



.align-self-end {

    align-self: flex-end !important;

}



.align-self-center {

    align-self: center !important;

}



.align-self-baseline {

    align-self: baseline !important;

}



.align-self-stretch {

    align-self: stretch !important;

}



.order-first {

    order: -1 !important;

}



.order-0 {

    order: 0 !important;

}



.order-1 {

    order: 1 !important;

}



.order-2 {

    order: 2 !important;

}



.order-3 {

    order: 3 !important;

}



.order-4 {

    order: 4 !important;

}



.order-5 {

    order: 5 !important;

}



.order-last {

    order: 6 !important;

}



.m-0 {

    margin: 0 !important;

}



.m-1 {

    margin: 0.25rem !important;

}



.m-2 {

    margin: 0.5rem !important;

}



.m-3 {

    margin: 1rem !important;

}



.m-4 {

    margin: 1.5rem !important;

}



.m-5 {

    margin: 3rem !important;

}



.m-auto {

    margin: auto !important;

}



.mx-0 {

    margin-right: 0 !important;

    margin-left: 0 !important;

}



.mx-1 {

    margin-right: 0.25rem !important;

    margin-left: 0.25rem !important;

}



.mx-2 {

    margin-right: 0.5rem !important;

    margin-left: 0.5rem !important;

}



.mx-3 {

    margin-right: 1rem !important;

    margin-left: 1rem !important;

}



.mx-4 {

    margin-right: 1.5rem !important;

    margin-left: 1.5rem !important;

}



.mx-5 {

    margin-right: 3rem !important;

    margin-left: 3rem !important;

}



.mx-auto {

    margin-right: auto !important;

    margin-left: auto !important;

}



.my-0 {

    margin-top: 0 !important;

    margin-bottom: 0 !important;

}



.my-1 {

    margin-top: 0.25rem !important;

    margin-bottom: 0.25rem !important;

}



.my-2 {

    margin-top: 0.5rem !important;

    margin-bottom: 0.5rem !important;

}



.my-3 {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important;

}



.my-4 {

    margin-top: 1.5rem !important;

    margin-bottom: 1.5rem !important;

}



.my-5 {

    margin-top: 3rem !important;

    margin-bottom: 3rem !important;

}



.my-auto {

    margin-top: auto !important;

    margin-bottom: auto !important;

}



.mt-0 {

    margin-top: 0 !important;

}



.mt-1 {

    margin-top: 0.25rem !important;

}



.mt-2 {

    margin-top: 0.5rem !important;

}



.mt-3 {

    margin-top: 1rem !important;

}



.mt-4 {

    margin-top: 1.5rem !important;

}



.mt-5 {

    margin-top: 3rem !important;

}



.mt-auto {

    margin-top: auto !important;

}



.me-0 {

    margin-right: 0 !important;

}



.me-1 {

    margin-right: 0.25rem !important;

}



.me-2 {

    margin-right: 0.5rem !important;

}



.me-3 {

    margin-right: 1rem !important;

}



.me-4 {

    margin-right: 1.5rem !important;

}



.me-5 {

    margin-right: 3rem !important;

}



.me-auto {

    margin-right: auto !important;

}



.mb-0 {

    margin-bottom: 0 !important;

}



.mb-1 {

    margin-bottom: 0.25rem !important;

}



.mb-2 {

    margin-bottom: 0.5rem !important;

}



.mb-3 {

    margin-bottom: 1rem !important;

}



.mb-4 {

    margin-bottom: 1.5rem !important;

}



.mb-5 {

    margin-bottom: 3rem !important;

}



.mb-auto {

    margin-bottom: auto !important;

}



.ms-0 {

    margin-left: 0 !important;

}



.ms-1 {

    margin-left: 0.25rem !important;

}



.ms-2 {

    margin-left: 0.5rem !important;

}



.ms-3 {

    margin-left: 1rem !important;

}



.ms-4 {

    margin-left: 1.5rem !important;

}



.ms-5 {

    margin-left: 3rem !important;

}



.ms-auto {

    margin-left: auto !important;

}



.p-0 {

    padding: 0 !important;

}



.p-1 {

    padding: 0.25rem !important;

}



.p-2 {

    padding: 0.5rem !important;

}



.p-3 {

    padding: 1rem !important;

}



.p-4 {

    padding: 1.5rem !important;

}



.p-5 {

    padding: 3rem !important;

}



.px-0 {

    padding-right: 0 !important;

    padding-left: 0 !important;

}



.px-1 {

    padding-right: 0.25rem !important;

    padding-left: 0.25rem !important;

}



.px-2 {

    padding-right: 0.5rem !important;

    padding-left: 0.5rem !important;

}



.px-3 {

    padding-right: 1rem !important;

    padding-left: 1rem !important;

}



.px-4 {

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important;

}



.px-5 {

    padding-right: 3rem !important;

    padding-left: 3rem !important;

}



.py-0 {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}



.py-1 {

    padding-top: 0.25rem !important;

    padding-bottom: 0.25rem !important;

}



.py-2 {

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

}



.py-3 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important;

}



.py-4 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important;

}



.py-5 {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important;

}



.pt-0 {

    padding-top: 0 !important;

}



.pt-1 {

    padding-top: 0.25rem !important;

}



.pt-2 {

    padding-top: 0.5rem !important;

}



.pt-3 {

    padding-top: 1rem !important;

}



.pt-4 {

    padding-top: 1.5rem !important;

}



.pt-5 {

    padding-top: 3rem !important;

}



.pe-0 {

    padding-right: 0 !important;

}



.pe-1 {

    padding-right: 0.25rem !important;

}



.pe-2 {

    padding-right: 0.5rem !important;

}



.pe-3 {

    padding-right: 1rem !important;

}



.pe-4 {

    padding-right: 1.5rem !important;

}



.pe-5 {

    padding-right: 3rem !important;

}



.pb-0 {

    padding-bottom: 0 !important;

}



.pb-1 {

    padding-bottom: 0.25rem !important;

}



.pb-2 {

    padding-bottom: 0.5rem !important;

}



.pb-3 {

    padding-bottom: 1rem !important;

}



.pb-4 {

    padding-bottom: 1.5rem !important;

}



.pb-5 {

    padding-bottom: 3rem !important;

}



.ps-0 {

    padding-left: 0 !important;

}



.ps-1 {

    padding-left: 0.25rem !important;

}



.ps-2 {

    padding-left: 0.5rem !important;

}



.ps-3 {

    padding-left: 1rem !important;

}



.ps-4 {

    padding-left: 1.5rem !important;

}



.ps-5 {

    padding-left: 3rem !important;

}



.font-monospace {

    font-family: var(--bs-font-monospace) !important;

}



.fs-1 {

    font-size: calc(1.4375rem + 2.25vw) !important;

}



.fs-2 {

    font-size: calc(1.34375rem + 1.125vw) !important;

}



.fs-3 {

    font-size: calc(1.3rem + 0.6vw) !important;

}



.fs-4 {

    font-size: calc(1.275rem + 0.3vw) !important;

}



.fs-5 {

    font-size: 1.25rem !important;

}



.fs-6 {

    font-size: 1.125rem !important;

}



.fst-italic {

    font-style: italic !important;

}



.fst-normal {

    font-style: normal !important;

}



.fw-light {

    font-weight: 300 !important;

}



.fw-lighter {

    font-weight: lighter !important;

}



.fw-normal {

    font-weight: 400 !important;

}



.fw-bold {

    font-weight: 700 !important;

}



.fw-bolder {

    font-weight: bolder !important;

}



.lh-1 {

    line-height: 1 !important;

}



.lh-sm {

    line-height: 1.25 !important;

}



.lh-base {

    line-height: 1.5 !important;

}



.lh-lg {

    line-height: 2 !important;

}



.text-start {

    text-align: left !important;

}



.text-end {

    text-align: right !important;

}



.text-center {

    text-align: center !important;

}



.text-decoration-none {

    text-decoration: none !important;

}



.text-decoration-underline {

    text-decoration: underline !important;

}



.text-decoration-line-through {

    text-decoration: line-through !important;

}



.text-lowercase {

    text-transform: lowercase !important;

}



.text-uppercase {

    text-transform: uppercase !important;

}



.text-capitalize {

    text-transform: capitalize !important;

}



.text-wrap {

    white-space: normal !important;

}



.text-nowrap {

    white-space: nowrap !important;

}



/* rtl:begin:remove */

.text-break {

    word-wrap: break-word !important;

    word-break: break-word !important;

}



/* rtl:end:remove */

.text-primary {

    color: #565acf !important;

}



.text-secondary {

    color: #f17732 !important;

}



.text-success {

    color: #209f84 !important;

}



.text-info {

    color: #2754e6 !important;

}



.text-warning {

    color: #fe970e !important;

}



.text-danger {

    color: #f72b50 !important;

}



.text-light {

    color: #fff !important;

}



.text-dark {

    color: #1f2278 !important;

}



.text-white {

    color: #fff !important;

}



.text-body {

    color: #444 !important;

}



.text-muted {

    color: #AEAED5 !important;

}



.text-black-50 {

    color: rgba(0, 0, 0, 0.5) !important;

}



.text-white-50 {

    color: rgba(255, 255, 255, 0.5) !important;

}



.text-reset {

    color: inherit !important;

}



.text-right {

    text-align: right !important;

}



.bg-primary {

    background-color: #565acf !important;

}



.bg-secondary {

    background-color: #f17732 !important;

}



.bg-success {

    background-color: #209f84 !important;

}



.bg-info {

    background-color: #2754e6 !important;

}



.bg-warning {

    background-color: #fe970e !important;

}



.bg-danger {

    background-color: #f72b50 !important;

}



.bg-light {

    background-color: #fff !important;

}



.bg-dark {

    background-color: #1f2278 !important;

}



.bg-body {

    background-color: #ffffff !important;

}



.bg-white {

    background-color: #fff !important;

}



.bg-transparent {

    background-color: transparent !important;

}



.bg-gradient {

    background-image: var(--bs-gradient) !important;

}



.user-select-all {

    user-select: all !important;

}



.user-select-auto {

    user-select: auto !important;

}



.user-select-none {

    user-select: none !important;

}



.pe-none {

    pointer-events: none !important;

}



.pe-auto {

    pointer-events: auto !important;

}



.rounded {

    border-radius: 0.25rem !important;

}



.rounded-0 {

    border-radius: 0 !important;

}



.rounded-1 {

    border-radius: 0.2rem !important;

}



.rounded-2 {

    border-radius: 0.25rem !important;

}



.rounded-3 {

    border-radius: 20px !important;

}



.rounded-circle {

    border-radius: 50% !important;

}



.rounded-pill {

    border-radius: 50rem !important;

}



.rounded-top {

    border-top-left-radius: 0.25rem !important;

    border-top-right-radius: 0.25rem !important;

}



.rounded-end {

    border-top-right-radius: 0.25rem !important;

    border-bottom-right-radius: 0.25rem !important;

}



.rounded-bottom {

    border-bottom-right-radius: 0.25rem !important;

    border-bottom-left-radius: 0.25rem !important;

}



.rounded-start {

    border-bottom-left-radius: 0.25rem !important;

    border-top-left-radius: 0.25rem !important;

}



.visible {

    visibility: visible !important;

}



.invisible {

    visibility: hidden !important;

}



@media (min-width: 576px) {

    .float-sm-start {

        float: left !important;

    }



    .float-sm-end {

        float: right !important;

    }



    .float-sm-none {

        float: none !important;

    }



    .d-sm-inline {

        display: inline !important;

    }



    .d-sm-inline-block {

        display: inline-block !important;

    }



    .d-sm-block {

        display: block !important;

    }



    .d-sm-grid {

        display: grid !important;

    }



    .d-sm-table {

        display: table !important;

    }



    .d-sm-table-row {

        display: table-row !important;

    }



    .d-sm-table-cell {

        display: table-cell !important;

    }



    .d-sm-flex {

        display: flex !important;

    }



    .d-sm-inline-flex {

        display: inline-flex !important;

    }



    .d-sm-none {

        display: none !important;

    }



    .flex-sm-fill {

        flex: 1 1 auto !important;

    }



    .flex-sm-row {

        flex-direction: row !important;

    }



    .flex-sm-column {

        flex-direction: column !important;

    }



    .flex-sm-row-reverse {

        flex-direction: row-reverse !important;

    }



    .flex-sm-column-reverse {

        flex-direction: column-reverse !important;

    }



    .flex-sm-grow-0 {

        flex-grow: 0 !important;

    }



    .flex-sm-grow-1 {

        flex-grow: 1 !important;

    }



    .flex-sm-shrink-0 {

        flex-shrink: 0 !important;

    }



    .flex-sm-shrink-1 {

        flex-shrink: 1 !important;

    }



    .flex-sm-wrap {

        flex-wrap: wrap !important;

    }



    .flex-sm-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-sm-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .gap-sm-0 {

        gap: 0 !important;

    }



    .gap-sm-1 {

        gap: 0.25rem !important;

    }



    .gap-sm-2 {

        gap: 0.5rem !important;

    }



    .gap-sm-3 {

        gap: 1rem !important;

    }



    .gap-sm-4 {

        gap: 1.5rem !important;

    }



    .gap-sm-5 {

        gap: 3rem !important;

    }



    .justify-content-sm-start {

        justify-content: flex-start !important;

    }



    .justify-content-sm-end {

        justify-content: flex-end !important;

    }



    .justify-content-sm-center {

        justify-content: center !important;

    }



    .justify-content-sm-between {

        justify-content: space-between !important;

    }



    .justify-content-sm-around {

        justify-content: space-around !important;

    }



    .justify-content-sm-evenly {

        justify-content: space-evenly !important;

    }



    .align-items-sm-start {

        align-items: flex-start !important;

    }



    .align-items-sm-end {

        align-items: flex-end !important;

    }



    .align-items-sm-center {

        align-items: center !important;

    }



    .align-items-sm-baseline {

        align-items: baseline !important;

    }



    .align-items-sm-stretch {

        align-items: stretch !important;

    }



    .align-content-sm-start {

        align-content: flex-start !important;

    }



    .align-content-sm-end {

        align-content: flex-end !important;

    }



    .align-content-sm-center {

        align-content: center !important;

    }



    .align-content-sm-between {

        align-content: space-between !important;

    }



    .align-content-sm-around {

        align-content: space-around !important;

    }



    .align-content-sm-stretch {

        align-content: stretch !important;

    }



    .align-self-sm-auto {

        align-self: auto !important;

    }



    .align-self-sm-start {

        align-self: flex-start !important;

    }



    .align-self-sm-end {

        align-self: flex-end !important;

    }



    .align-self-sm-center {

        align-self: center !important;

    }



    .align-self-sm-baseline {

        align-self: baseline !important;

    }



    .align-self-sm-stretch {

        align-self: stretch !important;

    }



    .order-sm-first {

        order: -1 !important;

    }



    .order-sm-0 {

        order: 0 !important;

    }



    .order-sm-1 {

        order: 1 !important;

    }



    .order-sm-2 {

        order: 2 !important;

    }



    .order-sm-3 {

        order: 3 !important;

    }



    .order-sm-4 {

        order: 4 !important;

    }



    .order-sm-5 {

        order: 5 !important;

    }



    .order-sm-last {

        order: 6 !important;

    }



    .m-sm-0 {

        margin: 0 !important;

    }



    .m-sm-1 {

        margin: 0.25rem !important;

    }



    .m-sm-2 {

        margin: 0.5rem !important;

    }



    .m-sm-3 {

        margin: 1rem !important;

    }



    .m-sm-4 {

        margin: 1.5rem !important;

    }



    .m-sm-5 {

        margin: 3rem !important;

    }



    .m-sm-auto {

        margin: auto !important;

    }



    .mx-sm-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }



    .mx-sm-1 {

        margin-right: 0.25rem !important;

        margin-left: 0.25rem !important;

    }



    .mx-sm-2 {

        margin-right: 0.5rem !important;

        margin-left: 0.5rem !important;

    }



    .mx-sm-3 {

        margin-right: 1rem !important;

        margin-left: 1rem !important;

    }



    .mx-sm-4 {

        margin-right: 1.5rem !important;

        margin-left: 1.5rem !important;

    }



    .mx-sm-5 {

        margin-right: 3rem !important;

        margin-left: 3rem !important;

    }



    .mx-sm-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }



    .my-sm-0 {

        margin-top: 0 !important;

        margin-bottom: 0 !important;

    }



    .my-sm-1 {

        margin-top: 0.25rem !important;

        margin-bottom: 0.25rem !important;

    }



    .my-sm-2 {

        margin-top: 0.5rem !important;

        margin-bottom: 0.5rem !important;

    }



    .my-sm-3 {

        margin-top: 1rem !important;

        margin-bottom: 1rem !important;

    }



    .my-sm-4 {

        margin-top: 1.5rem !important;

        margin-bottom: 1.5rem !important;

    }



    .my-sm-5 {

        margin-top: 3rem !important;

        margin-bottom: 3rem !important;

    }



    .my-sm-auto {

        margin-top: auto !important;

        margin-bottom: auto !important;

    }



    .mt-sm-0 {

        margin-top: 0 !important;

    }



    .mt-sm-1 {

        margin-top: 0.25rem !important;

    }



    .mt-sm-2 {

        margin-top: 0.5rem !important;

    }



    .mt-sm-3 {

        margin-top: 1rem !important;

    }



    .mt-sm-4 {

        margin-top: 1.5rem !important;

    }



    .mt-sm-5 {

        margin-top: 3rem !important;

    }



    .mt-sm-auto {

        margin-top: auto !important;

    }



    .me-sm-0 {

        margin-right: 0 !important;

    }



    .me-sm-1 {

        margin-right: 0.25rem !important;

    }



    .me-sm-2 {

        margin-right: 0.5rem !important;

    }



    .me-sm-3 {

        margin-right: 1rem !important;

    }



    .me-sm-4 {

        margin-right: 1.5rem !important;

    }



    .me-sm-5 {

        margin-right: 3rem !important;

    }



    .me-sm-auto {

        margin-right: auto !important;

    }



    .mb-sm-0 {

        margin-bottom: 0 !important;

    }



    .mb-sm-1 {

        margin-bottom: 0.25rem !important;

    }



    .mb-sm-2 {

        margin-bottom: 0.5rem !important;

    }



    .mb-sm-3 {

        margin-bottom: 1rem !important;

    }



    .mb-sm-4 {

        margin-bottom: 1.5rem !important;

    }



    .mb-sm-5 {

        margin-bottom: 3rem !important;

    }



    .mb-sm-auto {

        margin-bottom: auto !important;

    }



    .ms-sm-0 {

        margin-left: 0 !important;

    }



    .ms-sm-1 {

        margin-left: 0.25rem !important;

    }



    .ms-sm-2 {

        margin-left: 0.5rem !important;

    }



    .ms-sm-3 {

        margin-left: 1rem !important;

    }



    .ms-sm-4 {

        margin-left: 1.5rem !important;

    }



    .ms-sm-5 {

        margin-left: 3rem !important;

    }



    .ms-sm-auto {

        margin-left: auto !important;

    }



    .p-sm-0 {

        padding: 0 !important;

    }



    .p-sm-1 {

        padding: 0.25rem !important;

    }



    .p-sm-2 {

        padding: 0.5rem !important;

    }



    .p-sm-3 {

        padding: 1rem !important;

    }



    .p-sm-4 {

        padding: 1.5rem !important;

    }



    .p-sm-5 {

        padding: 3rem !important;

    }



    .px-sm-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }



    .px-sm-1 {

        padding-right: 0.25rem !important;

        padding-left: 0.25rem !important;

    }



    .px-sm-2 {

        padding-right: 0.5rem !important;

        padding-left: 0.5rem !important;

    }



    .px-sm-3 {

        padding-right: 1rem !important;

        padding-left: 1rem !important;

    }



    .px-sm-4 {

        padding-right: 1.5rem !important;

        padding-left: 1.5rem !important;

    }



    .px-sm-5 {

        padding-right: 3rem !important;

        padding-left: 3rem !important;

    }



    .py-sm-0 {

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }



    .py-sm-1 {

        padding-top: 0.25rem !important;

        padding-bottom: 0.25rem !important;

    }



    .py-sm-2 {

        padding-top: 0.5rem !important;

        padding-bottom: 0.5rem !important;

    }



    .py-sm-3 {

        padding-top: 1rem !important;

        padding-bottom: 1rem !important;

    }



    .py-sm-4 {

        padding-top: 1.5rem !important;

        padding-bottom: 1.5rem !important;

    }



    .py-sm-5 {

        padding-top: 3rem !important;

        padding-bottom: 3rem !important;

    }



    .pt-sm-0 {

        padding-top: 0 !important;

    }



    .pt-sm-1 {

        padding-top: 0.25rem !important;

    }



    .pt-sm-2 {

        padding-top: 0.5rem !important;

    }



    .pt-sm-3 {

        padding-top: 1rem !important;

    }



    .pt-sm-4 {

        padding-top: 1.5rem !important;

    }



    .pt-sm-5 {

        padding-top: 3rem !important;

    }



    .pe-sm-0 {

        padding-right: 0 !important;

    }



    .pe-sm-1 {

        padding-right: 0.25rem !important;

    }



    .pe-sm-2 {

        padding-right: 0.5rem !important;

    }



    .pe-sm-3 {

        padding-right: 1rem !important;

    }



    .pe-sm-4 {

        padding-right: 1.5rem !important;

    }



    .pe-sm-5 {

        padding-right: 3rem !important;

    }



    .pb-sm-0 {

        padding-bottom: 0 !important;

    }



    .pb-sm-1 {

        padding-bottom: 0.25rem !important;

    }



    .pb-sm-2 {

        padding-bottom: 0.5rem !important;

    }



    .pb-sm-3 {

        padding-bottom: 1rem !important;

    }



    .pb-sm-4 {

        padding-bottom: 1.5rem !important;

    }



    .pb-sm-5 {

        padding-bottom: 3rem !important;

    }



    .ps-sm-0 {

        padding-left: 0 !important;

    }



    .ps-sm-1 {

        padding-left: 0.25rem !important;

    }



    .ps-sm-2 {

        padding-left: 0.5rem !important;

    }



    .ps-sm-3 {

        padding-left: 1rem !important;

    }



    .ps-sm-4 {

        padding-left: 1.5rem !important;

    }



    .ps-sm-5 {

        padding-left: 3rem !important;

    }



    .text-sm-start {

        text-align: left !important;

    }



    .text-sm-end {

        text-align: right !important;

    }



    .text-sm-center {

        text-align: center !important;

    }

}

@media (min-width: 768px) {

    .float-md-start {

        float: left !important;

    }



    .float-md-end {

        float: right !important;

    }



    .float-md-none {

        float: none !important;

    }



    .d-md-inline {

        display: inline !important;

    }



    .d-md-inline-block {

        display: inline-block !important;

    }



    .d-md-block {

        display: block !important;

    }



    .d-md-grid {

        display: grid !important;

    }



    .d-md-table {

        display: table !important;

    }



    .d-md-table-row {

        display: table-row !important;

    }



    .d-md-table-cell {

        display: table-cell !important;

    }



    .d-md-flex {

        display: flex !important;

    }



    .d-md-inline-flex {

        display: inline-flex !important;

    }



    .d-md-none {

        display: none !important;

    }



    .flex-md-fill {

        flex: 1 1 auto !important;

    }



    .flex-md-row {

        flex-direction: row !important;

    }



    .flex-md-column {

        flex-direction: column !important;

    }



    .flex-md-row-reverse {

        flex-direction: row-reverse !important;

    }



    .flex-md-column-reverse {

        flex-direction: column-reverse !important;

    }



    .flex-md-grow-0 {

        flex-grow: 0 !important;

    }



    .flex-md-grow-1 {

        flex-grow: 1 !important;

    }



    .flex-md-shrink-0 {

        flex-shrink: 0 !important;

    }



    .flex-md-shrink-1 {

        flex-shrink: 1 !important;

    }



    .flex-md-wrap {

        flex-wrap: wrap !important;

    }



    .flex-md-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-md-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .gap-md-0 {

        gap: 0 !important;

    }



    .gap-md-1 {

        gap: 0.25rem !important;

    }



    .gap-md-2 {

        gap: 0.5rem !important;

    }



    .gap-md-3 {

        gap: 1rem !important;

    }



    .gap-md-4 {

        gap: 1.5rem !important;

    }



    .gap-md-5 {

        gap: 3rem !important;

    }



    .justify-content-md-start {

        justify-content: flex-start !important;

    }



    .justify-content-md-end {

        justify-content: flex-end !important;

    }



    .justify-content-md-center {

        justify-content: center !important;

    }



    .justify-content-md-between {

        justify-content: space-between !important;

    }



    .justify-content-md-around {

        justify-content: space-around !important;

    }



    .justify-content-md-evenly {

        justify-content: space-evenly !important;

    }



    .align-items-md-start {

        align-items: flex-start !important;

    }



    .align-items-md-end {

        align-items: flex-end !important;

    }



    .align-items-md-center {

        align-items: center !important;

    }



    .align-items-md-baseline {

        align-items: baseline !important;

    }



    .align-items-md-stretch {

        align-items: stretch !important;

    }



    .align-content-md-start {

        align-content: flex-start !important;

    }



    .align-content-md-end {

        align-content: flex-end !important;

    }



    .align-content-md-center {

        align-content: center !important;

    }



    .align-content-md-between {

        align-content: space-between !important;

    }



    .align-content-md-around {

        align-content: space-around !important;

    }



    .align-content-md-stretch {

        align-content: stretch !important;

    }



    .align-self-md-auto {

        align-self: auto !important;

    }



    .align-self-md-start {

        align-self: flex-start !important;

    }



    .align-self-md-end {

        align-self: flex-end !important;

    }



    .align-self-md-center {

        align-self: center !important;

    }



    .align-self-md-baseline {

        align-self: baseline !important;

    }



    .align-self-md-stretch {

        align-self: stretch !important;

    }



    .order-md-first {

        order: -1 !important;

    }



    .order-md-0 {

        order: 0 !important;

    }



    .order-md-1 {

        order: 1 !important;

    }



    .order-md-2 {

        order: 2 !important;

    }



    .order-md-3 {

        order: 3 !important;

    }



    .order-md-4 {

        order: 4 !important;

    }



    .order-md-5 {

        order: 5 !important;

    }



    .order-md-last {

        order: 6 !important;

    }



    .m-md-0 {

        margin: 0 !important;

    }



    .m-md-1 {

        margin: 0.25rem !important;

    }



    .m-md-2 {

        margin: 0.5rem !important;

    }



    .m-md-3 {

        margin: 1rem !important;

    }



    .m-md-4 {

        margin: 1.5rem !important;

    }



    .m-md-5 {

        margin: 3rem !important;

    }



    .m-md-auto {

        margin: auto !important;

    }



    .mx-md-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }



    .mx-md-1 {

        margin-right: 0.25rem !important;

        margin-left: 0.25rem !important;

    }



    .mx-md-2 {

        margin-right: 0.5rem !important;

        margin-left: 0.5rem !important;

    }



    .mx-md-3 {

        margin-right: 1rem !important;

        margin-left: 1rem !important;

    }



    .mx-md-4 {

        margin-right: 1.5rem !important;

        margin-left: 1.5rem !important;

    }



    .mx-md-5 {

        margin-right: 3rem !important;

        margin-left: 3rem !important;

    }



    .mx-md-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }



    .my-md-0 {

        margin-top: 0 !important;

        margin-bottom: 0 !important;

    }



    .my-md-1 {

        margin-top: 0.25rem !important;

        margin-bottom: 0.25rem !important;

    }



    .my-md-2 {

        margin-top: 0.5rem !important;

        margin-bottom: 0.5rem !important;

    }



    .my-md-3 {

        margin-top: 1rem !important;

        margin-bottom: 1rem !important;

    }



    .my-md-4 {

        margin-top: 1.5rem !important;

        margin-bottom: 1.5rem !important;

    }



    .my-md-5 {

        margin-top: 3rem !important;

        margin-bottom: 3rem !important;

    }



    .my-md-auto {

        margin-top: auto !important;

        margin-bottom: auto !important;

    }



    .mt-md-0 {

        margin-top: 0 !important;

    }



    .mt-md-1 {

        margin-top: 0.25rem !important;

    }



    .mt-md-2 {

        margin-top: 0.5rem !important;

    }



    .mt-md-3 {

        margin-top: 1rem !important;

    }



    .mt-md-4 {

        margin-top: 1.5rem !important;

    }



    .mt-md-5 {

        margin-top: 3rem !important;

    }



    .mt-md-auto {

        margin-top: auto !important;

    }



    .me-md-0 {

        margin-right: 0 !important;

    }



    .me-md-1 {

        margin-right: 0.25rem !important;

    }



    .me-md-2 {

        margin-right: 0.5rem !important;

    }



    .me-md-3 {

        margin-right: 1rem !important;

    }



    .me-md-4 {

        margin-right: 1.5rem !important;

    }



    .me-md-5 {

        margin-right: 3rem !important;

    }



    .me-md-auto {

        margin-right: auto !important;

    }



    .mb-md-0 {

        margin-bottom: 0 !important;

    }



    .mb-md-1 {

        margin-bottom: 0.25rem !important;

    }



    .mb-md-2 {

        margin-bottom: 0.5rem !important;

    }



    .mb-md-3 {

        margin-bottom: 1rem !important;

    }



    .mb-md-4 {

        margin-bottom: 1.5rem !important;

    }



    .mb-md-5 {

        margin-bottom: 3rem !important;

    }



    .mb-md-auto {

        margin-bottom: auto !important;

    }



    .ms-md-0 {

        margin-left: 0 !important;

    }



    .ms-md-1 {

        margin-left: 0.25rem !important;

    }



    .ms-md-2 {

        margin-left: 0.5rem !important;

    }



    .ms-md-3 {

        margin-left: 1rem !important;

    }



    .ms-md-4 {

        margin-left: 1.5rem !important;

    }



    .ms-md-5 {

        margin-left: 3rem !important;

    }



    .ms-md-auto {

        margin-left: auto !important;

    }



    .p-md-0 {

        padding: 0 !important;

    }



    .p-md-1 {

        padding: 0.25rem !important;

    }



    .p-md-2 {

        padding: 0.5rem !important;

    }



    .p-md-3 {

        padding: 1rem !important;

    }



    .p-md-4 {

        padding: 1.5rem !important;

    }



    .p-md-5 {

        padding: 3rem !important;

    }



    .px-md-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }



    .px-md-1 {

        padding-right: 0.25rem !important;

        padding-left: 0.25rem !important;

    }



    .px-md-2 {

        padding-right: 0.5rem !important;

        padding-left: 0.5rem !important;

    }



    .px-md-3 {

        padding-right: 1rem !important;

        padding-left: 1rem !important;

    }



    .px-md-4 {

        padding-right: 1.5rem !important;

        padding-left: 1.5rem !important;

    }



    .px-md-5 {

        padding-right: 3rem !important;

        padding-left: 3rem !important;

    }



    .py-md-0 {

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }



    .py-md-1 {

        padding-top: 0.25rem !important;

        padding-bottom: 0.25rem !important;

    }



    .py-md-2 {

        padding-top: 0.5rem !important;

        padding-bottom: 0.5rem !important;

    }



    .py-md-3 {

        padding-top: 1rem !important;

        padding-bottom: 1rem !important;

    }



    .py-md-4 {

        padding-top: 1.5rem !important;

        padding-bottom: 1.5rem !important;

    }



    .py-md-5 {

        padding-top: 3rem !important;

        padding-bottom: 3rem !important;

    }



    .pt-md-0 {

        padding-top: 0 !important;

    }



    .pt-md-1 {

        padding-top: 0.25rem !important;

    }



    .pt-md-2 {

        padding-top: 0.5rem !important;

    }



    .pt-md-3 {

        padding-top: 1rem !important;

    }



    .pt-md-4 {

        padding-top: 1.5rem !important;

    }



    .pt-md-5 {

        padding-top: 3rem !important;

    }



    .pe-md-0 {

        padding-right: 0 !important;

    }



    .pe-md-1 {

        padding-right: 0.25rem !important;

    }



    .pe-md-2 {

        padding-right: 0.5rem !important;

    }



    .pe-md-3 {

        padding-right: 1rem !important;

    }



    .pe-md-4 {

        padding-right: 1.5rem !important;

    }



    .pe-md-5 {

        padding-right: 3rem !important;

    }



    .pb-md-0 {

        padding-bottom: 0 !important;

    }



    .pb-md-1 {

        padding-bottom: 0.25rem !important;

    }



    .pb-md-2 {

        padding-bottom: 0.5rem !important;

    }



    .pb-md-3 {

        padding-bottom: 1rem !important;

    }



    .pb-md-4 {

        padding-bottom: 1.5rem !important;

    }



    .pb-md-5 {

        padding-bottom: 3rem !important;

    }



    .ps-md-0 {

        padding-left: 0 !important;

    }



    .ps-md-1 {

        padding-left: 0.25rem !important;

    }



    .ps-md-2 {

        padding-left: 0.5rem !important;

    }



    .ps-md-3 {

        padding-left: 1rem !important;

    }



    .ps-md-4 {

        padding-left: 1.5rem !important;

    }



    .ps-md-5 {

        padding-left: 3rem !important;

    }



    .text-md-start {

        text-align: left !important;

    }



    .text-md-end {

        text-align: right !important;

    }



    .text-md-center {

        text-align: center !important;

    }

}

@media (min-width: 992px) {

    .float-lg-start {

        float: left !important;

    }



    .float-lg-end {

        float: right !important;

    }



    .float-lg-none {

        float: none !important;

    }



    .d-lg-inline {

        display: inline !important;

    }



    .d-lg-inline-block {

        display: inline-block !important;

    }



    .d-lg-block {

        display: block !important;

    }



    .d-lg-grid {

        display: grid !important;

    }



    .d-lg-table {

        display: table !important;

    }



    .d-lg-table-row {

        display: table-row !important;

    }



    .d-lg-table-cell {

        display: table-cell !important;

    }



    .d-lg-flex {

        display: flex !important;

    }



    .d-lg-inline-flex {

        display: inline-flex !important;

    }



    .d-lg-none {

        display: none !important;

    }



    .flex-lg-fill {

        flex: 1 1 auto !important;

    }



    .flex-lg-row {

        flex-direction: row !important;

    }



    .flex-lg-column {

        flex-direction: column !important;

    }



    .flex-lg-row-reverse {

        flex-direction: row-reverse !important;

    }



    .flex-lg-column-reverse {

        flex-direction: column-reverse !important;

    }



    .flex-lg-grow-0 {

        flex-grow: 0 !important;

    }



    .flex-lg-grow-1 {

        flex-grow: 1 !important;

    }



    .flex-lg-shrink-0 {

        flex-shrink: 0 !important;

    }



    .flex-lg-shrink-1 {

        flex-shrink: 1 !important;

    }



    .flex-lg-wrap {

        flex-wrap: wrap !important;

    }



    .flex-lg-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-lg-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .gap-lg-0 {

        gap: 0 !important;

    }



    .gap-lg-1 {

        gap: 0.25rem !important;

    }



    .gap-lg-2 {

        gap: 0.5rem !important;

    }



    .gap-lg-3 {

        gap: 1rem !important;

    }



    .gap-lg-4 {

        gap: 1.5rem !important;

    }



    .gap-lg-5 {

        gap: 3rem !important;

    }



    .justify-content-lg-start {

        justify-content: flex-start !important;

    }



    .justify-content-lg-end {

        justify-content: flex-end !important;

    }



    .justify-content-lg-center {

        justify-content: center !important;

    }



    .justify-content-lg-between {

        justify-content: space-between !important;

    }



    .justify-content-lg-around {

        justify-content: space-around !important;

    }



    .justify-content-lg-evenly {

        justify-content: space-evenly !important;

    }



    .align-items-lg-start {

        align-items: flex-start !important;

    }



    .align-items-lg-end {

        align-items: flex-end !important;

    }



    .align-items-lg-center {

        align-items: center !important;

    }



    .align-items-lg-baseline {

        align-items: baseline !important;

    }



    .align-items-lg-stretch {

        align-items: stretch !important;

    }



    .align-content-lg-start {

        align-content: flex-start !important;

    }



    .align-content-lg-end {

        align-content: flex-end !important;

    }



    .align-content-lg-center {

        align-content: center !important;

    }



    .align-content-lg-between {

        align-content: space-between !important;

    }



    .align-content-lg-around {

        align-content: space-around !important;

    }



    .align-content-lg-stretch {

        align-content: stretch !important;

    }



    .align-self-lg-auto {

        align-self: auto !important;

    }



    .align-self-lg-start {

        align-self: flex-start !important;

    }



    .align-self-lg-end {

        align-self: flex-end !important;

    }



    .align-self-lg-center {

        align-self: center !important;

    }



    .align-self-lg-baseline {

        align-self: baseline !important;

    }



    .align-self-lg-stretch {

        align-self: stretch !important;

    }



    .order-lg-first {

        order: -1 !important;

    }



    .order-lg-0 {

        order: 0 !important;

    }



    .order-lg-1 {

        order: 1 !important;

    }



    .order-lg-2 {

        order: 2 !important;

    }



    .order-lg-3 {

        order: 3 !important;

    }



    .order-lg-4 {

        order: 4 !important;

    }



    .order-lg-5 {

        order: 5 !important;

    }



    .order-lg-last {

        order: 6 !important;

    }



    .m-lg-0 {

        margin: 0 !important;

    }



    .m-lg-1 {

        margin: 0.25rem !important;

    }



    .m-lg-2 {

        margin: 0.5rem !important;

    }



    .m-lg-3 {

        margin: 1rem !important;

    }



    .m-lg-4 {

        margin: 1.5rem !important;

    }



    .m-lg-5 {

        margin: 3rem !important;

    }



    .m-lg-auto {

        margin: auto !important;

    }



    .mx-lg-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }



    .mx-lg-1 {

        margin-right: 0.25rem !important;

        margin-left: 0.25rem !important;

    }



    .mx-lg-2 {

        margin-right: 0.5rem !important;

        margin-left: 0.5rem !important;

    }



    .mx-lg-3 {

        margin-right: 1rem !important;

        margin-left: 1rem !important;

    }



    .mx-lg-4 {

        margin-right: 1.5rem !important;

        margin-left: 1.5rem !important;

    }



    .mx-lg-5 {

        margin-right: 3rem !important;

        margin-left: 3rem !important;

    }



    .mx-lg-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }



    .my-lg-0 {

        margin-top: 0 !important;

        margin-bottom: 0 !important;

    }



    .my-lg-1 {

        margin-top: 0.25rem !important;

        margin-bottom: 0.25rem !important;

    }



    .my-lg-2 {

        margin-top: 0.5rem !important;

        margin-bottom: 0.5rem !important;

    }



    .my-lg-3 {

        margin-top: 1rem !important;

        margin-bottom: 1rem !important;

    }



    .my-lg-4 {

        margin-top: 1.5rem !important;

        margin-bottom: 1.5rem !important;

    }



    .my-lg-5 {

        margin-top: 3rem !important;

        margin-bottom: 3rem !important;

    }



    .my-lg-auto {

        margin-top: auto !important;

        margin-bottom: auto !important;

    }



    .mt-lg-0 {

        margin-top: 0 !important;

    }



    .mt-lg-1 {

        margin-top: 0.25rem !important;

    }



    .mt-lg-2 {

        margin-top: 0.5rem !important;

    }



    .mt-lg-3 {

        margin-top: 1rem !important;

    }



    .mt-lg-4 {

        margin-top: 1.5rem !important;

    }



    .mt-lg-5 {

        margin-top: 3rem !important;

    }



    .mt-lg-auto {

        margin-top: auto !important;

    }



    .me-lg-0 {

        margin-right: 0 !important;

    }



    .me-lg-1 {

        margin-right: 0.25rem !important;

    }



    .me-lg-2 {

        margin-right: 0.5rem !important;

    }



    .me-lg-3 {

        margin-right: 1rem !important;

    }



    .me-lg-4 {

        margin-right: 1.5rem !important;

    }



    .me-lg-5 {

        margin-right: 3rem !important;

    }



    .me-lg-auto {

        margin-right: auto !important;

    }



    .mb-lg-0 {

        margin-bottom: 0 !important;

    }



    .mb-lg-1 {

        margin-bottom: 0.25rem !important;

    }



    .mb-lg-2 {

        margin-bottom: 0.5rem !important;

    }



    .mb-lg-3 {

        margin-bottom: 1rem !important;

    }



    .mb-lg-4 {

        margin-bottom: 1.5rem !important;

    }



    .mb-lg-5 {

        margin-bottom: 3rem !important;

    }



    .mb-lg-auto {

        margin-bottom: auto !important;

    }



    .ms-lg-0 {

        margin-left: 0 !important;

    }



    .ms-lg-1 {

        margin-left: 0.25rem !important;

    }



    .ms-lg-2 {

        margin-left: 0.5rem !important;

    }



    .ms-lg-3 {

        margin-left: 1rem !important;

    }



    .ms-lg-4 {

        margin-left: 1.5rem !important;

    }



    .ms-lg-5 {

        margin-left: 3rem !important;

    }



    .ms-lg-auto {

        margin-left: auto !important;

    }



    .p-lg-0 {

        padding: 0 !important;

    }



    .p-lg-1 {

        padding: 0.25rem !important;

    }



    .p-lg-2 {

        padding: 0.5rem !important;

    }



    .p-lg-3 {

        padding: 1rem !important;

    }



    .p-lg-4 {

        padding: 1.5rem !important;

    }



    .p-lg-5 {

        padding: 3rem !important;

    }



    .px-lg-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }



    .px-lg-1 {

        padding-right: 0.25rem !important;

        padding-left: 0.25rem !important;

    }



    .px-lg-2 {

        padding-right: 0.5rem !important;

        padding-left: 0.5rem !important;

    }



    .px-lg-3 {

        padding-right: 1rem !important;

        padding-left: 1rem !important;

    }



    .px-lg-4 {

        padding-right: 1.5rem !important;

        padding-left: 1.5rem !important;

    }



    .px-lg-5 {

        padding-right: 3rem !important;

        padding-left: 3rem !important;

    }



    .py-lg-0 {

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }



    .py-lg-1 {

        padding-top: 0.25rem !important;

        padding-bottom: 0.25rem !important;

    }



    .py-lg-2 {

        padding-top: 0.5rem !important;

        padding-bottom: 0.5rem !important;

    }



    .py-lg-3 {

        padding-top: 1rem !important;

        padding-bottom: 1rem !important;

    }



    .py-lg-4 {

        padding-top: 1.5rem !important;

        padding-bottom: 1.5rem !important;

    }



    .py-lg-5 {

        padding-top: 3rem !important;

        padding-bottom: 3rem !important;

    }



    .pt-lg-0 {

        padding-top: 0 !important;

    }



    .pt-lg-1 {

        padding-top: 0.25rem !important;

    }



    .pt-lg-2 {

        padding-top: 0.5rem !important;

    }



    .pt-lg-3 {

        padding-top: 1rem !important;

    }



    .pt-lg-4 {

        padding-top: 1.5rem !important;

    }



    .pt-lg-5 {

        padding-top: 3rem !important;

    }



    .pe-lg-0 {

        padding-right: 0 !important;

    }



    .pe-lg-1 {

        padding-right: 0.25rem !important;

    }



    .pe-lg-2 {

        padding-right: 0.5rem !important;

    }



    .pe-lg-3 {

        padding-right: 1rem !important;

    }



    .pe-lg-4 {

        padding-right: 1.5rem !important;

    }



    .pe-lg-5 {

        padding-right: 3rem !important;

    }



    .pb-lg-0 {

        padding-bottom: 0 !important;

    }



    .pb-lg-1 {

        padding-bottom: 0.25rem !important;

    }



    .pb-lg-2 {

        padding-bottom: 0.5rem !important;

    }



    .pb-lg-3 {

        padding-bottom: 1rem !important;

    }



    .pb-lg-4 {

        padding-bottom: 1.5rem !important;

    }



    .pb-lg-5 {

        padding-bottom: 3rem !important;

    }



    .ps-lg-0 {

        padding-left: 0 !important;

    }



    .ps-lg-1 {

        padding-left: 0.25rem !important;

    }



    .ps-lg-2 {

        padding-left: 0.5rem !important;

    }



    .ps-lg-3 {

        padding-left: 1rem !important;

    }



    .ps-lg-4 {

        padding-left: 1.5rem !important;

    }



    .ps-lg-5 {

        padding-left: 3rem !important;

    }



    .text-lg-start {

        text-align: left !important;

    }



    .text-lg-end {

        text-align: right !important;

    }



    .text-lg-center {

        text-align: center !important;

    }

}

@media (min-width: 1200px) {

    .float-xl-start {

        float: left !important;

    }



    .float-xl-end {

        float: right !important;

    }



    .float-xl-none {

        float: none !important;

    }



    .d-xl-inline {

        display: inline !important;

    }



    .d-xl-inline-block {

        display: inline-block !important;

    }



    .d-xl-block {

        display: block !important;

    }



    .d-xl-grid {

        display: grid !important;

    }



    .d-xl-table {

        display: table !important;

    }



    .d-xl-table-row {

        display: table-row !important;

    }



    .d-xl-table-cell {

        display: table-cell !important;

    }



    .d-xl-flex {

        display: flex !important;

    }



    .d-xl-inline-flex {

        display: inline-flex !important;

    }



    .d-xl-none {

        display: none !important;

    }



    .flex-xl-fill {

        flex: 1 1 auto !important;

    }



    .flex-xl-row {

        flex-direction: row !important;

    }



    .flex-xl-column {

        flex-direction: column !important;

    }



    .flex-xl-row-reverse {

        flex-direction: row-reverse !important;

    }



    .flex-xl-column-reverse {

        flex-direction: column-reverse !important;

    }



    .flex-xl-grow-0 {

        flex-grow: 0 !important;

    }



    .flex-xl-grow-1 {

        flex-grow: 1 !important;

    }



    .flex-xl-shrink-0 {

        flex-shrink: 0 !important;

    }



    .flex-xl-shrink-1 {

        flex-shrink: 1 !important;

    }



    .flex-xl-wrap {

        flex-wrap: wrap !important;

    }



    .flex-xl-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-xl-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .gap-xl-0 {

        gap: 0 !important;

    }



    .gap-xl-1 {

        gap: 0.25rem !important;

    }



    .gap-xl-2 {

        gap: 0.5rem !important;

    }



    .gap-xl-3 {

        gap: 1rem !important;

    }



    .gap-xl-4 {

        gap: 1.5rem !important;

    }



    .gap-xl-5 {

        gap: 3rem !important;

    }



    .justify-content-xl-start {

        justify-content: flex-start !important;

    }



    .justify-content-xl-end {

        justify-content: flex-end !important;

    }



    .justify-content-xl-center {

        justify-content: center !important;

    }



    .justify-content-xl-between {

        justify-content: space-between !important;

    }



    .justify-content-xl-around {

        justify-content: space-around !important;

    }



    .justify-content-xl-evenly {

        justify-content: space-evenly !important;

    }



    .align-items-xl-start {

        align-items: flex-start !important;

    }



    .align-items-xl-end {

        align-items: flex-end !important;

    }



    .align-items-xl-center {

        align-items: center !important;

    }



    .align-items-xl-baseline {

        align-items: baseline !important;

    }



    .align-items-xl-stretch {

        align-items: stretch !important;

    }



    .align-content-xl-start {

        align-content: flex-start !important;

    }



    .align-content-xl-end {

        align-content: flex-end !important;

    }



    .align-content-xl-center {

        align-content: center !important;

    }



    .align-content-xl-between {

        align-content: space-between !important;

    }



    .align-content-xl-around {

        align-content: space-around !important;

    }



    .align-content-xl-stretch {

        align-content: stretch !important;

    }



    .align-self-xl-auto {

        align-self: auto !important;

    }



    .align-self-xl-start {

        align-self: flex-start !important;

    }



    .align-self-xl-end {

        align-self: flex-end !important;

    }



    .align-self-xl-center {

        align-self: center !important;

    }



    .align-self-xl-baseline {

        align-self: baseline !important;

    }



    .align-self-xl-stretch {

        align-self: stretch !important;

    }



    .order-xl-first {

        order: -1 !important;

    }



    .order-xl-0 {

        order: 0 !important;

    }



    .order-xl-1 {

        order: 1 !important;

    }



    .order-xl-2 {

        order: 2 !important;

    }



    .order-xl-3 {

        order: 3 !important;

    }



    .order-xl-4 {

        order: 4 !important;

    }



    .order-xl-5 {

        order: 5 !important;

    }



    .order-xl-last {

        order: 6 !important;

    }



    .m-xl-0 {

        margin: 0 !important;

    }



    .m-xl-1 {

        margin: 0.25rem !important;

    }



    .m-xl-2 {

        margin: 0.5rem !important;

    }



    .m-xl-3 {

        margin: 1rem !important;

    }



    .m-xl-4 {

        margin: 1.5rem !important;

    }



    .m-xl-5 {

        margin: 3rem !important;

    }



    .m-xl-auto {

        margin: auto !important;

    }



    .mx-xl-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }



    .mx-xl-1 {

        margin-right: 0.25rem !important;

        margin-left: 0.25rem !important;

    }



    .mx-xl-2 {

        margin-right: 0.5rem !important;

        margin-left: 0.5rem !important;

    }



    .mx-xl-3 {

        margin-right: 1rem !important;

        margin-left: 1rem !important;

    }



    .mx-xl-4 {

        margin-right: 1.5rem !important;

        margin-left: 1.5rem !important;

    }



    .mx-xl-5 {

        margin-right: 3rem !important;

        margin-left: 3rem !important;

    }



    .mx-xl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }



    .my-xl-0 {

        margin-top: 0 !important;

        margin-bottom: 0 !important;

    }



    .my-xl-1 {

        margin-top: 0.25rem !important;

        margin-bottom: 0.25rem !important;

    }



    .my-xl-2 {

        margin-top: 0.5rem !important;

        margin-bottom: 0.5rem !important;

    }



    .my-xl-3 {

        margin-top: 1rem !important;

        margin-bottom: 1rem !important;

    }



    .my-xl-4 {

        margin-top: 1.5rem !important;

        margin-bottom: 1.5rem !important;

    }



    .my-xl-5 {

        margin-top: 3rem !important;

        margin-bottom: 3rem !important;

    }



    .my-xl-auto {

        margin-top: auto !important;

        margin-bottom: auto !important;

    }



    .mt-xl-0 {

        margin-top: 0 !important;

    }



    .mt-xl-1 {

        margin-top: 0.25rem !important;

    }



    .mt-xl-2 {

        margin-top: 0.5rem !important;

    }



    .mt-xl-3 {

        margin-top: 1rem !important;

    }



    .mt-xl-4 {

        margin-top: 1.5rem !important;

    }



    .mt-xl-5 {

        margin-top: 3rem !important;

    }



    .mt-xl-auto {

        margin-top: auto !important;

    }



    .me-xl-0 {

        margin-right: 0 !important;

    }



    .me-xl-1 {

        margin-right: 0.25rem !important;

    }



    .me-xl-2 {

        margin-right: 0.5rem !important;

    }



    .me-xl-3 {

        margin-right: 1rem !important;

    }



    .me-xl-4 {

        margin-right: 1.5rem !important;

    }



    .me-xl-5 {

        margin-right: 3rem !important;

    }



    .me-xl-auto {

        margin-right: auto !important;

    }



    .mb-xl-0 {

        margin-bottom: 0 !important;

    }



    .mb-xl-1 {

        margin-bottom: 0.25rem !important;

    }



    .mb-xl-2 {

        margin-bottom: 0.5rem !important;

    }



    .mb-xl-3 {

        margin-bottom: 1rem !important;

    }



    .mb-xl-4 {

        margin-bottom: 1.5rem !important;

    }



    .mb-xl-5 {

        margin-bottom: 3rem !important;

    }



    .mb-xl-auto {

        margin-bottom: auto !important;

    }



    .ms-xl-0 {

        margin-left: 0 !important;

    }



    .ms-xl-1 {

        margin-left: 0.25rem !important;

    }



    .ms-xl-2 {

        margin-left: 0.5rem !important;

    }



    .ms-xl-3 {

        margin-left: 1rem !important;

    }



    .ms-xl-4 {

        margin-left: 1.5rem !important;

    }



    .ms-xl-5 {

        margin-left: 3rem !important;

    }



    .ms-xl-auto {

        margin-left: auto !important;

    }



    .p-xl-0 {

        padding: 0 !important;

    }



    .p-xl-1 {

        padding: 0.25rem !important;

    }



    .p-xl-2 {

        padding: 0.5rem !important;

    }



    .p-xl-3 {

        padding: 1rem !important;

    }



    .p-xl-4 {

        padding: 1.5rem !important;

    }



    .p-xl-5 {

        padding: 3rem !important;

    }



    .px-xl-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }



    .px-xl-1 {

        padding-right: 0.25rem !important;

        padding-left: 0.25rem !important;

    }



    .px-xl-2 {

        padding-right: 0.5rem !important;

        padding-left: 0.5rem !important;

    }



    .px-xl-3 {

        padding-right: 1rem !important;

        padding-left: 1rem !important;

    }



    .px-xl-4 {

        padding-right: 1.5rem !important;

        padding-left: 1.5rem !important;

    }



    .px-xl-5 {

        padding-right: 3rem !important;

        padding-left: 3rem !important;

    }



    .py-xl-0 {

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }



    .py-xl-1 {

        padding-top: 0.25rem !important;

        padding-bottom: 0.25rem !important;

    }



    .py-xl-2 {

        padding-top: 0.5rem !important;

        padding-bottom: 0.5rem !important;

    }



    .py-xl-3 {

        padding-top: 1rem !important;

        padding-bottom: 1rem !important;

    }



    .py-xl-4 {

        padding-top: 1.5rem !important;

        padding-bottom: 1.5rem !important;

    }



    .py-xl-5 {

        padding-top: 3rem !important;

        padding-bottom: 3rem !important;

    }



    .pt-xl-0 {

        padding-top: 0 !important;

    }



    .pt-xl-1 {

        padding-top: 0.25rem !important;

    }



    .pt-xl-2 {

        padding-top: 0.5rem !important;

    }



    .pt-xl-3 {

        padding-top: 1rem !important;

    }



    .pt-xl-4 {

        padding-top: 1.5rem !important;

    }



    .pt-xl-5 {

        padding-top: 3rem !important;

    }



    .pe-xl-0 {

        padding-right: 0 !important;

    }



    .pe-xl-1 {

        padding-right: 0.25rem !important;

    }



    .pe-xl-2 {

        padding-right: 0.5rem !important;

    }



    .pe-xl-3 {

        padding-right: 1rem !important;

    }



    .pe-xl-4 {

        padding-right: 1.5rem !important;

    }



    .pe-xl-5 {

        padding-right: 3rem !important;

    }



    .pb-xl-0 {

        padding-bottom: 0 !important;

    }



    .pb-xl-1 {

        padding-bottom: 0.25rem !important;

    }



    .pb-xl-2 {

        padding-bottom: 0.5rem !important;

    }



    .pb-xl-3 {

        padding-bottom: 1rem !important;

    }



    .pb-xl-4 {

        padding-bottom: 1.5rem !important;

    }



    .pb-xl-5 {

        padding-bottom: 3rem !important;

    }



    .ps-xl-0 {

        padding-left: 0 !important;

    }



    .ps-xl-1 {

        padding-left: 0.25rem !important;

    }



    .ps-xl-2 {

        padding-left: 0.5rem !important;

    }



    .ps-xl-3 {

        padding-left: 1rem !important;

    }



    .ps-xl-4 {

        padding-left: 1.5rem !important;

    }



    .ps-xl-5 {

        padding-left: 3rem !important;

    }



    .text-xl-start {

        text-align: left !important;

    }



    .text-xl-end {

        text-align: right !important;

    }



    .text-xl-center {

        text-align: center !important;

    }

}

@media (min-width: 1440) {

    .float-xxl-start {

        float: left !important;

    }



    .float-xxl-end {

        float: right !important;

    }



    .float-xxl-none {

        float: none !important;

    }



    .d-xxl-inline {

        display: inline !important;

    }



    .d-xxl-inline-block {

        display: inline-block !important;

    }



    .d-xxl-block {

        display: block !important;

    }



    .d-xxl-grid {

        display: grid !important;

    }



    .d-xxl-table {

        display: table !important;

    }



    .d-xxl-table-row {

        display: table-row !important;

    }



    .d-xxl-table-cell {

        display: table-cell !important;

    }



    .d-xxl-flex {

        display: flex !important;

    }



    .d-xxl-inline-flex {

        display: inline-flex !important;

    }



    .d-xxl-none {

        display: none !important;

    }



    .flex-xxl-fill {

        flex: 1 1 auto !important;

    }



    .flex-xxl-row {

        flex-direction: row !important;

    }



    .flex-xxl-column {

        flex-direction: column !important;

    }



    .flex-xxl-row-reverse {

        flex-direction: row-reverse !important;

    }



    .flex-xxl-column-reverse {

        flex-direction: column-reverse !important;

    }



    .flex-xxl-grow-0 {

        flex-grow: 0 !important;

    }



    .flex-xxl-grow-1 {

        flex-grow: 1 !important;

    }



    .flex-xxl-shrink-0 {

        flex-shrink: 0 !important;

    }



    .flex-xxl-shrink-1 {

        flex-shrink: 1 !important;

    }



    .flex-xxl-wrap {

        flex-wrap: wrap !important;

    }



    .flex-xxl-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-xxl-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .gap-xxl-0 {

        gap: 0 !important;

    }



    .gap-xxl-1 {

        gap: 0.25rem !important;

    }



    .gap-xxl-2 {

        gap: 0.5rem !important;

    }



    .gap-xxl-3 {

        gap: 1rem !important;

    }



    .gap-xxl-4 {

        gap: 1.5rem !important;

    }



    .gap-xxl-5 {

        gap: 3rem !important;

    }



    .justify-content-xxl-start {

        justify-content: flex-start !important;

    }



    .justify-content-xxl-end {

        justify-content: flex-end !important;

    }



    .justify-content-xxl-center {

        justify-content: center !important;

    }



    .justify-content-xxl-between {

        justify-content: space-between !important;

    }



    .justify-content-xxl-around {

        justify-content: space-around !important;

    }



    .justify-content-xxl-evenly {

        justify-content: space-evenly !important;

    }



    .align-items-xxl-start {

        align-items: flex-start !important;

    }



    .align-items-xxl-end {

        align-items: flex-end !important;

    }



    .align-items-xxl-center {

        align-items: center !important;

    }



    .align-items-xxl-baseline {

        align-items: baseline !important;

    }



    .align-items-xxl-stretch {

        align-items: stretch !important;

    }



    .align-content-xxl-start {

        align-content: flex-start !important;

    }



    .align-content-xxl-end {

        align-content: flex-end !important;

    }



    .align-content-xxl-center {

        align-content: center !important;

    }



    .align-content-xxl-between {

        align-content: space-between !important;

    }



    .align-content-xxl-around {

        align-content: space-around !important;

    }



    .align-content-xxl-stretch {

        align-content: stretch !important;

    }



    .align-self-xxl-auto {

        align-self: auto !important;

    }



    .align-self-xxl-start {

        align-self: flex-start !important;

    }



    .align-self-xxl-end {

        align-self: flex-end !important;

    }



    .align-self-xxl-center {

        align-self: center !important;

    }



    .align-self-xxl-baseline {

        align-self: baseline !important;

    }



    .align-self-xxl-stretch {

        align-self: stretch !important;

    }



    .order-xxl-first {

        order: -1 !important;

    }



    .order-xxl-0 {

        order: 0 !important;

    }



    .order-xxl-1 {

        order: 1 !important;

    }



    .order-xxl-2 {

        order: 2 !important;

    }



    .order-xxl-3 {

        order: 3 !important;

    }



    .order-xxl-4 {

        order: 4 !important;

    }



    .order-xxl-5 {

        order: 5 !important;

    }



    .order-xxl-last {

        order: 6 !important;

    }



    .m-xxl-0 {

        margin: 0 !important;

    }



    .m-xxl-1 {

        margin: 0.25rem !important;

    }



    .m-xxl-2 {

        margin: 0.5rem !important;

    }



    .m-xxl-3 {

        margin: 1rem !important;

    }



    .m-xxl-4 {

        margin: 1.5rem !important;

    }



    .m-xxl-5 {

        margin: 3rem !important;

    }



    .m-xxl-auto {

        margin: auto !important;

    }



    .mx-xxl-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }



    .mx-xxl-1 {

        margin-right: 0.25rem !important;

        margin-left: 0.25rem !important;

    }



    .mx-xxl-2 {

        margin-right: 0.5rem !important;

        margin-left: 0.5rem !important;

    }



    .mx-xxl-3 {

        margin-right: 1rem !important;

        margin-left: 1rem !important;

    }



    .mx-xxl-4 {

        margin-right: 1.5rem !important;

        margin-left: 1.5rem !important;

    }



    .mx-xxl-5 {

        margin-right: 3rem !important;

        margin-left: 3rem !important;

    }



    .mx-xxl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }



    .my-xxl-0 {

        margin-top: 0 !important;

        margin-bottom: 0 !important;

    }



    .my-xxl-1 {

        margin-top: 0.25rem !important;

        margin-bottom: 0.25rem !important;

    }



    .my-xxl-2 {

        margin-top: 0.5rem !important;

        margin-bottom: 0.5rem !important;

    }



    .my-xxl-3 {

        margin-top: 1rem !important;

        margin-bottom: 1rem !important;

    }



    .my-xxl-4 {

        margin-top: 1.5rem !important;

        margin-bottom: 1.5rem !important;

    }



    .my-xxl-5 {

        margin-top: 3rem !important;

        margin-bottom: 3rem !important;

    }



    .my-xxl-auto {

        margin-top: auto !important;

        margin-bottom: auto !important;

    }



    .mt-xxl-0 {

        margin-top: 0 !important;

    }



    .mt-xxl-1 {

        margin-top: 0.25rem !important;

    }



    .mt-xxl-2 {

        margin-top: 0.5rem !important;

    }



    .mt-xxl-3 {

        margin-top: 1rem !important;

    }



    .mt-xxl-4 {

        margin-top: 1.5rem !important;

    }



    .mt-xxl-5 {

        margin-top: 3rem !important;

    }



    .mt-xxl-auto {

        margin-top: auto !important;

    }



    .me-xxl-0 {

        margin-right: 0 !important;

    }



    .me-xxl-1 {

        margin-right: 0.25rem !important;

    }



    .me-xxl-2 {

        margin-right: 0.5rem !important;

    }



    .me-xxl-3 {

        margin-right: 1rem !important;

    }



    .me-xxl-4 {

        margin-right: 1.5rem !important;

    }



    .me-xxl-5 {

        margin-right: 3rem !important;

    }



    .me-xxl-auto {

        margin-right: auto !important;

    }



    .mb-xxl-0 {

        margin-bottom: 0 !important;

    }



    .mb-xxl-1 {

        margin-bottom: 0.25rem !important;

    }



    .mb-xxl-2 {

        margin-bottom: 0.5rem !important;

    }



    .mb-xxl-3 {

        margin-bottom: 1rem !important;

    }



    .mb-xxl-4 {

        margin-bottom: 1.5rem !important;

    }



    .mb-xxl-5 {

        margin-bottom: 3rem !important;

    }



    .mb-xxl-auto {

        margin-bottom: auto !important;

    }



    .ms-xxl-0 {

        margin-left: 0 !important;

    }



    .ms-xxl-1 {

        margin-left: 0.25rem !important;

    }



    .ms-xxl-2 {

        margin-left: 0.5rem !important;

    }



    .ms-xxl-3 {

        margin-left: 1rem !important;

    }



    .ms-xxl-4 {

        margin-left: 1.5rem !important;

    }



    .ms-xxl-5 {

        margin-left: 3rem !important;

    }



    .ms-xxl-auto {

        margin-left: auto !important;

    }



    .p-xxl-0 {

        padding: 0 !important;

    }



    .p-xxl-1 {

        padding: 0.25rem !important;

    }



    .p-xxl-2 {

        padding: 0.5rem !important;

    }



    .p-xxl-3 {

        padding: 1rem !important;

    }



    .p-xxl-4 {

        padding: 1.5rem !important;

    }



    .p-xxl-5 {

        padding: 3rem !important;

    }



    .px-xxl-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }



    .px-xxl-1 {

        padding-right: 0.25rem !important;

        padding-left: 0.25rem !important;

    }



    .px-xxl-2 {

        padding-right: 0.5rem !important;

        padding-left: 0.5rem !important;

    }



    .px-xxl-3 {

        padding-right: 1rem !important;

        padding-left: 1rem !important;

    }



    .px-xxl-4 {

        padding-right: 1.5rem !important;

        padding-left: 1.5rem !important;

    }



    .px-xxl-5 {

        padding-right: 3rem !important;

        padding-left: 3rem !important;

    }



    .py-xxl-0 {

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }



    .py-xxl-1 {

        padding-top: 0.25rem !important;

        padding-bottom: 0.25rem !important;

    }



    .py-xxl-2 {

        padding-top: 0.5rem !important;

        padding-bottom: 0.5rem !important;

    }



    .py-xxl-3 {

        padding-top: 1rem !important;

        padding-bottom: 1rem !important;

    }



    .py-xxl-4 {

        padding-top: 1.5rem !important;

        padding-bottom: 1.5rem !important;

    }



    .py-xxl-5 {

        padding-top: 3rem !important;

        padding-bottom: 3rem !important;

    }



    .pt-xxl-0 {

        padding-top: 0 !important;

    }



    .pt-xxl-1 {

        padding-top: 0.25rem !important;

    }



    .pt-xxl-2 {

        padding-top: 0.5rem !important;

    }



    .pt-xxl-3 {

        padding-top: 1rem !important;

    }



    .pt-xxl-4 {

        padding-top: 1.5rem !important;

    }



    .pt-xxl-5 {

        padding-top: 3rem !important;

    }



    .pe-xxl-0 {

        padding-right: 0 !important;

    }



    .pe-xxl-1 {

        padding-right: 0.25rem !important;

    }



    .pe-xxl-2 {

        padding-right: 0.5rem !important;

    }



    .pe-xxl-3 {

        padding-right: 1rem !important;

    }



    .pe-xxl-4 {

        padding-right: 1.5rem !important;

    }



    .pe-xxl-5 {

        padding-right: 3rem !important;

    }



    .pb-xxl-0 {

        padding-bottom: 0 !important;

    }



    .pb-xxl-1 {

        padding-bottom: 0.25rem !important;

    }



    .pb-xxl-2 {

        padding-bottom: 0.5rem !important;

    }



    .pb-xxl-3 {

        padding-bottom: 1rem !important;

    }



    .pb-xxl-4 {

        padding-bottom: 1.5rem !important;

    }



    .pb-xxl-5 {

        padding-bottom: 3rem !important;

    }



    .ps-xxl-0 {

        padding-left: 0 !important;

    }



    .ps-xxl-1 {

        padding-left: 0.25rem !important;

    }



    .ps-xxl-2 {

        padding-left: 0.5rem !important;

    }



    .ps-xxl-3 {

        padding-left: 1rem !important;

    }



    .ps-xxl-4 {

        padding-left: 1.5rem !important;

    }



    .ps-xxl-5 {

        padding-left: 3rem !important;

    }



    .text-xxl-start {

        text-align: left !important;

    }



    .text-xxl-end {

        text-align: right !important;

    }



    .text-xxl-center {

        text-align: center !important;

    }

}

@media (min-width: 1200px) {

    .fs-1 {

        font-size: 3.125rem !important;

    }



    .fs-2 {

        font-size: 2.1875rem !important;

    }



    .fs-3 {

        font-size: 1.75rem !important;

    }



    .fs-4 {

        font-size: 1.5rem !important;

    }

}

@media print {

    .d-print-inline {

        display: inline !important;

    }



    .d-print-inline-block {

        display: inline-block !important;

    }



    .d-print-block {

        display: block !important;

    }



    .d-print-grid {

        display: grid !important;

    }



    .d-print-table {

        display: table !important;

    }



    .d-print-table-row {

        display: table-row !important;

    }



    .d-print-table-cell {

        display: table-cell !important;

    }



    .d-print-flex {

        display: flex !important;

    }



    .d-print-inline-flex {

        display: inline-flex !important;

    }



    .d-print-none {

        display: none !important;

    }

}

/* ==================

        1. Basic

=================== */

* {

    outline: none;

    padding: 0;

}

*::after {

    margin: 0;

    padding: 0;

}

*::before {

    margin: 0;

    padding: 0;

}



body {

    line-height: 1.7;

    color: #444;

}

body.fixed {

    overflow: hidden;

    position: fixed;

}



h1, .h1, .h1 {

    font-size: 50px;

    font-weight: 700;

}

@media only screen and (max-width: 1380px) {

    h1, .h1, .h1 {

        font-size: 42px;

    }

}

@media only screen and (max-width: 767px) {

    h1, .h1, .h1 {

        font-size: 38px;

    }

}

@media only screen and (max-width: 575px) {

    h1, .h1, .h1 {

        font-size: 35px;

    }

}



h2, .h2, .h2 {

    font-size: 35px;

    font-weight: 700;

}

@media only screen and (max-width: 1380px) {

    h2, .h2, .h2 {

        font-size: 36px;

    }

}

@media only screen and (max-width: 767px) {

    h2, .h2, .h2 {

        font-size: 32px;

    }

}

@media only screen and (max-width: 575px) {

    h2, .h2, .h2 {

        font-size: 28px;

    }

}



h3, .h3, .h3 {

    font-size: 28px;

    font-weight: 700;

}

@media only screen and (max-width: 767px) {

    h3, .h3, .h3 {

        font-size: 24px;

    }

}



h4, .h4, .h4 {

    font-size: 24px;

    font-weight: 700;

}

@media only screen and (max-width: 767px) {

    h4, .h4, .h4 {

        font-size: 20px;

    }

}



h5, .h5, .h5 {

    font-size: 20px;

    font-weight: 700;

}

@media only screen and (max-width: 575px) {

    h5, .h5, .h5 {

        font-size: 18px;

    }

}



h6, .h6, .h6 {

    font-size: 18px;

    font-weight: 700;

}

@media only screen and (max-width: 575px) {

    h6, .h6, .h6 {

        font-size: 16px;

    }

}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: "Montserrat", sans-serif;

    color: #1f2278;

    line-height: 1.3;

}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {

    color: #1f2278;

}



ul {

    padding: 0;

    margin: 0;

}



img {

    border-style: none;

    height: auto;

    max-width: 100%;

    vertical-align: middle;

}



/*li {

    list-style: none; }*/



a {

    text-decoration: none;

    outline: none;

    color: #565acf;

}

a:hover, a:focus, a.active {

    text-decoration: none;

    outline: none;

    color: #565acf;

}



b,

strong,

.strong {

    font-weight: 600;

    color: #14181d;

}







.h-0 {

    height: 0;

}



#main-wrapper {

    opacity: 0;

    transition: all 0.25s ease-in;

    overflow: hidden;

    position: relative;

    z-index: 1;

    margin-top: 60px;

}

#main-wrapper.show {

    opacity: 1;

}



.content-body {

    margin-left: 65px;

    margin-top: 18px;

    margin-right: 6px;

    margin-bottom: 45px;

}



.bg-gray {

    background-color: #fafafb;

}



.container-sm {

    max-width: 990px !important;

}



.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {

    padding-left: 30px;

    padding-right: 30px;

}

@media only screen and (min-width: 1800px) {

    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {

        max-width: 1720px;

        padding-left: 15px;

        padding-right: 15px;

    }

}

@media only screen and (max-width: 991px) {

    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {

        padding-left: 15px;

        padding-right: 15px;

    }

}



.rounded {

    border-radius: 8px !important;

}



/* ==================

        7. Fonts

=================== */

#loading-icon-bx {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #fff;

    z-index: 999999999;

}

#loading-icon-bx .loading-inner {

    position: absolute;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

#loading-icon-bx .loading-inner div {

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

}

#loading-icon-bx .loading-inner div.load-one {

    left: 0%;

    top: 0%;

    animation: load-rotate-one 1.15s linear infinite;

    -o-animation: load-rotate-one 1.15s linear infinite;

    -ms-animation: load-rotate-one 1.15s linear infinite;

    -webkit-animation: load-rotate-one 1.15s linear infinite;

    -moz-animation: load-rotate-one 1.15s linear infinite;

    border-bottom: 5px solid #565acf;

}

#loading-icon-bx .loading-inner div.load-two {

    right: 0%;

    top: 0%;

    animation: load-rotate-two 1.15s linear infinite;

    -o-animation: load-rotate-two 1.15s linear infinite;

    -ms-animation: load-rotate-two 1.15s linear infinite;

    -webkit-animation: load-rotate-two 1.15s linear infinite;

    -moz-animation: load-rotate-two 1.15s linear infinite;

    border-right: 5px solid #565acf;

}

#loading-icon-bx .loading-inner div.load-three {

    right: 0%;

    bottom: 0%;

    animation: load-rotate-three 1.15s linear infinite;

    -o-animation: load-rotate-three 1.15s linear infinite;

    -ms-animation: load-rotate-three 1.15s linear infinite;

    -webkit-animation: load-rotate-three 1.15s linear infinite;

    -moz-animation: load-rotate-three 1.15s linear infinite;

    border-top: 5px solid #565acf;

}



@keyframes load-rotate-one {

    0% {

        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);

    }

    100% {

        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);

    }

}

@-o-keyframes load-rotate-one {

    0% {

        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);

    }

    100% {

        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);

    }

}

@-ms-keyframes load-rotate-one {

    0% {

        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);

    }

    100% {

        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);

    }

}

@-webkit-keyframes load-rotate-one {

    0% {

        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);

    }

    100% {

        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);

    }

}

@-moz-keyframes load-rotate-one {

    0% {

        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);

    }

    100% {

        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);

    }

}

@keyframes load-rotate-two {

    0% {

        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);

    }

    100% {

        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);

    }

}

@-o-keyframes load-rotate-two {

    0% {

        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);

    }

    100% {

        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);

    }

}

@-ms-keyframes load-rotate-two {

    0% {

        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);

    }

    100% {

        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);

    }

}

@-webkit-keyframes load-rotate-two {

    0% {

        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);

    }

    100% {

        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);

    }

}

@-moz-keyframes load-rotate-two {

    0% {

        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);

    }

    100% {

        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);

    }

}

@keyframes load-rotate-three {

    0% {

        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);

    }

    100% {

        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);

    }

}

@-o-keyframes load-rotate-three {

    0% {

        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);

    }

    100% {

        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);

    }

}

@-ms-keyframes load-rotate-three {

    0% {

        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);

    }

    100% {

        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);

    }

}

@-webkit-keyframes load-rotate-three {

    0% {

        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);

    }

    100% {

        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);

    }

}

@-moz-keyframes load-rotate-three {

    0% {

        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);

    }

    100% {

        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);

    }

}

/* ==================

        2. Typography

=================== */

/* ==================

        3.2 Padding

=================== */

/* ==================

        3.2.1 Padding Around

=================== */

.pa-0 {

    padding: 0;

}



.pa-5 {

    padding: 5px;

}



.pa-10 {

    padding: 10px;

}



.pa-15 {

    padding: 15px;

}



.pa-20 {

    padding: 20px;

}



.pa-25 {

    padding: 25px;

}



.pa-30 {

    padding: 30px;

}



.pa-40 {

    padding: 40px;

}



.pa-50 {

    padding: 50px;

}



.pa-60 {

    padding: 60px;

}



.pa-70 {

    padding: 70px;

}



.pa-80 {

    padding: 80px;

}



.pa-90 {

    padding: 90px;

}



.pa-100 {

    padding: 100px;

}



/* ==================

        3.2.2 Padding Top

=================== */

.pt-0 {

    padding-top: 0;

}



.pt-5 {

    padding-top: 5px;

}



.pt-10 {

    padding-top: 10px;

}



.pt-15 {

    padding-top: 15px;

}



.pt-20 {

    padding-top: 20px;

}



.pt-30 {

    padding-top: 30px;

}



.pt-40 {

    padding-top: 40px;

}



.pt-50 {

    padding-top: 50px;

}



.pt-60 {

    padding-top: 60px;

}



.pt-70 {

    padding-top: 70px;

}



.pt-80 {

    padding-top: 80px;

}



.pt-90 {

    padding-top: 90px;

}



.pt-100 {

    padding-top: 100px;

}



/* ==================

        3.2.3 Padding Bottom

=================== */

.pb-0 {

    padding-bottom: 0;

}



.pb-5 {

    padding-bottom: 5px;

}



.pb-10 {

    padding-bottom: 10px;

}



.pb-15 {

    padding-bottom: 15px;

}



.pb-20 {

    padding-bottom: 20px;

}



.pb-30 {

    padding-bottom: 30px;

}



.pb-40 {

    padding-bottom: 40px;

}



.pb-50 {

    padding-bottom: 50px;

}



.pb-60 {

    padding-bottom: 60px;

}



.pb-70 {

    padding-bottom: 70px;

}



.pb-80 {

    padding-bottom: 80px;

}



.pb-90 {

    padding-bottom: 90px;

}



.pb-100 {

    padding-bottom: 100px;

}



/* ==================

        3.2.4 Padding Left

=================== */

.pl-0 {

    padding-left: 0;

}



.pl-5 {

    padding-left: 5px;

}



.pl-10 {

    padding-left: 10px;

}



.pl-15 {

    padding-left: 15px;

}



.pl-20 {

    padding-left: 20px;

}



.pl-30 {

    padding-left: 30px;

}



.pl-40 {

    padding-left: 40px;

}



.pl-50 {

    padding-left: 50px;

}



.pl-60 {

    padding-left: 60px;

}



.pl-70 {

    padding-left: 70px;

}



.pl-80 {

    padding-left: 80px;

}



.pl-90 {

    padding-left: 90px;

}



.pl-100 {

    padding-left: 100px;

}



/* ==================

        3.2.3 Padding Right

=================== */

.pr-0 {

    padding-right: 0;

}



.pr-5 {

    padding-right: 5px;

}



.pr-10 {

    padding-right: 10px;

}



.pr-15 {

    padding-right: 15px;

}



.pr-20 {

    padding-right: 20px;

}



.pr-30 {

    padding-right: 30px;

}



.pr-40 {

    padding-right: 40px;

}



.pr-50 {

    padding-right: 50px;

}



.pr-60 {

    padding-right: 60px;

}



.pr-70 {

    padding-right: 70px;

}



.pr-80 {

    padding-right: 80px;

}



.pr-90 {

    padding-right: 90px;

}



.pr-100 {

    padding-right: 100px;

}



/* ==================

        3.2.4 Padding Left Right

=================== */

.px-0 {

    padding-left: 0;

    padding-right: 0;

}



.px-5 {

    padding-left: 5px;

    padding-right: 5px;

}



.px-10 {

    padding-left: 10px;

    padding-right: 10px;

}



.px-15 {

    padding-left: 15px;

    padding-right: 15px;

}



.px-20 {

    padding-left: 20px;

    padding-right: 20px;

}



.px-30 {

    padding-left: 30px;

    padding-right: 30px;

}



.px-40 {

    padding-left: 40px;

    padding-right: 40px;

}



.px-50 {

    padding-left: 50px;

    padding-right: 50px;

}



.px-60 {

    padding-left: 60px;

    padding-right: 60px;

}



.px-70 {

    padding-left: 70px;

    padding-right: 70px;

}



.px-80 {

    padding-left: 80px;

    padding-right: 80px;

}



.px-90 {

    padding-left: 90px;

    padding-right: 90px;

}



.px-100 {

    padding-left: 100px;

    padding-right: 100px;

}



/* ==================

        3.2.7 Padding Top Bottom

=================== */

.py-0 {

    padding-bottom: 0;

    padding-top: 0;

}



.py-5 {

    padding-bottom: 5px;

    padding-top: 5px;

}



.py-10 {

    padding-bottom: 10px;

    padding-top: 10px;

}



.py-15 {

    padding-bottom: 15px;

    padding-top: 15px;

}



.py-20 {

    padding-bottom: 20px;

    padding-top: 20px;

}



.py-30 {

    padding-bottom: 30px;

    padding-top: 30px;

}



.py-40 {

    padding-bottom: 40px;

    padding-top: 40px;

}



.py-50 {

    padding-bottom: 50px;

    padding-top: 50px;

}



.py-60 {

    padding-bottom: 60px;

    padding-top: 60px;

}



.py-70 {

    padding-bottom: 70px;

    padding-top: 70px;

}



.py-80 {

    padding-bottom: 80px;

    padding-top: 80px;

}



.py-90 {

    padding-bottom: 90px;

    padding-top: 90px;

}



.py-100 {

    padding-bottom: 100px;

    padding-top: 100px;

}



/* ==================

        3.3 Margin

=================== */

/* ==================

        3.3.1 Margin Around

=================== */

.mx-auto {

    margin-left: auto;

    margin-right: auto;

}



.ma-0 {

    margin: 0;

}



.ma-5 {

    margin: 5px;

}



.ma-10 {

    margin: 10px;

}



.ma-15 {

    margin: 15px;

}



.ma-20 {

    margin: 20px;

}



.ma-25 {

    margin: 25px;

}



.ma-30 {

    margin: 30px;

}



.ma-40 {

    margin: 40px;

}



.ma-50 {

    margin: 50px;

}



.ma-60 {

    margin: 60px;

}



.ma-70 {

    margin: 70px;

}



.ma-80 {

    margin: 80px;

}



.ma-90 {

    margin: 90px;

}



.ma-100 {

    margin: 100px;

}



/* ==================

        3.3.2 Margin Top

=================== */

.mt-0 {

    margin-top: 0;

}



.mt-5 {

    margin-top: 5px;

}



.mt-10 {

    margin-top: 10px;

}



.mt-15 {

    margin-top: 15px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-30 {

    margin-top: 30px;

}



.mt-40 {

    margin-top: 40px;

}



.mt-50 {

    margin-top: 50px;

}



.mt-60 {

    margin-top: 60px;

}



.mt-70 {

    margin-top: 70px;

}



.mt-80 {

    margin-top: 80px;

}



.mt-90 {

    margin-top: 90px;

}



.mt-100 {

    margin-top: 100px;

}



/* ==================

        3.3.3 Margin Bottom

=================== */

.mb-0 {

    margin-bottom: 0;

}



.mb-5 {

    margin-bottom: 5px;

}



.mb-10 {

    margin-bottom: 10px;

}



.mb-15 {

    margin-bottom: 15px;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-30 {

    margin-bottom: 30px;

}



.mb-40 {

    margin-bottom: 40px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-60 {

    margin-bottom: 60px;

}



.mb-70 {

    margin-bottom: 70px;

}



.mb-80 {

    margin-bottom: 80px;

}



.mb-90 {

    margin-bottom: 90px;

}



.mb-100 {

    margin-bottom: 100px;

}



/* ==================

        3.3.4 Margin Left

=================== */

.ml-0 {

    margin-left: 0;

}



.ml-5 {

    margin-left: 5px;

}



.ml-10 {

    margin-left: 10px;

}



.ml-15 {

    margin-left: 15px;

}



.ml-20 {

    margin-left: 20px;

}



.ml-30 {

    margin-left: 30px;

}



.ml-40 {

    margin-left: 40px;

}



.ml-50 {

    margin-left: 50px;

}



.ml-60 {

    margin-left: 60px;

}



.ml-70 {

    margin-left: 70px;

}



.ml-80 {

    margin-left: 80px;

}



.ml-90 {

    margin-left: 90px;

}



.ml-100 {

    margin-left: 100px;

}



/* ==================

        3.3.5 Margin Right

=================== */

.m-r0 {

    margin-right: 0;

}



.m-r5 {

    margin-right: 5px;

}



.m-r10 {

    margin-right: 10px;

}



.m-r15 {

    margin-right: 15px;

}



.m-r20 {

    margin-right: 20px;

}



.m-r30 {

    margin-right: 30px;

}



.m-r40 {

    margin-right: 40px;

}



.m-r50 {

    margin-right: 50px;

}



.m-r60 {

    margin-right: 60px;

}



.m-r70 {

    margin-right: 70px;

}



.m-r80 {

    margin-right: 80px;

}



.m-r90 {

    margin-right: 90px;

}



.m-r100 {

    margin-right: 100px;

}



/* ==================

        3.3.6 Margin Left Right

=================== */

.mx-0 {

    margin-left: 0;

    margin-right: 0;

}



.mx-5 {

    margin-left: 5px;

    margin-right: 5px;

}



.mx-10 {

    margin-left: 10px;

    margin-right: 10px;

}



.mx-15 {

    margin-left: 15px;

    margin-right: 15px;

}



.mx-20 {

    margin-left: 20px;

    margin-right: 20px;

}



.mx-30 {

    margin-left: 30px;

    margin-right: 30px;

}



.mx-40 {

    margin-left: 40px;

    margin-right: 40px;

}



.mx-50 {

    margin-left: 50px;

    margin-right: 50px;

}



.mx-60 {

    margin-left: 60px;

    margin-right: 60px;

}



.mx-70 {

    margin-left: 70px;

    margin-right: 70px;

}



.mx-80 {

    margin-left: 80px;

    margin-right: 80px;

}



.mx-90 {

    margin-left: 90px;

    margin-right: 90px;

}



.mx-100 {

    margin-left: 100px;

    margin-right: 100px;

}



/* ==================

        3.3.7 Margin Top Bottom

=================== */

.my-0 {

    margin-bottom: 0;

    margin-top: 0;

}



.my-5 {

    margin-bottom: 5px;

    margin-top: 5px;

}



.my-10 {

    margin-bottom: 10px;

    margin-top: 10px;

}



.my-15 {

    margin-bottom: 15px;

    margin-top: 15px;

}



.my-20 {

    margin-bottom: 20px;

    margin-top: 20px;

}



.my-30 {

    margin-bottom: 30px;

    margin-top: 30px;

}



.my-40 {

    margin-bottom: 40px;

    margin-top: 40px;

}



.my-50 {

    margin-bottom: 50px;

    margin-top: 50px;

}



.my-60 {

    margin-bottom: 60px;

    margin-top: 60px;

}



.my-70 {

    margin-bottom: 70px;

    margin-top: 70px;

}



.my-80 {

    margin-bottom: 80px;

    margin-top: 80px;

}



.my-90 {

    margin-bottom: 90px;

    margin-top: 90px;

}



.my-100 {

    margin-bottom: 100px;

    margin-top: 100px;

}



@media only screen and (max-width: 1200px) {

    .mt-lg-0 {

        margin-top: 0;

    }



    .mt-lg-5 {

        margin-top: 5px;

    }



    .mt-lg-10 {

        margin-top: 10px;

    }



    .mt-lg-15 {

        margin-top: 15px;

    }



    .mt-lg-20 {

        margin-top: 20px;

    }



    .mt-lg-30 {

        margin-top: 30px;

    }



    .mt-lg-40 {

        margin-top: 40px;

    }



    .mt-lg-50 {

        margin-top: 50px;

    }



    .mt-lg-60 {

        margin-top: 60px;

    }



    .mt-lg-70 {

        margin-top: 70px;

    }



    .mt-lg-80 {

        margin-top: 80px;

    }



    .mt-lg-90 {

        margin-top: 90px;

    }



    .mt-lg-100 {

        margin-top: 100px;

    }



    .mb-lg-0 {

        margin-bottom: 0;

    }



    .mb-lg-5 {

        margin-bottom: 5px;

    }



    .mb-lg-10 {

        margin-bottom: 10px;

    }



    .mb-lg-15 {

        margin-bottom: 15px;

    }



    .mb-lg-20 {

        margin-bottom: 20px;

    }



    .mb-lg-30 {

        margin-bottom: 30px;

    }



    .mb-lg-40 {

        margin-bottom: 40px;

    }



    .mb-lg-50 {

        margin-bottom: 50px;

    }



    .mb-lg-60 {

        margin-bottom: 60px;

    }



    .mb-lg-70 {

        margin-bottom: 70px;

    }



    .mb-lg-80 {

        margin-bottom: 80px;

    }



    .mb-lg-90 {

        margin-bottom: 90px;

    }



    .mb-lg-100 {

        margin-bottom: 100px;

    }

}

@media only screen and (max-width: 991px) {

    .mt-md-0 {

        margin-top: 0;

    }



    .mt-md-5 {

        margin-top: 5px;

    }



    .mt-md-10 {

        margin-top: 10px;

    }



    .mt-md-15 {

        margin-top: 15px;

    }



    .mt-md-20 {

        margin-top: 20px;

    }



    .mt-md-30 {

        margin-top: 30px;

    }



    .mt-md-40 {

        margin-top: 40px;

    }



    .mt-md-50 {

        margin-top: 50px;

    }



    .mt-md-60 {

        margin-top: 60px;

    }



    .mt-md-70 {

        margin-top: 70px;

    }



    .mt-md-80 {

        margin-top: 80px;

    }



    .mt-md-90 {

        margin-top: 90px;

    }



    .mt-md-100 {

        margin-top: 100px;

    }



    .mb-md-0 {

        margin-bottom: 0;

    }



    .mb-md-5 {

        margin-bottom: 5px;

    }



    .mb-md-10 {

        margin-bottom: 10px;

    }



    .mb-md-15 {

        margin-bottom: 15px;

    }



    .mb-md-20 {

        margin-bottom: 20px;

    }



    .mb-md-30 {

        margin-bottom: 30px;

    }



    .mb-md-40 {

        margin-bottom: 40px;

    }



    .mb-md-50 {

        margin-bottom: 50px;

    }



    .mb-md-60 {

        margin-bottom: 60px;

    }



    .mb-md-70 {

        margin-bottom: 70px;

    }



    .mb-md-80 {

        margin-bottom: 80px;

    }



    .mb-md-90 {

        margin-bottom: 90px;

    }



    .mb-md-100 {

        margin-bottom: 100px;

    }

}

@media only screen and (max-width: 767px) {

    .mt-sm-0 {

        margin-top: 0;

    }



    .mt-sm-5 {

        margin-top: 5px;

    }



    .mt-sm-10 {

        margin-top: 10px;

    }



    .mt-sm-15 {

        margin-top: 15px;

    }



    .mt-sm-20 {

        margin-top: 20px;

    }



    .mt-sm-30 {

        margin-top: 30px;

    }



    .mt-sm-40 {

        margin-top: 40px;

    }



    .mt-sm-50 {

        margin-top: 50px;

    }



    .mt-sm-60 {

        margin-top: 60px;

    }



    .mt-sm-70 {

        margin-top: 70px;

    }



    .mt-sm-80 {

        margin-top: 80px;

    }



    .mt-sm-90 {

        margin-top: 90px;

    }



    .mt-sm-100 {

        margin-top: 100px;

    }



    .mb-sm-0 {

        margin-bottom: 0;

    }



    .mb-sm-5 {

        margin-bottom: 5px;

    }



    .mb-sm-10 {

        margin-bottom: 10px;

    }



    .mb-sm-15 {

        margin-bottom: 15px;

    }



    .mb-sm-20 {

        margin-bottom: 20px;

    }



    .mb-sm-30 {

        margin-bottom: 30px;

    }



    .mb-sm-40 {

        margin-bottom: 40px;

    }



    .mb-sm-50 {

        margin-bottom: 50px;

    }



    .mb-sm-60 {

        margin-bottom: 60px;

    }



    .mb-sm-70 {

        margin-bottom: 70px;

    }



    .mb-sm-80 {

        margin-bottom: 80px;

    }



    .mb-sm-90 {

        margin-bottom: 90px;

    }



    .mb-sm-100 {

        margin-bottom: 100px;

    }

}

@media only screen and (max-width: 576px) {

    .mt-xs-0 {

        margin-top: 0;

    }



    .mt-xs-5 {

        margin-top: 5px;

    }



    .mt-xs-10 {

        margin-top: 10px;

    }



    .mt-xs-15 {

        margin-top: 15px;

    }



    .mt-xs-20 {

        margin-top: 20px;

    }



    .mt-xs-30 {

        margin-top: 30px;

    }



    .mt-xs-40 {

        margin-top: 40px;

    }



    .mt-xs-50 {

        margin-top: 50px;

    }



    .mt-xs-60 {

        margin-top: 60px;

    }



    .mt-xs-70 {

        margin-top: 70px;

    }



    .mt-xs-80 {

        margin-top: 80px;

    }



    .mt-xs-90 {

        margin-top: 90px;

    }



    .mt-xs-100 {

        margin-top: 100px;

    }



    .mb-xs-0 {

        margin-bottom: 0;

    }



    .mb-xs-5 {

        margin-bottom: 5px;

    }



    .mb-xs-10 {

        margin-bottom: 10px;

    }



    .mb-xs-15 {

        margin-bottom: 15px;

    }



    .mb-xs-20 {

        margin-bottom: 20px;

    }



    .mb-xs-30 {

        margin-bottom: 30px;

    }



    .mb-xs-40 {

        margin-bottom: 40px;

    }



    .mb-xs-50 {

        margin-bottom: 50px;

    }



    .mb-xs-60 {

        margin-bottom: 60px;

    }



    .mb-xs-70 {

        margin-bottom: 70px;

    }



    .mb-xs-80 {

        margin-bottom: 80px;

    }



    .mb-xs-90 {

        margin-bottom: 90px;

    }



    .mb-xs-100 {

        margin-bottom: 100px;

    }

}

/* ==================

        3.5 Section Spacing

=================== */

.section-sp1 {

    padding-top: 100px;

    padding-bottom: 70px;

}

@media only screen and (max-width: 1199px) {

    .section-sp1 {

        padding-top: 70px;

        padding-bottom: 40px;

    }

}

@media only screen and (max-width: 991px) {

    .section-sp1 {

        padding-top: 50px;

        padding-bottom: 20px;

    }

}



.section-sp2 {

    padding-top: 100px;

    padding-bottom: 100px;

}

@media only screen and (max-width: 1199px) {

    .section-sp2 {

        padding-top: 70px;

        padding-bottom: 70px;

    }

}

@media only screen and (max-width: 991px) {

    .section-sp2 {

        padding-top: 50px;

        padding-bottom: 50px;

    }

}



.section-sp3 {

    padding-top: 100px;

    padding-bottom: 0;

}

@media only screen and (max-width: 1199px) {

    .section-sp3 {

        padding-top: 70px;

    }

}

@media only screen and (max-width: 991px) {

    .section-sp3 {

        padding-top: 50px;

    }

}



.section-sp4 {

    padding-top: 50px;

    padding-bottom: 50px;

}



.section-sp5 {

    padding-bottom: 70px;

}

@media only screen and (max-width: 1199px) {

    .section-sp5 {

        padding-bottom: 50px;

    }

}

@media only screen and (max-width: 991px) {

    .section-sp5 {

        padding-bottom: 20px;

    }

}



/* ==================

        2.1 Font Size

=================== */

.fs10 {

    font-size: 10px;

}



.fs12 {

    font-size: 12px;

}



.fs13 {

    font-size: 13px;

}



.fs14 {

    font-size: 14px;

}



.fs16 {

    font-size: 16px;

}



.fs18 {

    font-size: 18px;

}



.fs20 {

    font-size: 20px;

}



.fs22 {

    font-size: 22px;

}



.fs24 {

    font-size: 24px;

}



.fs26 {

    font-size: 26px;

}



.fs30 {

    font-size: 30px;

    line-height: 40px;

}



.fs35 {

    font-size: 35px;

    line-height: 45px;

}



.fs40 {

    font-size: 40px;

    line-height: 50px;

}



.fs45 {

    font-size: 45px;

    line-height: 55px;

}



.fs50 {

    font-size: 50px;

    line-height: 65px;

}



.fs55 {

    font-size: 55px;

    line-height: 65px;

}



.fs60 {

    font-size: 60px;

    line-height: 70px;

}



.fs70 {

    font-size: 70px;

    line-height: 80px;

}



.fs75 {

    font-size: 75px;

    line-height: 85px;

}



.fs80 {

    font-size: 80px;

    line-height: 90px;

}



.fs90 {

    font-size: 90px;

    line-height: 100px;

}



.fs100 {

    font-size: 100px;

    line-height: 110px;

}



/* ==================

        2.2 Font Weight 

=================== */

.fw3 {

    font-weight: 300;

}



.fw4 {

    font-weight: 400;

}



.fw5 {

    font-weight: 500;

}



.fw6 {

    font-weight: 600;

}



.fw7 {

    font-weight: 700;

}



.fw8 {

    font-weight: 800;

}



.fw9 {

    font-weight: 900;

}



dl, ul, ol {

    list-style-position: outside;

}



ul, ol {

    margin-bottom: 24px;

}



ul li, ol li {

    padding: 0;

}



dl {

    margin-left: 0;

    margin-bottom: 30px;

}



dl dd {

    margin-bottom: 10px;

}



/* ==================

        2.3 Positions Z-index

=================== */

.posi-ab {

    position: absolute;

}



.posi-rl {

    position: relative;

}



.posi-st {

    position: static;

}



.zi1 {

    z-index: 1;

}



.zi2 {

    z-index: 2;

}



.zi3 {

    z-index: 3;

}



.zi4 {

    z-index: 4;

}



.zi5 {

    z-index: 5;

}



.zi6 {

    z-index: 6;

}



.zi7 {

    z-index: 7;

}



.zi8 {

    z-index: 8;

}



.zi9 {

    z-index: 9;

}



.zi10 {

    z-index: 10;

}



.zi100 {

    z-index: 100;

}



.zi999 {

    z-index: 999;

}



::selection {

    color: #fff;

    background: #565acf;

}



::-moz-selection {

    color: #fff;

    background: #565acf;

}



::-moz-selection {

    background: #565acf;

    color: #fff;

}



::selection {

    background: #565acf;

    color: #fff;

}



.mfp-gallery {

    list-style: none;

    margin-bottom: 0;

}



.mfp-title {

    display: none;

}



.list-inline li {

    display: inline-block;

}



.full-img {

    width: 100%;

}



.sticky-top {

    top: 130px;

}



section {

    position: relative;

}



.ov-hidden {

    overflow: hidden;

}



/* ==================

        3. Spacing

=================== */

/* ==================

        3.1 Row Spacing

=================== */

.row.spno,

.spno {

    margin-left: 0;

    margin-right: 0;

}

.row.spno [class*="col"],

.row.spno [class*="col"],

.spno [class*="col"],

.spno [class*="col"] {

    padding-left: 0;

    padding-right: 0;

}



.row.sp5,

.sp5 {

    margin-left: -5px;

    margin-right: -5px;

}

.row.sp5 [class*="col"],

.row.sp5 [class*="col"],

.sp5 [class*="col"],

.sp5 [class*="col"] {

    padding-left: 5px;

    padding-right: 5px;

}



.row.sp10,

.sp10 {

    margin-left: -10px;

    margin-right: -10px;

}

.row.sp10 [class*="col"],

.row.sp10 [class*="col"],

.sp10 [class*="col"],

.sp10 [class*="col"] {

    padding-left: 10px;

    padding-right: 10px;

}



.row.sp10,

.sp10 {

    margin-left: -10px;

    margin-right: -10px;

}

.row.sp10 [class*="col"],

.row.sp10 [class*="col"],

.sp10 [class*="col"],

.sp10 [class*="col"] {

    padding-left: 10px;

    padding-right: 10px;

}



.row.sp20,

.sp20 {

    margin-left: -20px;

    margin-right: -20px;

}

.row.sp20 [class*="col"],

.row.sp20 [class*="col"],

.sp20 [class*="col"],

.sp20 [class*="col"] {

    padding-left: 20px;

    padding-right: 20px;

}



/* ==================

        5. Page Banner

=================== */

.page-banner {

    background: #fff;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    overflow: hidden;

    height: 300px;

    width: 100%;

    z-index: 1;

}

@media only screen and (max-width: 991px) {

    .page-banner {

        height: 320px;

    }

}

@media only screen and (max-width: 767px) {

    .page-banner {

        height: 280px;

    }

}

.page-banner .container {

    display: table;

    height: 100%;

}

.page-banner .page-banner-entry {

    height: 300px;

    vertical-align: middle;

    display: table-cell;

    padding-bottom: 60px;

}

@media only screen and (max-width: 991px) {

    .page-banner .page-banner-entry {

        height: 320px;

        padding-bottom: 30px;

    }

}

@media only screen and (max-width: 767px) {

    .page-banner .page-banner-entry {

        height: 280px;

    }

}

.page-banner h1, .page-banner .h1 {

    font-weight: 700;

    font-size: 72px;

    margin-bottom: 20px;

    color: #1f2278;

    text-transform: capitalize;

}

@media only screen and (max-width: 1380px) {

    .page-banner h1, .page-banner .h1 {

        font-size: 62px;

    }

}

@media only screen and (max-width: 991px) {

    .page-banner h1, .page-banner .h1 {

        font-size: 52px;

    }

}

@media only screen and (max-width: 767px) {

    .page-banner h1, .page-banner .h1 {

        font-size: 42px;

    }

}

.page-banner:after {

    content: "";

    background-image: url(./assets/images/banner/shape.png);

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: bottom;

    background-size: contain;

    z-index: -1;

}

.page-banner.banner-lg {

    height: 550px;

}

.page-banner.banner-lg .page-banner-entry {

    height: 550px;

}

@media only screen and (max-width: 991px) {

    .page-banner.banner-lg {

        height: 450px;

    }

    .page-banner.banner-lg .page-banner-entry {

        height: 450px;

    }

}

@media only screen and (max-width: 767px) {

    .page-banner.banner-lg {

        height: 400px;

    }

    .page-banner.banner-lg .page-banner-entry {

        height: 400px;

    }

}

.page-banner.banner-md {

    height: 450px;

}

.page-banner.banner-md .page-banner-entry {

    height: 450px;

}

.page-banner.banner-sm {

    height: 300px;

}

.page-banner.banner-sm .page-banner-entry {

    height: 300px;

}

.page-banner .pt-img1 {

    left: 15%;

    bottom: 50px;

    z-index: 1;

}

.page-banner .pt-img2 {

    left: 30px;

    top: 100px;

}

.page-banner .pt-img3 {

    right: 8%;

    bottom: 30%;

}



/* ==================

        6. Breadcrumb

=================== */

.breadcrumb-row {

    box-shadow: 0px 5px 30px 0px rgba(86, 90, 207, 0.3);

    font-family: "Montserrat", sans-serif;

    background-color: #565acf;

    padding: 12px 30px;

    border-radius: 10px;

    display: inline-block;

}

@media only screen and (max-width: 767px) {

    .breadcrumb-row {

        padding: 10px 24px;

    }

}

.breadcrumb-row ul {

    background: transparent;

    padding: 0;

    justify-content: center;

    margin: 0;

}

.breadcrumb-row ul li {

    padding: 0;

    display: inline-flex;

    font-size: 16px;

    font-weight: 500;

    align-items: center;

}

.breadcrumb-row ul li a {

    color: #fff;

    display: flex;

    align-items: center;

}

.breadcrumb-row ul li a svg {

    margin-right: 10px;

    transform: translateY(-2px);

}

@media only screen and (max-width: 1380px) {

    .breadcrumb-row ul li {

        font-size: 14px;

    }

}



.breadcrumb-item + .breadcrumb-item {

    padding-left: 15px;

    color: #fff;

}

.breadcrumb-item + .breadcrumb-item::before {

    color: #fff;

    content: "/";

    font-size: 22px;

    padding-right: 15px;

    opacity: 0.4;

    font-weight: 300;

    line-height: 22px;

    margin-top: 5px;

}

@media only screen and (max-width: 1380px) {

    .breadcrumb-item + .breadcrumb-item {

        padding-left: 10px;

    }

    .breadcrumb-item + .breadcrumb-item::before {

        font-size: 18px;

        padding-right: 10px;

        line-height: 18px;

    }

}



/* ==================

        4. Heading

=================== */

section {

    position: relative;

    z-index: 1;

}



.heading-bx {

    margin-bottom: 45px;

}

.heading-bx .title-ext {

    font-weight: 700;

    display: inline-block;

    padding: 3px 15px;

    background-position: center;

    background-repeat: repeat;

    margin-bottom: 15px;

}

.heading-bx .title-ext.text-primary {

    background-image: url(./assets/images/shap/ext-blue.png);

}

.heading-bx .title-ext.text-secondary {

    background-image: url(./assets/images/shap/ext-orange.png);

}

.heading-bx h2.title, .heading-bx .title.h2 {

    font-size: 45px;

}

@media only screen and (max-width: 1380px) {

    .heading-bx h2.title, .heading-bx .title.h2 {

        font-size: 36px;

    }

}

@media only screen and (max-width: 767px) {

    .heading-bx h2.title, .heading-bx .title.h2 {

        font-size: 32px;

    }

}

@media only screen and (max-width: 575px) {

    .heading-bx h2.title, .heading-bx .title.h2 {

        font-size: 28px;

    }

}

@media only screen and (max-width: 991px) {

    .heading-bx {

        margin-bottom: 30px !important;

    }

}

@media only screen and (max-width: 1199px) {

    .heading-bx {

        margin-bottom: 40px;

    }

}

.heading-bx.text-white h1, .heading-bx.text-white .h1, .heading-bx.text-white h2, .heading-bx.text-white .h2, .heading-bx.text-white h3, .heading-bx.text-white .h3, .heading-bx.text-white h4, .heading-bx.text-white .h4, .heading-bx.text-white h5, .heading-bx.text-white .h5, .heading-bx.text-white h6, .heading-bx.text-white .h6 {

    color: #fff;

}

.heading-bx p {

    padding-top: 5px;

    font-weight: 500;

}

@media only screen and (max-width: 1680px) {

    .heading-bx p {

        font-size: 15px;

    }

}

@media only screen and (max-width: 1199px) {

    .heading-bx p {

        font-size: 14px;

        line-height: 24px;

    }

}

.heading-bx.text-center p {

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

}

.heading-bx.head-col {

    display: flex;

    align-items: center;

}

@media only screen and (max-width: 767px) {

    .heading-bx.head-col {

        display: block;

    }

}

.heading-bx.head-col .title {

    margin-bottom: 0;

}

@media only screen and (max-width: 767px) {

    .heading-bx.head-col .title {

        margin-bottom: 10px;

    }

}

.heading-bx.head-col p {

    padding-left: 15px;

    border-left: 4px solid #565acf;

    margin-left: 15px;

    margin-bottom: 0;

}

@media only screen and (max-width: 767px) {

    .heading-bx.head-col p {

        padding-left: 0;

        border-left: 0;

        margin-left: 0;

    }

}



.text-white h1, .text-white .h1, .text-white h2, .text-white .h2, .text-white h3, .text-white .h3, .text-white h4, .text-white .h4, .text-white h5, .text-white .h5, .text-white h6, .text-white .h6 {

    color: #fff;

}



@media only screen and (min-width: 1200px) and (max-width: 1440px) {

    .col-xxl-1 {

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }



    .col-xxl-2 {

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }



    .col-xxl-3 {

        flex: 0 0 25%;

        max-width: 25%;

    }



    .col-xxl-4 {

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }



    .col-xxl-5 {

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }



    .col-xxl-6 {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .col-xxl-7 {

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }



    .col-xxl-8 {

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }



    .col-xxl-9 {

        flex: 0 0 75%;

        max-width: 75%;

    }



    .col-xxl-10 {

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }



    .col-xxl-11 {

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }



    .col-xxl-12 {

        flex: 0 0 100%;

        max-width: 100%;

    }

}

/* ==================

        8. Components

=================== */



.btn.btn-link.accordion-button.collapsed:hover {

    color: white  !important;

    background-color: rgba(86, 90, 207, 0.3);

}

.btn.btn-link.accordion-button:hover {

    color: white;

    background-color: rgba(86, 90, 207, 0.3);

}

.accordion .card {

    margin-bottom: 15px;

}



/* ==================

        8.7 Card

=================== */

.card {

    border: 0px solid #E1E1F0;

    margin-bottom: 30px;

    border-radius: 5px;

    box-shadow: 0px 36px 48px rgba(31, 66, 135, 0.04);

    background: #fff;

}

.card-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #E1E1F0;

    background: #fff;

    padding: 20px 30px;

}

.card-title {

    font-size: 24px;

    margin-bottom: 0px;

}

.card .card-body {

    padding: 20px 30px;

    background: #fff;

    border-radius: 15px;

}



/* ==================

        8.11 Form

=================== */

.form-group {

    position: relative;

}

.form-group label {

    font-size: 14px;

    font-weight: 500;

    color: #444;

    margin-bottom: 10px;

    background: transparent;

    border-color: #E1E1F0;

}



.form-control {

    border-radius: 6px;

    border: 1px solid transparent;

    padding: 15px 25px;

    font-size: 14px;

    font-weight: 400;

    color: #444;

    transition: all 0.3s ease-in-out;

    background: #ffffff;

}

.form-control .select {

    padding: 12px 0;

}

.form-control span {

    margin-top: 0;

}

.form-control::-webkit-input-placeholder {

    color: #444;

}

.form-control:-ms-input-placeholder {

    color: #444;

}

.form-control::placeholder {

    color: #444;

}

.form-control:hover {

    box-shadow: none !important;

    border-color: #E1E1F0;

    color: #444;

    background: #ffffff;

}

.form-control:focus, .form-control:active, .form-control.active {

    box-shadow: none !important;

    border-color: #565acf;

    color: #444;

    background: #ffffff;

    border-radius: 6px;

}



input:-internal-autofill-selected {

    background: white !important;

    background-image: none !important;

    color: -internal-light-dark-color(black, white) !important;

}



.input-group-text {

    padding: 5px 15px;

    background: #ffffff;

    margin-bottom: 0px !important;

    color: #444;

    border-color: transparent;

}



.input-group-append .input-group-text {

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}



.input-group-prepend .input-group-text {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



/*Styling Selectbox*/

.toggle {

    cursor: pointer;

    display: block;

}



.toggle-switch {

    display: inline-block;

    background: #f7f7f7;

    border-radius: 16px;

    width: 45px;

    height: 20px;

    position: relative;

    vertical-align: middle;

    transition: background 0.25s;

}

.toggle-switch:before, .toggle-switch:after {

    content: "";

}

.toggle-switch:before {

    display: block;

    background: linear-gradient(to bottom, #fff 0%, #eee 100%);

    border-radius: 50%;

    width: 17px;

    height: 17px;

    position: absolute;

    top: 1px;

    left: 3px;

    transition: left 0.25s;

}

.toggle:hover .toggle-switch:before {

    background: linear-gradient(to bottom, #fff 0%, #fff 100%);

}

.toggle-checkbox:checked + .toggle-switch {

    background: #565acf;

}

.toggle-checkbox:checked + .toggle-switch:before {

    left: 26px;

}



.toggle-checkbox {

    position: absolute;

    visibility: hidden;

}



.toggle-label {

    margin-left: 15px;

    position: relative;

    top: 2px;

    font-size: 16px;

    font-weight: 400;

}



.file-upload-wrapper {

    position: relative;

    width: 100%;

    height: calc(1.5em + 1rem + 2px);

    border: 1px solid #E1E1F0;

    border-radius: 5px;

    color: #AEAED5;

}

.file-upload-wrapper:after {

    content: attr(data-text);

    position: absolute;

    top: 0;

    left: 0;

    background: #ffffff;

    padding: 4px 15px;

    display: block;

    width: calc(100% - 40px);

    pointer-events: none;

    z-index: 20;

    height: calc(1.5em + 1rem + 2px);

    line-height: 30px;

    border-radius: 5px 10px 10px 5px;

    font-weight: 400;

    overflow: hidden;

}

.file-upload-wrapper:before {

    content: 'Upload';

    position: absolute;

    top: 0;

    right: 0;

    display: inline-block;

    height: calc(1.5em + 1rem + 2px);

    background: #565acf;

    color: #fff;

    font-weight: 400;

    z-index: 25;

    font-size: 14px;

    line-height: 40px;

    padding: 0 15px;

    text-transform: capitalize;

    pointer-events: none;

    border-radius: 0 5px 5px 0;

}

.file-upload-wrapper:hover:before {

    background: #363abc;

}

.file-upload-wrapper input {

    opacity: 0;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 99;

    height: calc(1.5em + 1rem + 2px);

    margin: 0;

    padding: 0;

    display: block;

    cursor: pointer;

    width: 100%;

}



#ui-datepicker-div {

    display: none;

    background: #fafafa;

    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);

    margin-top: 0.25rem;

    border-radius: 0.5rem;

    padding: 0.5rem;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



.ui-datepicker-calendar thead th {

    padding: 0.25rem 0;

    text-align: center;

    font-size: 0.75rem;

    font-weight: 400;

    color: #444;

}

.ui-datepicker-calendar tbody td {

    width: 2.5rem;

    text-align: center;

    padding: 0;

}

.ui-datepicker-calendar tbody td a {

    display: block;

    border-radius: 0.25rem;

    line-height: 2rem;

    transition: 0.3s all;

    color: #444;

    font-size: 0.875rem;

    text-decoration: none;

}

.ui-datepicker-calendar tbody td a:hover {

    background-color: #565acf;

    color: white;

}

.ui-datepicker-calendar tbody td a.ui-state-active {

    background-color: #565acf;

    color: white;

}



.ui-datepicker-header a.ui-corner-all {

    cursor: pointer;

    position: absolute;

    top: 0;

    width: 2rem;

    height: 2rem;

    margin: 0.5rem;

    border-radius: 0.25rem;

    transition: 0.3s all;

}

.ui-datepicker-header a.ui-corner-all:hover {

    background-color: #cdcef1;

    color: #fff;

}

.ui-datepicker-header a.ui-datepicker-prev {

    left: 0;

    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");

    background-repeat: no-repeat;

    background-size: 0.5rem;

    background-position: 50%;

    transform: rotate(180deg);

}

.ui-datepicker-header a.ui-datepicker-next {

    right: 0;

    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");

    background-repeat: no-repeat;

    background-size: 10px;

    background-position: 50%;

}

.ui-datepicker-header a > span {

    display: none;

}



.ui-datepicker-title {

    text-align: center;

    line-height: 2rem;

    margin-bottom: 0.25rem;

    font-size: 0.875rem;

    font-weight: 500;

    padding-bottom: 0.25rem;

}



.ui-datepicker-week-col {

    color: #444;

    font-weight: 400;

    font-size: 0.75rem;

}



label.error {

    color: #f72b50;

    position: absolute;

    bottom: 0;

    margin-bottom: -22px;

    font-size: 12px;

    font-weight: 400;

}



.bootstrap-select {

    width: 100% !important;

}

.bootstrap-select .dropdown-toggle {

    width: 100%;

    padding: 10px;

    font-family: "Montserrat", sans-serif;

    text-transform: none;

    background: #fff;

    color: #444;

    font-size: 14px;

    outline: none !important;

}

.bootstrap-select .dropdown-toggle:focus {

    outline: none !important;

}

.bootstrap-select .dropdown-toggle:after {

    content: none;

}

.bootstrap-select.show.btn-group .dropdown-menu.inner {

    display: block;

}

.bootstrap-select .dropdown-menu {

    border: 0;

    border-radius: 0;

    margin-top: -1px;

    padding: 10px 0;

    font-size: 14px;

    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);

}

.bootstrap-select .dropdown-menu a {

    padding: 5px 25px;

    display: block;

}

.bootstrap-select .dropdown-menu a:hover {

    background: #fff;

}



.bootstrap-select .list {

    background: #1f2278;

}



.nice-select .list {

    width: 100%;

    border: 0;

    margin: 1px 0 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    padding: 8px 0;

}

.nice-select .list li {

    font-weight: 500;

}

.nice-select .list .option:hover,

.nice-select .list .option.selected {

    background-color: #565acf;

    color: #fff;

}

.nice-select:after {

    right: 22px;

}



/* ==================

        8.6 Buttons

=================== */

.btn {

    padding: 15px 30px;

    border-radius: 8px;

    text-decoration: none;

    font-weight: 500;

    font-size: 14px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    border-width: 2px;

    line-height: 1.2;

}

.btn.shadow {

    box-shadow: 0px 5px 20px 0px rgba(86, 90, 207, 0.3);

}



.btn-icon-bx {

    width: 40px;

    height: 40px;

    background: #fff;

    border-radius: inherit;

    line-height: 40px;

    display: inline-block;

    margin: -12px -27px -12px 15px;

    color: #000;

}



.btn-xs {

    font-size: 12px;

    padding: 6px 15px;

}

.btn-xs .btn-icon-bx {

    width: 26px;

    height: 26px;

    line-height: 26px;

    margin: -10px -15px -10px 10px;

}



.btn-sm, .btn-group-sm > .btn {

    font-size: 14px;

    padding: 12px 27px 12px 20px;

}

.btn-sm .btn-icon-bx, .btn-group-sm > .btn .btn-icon-bx {

    width: 34px;

    height: 34px;

    margin: -10px -24px -10px 15px;

    line-height: 34px;

}



.btn-lg, .btn-group-lg > .btn {

    font-size: 16px;

    padding: 20px 35px;

    line-height: 1;

}

.btn-lg .btn-icon-bx, .btn-group-lg > .btn .btn-icon-bx {

    width: 50px;

    height: 50px;

    line-height: 50px;

    margin: -16px -31px -16px 20px;

}



.btn-xl {

    font-size: 18px;

    padding: 24px 40px;

    line-height: 1;

}

.btn-xl .btn-icon-bx {

    width: 60px;

    height: 60px;

    line-height: 60px;

    margin: -20px -37px -20px 20px;

}



[class*="btn-outline-"] .btn-icon-bx {

    color: #fff;

}



.btn-outline-primary .btn-icon-bx {

    background: #565acf;

}



.btn-outline-secondary .btn-icon-bx {

    background: #f17732;

}



.btn-outline-success .btn-icon-bx {

    background: #209f84;

}



.btn-outline-danger .btn-icon-bx {

    background: #f72b50;

}



.btn-outline-info .btn-icon-bx {

    background: #2754e6;

}



.btn-outline-warning .btn-icon-bx {

    background: #fe970e;

}



.btn-outline-light .btn-icon-bx {

    background: #fff;

}



.btn-outline-dark .btn-icon-bx {

    background: #1f2278;

}



.btn-light {

    color: #f17732;

    background-color: #fff;

}



.btn-secondary {

    background-color: #f17732;

    color: #fff;

}

.btn-secondary.light {

    background-color: white;

    color: #f17732;

}

.btn-secondary.shadow {

    box-shadow: 0px 5px 20px 0px rgba(241, 119, 50, 0.3) !important;

}

.btn-secondary:hover {

    background-color: #f49762;

    color: #fff;

    border: 2px solid #f49762;

    box-shadow: 0px 5px 20px 0px rgba(241, 119, 50, 0.3) !important;

}



.btn-primary {

    background-color: #565acf;

}

.btn-primary.light {

    background-color: #e1e2f6;

    color: #565acf;

    border: 2px solid #e1e2f6;

}

.btn-primary.light:hover {

    background-color: #565acf;

    box-shadow: 0px 1px 7px 0px rgba(86, 90, 207, 0.3);

    color: #fff;

    border: 2px solid #565acf;

}

.btn-primary .btn-icon-bx {

    color: #565acf;

}

.btn-primary.shadow {

    box-shadow: 0px 5px 20px 0px rgba(86, 90, 207, 0.3) !important;

}



.btn-success {

    background-color: #209f84;

}

.btn-success.light {

    background-color: #b4f0e3;

    color: #209f84;

}

.btn-success .btn-icon-bx {

    color: #209f84;

}



.btn-danger {

    background-color: #f72b50;

}

.btn-danger.light {

    background-color: #fef0f2;

    color: #f72b50;

}

.btn-danger .btn-icon-bx {

    color: #f72b50;

}



.btn-warning {

    background-color: #fe970e;

}

.btn-warning.light {

    background-color: #fffaf3;

    color: #fe970e;

}

.btn-warning .btn-icon-bx {

    color: #fe970e;

}



.btn-info {

    background-color: #2754e6;

}

.btn-info.light {

    background-color: #f5f7fe;

    color: #2754e6;

}

.btn-info .btn-icon-bx {

    color: #2754e6;

}



.btn-dark {

    background-color: #1f2278;

}

.btn-dark.light {

    background-color: #989be4;

    color: #fff;

}

.btn-dark .btn-icon-bx {

    color: #1f2278;

}



/* ==================

        8.20 Table

=================== */

.table-responsive-sm {

    min-width: 48rem;

}



.table {

    margin-bottom: 0px;

    font-weight: 400;

}

.table tr td,

.table tr th {

    padding: 15px;

}



.table tr th {

    color: #14181d;

    font-weight: 500;

}



.table-striped thead tr th {

    padding-bottom: 15px !important;

}

.table-striped tbody tr:nth-of-type(odd) {

    background-color: #ffffff;

}

.table-striped tfoot {

    border-top: 2px solid #E1E1F0;

}

.table-striped tfoot tr th {

    padding-top: 10px;

}



/* ==================

        8.18 Separator

=================== */

.ttr-separator {

    display: inline-block;

    height: 4px;

    width: 90px;

    margin-bottom: 10px;

    position: relative;

}

.ttr-separator.m-b0 {

    margin-bottom: 0;

}

.ttr-separator.style-liner {

    width: 20px;

}

.ttr-separator.style-icon {

    width: 30px;

    height: auto;

    text-align: center;

    font-size: 20px;

}

.ttr-separator[class*="style-"]:after, .ttr-separator[class*="style-"]:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 40px;

    width: 70px;

    height: 2px;

    background: #eee;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.ttr-separator[class*="style-"]:before {

    left: auto;

    right: 40px;

}

.ttr-separator.style-skew {

    width: 15px;

    height: 10px;

    margin-left: 1px;

    margin-right: 1px;

    -moz-transform: skewX(-10deg);

    -webkit-transform: skewX(-10deg);

    -o-transform: skewX(-10deg);

    -ms-transform: skewX(-10deg);

    transform: skewX(-10deg);

}

.ttr-separator.style-skew[class*="style-"]:after, .ttr-separator.style-skew[class*="style-"]:before {

    width: 80px;

    height: 4px;

    left: 20px;

    -moz-transform: translateY(-50%) skewX(-10deg);

    -webkit-transform: translateY(-50%) skewX(-10deg);

    -o-transform: translateY(-50%) skewX(-10deg);

    -ms-transform: translateY(-50%) skewX(-10deg);

    transform: translateY(-50%) skewX(-10deg);

}

.ttr-separator.style-skew[class*="style-"]:before {

    right: 20px;

    left: auto;

}

.ttr-separator.bnr-title {

    height: 1px;

    width: 155px;

    opacity: 0.5;

}

.ttr-separator.bnr-title:before, .ttr-separator.bnr-title:after {

    position: absolute;

    content: "";

    background-color: inherit;

}

.ttr-separator.bnr-title:before {

    height: inherit;

    right: -80px;

    width: 25px;

}

.ttr-separator.bnr-title:after {

    height: inherit;

    right: -90px;

    top: 0;

    width: 6px;

}

.ttr-separator.bnr-title i {

    background-color: inherit;

    display: block;

    height: inherit;

    position: absolute;

    right: -50px;

    width: 45px;

}



.ttr-separator-outer {

    overflow: hidden;

}



/* ==================

        8.9 Icon Box

=================== */

.feature-box-xl {

    display: inline-block;

    text-align: center;

    border-radius: 3px;

    width: 150px;

    height: 150px;

    line-height: 150px;

}

.feature-box-xl.radius {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.feature-box-xl i {

    font-size: 80px;

    vertical-align: middle;

}

.feature-box-xl img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 80px;

}



.feature-box-lg {

    display: inline-block;

    text-align: center;

    border-radius: 3px;

    width: 120px;

    height: 120px;

    line-height: 120px;

}

.feature-box-lg.radius {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.feature-box-lg i {

    font-size: 60px;

    vertical-align: middle;

}

.feature-box-lg img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 55px;

}



.feature-box-md {

    display: inline-block;

    text-align: center;

    border-radius: 3px;

    width: 100px;

    height: 100px;

    line-height: 100px;

}

.feature-box-md.radius {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.feature-box-md i {

    font-size: 45px;

    vertical-align: middle;

}

.feature-box-md img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 40px;

}



.feature-box-sm {

    display: inline-block;

    text-align: center;

    border-radius: 3px;

    width: 80px;

    height: 80px;

    line-height: 80px;

}

.feature-box-sm.radius {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.feature-box-sm i {

    font-size: 30px;

    vertical-align: middle;

}

.feature-box-sm img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 30px;

}



.feature-box-xs {

    display: inline-block;

    text-align: center;

    border-radius: 3px;

    width: 40px;

    height: 40px;

    line-height: 40px;

}

.feature-box-xs.radius {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.feature-box-xs i {

    font-size: 20px;

    vertical-align: middle;

}

.feature-box-xs img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 20px;

}



.icon-xl {

    display: inline-block;

    text-align: center;

}

.icon-xl i {

    vertical-align: middle;

    font-size: 80px;

}

.icon-xl img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 80px;

}



.icon-lg {

    display: inline-block;

    text-align: center;

}

.icon-lg i {

    vertical-align: middle;

    font-size: 60px;

}

.icon-lg img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 70px;

}



.icon-md {

    display: inline-block;

    text-align: center;

}

.icon-md i {

    vertical-align: middle;

    font-size: 45px;

}

.icon-md img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 50px;

}



.icon-sm {

    display: inline-block;

    text-align: center;

}

.icon-sm i {

    vertical-align: middle;

    font-size: 30px;

}

.icon-sm img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 30px;

}



.icon-xs {

    display: inline-block;

    text-align: center;

}

.icon-xs i {

    vertical-align: middle;

    font-size: 20px;

}

.icon-xs img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 20px;

}



.feature-container {

    position: relative;

}

.feature-container .feature-title {

    margin-top: 0;

}

.feature-container .after-titile-line {

    margin-bottom: 10px;

}

.feature-container p:last-child {

    margin: 0;

}

.feature-container.center {

    text-align: center;

}

.feature-container.left .feature-box-xl,

.feature-container.left .feature-box-lg,

.feature-container.left .feature-box-md,

.feature-container.left .feature-box-sm,

.feature-container.left .feature-box-xs {

    float: left;

    margin-right: 20px;

}

.feature-container.left .icon-xl,

.feature-container.left .icon-lg,

.feature-container.left .icon-md,

.feature-container.left .icon-sm,

.feature-container.left .icon-xs {

    float: left;

    margin-right: 10px;

}

.feature-container.right {

    text-align: right;

}

.feature-container.right .feature-box-xl,

.feature-container.right .feature-box-lg,

.feature-container.right .feature-box-md,

.feature-container.right .feature-box-sm,

.feature-container.right .feature-box-xs {

    float: right;

    margin-left: 20px;

}

.feature-container.right .icon-xl,

.feature-container.right .icon-lg,

.feature-container.right .icon-md,

.feature-container.right .icon-sm,

.feature-container.right .icon-xs {

    float: right;

    margin-left: 10px;

}



.icon-content {

    overflow: hidden;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

}



[class*="feature-box-"][class*="bg-"] a {

    color: #fff;

}



[class*="feature-box-"].bg-white a {

    color: inherit;

}



[class*="feature-box-"][class*="border-"] {

    display: table;

    line-height: normal;

    margin-left: auto;

    margin-right: auto;

}



[class*="feature-box-"][class*="border-"] .icon-cell {

    display: table-cell;

    vertical-align: middle;

}



.ttr-box,

.info-bx,

.feature-title,

.feature-title-inner {

    position: relative;

}



.feature-title-inner {

    display: inline-block;

}



.ttr-box[class*="border-"],

.info-bx[class*="border-"] {

    border-color: #eee;

}



.info-bx.border-1,

.info-bx.border-2,

.info-bx.border-3,

.info-bx.border-4,

.info-bx.border-5 {

    border-top: none;

}



.border-1,

.border-2,

.border-3,

.border-4,

.border-5 {

    border-style: solid;

}



.border-1 {

    border-width: 1px;

}



.border-2 {

    border-width: 2px;

}



.border-3 {

    border-width: 3px;

}



.border-4 {

    border-width: 4px;

}



.border-5 {

    border-width: 5px;

}



.left-border,

.right-border {

    position: relative;

}

.left-border:before,

.right-border:before {

    content: "";

    position: absolute;

    top: 5px;

    width: 1px;

    height: 90%;

    background: #CCC;

}



.right-border:before {

    right: 0;

}



.action-box,

.ttr-post-media {

    position: relative;

    overflow: hidden;

}

.action-box img,

.ttr-post-media img {

    width: 100%;

    height: auto;

}



.ttr-box-bg {

    overflow: hidden;

    background-size: cover;

}

.ttr-box-bg .btn {

    overflow: unset;

}

.ttr-box-bg .glyph-icon {

    font-size: 50px;

}

.ttr-box-bg .feature-container {

    background-color: #f8f8f8;

}

.ttr-box-bg .text-primary,

.ttr-box-bg .icon-content .feature-title,

.ttr-box-bg .icon-content p,

.ttr-box-bg .icon-box-btn .btn {

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.ttr-box-bg.active .feature-container {

    background-color: rgba(0, 0, 0, 0.7);

}

.ttr-box-bg.active .text-primary,

.ttr-box-bg.active .icon-content .feature-title,

.ttr-box-bg.active .icon-content p,

.ttr-box-bg.active .icon-box-btn .btn {

    color: #fff;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.ttr-box-bg .icon-box-btn .btn {

    background-color: #eeeeee;

    padding: 15px 20px;

    text-transform: uppercase;

    font-size: 15px;

    border-radius: 0;

    color: #1abc9c;

    font-weight: 600;

    margin-bottom: 0;

}



.feature-bx1 {

    align-items: center;

    display: flex;

    background-color: #fff;

    border-radius: 8px;

    padding: 10px 20px 10px 15px;

    z-index: 1;

    overflow: hidden;

    box-shadow: 0px 5px 30px 0px rgba(31, 34, 120, 0.08);

    border: 1px solid;

    border-color: #565acf;

}

.feature-bx1 .icon-cell {

    margin-right: 30px;

}

.feature-bx1 .icon-cell svg {

    width: 45px;

    height: 45px;

}

.feature-bx1:after {

    content: "";

    width: 85px;

    height: 85px;

    position: absolute;

    border-radius: 50%;

    z-index: -1;

    top: -8px;

    left: -12px;

}

.feature-bx1.feature1 {

    border-color: #b2f0fb;

}

.feature-bx1.feature1:after {

    background-color: #ecfcff;

}

.feature-bx1.feature2 {

    border-color: #a4fcc4;

}

.feature-bx1.feature2:after {

    background-color: #eefff4;

}

.feature-bx1.feature3 {

    border-color: #ffbdbc;

}

.feature-bx1.feature3:after {

    background-color: #fff0f0;

}

.feature-bx1.feature4 {

    border-color: #e2c4ff;

}

.feature-bx1.feature4:after {

    background-color: #f8f0ff;

}

.feature-bx1 .icon-content .ttr-title {

    font-size: 16px;

    font-weight: 600;

    color: #1f2278;

    margin: 0;

}

.feature-bx1:hover .icon-cell svg {

    -webkit-animation: vibrate 0.5s alternate;

    animation: vibrate 0.5s alternate;

}



.feature-bx2 {

    border-radius: 20px;

    background-color: #fff;

    z-index: 1;

    overflow: hidden;

    padding: 40px 40px 10px 40px;

    box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.08);

    background-image: url(./assets/images/background/line-bg3.png);

    background-repeat: no-repeat;

    background-size: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

}

@media only screen and (max-width: 575px) {

    .feature-bx2 {

        padding: 30px 20px;

    }

}

.feature-bx2 .feature-box-xl {

    background: #fff;

    border: 2px solid rgba(86, 90, 207, 0.1);

    border-radius: 13px;

    width: 130px;

    height: 130px;

    line-height: 130px;

}

.feature-bx2 .feature-box-xl img, .feature-bx2 .feature-box-xl svg {

    width: 60px;

}

.feature-bx2 .icon-content p {

    font-size: 15px;

    margin-bottom: 20px;

}

.feature-bx2:hover .feature-box-xl i,

.feature-bx2:hover .feature-box-xl svg,

.feature-bx2:hover .feature-box-xl img {

    -webkit-animation: vibrate 0.5s alternate;

    animation: vibrate 0.5s alternate;

}

/*.feature-bx2:hover .btn {

    background-color: #565acf;

    border-color: #565acf;

    color: #fff; }*/

.feature-bx2.bottone-card-servizi:hover .btn {

    background-color: #565acf;

    border-color: #565acf;

    color: #fff;

}



.feature-bx3 {

    border-radius: 20px;

    padding: 30px 30px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

    position: relative;

    margin: 15px 0 0 15px;

}

.feature-bx3:after {

    content: "";

    position: absolute;

    top: -15px;

    left: -15px;

    border-radius: 20px;

    width: 100%;

    height: 100%;

    border: 2px solid #565acf;

    z-index: -1;

}

.feature-bx3 .ttr-title {

    margin-bottom: 12px;

}

.feature-bx3 .counter {

    font-size: 60px;

    line-height: 1;

    margin-bottom: 10px;

}

.feature-bx3 p {

    font-size: 14px;

}

.feature-bx3 .ttr-title,

.feature-bx3 .counter,

.feature-bx3 p {

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.feature-bx3:hover {

    background-color: #565acf;

}

.feature-bx3:hover .ttr-title,

.feature-bx3:hover .counter,

.feature-bx3:hover p {

    color: #fff !important;

}

@media only screen and (max-width: 575px) {

    .feature-bx3 {

        padding: 40px;

    }

}



.feature-bx4 {

    background-color: #fff;

    border-radius: 8px;

    padding: 45px 35px 35px;

    z-index: 1;

    overflow: hidden;

    box-shadow: 0px 5px 30px 0px rgba(31, 34, 120, 0.08);

    border: 1px solid;

    border-color: #565acf;

}

.feature-bx4 .feature-icon {

    position: relative;

    margin-bottom: 25px;

}

.feature-bx4 .feature-icon svg {

    width: 45px;

    height: 45px;

}

.feature-bx4 .feature-icon:after {

    content: "";

    width: 65px;

    height: 65px;

    position: absolute;

    border-radius: 50%;

    z-index: -1;

    top: -18px;

    right: -22px;

}

.feature-bx4.feature1 {

    border-color: #b2f0fb;

}

.feature-bx4.feature1 .feature-icon:after {

    background-color: #ecfcff;

}

.feature-bx4.feature2 {

    border-color: #a4fcc4;

}

.feature-bx4.feature2 .feature-icon:after {

    background-color: #eefff4;

}

.feature-bx4.feature3 {

    border-color: #ffbdbc;

}

.feature-bx4.feature3 .feature-icon:after {

    background-color: #fff0f0;

}

.feature-bx4.feature4 {

    border-color: #e2c4ff;

}

.feature-bx4.feature4 .feature-icon:after {

    background-color: #f8f0ff;

}

.feature-bx4 .icon-content .ttr-title {

    color: #1f2278;

    margin: 0 0 12px;

}

.feature-bx4 .icon-content p {

    margin: 0;

}

.feature-bx4:hover .feature-icon img {

    -webkit-animation: vibrate 0.5s alternate;

    animation: vibrate 0.5s alternate;

}



.feature-bx5 {

    position: relative;

    box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);

    padding: 40px 30px;

    border-radius: 20px;

    background-color: #fff;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    overflow: hidden;

    z-index: 1;

}

.feature-bx5:before, .feature-bx5:after {

    content: "";

    position: absolute;

    height: 100px;

    width: 100px;

    border: 3px solid;

    border-radius: 50%;

    background-color: transparent;

    opacity: 0.2;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.feature-bx5:before {

    left: -30px;

    top: -30px;

    border-color: #565acf;

}

.feature-bx5:after {

    right: -30px;

    bottom: -30px;

    border-color: #f17732;

}



/* ==================

        8.16 Pricing Table

=================== */

.table-wrapper {

    position: relative;

    padding: 30px;

    background: #fff;

    border: 2px solid #e4e3e4;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    border-radius: 8px;

}

.table-wrapper .table-head {

    margin-bottom: 30px;

}

.table-wrapper .table-head .table-title {

    margin-bottom: 25px;

    text-align: center;

}

.table-wrapper .table-head .table-title .sub-title {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0;

}

.table-wrapper .table-head .table-price {

    display: flex;

    justify-content: center;

    align-items: center;

}

.table-wrapper .table-head .table-price sup {

    font-size: 26px;

    font-weight: bold;

    margin-right: 5px;

    color: #14181d;

}

.table-wrapper .table-head .table-price h6, .table-wrapper .table-head .table-price .h6 {

    font-size: 52px;

    font-weight: 700;

    margin-bottom: 0;

}

.table-wrapper .table-head .table-price p {

    margin: 0 0 0 5px;

    font-size: 14px;

}

@media only screen and (max-width: 767px) {

    .table-wrapper .table-head .table-price sup {

        font-size: 14px;

    }

    .table-wrapper .table-head .table-price h6, .table-wrapper .table-head .table-price .h6 {

        font-size: 36px;

    }

}

.table-wrapper .table-body {

    margin-bottom: 40px;

}

.table-wrapper .table-body .title {

    font-size: 16px;

    margin-bottom: 30px;

    text-align: center;

}

@media only screen and (max-width: 767px) {

    .table-wrapper .table-body .title {

        font-size: 14px;

    }

}

.table-wrapper .table-body .table-features {

    margin-bottom: 0;

}

.table-wrapper .table-body .table-features li {

    font-size: 15px;

    position: relative;

    line-height: 20px;

    margin-bottom: 15px;

    padding-left: 34px;

    font-weight: 500;

}

.table-wrapper .table-body .table-features li:before {

    content: "\f00c";

    font-size: 24px;

    font-family: 'Line Awesome Free';

    font-weight: 900;

    line-height: 25px;

    color: #11a435;

    position: absolute;

    left: 0;

    top: 0;

}

.table-wrapper:hover {

    border: 2px solid #565acf;

    box-shadow: 0 5px 20px rgba(0, 98, 255, 0.2);

    margin-top: -10px;

}

.table-wrapper:hover .table-head .table-price sup,

.table-wrapper:hover .table-head .table-price h6,

.table-wrapper:hover .table-head .table-price .h6 {

    color: #565acf;

}

.table-wrapper:hover .table-footer .btn {

    background-color: #565acf;

    color: #fff;

}



.table-switch {

    display: flex;

    justify-content: center;

    align-items: center;

}

.table-switch .form-check-input {

    width: 60px;

    height: 30px;

    box-shadow: 0 3px 10px 0 rgba(0, 98, 252, 0.2);

    background-color: #565acf;

}

.table-switch:before {

    height: 22px;

    width: 22px;

}

.table-switch label {

    margin: 0 55px 0 14px;

    font-size: 16px;

    color: #666;

    cursor: pointer;

    font-weight: 500;

}



/* ==================

        8.13 Overlay

=================== */

.ovbl-light,

.ovbl-middle,

.ovbl-dark,

.ovgd-light,

.ovgd-middle,

.ovgd-dark,

.ovwh-light,

.ovwh-middle,

.ovwh-dark,

.ovpr-light,

.ovpr-middle,

.ovpr-dark,

.ovpr {

    position: relative;

}

.ovbl-light:before,

.ovbl-middle:before,

.ovbl-dark:before,

.ovgd-light:before,

.ovgd-middle:before,

.ovgd-dark:before,

.ovwh-light:before,

.ovwh-middle:before,

.ovwh-dark:before,

.ovpr-light:before,

.ovpr-middle:before,

.ovpr-dark:before,

.ovpr:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.ovbl-light .container,

.ovbl-light .container-fluid,

.ovbl-light .container-sm,

.ovbl-light .container-md,

.ovbl-light .container-lg,

.ovbl-light .container-xl,

.ovbl-middle .container,

.ovbl-middle .container-fluid,

.ovbl-middle .container-sm,

.ovbl-middle .container-md,

.ovbl-middle .container-lg,

.ovbl-middle .container-xl,

.ovbl-dark .container,

.ovbl-dark .container-fluid,

.ovbl-dark .container-sm,

.ovbl-dark .container-md,

.ovbl-dark .container-lg,

.ovbl-dark .container-xl,

.ovgd-light .container,

.ovgd-light .container-fluid,

.ovgd-light .container-sm,

.ovgd-light .container-md,

.ovgd-light .container-lg,

.ovgd-light .container-xl,

.ovgd-middle .container,

.ovgd-middle .container-fluid,

.ovgd-middle .container-sm,

.ovgd-middle .container-md,

.ovgd-middle .container-lg,

.ovgd-middle .container-xl,

.ovgd-dark .container,

.ovgd-dark .container-fluid,

.ovgd-dark .container-sm,

.ovgd-dark .container-md,

.ovgd-dark .container-lg,

.ovgd-dark .container-xl,

.ovwh-light .container,

.ovwh-light .container-fluid,

.ovwh-light .container-sm,

.ovwh-light .container-md,

.ovwh-light .container-lg,

.ovwh-light .container-xl,

.ovwh-middle .container,

.ovwh-middle .container-fluid,

.ovwh-middle .container-sm,

.ovwh-middle .container-md,

.ovwh-middle .container-lg,

.ovwh-middle .container-xl,

.ovwh-dark .container,

.ovwh-dark .container-fluid,

.ovwh-dark .container-sm,

.ovwh-dark .container-md,

.ovwh-dark .container-lg,

.ovwh-dark .container-xl,

.ovpr-light .container,

.ovpr-light .container-fluid,

.ovpr-light .container-sm,

.ovpr-light .container-md,

.ovpr-light .container-lg,

.ovpr-light .container-xl,

.ovpr-middle .container,

.ovpr-middle .container-fluid,

.ovpr-middle .container-sm,

.ovpr-middle .container-md,

.ovpr-middle .container-lg,

.ovpr-middle .container-xl,

.ovpr-dark .container,

.ovpr-dark .container-fluid,

.ovpr-dark .container-sm,

.ovpr-dark .container-md,

.ovpr-dark .container-lg,

.ovpr-dark .container-xl,

.ovpr .container,

.ovpr .container-fluid,

.ovpr .container-sm,

.ovpr .container-md,

.ovpr .container-lg,

.ovpr .container-xl {

    position: relative;

    z-index: 1;

}



.ovbl-light:before,

.ovbl-middle:before,

.ovbl-dark:before {

    background: #1f2278;

}



.ovgd-light:before,

.ovgd-middle:before,

.ovgd-dark:before {

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);

}



.ovwh-light:before,

.ovwh-middle:before,

.ovwh-dark:before {

    background: #FFF;

}



.ovpr-light:before,

.ovpr-middle:before,

.ovpr-dark:before,

.ovpr:before {

    background: #565acf;

}



.ovpr-light:before,

.ovwh-light:before,

.ovgd-light:before,

.ovbl-light:before {

    opacity: 0.3;

}



.ovpr-middle:before,

.ovwh-middle:before,

.ovgd-middle:before,

.ovbl-middle:before {

    opacity: 0.5;

}



.ovpr-dark:before,

.ovwh-dark:before,

.ovgd-dark:before,

.ovbl-dark:before {

    opacity: 0.9;

}



.overlay-bx {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    z-index: 10;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

}

.overlay-bx .align-b {

    height: auto;

    left: 0;

    list-style: outside none none;

    margin: 0;

    position: absolute;

    top: auto;

    bottom: 0;

    width: 100%;

    transform: translate(0);

    -o-transform: translate(0);

    -moz-transform: translate(0);

    -webkit-transform: translate(0);

}

.overlay-bx .align-m {

    height: auto;

    left: 50%;

    list-style: outside none none;

    margin: 0;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    width: 100%;

    padding: 0 10px;

}



.overlay-icon {

    height: auto;

    left: 50%;

    list-style: outside none none;

    margin: 0;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    width: 100%;

    padding: 0 10px;

}

.overlay-icon a {

    display: inline-block;

    padding: 0;

    margin: 0 2px;

}

.overlay-icon a i {

    background-color: #FFF;

}



/* ==================

        8.22 Testimonial

=================== */

.thumb-wraper {

    display: inline-block;

    position: relative;

}

@media only screen and (max-width: 575px) {

    .thumb-wraper {

        padding: 15px;

    }

}

.thumb-wraper .bg-img {

    position: relative;

    z-index: -2;

}

.thumb-wraper ul li {

    position: absolute;

}

.thumb-wraper ul li a {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    overflow: hidden;

    display: block;

    box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

}

.thumb-wraper ul li a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.thumb-wraper ul li:after {

    content: "";

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    position: absolute;

    background-color: #565acf;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    z-index: -1;

    transform: scale(0);

    border-radius: 50%;

}

.thumb-wraper ul li.active:after {

    transform: scale(1.14);

}

.thumb-wraper ul li:nth-child(1) {

    top: 100px;

    left: 20px;

}

.thumb-wraper ul li:nth-child(2) {

    top: 0px;

    left: 50%;

    transform: translateX(-50%);

}

.thumb-wraper ul li:nth-child(3) {

    top: 100px;

    right: 20px;

}

.thumb-wraper ul li:nth-child(4) {

    right: 30px;

    bottom: 110px;

}

.thumb-wraper ul li:nth-child(5) {

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

}

.thumb-wraper ul li:nth-child(6) {

    left: 30px;

    bottom: 110px;

}

@media only screen and (max-width: 575px) {

    .thumb-wraper ul li:nth-child(2) {

        top: 10px;

    }

    .thumb-wraper ul li:nth-child(5) {

        bottom: 32px;

    }

    .thumb-wraper ul li a {

        width: 50px;

        height: 50px;

    }

}



.testimonial-bx {

    position: relative;

    border-radius: 40px 0 40px 40px;

    box-shadow: 0px 0px 30px rgba(185, 67, 0, 0.1);

    background-color: #f17732;

    padding: 50px;

    margin: 50px 20px 20px;

}

.testimonial-bx:after {

    content: "\f10e";

    position: absolute;

    right: 40px;

    bottom: 20px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 92px;

    color: #fff;

    opacity: 0.3;

    line-height: 92px;

}

.testimonial-bx .testimonial-content p {

    line-height: 28px;

    font-size: 18px;

    color: #fff;

    font-weight: 400;

    font-style: italic;

    margin-bottom: 30px;

}

.testimonial-bx .client-info .name {

    font-weight: 600;

    color: #fff;

    margin-bottom: 8px;

    font-size: 22px;

}

.testimonial-bx .client-info p {

    font-weight: 600;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    margin-bottom: 0;

}

.testimonial-bx .quote-icon {

    position: absolute;

    top: -50px;

    left: 50px;

}

.testimonial-bx .quote-icon i {

    font-size: 36px;

    color: #f17732;

    width: 75px;

    height: 75px;

    text-align: center;

    background-color: #fff;

    line-height: 75px;

    border-radius: 20px;

    box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);

}

@media only screen and (max-width: 1199px) {

    .testimonial-bx {

        border-radius: 30px 0 30px 30px;

        padding: 50px 30px 30px;

    }

    .testimonial-bx .testimonial-content p {

        line-height: 26px;

        font-size: 16px;

    }

    .testimonial-bx .quote-icon {

        top: -45px;

        left: 30px;

    }

}

@media only screen and (max-width: 575px) {

    .testimonial-bx {

        margin: 50px 0px 0px;

    }

    .testimonial-bx:after {

        font-size: 50px;

        line-height: 72px;

    }

    .testimonial-bx .quote-icon {

        top: -35px;

    }

    .testimonial-bx .quote-icon i {

        font-size: 28px;

        width: 65px;

        height: 65px;

        line-height: 65px;

    }

}



.testimonial-slide {

    padding-bottom: 75px;

}

.testimonial-slide .slick-arrow {

    height: 50px;

    width: 50px;

    border-radius: 12px;

    background-color: #ffe4d5;

    color: #f17732;

    font-size: 24px;

    bottom: 0;

    top: auto;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 0;

}

.testimonial-slide .slick-arrow:before {

    content: "";

    font-family: 'Line Awesome Free';

    font-weight: 900;

    color: var(--primary);

    font-size: 24px;

}

.testimonial-slide .slick-arrow:hover {

    background-color: #f17732;

    color: #fff;

}

.testimonial-slide .slick-prev {

    left: 20px;

}

.testimonial-slide .slick-prev:before {

    content: "\f060";

}

.testimonial-slide .slick-next {

    right: auto;

    left: 85px;

}

.testimonial-slide .slick-next:before {

    content: "\f061";

}

.testimonial-slide .swiper-pagination {

    right: 30px;

    display: inline-block;

    text-align: right;

    left: auto;

    width: auto;

    bottom: 0;

    color: #f17732;

    font-weight: 700;

}

.testimonial-slide .swiper-pagination .swiper-pagination-current {

    font-size: 25px;

}

.testimonial-slide .swiper-pagination .swiper-pagination-total {

    font-size: 15px;

    opacity: 0.5;

}

@media only screen and (max-width: 575px) {

    .testimonial-slide {

        padding-bottom: 100px;

    }

    .testimonial-slide .slick-prev {

        left: 0;

    }

    .testimonial-slide .slick-next {

        left: 60px;

    }

    .testimonial-slide .swiper-pagination {

        right: 10px;

    }

}



.testimonial-wraper .pt-img1 {

    top: 165px;

    left: 180px;

}

.testimonial-wraper .pt-img2 {

    bottom: 110px;

    left: 150px;

}

@media only screen and (max-width: 1380px) {

    .testimonial-wraper .pt-img2 {

        bottom: 30px;

        left: 30px;

    }

}

.testimonial-wraper .pt-img3 {

    top: 140px;

    right: 90px;

}

.testimonial-wraper .pt-img4 {

    bottom: 160px;

    right: 160px;

}

@media only screen and (max-width: 1380px) {

    .testimonial-wraper .pt-img4 {

        bottom: 30px;

        right: 30px;

    }

}



/* ==================

        8.3 Action Box

=================== */

.action-wraper .action-inner {

    background-color: #565acf;

    box-shadow: 0 5px 20px rgba(86, 90, 207, 0.2);

    border-radius: 20px;

    padding: 45px;

}

.action-wraper .action-inner .title {

    font-size: 40px;

    color: #fff;

    font-weight: 700;

    margin-bottom: 15px;

}

.action-wraper .action-inner .text {

    margin: 0;

    font-weight: 400;

    color: #fff;

}



/* ==================

        8.10 Filter

=================== */

.filter-mobile {

    display: flex;

    margin-bottom: 30px;

    display: none;

    border: 1px solid rgba(0, 0, 0, 0.1);

    align-items: center;

    text-align: center;

    position: sticky;

    top: 80px;

    background: #fff;

    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);

}

.filter-mobile .filter-bx:first-child {

    border-right: 1px solid rgba(0, 0, 0, 0.1);

}

.filter-mobile .filter-bx {

    width: 50%;

    padding: 10px;

}



.filter-btn i {

    margin-right: 5px;

}

.filter-btn .close {

    display: none;

    opacity: 0;

}

.filter-btn .close:hover {

    background: rgba(255, 255, 255, 0.1);

}



.filter-bx .bootstrap-select .dropdown-toggle {

    max-width: 100px;

    border: 2px solid rgba(0, 0, 0, 0.1) !important;

    border-radius: 4px;

    padding: 2px 10px;

    color: #404040;

    font-weight: 600;

    height: 32px;

}

.filter-bx .bootstrap-select .dropdown-toggle .caret {

    top: 9px;

}



.filter-on .filter-btn.close {

    border: 0;

    z-index: 1;

    position: fixed;

    right: 10px;

    top: 10px;

    color: #565acf;

    opacity: 1;

    font-size: 18px;

    display: block;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    opacity: 1;

}



.filter-left {

    padding: 20px 20px;

    width: 280px;

    position: fixed !important;

    left: -310px;

    top: 0;

    background: #fff;

    z-index: 9999999;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    overflow-y: scroll;

    height: 100%;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}



.filter-left

.filter-bar {

    top: 80px;

    position: sticky;

    z-index: 999;

}



.filter-bar.sticky-top .side-bar {

    z-index: 9;

    top: 0;

    position: unset;

}



.sticky-top.filter-bar {

    z-index: 99999999;

    top: 80px;

    position: sticky;

}



.filter-left:after {

    content: "";

    position: fixed;

    width: 0;

    background: #fff;

    height: 100%;

    z-index: -1;

    left: 0;

    top: 0;

    opacity: 0;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}



.filter-left.filter-on:after {

    width: 100%;

    left: 280px;

    opacity: 0.8;

}



.filter-left.filter-on {

    left: 0;

}



.filter-bar {

    top: 80px;

    position: sticky;

    z-index: 999;

}



.filter-bar.sticky-top .side-bar {

    z-index: 9;

    top: 0;

    position: unset;

}



.sticky-top.filter-bar {

    z-index: 99999999;

    top: 80px;

    position: sticky;

}



/* ==================

        8.14 Pagination

=================== */

.pagination-bx .pagination {

    margin: 0;

    width: 100%;

}



.pagination {

    padding: 10px 0;

    display: block;

}

.pagination li {

    display: inline-block;

    padding: 0 4px;

}

.pagination > li:first-child > a, .pagination > li:first-child > span {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

    margin-left: 0;

}

.pagination > li:last-child > a, .pagination > li:last-child > span {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

}

.pagination > li > a, .pagination > li > span {

    background-color: #fff;

    color: #565acf;

    padding: 12px 15px;

    font-weight: 600;

    font-size: 14px;

    min-width: 40px;

    line-height: 1;

    display: block;

    border-radius: 8px !important;

    border: 2px solid rgba(86, 90, 207, 0.2);

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.pagination > li > a:hover, .pagination > li > span:hover {

    border-color: transparent;

    color: #fff;

}

@media only screen and (max-width: 575px) {

    .pagination > li > a, .pagination > li > span {

        padding: 10px 15px;

    }

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    border-color: transparent;

}

@media only screen and (max-width: 575px) {

    .pagination li {

        margin: 0;

    }

}



.pagination-sm .pagination > li > a, .pagination-sm .pagination > li > span

.pagination-sm .pagination > .previous > a, .pagination-sm .pagination > .next > a {

    font-size: 12px;

    padding: 6px 12px;

}



.pagination-lg .pagination > li > a, .pagination-lg .pagination > li > span

.pagination-lg .pagination > .previous > a, .pagination-lg .pagination > .next > a {

    font-size: 18px;

    padding: 10px 20px;

}



.pagination-bx.primary .pagination > li > a, .pagination-bx.primary .pagination > li > span {

    background-color: #1abc9c;

    color: #fff;

    margin: 0 1px;

    border: 0;

}

.pagination-bx.primary .pagination > li > a:hover, .pagination-bx.primary .pagination > li > span:hover, .pagination-bx.primary .pagination > li.active > span, .pagination-bx.primary .pagination > li.active > a {

    background-color: #148f77;

}



.pagination-bx.rounded .pagination > li > a, .pagination-bx.rounded .pagination > li > span {

    border-radius: 30px;

    margin: 0 1px;

}



.pagination-bx.rounded-sm .pagination > li > a, .pagination-bx.rounded-sm .pagination > li > span {

    border-radius: 4px;

    margin: 0 1px;

    display: block;

    text-transform: uppercase;

    letter-spacing: 2px;

}



.pagination-bx.gray .pagination > li > a, .pagination-bx.gray .pagination > li > span {

    background-color: #f6f7f8;

    margin: 0 1px;

    border: 0;

}

.pagination-bx.gray .pagination > li > a:hover, .pagination-bx.gray .pagination > li > span:hover, .pagination-bx.gray .pagination > li.active > span, .pagination-bx.gray .pagination > li.active > a {

    background-color: #565acf;

    color: #fff;

}



.pagination i {

    font-size: 12px;

}

.pagination li.active a {

    background-color: #565acf;

    color: #fff;

}

.pagination > li.active > a:hover, .pagination > li > a:hover, .pagination > li > span:hover {

    color: #fff;

    background-color: #565acf;

}



/* ==================

        8.12 Home Banner

=================== */

.main-banner {

    position: relative;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    overflow: hidden;

    z-index: 1;

    height: 1085px;

}

.main-banner:after {

    content: "";

    height: 100%;

    width: 100%;

    left: 0;

    bottom: 0;

    position: absolute;

    background-image: url(./assets/images/main-banner/shape1.png);

    background-repeat: no-repeat;

    background-position: bottom left;

    background-size: 100%;

    z-index: -1;

}

.main-banner h1, .main-banner .h1 {

    margin-bottom: 50px;

    font-weight: 800;

    line-height: 1.3;

    color: #1f2278;

    font-size: 55px;

}

.main-banner .btn-lg, .main-banner .btn-group-lg > .btn {

    padding: 20px 45px;

}

.main-banner .title-ext {

    margin: 0 0 20px;

    font-size: 21px;

    font-weight: 700;

    display: inline-block;

    padding: 5px 15px;

    background-position: center;

    background-repeat: repeat;

}

.main-banner .title-ext.text-primary {

    background-image: url(./assets/images/shap/ext-blue.png);

}

.main-banner .title-ext.text-secondary {

    background-image: url(./assets/images/shap/ext-orange.png);

}

.main-banner .tag-list li {

    display: inline-block;

    margin-right: 8px;

    position: relative;

    padding-right: 5px;

    font-size: 14px;

    color: #1f2278;

    font-weight: 600;

}

.main-banner .tag-list li:after {

    content: ",";

    position: absolute;

    bottom: 0;

    right: 0;

    color: #777777;

}

.main-banner .tag-list li.title {

    font-weight: 600;

}

.main-banner .tag-list li.title:after {

    content: none;

}

.main-banner .tag-list li a {

    text-transform: capitalize;

    font-weight: 400;

    color: #666666;

}

.main-banner .tag-list li a:hover {

    color: #565acf;

}

.main-banner .banner-img {

    -webkit-animation: up-down 2.5s infinite  alternate;

    animation: up-down 2.5s infinite  alternate;

    position: relative;

    margin-right: -160px;

    margin-left: -50px;

}

.main-banner .inner-content {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

@media only screen and (max-width: 1680px) {

    .main-banner {

        height: 800px;

    }

    .main-banner .banner-img {

        margin-right: 0;

        margin-left: 0px;

    }

    .main-banner h1, .main-banner .h1 {

        margin-bottom: 30px;

        font-size: 45px;

    }

    .main-banner .title-ext {

        margin: 0 0 10px;

        font-size: 18px;

    }

}

@media only screen and (max-width: 1199px) {

    .main-banner {

        height: 700px;

    }

    .main-banner h1, .main-banner .h1 {

        margin-bottom: 30px;

        font-size: 36px;

    }

    .main-banner .title-ext {

        font-size: 16px;

        margin: 0 0 15px;

    }

}

@media only screen and (max-width: 991px) {

    .main-banner {

        height: 500px;

    }

    .main-banner h1, .main-banner .h1 {

        font-size: 28px;

        margin-bottom: 20px;

    }

    .main-banner .title-ext {

        font-size: 14px;

        margin: 0 0 10px;

        padding: 3px 10px;

    }

    .main-banner .btn-lg, .main-banner .btn-group-lg > .btn {

        padding: 12px 24px;

        font-size: 14px;

    }

}

@media only screen and (max-width: 767px) {

    .main-banner .banner-img {

        margin-right: -40px;

        margin-left: -20px;

    }

    .main-banner h1, .main-banner .h1 {

        font-size: 24px;

        margin-bottom: 20px;

    }

    .main-banner .main-banner {

        height: 500px;

    }

}

@media only screen and (max-width: 575px) {

    .main-banner {

        height: auto;

        padding-top: 100px;

    }

    .main-banner .banner-img {

        margin: 30px 10px;

    }

    .main-banner .inner-content {

        position: unset;

        transform: unset;

    }

}

.main-banner .pt-img1 {

    bottom: 35%;

    left: 5%;

}

@media only screen and (max-width: 1380px) {

    .main-banner .pt-img1 {

        left: 0%;

        bottom: 25%;

    }

}

.main-banner .pt-img2 {

    top: 24%;

    left: 51%;

}

@media only screen and (max-width: 991px) {

    .main-banner .pt-img2 {

        top: 30%;

        left: 55%;

    }

}

.main-banner .pt-img3 {

    top: 23%;

    left: 17%;

}

.main-banner .pt-img4 {

    bottom: 15%;

    left: 41%;

    z-index: 1;

}

@media only screen and (max-width: 991px) {

    .main-banner .pt-img4 {

        bottom: 10%;

        left: 45%;

    }

}

.main-banner .pt-img5 {

    bottom: 150px;

    right: 150px;

}



/* ==================

        8.23 Work Box

=================== */

.work-area .pt-img1 {

    bottom: 15%;

    left: 5%;

}

.work-area .pt-img2 {

    top: 50%;

    right: 5%;

}

@media only screen and (max-width: 991px) {

    .work-area .pt-img2 {

        top: 250px;

        width: 100px;

        height: 100px;

        right: 10px;

    }

}

.work-area .pt-img3 {

    bottom: 10%;

    right: 20%;

}

@media only screen and (max-width: 991px) {

    .work-area .pt-img3 {

        bottom: 120px;

        right: 430px;

    }

}

.work-area .work-bx {

    margin-top: 30px;

}

@media only screen and (max-width: 991px) {

    .work-area .work-bx {

        margin-top: 0;

    }

}

.work-area .work-bx.active {

    margin-top: 0;

}



.work-bx {

    position: relative;

    box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);

    padding: 40px 30px;

    border-radius: 20px;

    background-color: #fff;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    overflow: hidden;

    z-index: 1;

}

.work-bx:after {

    content: "";

    height: 0;

    width: 100%;

    background-color: #f17732;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    transform-origin: top;

    -moz-transform-origin: top;

    -ms-transform-origin: top;

    -webkit-transform-origin: top;

    -o-transform-origin: top;

}

.work-bx .work-num-bx {

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    z-index: 9;

    font-size: 80px;

    font-weight: 900;

    margin-bottom: 30px;

    line-height: 80px;

    -webkit-text-stroke: 2px #f17732;

    text-shadow: 0 10px 0 #ffe3d3;

    color: transparent;

}

.work-bx .work-content {

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.work-bx .work-content p {

    font-size: 14px;

    line-height: 24px;

    font-weight: 500;

    margin-bottom: 30px;

}

.work-bx .btn {

    font-weight: 600;

}

.work-bx.active:after, .work-bx:hover:after {

    height: 100%;

    top: auto;

    bottom: 0;

    transform-origin: bottom;

    -moz-transform-origin: bottom;

    -ms-transform-origin: bottom;

    -webkit-transform-origin: bottom;

    -o-transform-origin: bottom;

    animation-duration: 0.5s;

}

.work-bx.active .work-num-bx, .work-bx:hover .work-num-bx {

    text-shadow: 0 10px 0 #f38f5e;

    -webkit-text-stroke: 2px #fff;

}

.work-bx.active .work-content p,

.work-bx.active .work-content .title, .work-bx:hover .work-content p,

.work-bx:hover .work-content .title {

    color: #fff !important;

}

.work-bx.active .btn, .work-bx:hover .btn {

    background-color: #fff;

    border-color: #fff;

    color: #f17732;

}

.work-bx.active .btn .btn-icon-bx, .work-bx:hover .btn .btn-icon-bx {

    background-color: #f17732;

    color: #fff;

}



/* ==================

        8.1 About Us

=================== */

.about-area .pt-img1 {

    bottom: 20%;

    left: 16%;

}

@media only screen and (max-width: 1380px) {

    .about-area .pt-img1 {

        left: 100px;

    }

}

.about-area .pt-img2 {

    bottom: 5%;

    right: 25%;

}

.about-area .pt-img3 {

    top: 30%;

    right: 7%;

}

.about-area .pt-img4 {

    bottom: 10%;

    right: 1%;

}

.about-area .pt-img5 {

    top: 25%;

    left: 5%;

}

@media only screen and (max-width: 1380px) {

    .about-area .pt-img5 {

        left: 35px;

    }

}



.about-thumb-area {

    margin-right: 30px;

    position: relative;

}

.about-thumb-area ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -20px;

}

.about-thumb-area ul li {

    display: inline-flex;

    padding: 0 10px;

    margin-bottom: 20px;

}

.about-thumb-area ul li:nth-child(1), .about-thumb-area ul li:nth-child(3) {

    width: 45%;

}

.about-thumb-area ul li:nth-child(2), .about-thumb-area ul li:nth-child(4) {

    width: 55%;

}

.about-thumb-area .about-thumb1 {

    border-radius: 0 60px 60px;

    margin-top: auto;

    margin-left: auto;

}

.about-thumb-area .about-thumb2 {

    border-radius: 60px 0 60px 60px;

    margin-top: auto;

    margin-right: auto;

}

.about-thumb-area .about-thumb3 {

    border-radius: 60px 60px 60px 0;

    margin-bottom: auto;

    margin-left: auto;

}

.about-thumb-area .exp-bx {

    background-color: #e6e7ff;

    border-radius: 60px 60px 0px 60px;

    padding: 60px 0px 30px;

    text-align: center;

    line-height: 75px;

    font-size: 120px;

    font-weight: 800;

    position: relative;

    display: block;

    color: #565acf;

    z-index: 2;

    width: 220px;

}

.about-thumb-area .exp-bx span {

    display: block;

    font-size: 18px;

    color: #1f2278;

}

.about-thumb-area .exp-bx:after {

    content: "";

    position: absolute;

    top: 10px;

    left: 10px;

    width: 100%;

    height: 100%;

    border: 2px solid #565acf;

    border-radius: 60px 60px 0px 60px;

    z-index: -1;

}

.about-thumb-area:after {

    content: "";

    position: absolute;

    top: 49%;

    left: 40%;

    width: 50px;

    height: 50px;

    background-color: #f17732;

    border-radius: 15px;

    transform: rotate(45deg);

}

@media only screen and (max-width: 1199px) {

    .about-thumb-area {

        margin-right: 0;

    }

}

@media only screen and (max-width: 991px) {

    .about-thumb-area:after {

        top: 51%;

        left: 41%;

    }

}

@media only screen and (max-width: 767px) {

    .about-thumb-area:after {

        top: 48%;

        left: 40%;

    }

}

@media only screen and (max-width: 575px) {

    .about-thumb-area {

        margin: 0 15px;

    }

    .about-thumb-area ul {

        margin: 0 -10px;

    }

    .about-thumb-area ul li {

        padding: 0 5px;

        margin-bottom: 10px;

    }

    .about-thumb-area .about-thumb2 {

        border-radius: 30px 0 30px 30px;

    }

    .about-thumb-area .about-thumb3 {

        border-radius: 30px 30px 30px 0;

    }

    .about-thumb-area .about-thumb1 {

        border-radius: 0 30px 30px;

    }

    .about-thumb-area .exp-bx {

        padding: 50px 0px 20px;

        border-radius: 30px 30px 0px 30px;

        line-height: 55px;

        font-size: 70px;

        width: 85%;

    }

    .about-thumb-area .exp-bx:after {

        border-radius: 30px 30px 0px 30px;

        top: 8px;

        left: 8px;

    }

    .about-thumb-area .exp-bx span {

        font-size: 12px;

    }

    .about-thumb-area:after {

        top: 43%;

        left: 41%;

        width: 25px;

        height: 25px;

        border-radius: 5px;

    }

}



/* ==================

        8.4 Appointment

=================== */

.account-wraper1 {

    padding-bottom: 100px;

}

.account-wraper1 .appointment-inner {

    background-color: #f5f5fc;

    border-radius: 40px;

    position: relative;

    z-index: 1;

}

@media only screen and (max-width: 767px) {

    .account-wraper1 {

        background-color: #f5f5fc;

    }

}

.account-wraper1 .pt-img1 {

    top: 100px;

    left: 70px;

}

@media only screen and (max-width: 991px) {

    .account-wraper1 .pt-img1 {

        top: 190px;

        left: 10px;

    }

}

@media only screen and (max-width: 1199px) {

    .account-wraper1 .pt-img1 {

        top: 50px;

        left: 50px;

    }

}

.account-wraper1 .pt-img2 {

    left: -90px;

    bottom: 150px;

}

@media only screen and (max-width: 991px) {

    .account-wraper1 .pt-img2 {

        left: -60px;

        bottom: 50px;

    }

}

@media only screen and (max-width: 1199px) {

    .account-wraper1 .pt-img2 {

        left: -60px;

        bottom: -40px;

    }

}

.account-wraper1 .pt-img3 {

    right: -70px;

    top: 50px;

}

@media only screen and (max-width: 1680px) {

    .account-wraper1 .pt-img3 {

        right: 20px;

        top: -30px;

    }

}

.account-wraper1 .pt-img4 {

    right: -40px;

    bottom: 150px;

}

@media only screen and (max-width: 1680px) {

    .account-wraper1 .pt-img4 {

        right: 30px;

        bottom: -30px;

    }

}

@media only screen and (max-width: 1199px) {

    .account-wraper1 {

        padding-bottom: 70px;

    }

}

@media only screen and (max-width: 991px) {

    .account-wraper1 {

        padding-bottom: 50px;

    }

}

@media only screen and (max-width: 767px) {

    .account-wraper1 {

        padding-bottom: 0;

    }

}

@media only screen and (max-width: 575px) {

    .account-wraper1 .container-fluid, .account-wraper1 .container-sm, .account-wraper1 .container-md, .account-wraper1 .container-lg, .account-wraper1 .container-xl {

        padding-left: 0;

        padding-right: 0;

    }

}



.form-wraper .form-group {

    margin-bottom: 20px;

}

.form-wraper .form-select.bootstrap-select {

    padding: 0;

    border: 0;

}

.form-wraper .form-select.bootstrap-select .dropdown-toggle {

    border: 1px solid;

    border-color: rgba(86, 90, 207, 0.3);

    border-radius: 8px;

    height: 60px;

    font-weight: 500;

    font-size: 16px;

    color: #444;

    padding: 18px 25px;

    margin-top: 0;

}

.form-wraper .form-select.bootstrap-select .dropdown-toggle:after {

    content: "\f107";

    position: absolute;

    top: 50%;

    font-family: 'Line Awesome Free';

    right: 20px;

    font-weight: 900;

    border: 0;

    transform: translateY(-50%);

    color: #9a9ccc;

}

.form-wraper .form-select.bootstrap-select .dropdown-menu {

    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);

}

.form-wraper .form-select.bootstrap-select .dropdown-menu .dropdown-item {

    padding: 10px 25px;

    font-size: 14px;

    font-weight: 600;

    color: #1f2278;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.form-wraper .form-select.bootstrap-select .dropdown-menu .dropdown-item:hover {

    background-color: #565acf;

    color: #fff;

}

.form-wraper .form-select.bootstrap-select .dropdown-item.active.selected {

    color: #fff;

}

.form-wraper .form-select.bootstrap-select .dropdown-item.active.selected:hover {

    background-color: #565acf;

}

.form-wraper .form-control {

    border: 1px solid;

    border-color: rgba(86, 90, 207, 0.3);

    border-radius: 8px;

    height: 60px;

    font-weight: 500;

    font-size: 16px;

    color: #000;

}

.form-wraper .form-control:active, .form-wraper .form-control:focus, .form-wraper .form-control:hover {

    border-color: #565acf;

}

.form-wraper .form-control::-webkit-input-placeholder {

    color: #444;

}

.form-wraper .form-control:-ms-input-placeholder {

    color: #444;

}

.form-wraper .form-control::placeholder {

    color: #444;

}

.form-wraper textarea.form-control {

    height: 150px;

}

@media only screen and (max-width: 991px) {

    .form-wraper .form-group {

        margin-bottom: 15px;

    }

}



.appointment-form {

    background-color: #fff;

    box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);

    border-radius: 40px;

    padding: 40px 35px;

    text-align: center;

    position: relative;

}

.appointment-form .title {

    margin-bottom: 30px;

}

.appointment-form button {

    margin-top: 15px;

}

.appointment-form:after {

    content: "";

    position: absolute;

    top: -20px;

    left: -20px;

    border-radius: 40px;

    width: 100%;

    height: 100%;

    border: 2px solid #565acf;

    z-index: -1;

}

@media only screen and (max-width: 1380px) {

    .appointment-form {

        margin-left: 50px;

    }

}

@media only screen and (max-width: 991px) {

    .appointment-form {

        margin-left: 20px;

        padding: 30px;

        border-radius: 20px;

    }

    .appointment-form:after {

        top: -15px;

        left: -15px;

        border-radius: 20px;

    }

    .appointment-form .title {

        margin-bottom: 20px;

        font-size: 20px;

    }

    .appointment-form .form-group {

        margin-bottom: 15px;

    }

    .appointment-form button {

        margin-top: 5px;

    }

}

@media only screen and (max-width: 575px) {

    .appointment-form {

        margin-left: 10px;

        border-radius: 20px;

        padding: 20px;

    }

    .appointment-form .form-control {

        height: 50px;

        font-size: 14px;

        padding: 12px 18px;

    }

    .appointment-form .form-select.bootstrap-select .dropdown-toggle {

        height: 50px;

        font-size: 14px;

        padding: 15px 18px;

    }

    .appointment-form:after {

        top: -10px;

        left: -10px;

        border-radius: 20px;

    }

}



.appointment-thumb {

    position: relative;

    width: 730px;

    margin-left: 70px;

}

.appointment-thumb .images-group img {

    position: absolute;

}

.appointment-thumb .images-group .img1 {

    right: 16px;

    bottom: 16px;

    height: 530px;

    -webkit-animation: left-right 2s infinite alternate;

    animation: left-right 2s infinite alternate;

}

@media only screen and (max-width: 1199px) {

    .appointment-thumb .images-group .img1 {

        right: 10px;

        bottom: 14px;

        height: 430px;

    }

}

.appointment-thumb .images-group .img2 {

    left: 80px;

    bottom: 255px;

    width: 130px;

    -webkit-animation: up-down 2s infinite alternate;

    animation: up-down 2.3s infinite alternate;

}

@media only screen and (max-width: 1199px) {

    .appointment-thumb .images-group .img2 {

        left: 60px;

        bottom: 200px;

        width: 100px;

    }

}

.appointment-thumb .images-group .img3 {

    right: 260px;

    bottom: 120px;

    width: 94px;

    -webkit-animation: up-down 2.5s infinite alternate;

    animation: up-down 2.5s infinite alternate;

}

@media only screen and (max-width: 1199px) {

    .appointment-thumb .images-group .img3 {

        right: 166px;

        bottom: 90px;

        width: 85px;

    }

}

.appointment-thumb .images-group .img4 {

    left: 20px;

    top: 150px;

    -webkit-animation: up-down 1.5s infinite alternate;

    animation: up-down 1.5s infinite alternate;

}

@media only screen and (max-width: 1199px) {

    .appointment-thumb .images-group .img4 {

        left: 10px;

        top: 80px;

    }

}

.appointment-thumb .images-group .img5 {

    right: 70px;

    top: 30px;

    -webkit-animation: up-down 2s infinite alternate;

    animation: up-down 2s infinite alternate;

}

@media only screen and (max-width: 1380px) {

    .appointment-thumb .images-group .img1 {

        height: 400px;

        right: 20px;

    }

    .appointment-thumb .images-group .img2 {

        left: 93px;

        width: 80px;

        bottom: 240px;

    }

    .appointment-thumb .images-group .img3 {

        right: 225px;

        width: 70px;

    }

    .appointment-thumb .images-group .img4 {

        left: 40px;

        width: 50px;

    }

    .appointment-thumb .images-group .img5 {

        right: 80px;

        width: 80px;

    }

}

@media only screen and (max-width: 1199px) {

    .appointment-thumb .images-group .img1 {

        height: 280px;

    }

    .appointment-thumb .images-group .img2 {

        left: 62px;

        width: 60px;

        bottom: 170px;

    }

    .appointment-thumb .images-group .img3 {

        right: 154px;

        width: 50px;

    }

    .appointment-thumb .images-group .img4 {

        left: 20px;

        width: 40px;

    }

    .appointment-thumb .images-group .img5 {

        right: 70px;

        width: 70px;

        top: 60px;

    }

}

@media only screen and (max-width: 991px) {

    .appointment-thumb .images-group .img1 {

        height: 180px;

    }

    .appointment-thumb .images-group .img2 {

        left: 39px;

        width: 50px;

        bottom: 110px;

    }

    .appointment-thumb .images-group .img3 {

        right: 110px;

        width: 40px;

    }

    .appointment-thumb .images-group .img4 {

        left: 15px;

        width: 30px;

    }

    .appointment-thumb .images-group .img5 {

        right: 30px;

        width: 60px;

        top: 40px;

    }

}

@media only screen and (max-width: 1380px) {

    .appointment-thumb {

        width: 650px;

        margin-left: 0;

    }

}

@media only screen and (max-width: 1199px) {

    .appointment-thumb {

        width: 100%;

        padding-left: 0;

    }

}

@media only screen and (max-width: 767px) {

    .appointment-thumb {

        width: 320px;

        margin: 30px auto 0;

    }

}



.account-wraper2 {

    height: 100vh;

    display: flex;

    align-items: center;

    background-color: #f5f5fc;

}

.account-wraper2 .appointment-form {

    padding: 50px 40px;

}

.account-wraper2 .appointment-form button {

    margin-top: 0;

}

.account-wraper2 .logo {

    margin-bottom: 30px;

}

@media only screen and (max-width: 767px) {

    .account-wraper2 .appointment-form {

        padding: 30px;

    }

}



/* ==================

        8.5 Blog & News

=================== */

.blog-card {

    border: 2px solid rgba(86, 90, 207, 0.2);

    background-color: #fff;

    border-radius: 10px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    padding: 20px;

}

.blog-card .post-media {

    border-radius: 6px;

    overflow: hidden;

    margin-bottom: 20px;

}

.blog-card .post-media img {

    width: 100%;

}

.blog-card .post-title {

    margin-bottom: 25px;

}

.blog-card .post-info {

    padding: 12px;

}

@media only screen and (max-width: 991px) {

    .blog-card {

        padding: 15px;

    }

    .blog-card .post-info {

        padding: 5px 5px 10px;

    }

}

@media only screen and (max-width: 575px) {

    .blog-card {

        padding: 10px;

    }

    .blog-card .post-title {

        margin-bottom: 20px;

    }

}

.blog-card:hover {

    box-shadow: 0px 10px 30px 0px rgba(31, 34, 120, 0.1);

    border: 2px solid #fff;

}



.post-meta {

    align-items: center;

    margin-bottom: 15px;

    display: flex;

    flex-wrap: wrap;

}

.post-meta li {

    display: inline-block;

    position: relative;

    font-size: 14px;

    margin-right: 20px;

    color: #f17732;

    line-height: 1;

}

.post-meta li:last-child {

    margin-right: 0;

}

.post-meta li.author a {

    display: flex;

    align-items: center;

}

.post-meta li img {

    border-radius: 30px;

    height: 30px;

    width: 30px;

    display: inline-block;

    margin-right: 10px;

}

.post-meta li i {

    font-size: 18px;

    margin-right: 5px;

}

.post-meta li a {

    color: #f17732;

}



.blog-slide {

    margin-top: -15px;

}

.blog-slide .blog-card {

    margin: 15px;

}

@media only screen and (min-width: 1199px) {

    .blog-slide .slick-active.slick-current + .slick-active .blog-card {

        box-shadow: 0px 10px 30px 0px rgba(31, 34, 120, 0.1);

        border: 2px solid #fff;

    }

}

.blog-slide .swiper-slide {

    margin-bottom: 10px;

}

@media only screen and (max-width: 575px) {

    .blog-slide .blog-card {

        margin: 5px;

    }

}



.blog-area .pt-img1 {

    top: 200px;

    left: 100px;

}

@media only screen and (max-width: 991px) {

    .blog-area .pt-img1 {

        top: 170px;

        left: 30px;

    }

}

.blog-area .pt-img2 {

    bottom: 50px;

    left: 150px;

}

@media only screen and (max-width: 991px) {

    .blog-area .pt-img2 {

        bottom: -50px;

        left: 90px;

    }

}

.blog-area .pt-img3 {

    top: 120px;

    right: 200px;

}

@media only screen and (max-width: 991px) {

    .blog-area .pt-img3 {

        top: 100px;

        right: 20px;

    }

}

.blog-area .pt-img4 {

    bottom: 40px;

    right: 100px;

}

@media only screen and (max-width: 991px) {

    .blog-area .pt-img4 {

        bottom: 30px;

        right: 50px;

    }

}

.blog-area .blog-bg-5 {

    position: absolute;

    top: 60px;

    left: 0;

    z-index: -1;

    opacity: 0.2;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

}

.blog-area .blog-bg-5 svg {

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

}



/* ==================

        8.15 Pattern

=================== */

[class*="pt-img"] {

    position: absolute;

    user-select: none;

    z-index: -1;

}

@media only screen and (max-width: 767px) {

    [class*="pt-img"] {

        display: none;

    }

}



.animate1 {

    -webkit-animation: up-down 1.5s infinite alternate;

    animation: up-down 1.5s infinite alternate;

}

@media only screen and (max-width: 1380px) {

    .animate1 {

        width: 80px;

    }

}



.animate2 {

    -webkit-animation: up-down 2s infinite alternate;

    animation: up-down 2s infinite alternate;

}



.animate-rotate {

    -webkit-animation: rotation 20s infinite linear;

    animation: rotation 20s infinite linear;

}



.animate-wave {

    -webkit-animation: left-right 1.5s infinite alternate;

    animation: left-right 1.5s infinite alternate;

}

@media only screen and (max-width: 1380px) {

    .animate-wave {

        width: 100px;

    }

}



@-webkit-keyframes rotation {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}

@keyframes rotation {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

@-webkit-keyframes move {

    0% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    25% {

        -webkit-transform: translate(10px, 10px);

        transform: translate(10px, 10px);

    }

    50% {

        -webkit-transform: translate(5px, 5px);

        transform: translate(5px, 5px);

    }

    75% {

        -webkit-transform: translate(10px, -5px);

        transform: translate(10px, -5px);

    }

    100% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

}

@-webkit-keyframes up-down {

    0% {

        transform: translatey(0);

    }

    100% {

        transform: translatey(-10px);

    }

}

@keyframes up-down {

    0% {

        transform: translatey(0);

    }

    100% {

        transform: translatey(-10px);

    }

}

@-webkit-keyframes left-right {

    0% {

        transform: translateX(0);

    }

    100% {

        transform: translateX(-10px);

    }

}

@keyframes left-right {

    0% {

        transform: translateX(0);

    }

    100% {

        transform: translateX(-10px);

    }

}

@keyframes vibrate {

    10%,

    90% {

        transform: translate3d(-1px, 0, 0);

    }

    20%,

    80% {

        transform: translate3d(2px, 0, 0);

    }

    30%,

    50%,

    70% {

        transform: translate3d(-4px, 0, 0);

    }

    40%,

    60% {

        transform: translate3d(4px, 0, 0);

    }

}

@keyframes up-down2 {

    0% {

        transform: translate(-50px);

    }

    50% {

        transform: translateX(80px) translateY(-200px);

    }

    100% {

        transform: translate(-50px);

    }

}

/* ==================

        8.21 Team

=================== */

.team-member {

    background-color: #fff;

    text-align: center;

    padding: 35px 40px 50px;

    border-radius: 20px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    z-index: 1;

    position: relative;

    border: 2px solid;

    border-color: rgba(86, 90, 207, 0.2);

}

.team-member .team-info .team-info-comntent {

    margin-bottom: 25px;

}

.team-member .team-info .team-info-comntent span {

    font-size: 16px;

    font-weight: 600;

}

.team-member .team-media {

    padding: 20%;

    position: relative;

    margin-bottom: 20px;

}

.team-member .team-media img {

    -webkit-mask-image: url(./assets/images/team/shape3.png);

    mask-image: url(./assets/images/team/shape3.png);

    -webkit-mask-position: center center;

    mask-position: center center;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    -webkit-mask-size: 100%;

    mask-size: 100%;

}

.team-member .team-media:after, .team-member .team-media:before {

    content: "";

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0.2;

    transform: translate(-50%, -50%);

    top: 50%;

    left: 50%;

}

.team-member .team-media:after {

    background-image: url(./assets/images/team/shape1.png);

    background-size: 100%;

}

.team-member .team-media:before {

    background-image: url(./assets/images/team/shape2.png);

    background-size: 77%;

}

.team-member .social-media {

    display: flex;

    justify-content: center;

    margin: 0 -6px;

}

.team-member .social-media li {

    display: inline-block;

    padding: 0 6px;

}

.team-member .social-media li a {

    display: block;

    height: 40px;

    width: 40px;

    background-color: #565acf;

    border-radius: 8px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    color: #fff;

    line-height: 42px;

    text-align: center;

    box-shadow: 0px 10px 40px 0px rgba(31, 34, 120, 0.1);

}

.team-member.active, .team-member:hover {

    box-shadow: 0px 10px 50px 0px rgba(0, 2, 72, 0.1);

    z-index: 9;

    border-color: #fff;

}

.team-member.active .team-media:before, .team-member.active .team-media:after, .team-member:hover .team-media:before, .team-member:hover .team-media:after {

    opacity: 1;

}

@media only screen and (max-width: 767px) {

    .team-member {

        padding: 20px 30px 30px;

    }

}



.team-wraper .pt-img1 {

    top: 15%;

    left: 10%;

}

.team-wraper .pt-img2 {

    bottom: 30%;

    left: 5%;

}

@media only screen and (max-width: 1380px) {

    .team-wraper .pt-img2 {

        left: 1%;

    }

}

.team-wraper .pt-img3 {

    bottom: -50px;

    left: 58%;

}

.team-wraper .pt-img4 {

    top: 10%;

    right: 25%;

}

.team-wraper .pt-img5 {

    top: 50%;

    right: 5%;

}

@media only screen and (max-width: 1380px) {

    .team-wraper .pt-img5 {

        right: 1%;

    }

}



/* ==================

        8.19 Service Menu

=================== */

.service-menu {

    position: relative;

    background-color: #fff;

    border-radius: 6px 6px 4px 4px !important;

    padding: 30px 30px;

    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);

    border: 1px solid rgba(86, 90, 207, 0.2);

    border-width: 1px 1px 3px 1px;

    border-bottom-color: #565acf;

}

.service-menu li {

    margin-bottom: 10px;

}

.service-menu li a {

    display: block;

    padding: 15px 50px 15px 20px;

    text-transform: capitalize;

    font-weight: 600;

    position: relative;

    z-index: 1;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    color: #fff;

    font-weight: 500;

    font-size: 16px;

    border-radius: 8px;

    background-color: #565acf;

}

.service-menu li a i {

    font-size: 18px;

    text-align: center;

    border-radius: 35px;

    position: absolute;

    right: 8px;

    top: 8px;

    width: 38px;

    height: 38px;

    line-height: 38px;

    background: #fff;

    border-radius: inherit;

    display: inline-block;

    color: #565acf;

}

.service-menu li:last-child {

    margin-bottom: 0;

}

.service-menu li.active a, .service-menu li:hover a {

    background-color: #f17732;

}

.service-menu li.active a i, .service-menu li:hover a i {

    color: #f17732;

}

.service-menu.style-1 li a i {

    font-size: 24px;

}

@media only screen and (max-width: 1199px) {

    .service-menu {

        padding: 15px;

    }

}



.left-border-1 {

    padding-left: 30px;

    border-left: 1px solid rgba(0, 0, 0, 0.1);

}



.contact-infolist {

    margin: 0 0 40px;

    padding: 25px 0 5px;

    list-style: none;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.contact-infolist li {

    position: relative;

    padding: 0 20px 20px 80px;

}

.contact-infolist li img {

    position: absolute;

    left: 0;

    top: 10px;

    width: 60px;

}

.contact-infolist li .contact-title {

    color: #020d26;

    font-size: 20px;

    line-height: 28px;

    font-weight: 600;

    margin-bottom: 2px;

}

.contact-infolist li a,

.contact-infolist li p {

    font-size: 16px;

    line-height: 24px;

    color: #555;

    font-weight: 400;

    margin-bottom: 5px;

}



/* ==================

        8.17 Back To Top

=================== */

button.back-to-top {

    border-style: solid;

    border-width: 0;

    bottom: 15px;

    box-shadow: 0px 10px 30px 0px rgba(31, 34, 120, 0.1);

    color: #fff;

    background-color: #565acf;

    border-radius: 8px;

    cursor: pointer;

    height: 45px;

    margin: 0;

    position: fixed;

    right: 15px;

    text-align: center;

    width: 45px;

    z-index: 999;

    padding: 0;

    font-size: 12px;

}

@media only screen and (max-width: 575px) {

    button.back-to-top {

        height: 35px;

        width: 35px;

    }

}



/* ==================

        10. Pages

=================== */

/* ==================

        10.1 Index

=================== */

.mfp-bg {

    z-index: 999999;

}



.mfp-wrap {

    z-index: 9999999;

}



.service-wraper {

    position: relative;

    z-index: 1;

    overflow: hidden;

    padding-left: calc((100% - 1200px) / 2);

}

.service-wraper:after {

    content: "";

    background-color: #565acf;

    height: 100%;

    width: 45%;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

    border-radius: 40px 0 0 40px;

}

.service-wraper .pt-img1 {

    top: 60px;

    left: 80px;

    opacity: 0.2;

}

@media only screen and (max-width: 991px) {

    .service-wraper .pt-img1 {

        top: 10px;

        left: 80px;

    }

}

@media only screen and (max-width: 1199px) {

    .service-wraper .pt-img1 {

        top: 20px;

        left: 80px;

    }

}

.service-wraper .pt-img2 {

    bottom: 150px;

    left: 140px;

}

@media only screen and (max-width: 1380px) {

    .service-wraper .pt-img2 {

        bottom: 50px;

        left: 150px;

    }

}

.service-wraper .pt-img3 {

    bottom: 60px;

    left: 50%;

}

@media only screen and (max-width: 991px) {

    .service-wraper .pt-img3 {

        display: none;

    }

}

.service-wraper .pt-img4 {

    top: 10px;

    left: 40%;

}

.service-wraper .feature-container {

    margin: 15px;

}

.service-wraper .slick-slider {

    margin-right: -100px;

}

@media only screen and (max-width: 1380px) {

    .service-wraper {

        padding-left: 30px;

        padding-right: 30px;

    }

}

@media only screen and (max-width: 1199px) {

    .service-wraper .slick-slider {

        margin-right: -15px;

        margin-left: -15px;

    }

}

@media only screen and (max-width: 991px) {

    .service-wraper:after {

        width: 100%;

        border-radius: 0;

    }

    .service-wraper .heading-bx .title,

    .service-wraper .heading-bx p {

        color: #fff;

    }

}

@media only screen and (max-width: 767px) {

    .service-wraper {

        padding-left: 15px;

        padding-right: 15px;

    }

}



.service-wraper2 {

    background-color: rgba(86, 90, 207, 0.1);

}



.contact-banner .page-banner-entry {

    padding-bottom: 140px;

}



.contact-wraper {

    background-color: #fff;

    box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);

    border-radius: 40px;

    padding: 70px 50px 40px;

    position: relative;

    margin-top: -150px;

}

.contact-wraper .contact-form .form-group {

    margin-bottom: 30px;

}

@media only screen and (max-width: 575px) {

    .contact-wraper .contact-form .form-group {

        margin-bottom: 20px;

    }

}

@media only screen and (max-width: 1199px) {

    .contact-wraper {

        padding: 50px 40px 20px;

    }

}

@media only screen and (max-width: 575px) {

    .contact-wraper {

        padding: 30px 30px 0px;

        border-radius: 20px;

    }

}



.contact-info {

    padding: 50px 50px 30px;

    color: #fff;

    overflow: hidden;

    border-radius: 8px;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin-left: 50px;

}

.contact-info .info-inner {

    position: relative;

    z-index: 1;

}

.contact-info .info-inner .title {

    color: #fff;

}

.contact-info .social-media {

    margin: 0 -3px;

}

.contact-info .social-media li {

    display: inline-block;

    padding: 0 3px;

}

.contact-info .social-media li a {

    color: #565acf;

    background-color: #fff;

}

.contact-info .icon-box {

    margin-right: 100px;

    margin-bottom: 30px;

}

.contact-info .icon-box p {

    font-size: 14px;

}

.contact-info .icon-box .title {

    margin-bottom: 12px;

    border-bottom: 2px solid rgba(255, 255, 255, 0.2);

    padding-bottom: 10px;

    display: flex;

    align-items: center;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 600;

}

.contact-info .icon-box .title i {

    font-size: 24px;

    margin-right: 10px;

    color: #fff;

}

@media only screen and (max-width: 1199px) {

    .contact-info {

        margin-left: 0;

    }

}

@media only screen and (max-width: 575px) {

    .contact-info {

        padding: 30px 30px 0px;

    }

    .contact-info .icon-box {

        margin-right: 0;

    }

}



@media only screen and (max-width: 575px) {

    #rc-imageselect,

    .g-recaptcha {

        transform-origin: 0 0;

        -moz-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        -webkit-transform-origin: 0 0;

        transform: scale(0.8);

        -moz-transform: scale(0.8);

        -o-transform: scale(0.8);

        -webkit-transform: scale(0.8);

        margin-bottom: -15px;

    }

}

.social-media {

    margin: 0 -3px;

}

.social-media li {

    display: inline-block;

    padding: 0 3px;

}

.social-media li a {

    display: block;

    height: 40px;

    width: 40px;

    line-height: 40px;

    background-color: #565acf;

    color: #fff;

    text-align: center;

    border-radius: 8px;

    box-shadow: 0px 10px 40px 0px rgba(31, 34, 120, 0.1);

    font-size: 16px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.social-media li a:hover {

    color: #fff;

    background-color: #f17732;

}



.skillbar-box .title {

    margin-bottom: 0;

}

.skillbar-box .skillbar {

    position: relative;

    display: inline-block;

    background: rgba(0, 0, 0, 0.15);

    height: 6px;

    width: 100%;

    text-align: left;

    border-radius: 10px;

}

.skillbar-box .skillbar-bar {

    height: 6px;

    border-radius: 10px;

    width: 0px;

    background: #565acf;

    display: inline-block;

    position: absolute;

    top: 0;

    margin-bottom: 0px;

    overflow: unset !important;

}

.skillbar-box .skillbar-bar:after {

    content: "";

    border-radius: 15px;

    background: #fff;

    width: 20px;

    height: 20px;

    position: absolute;

    right: -5px;

    border: 3px solid #565acf;

    top: -8px;

}

.skillbar-box .skill-bar-percent {

    position: absolute;

    top: -35px;

    right: 0;

    color: #565acf;

    font-weight: 700;

    font-size: 16px;

}

.skillbar-box .skill-bar-text {

    top: -22px;

    position: absolute;

}

.skillbar-box .skillbar-bar-main {

    padding: 30px 30px 20px 30px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    background: #f3f3f3;

}

.skillbar-box .skillbar-box {

    margin-bottom: 25px;

}

.skillbar-box .skillbar-bar-main.white .title {

    color: #fff;

}

.skillbar-box .skillbar-bar-main.white .skillbar {

    background: rgba(255, 255, 255, 0.15);

}

.skillbar-box .skillbar-bar-main.white .skillbar-bar {

    background: #f17732;

}

.skillbar-box .skillbar-bar-main.white .skill-bar-percent {

    color: #f17732;

}



.service-wraper3 {

    position: relative;

}

.service-wraper3:before {

    content: "";

    border-radius: 50%;

    position: absolute;

    height: 250px;

    width: 250px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: rgba(86, 90, 207, 0.1);

    z-index: -1;

}



.slick-arrow-none .slick-arrow {

    display: none !important;

}



/* ==================

        10.3 Service

=================== */

.help-bx {

    position: relative;

    border-radius: 8px;

    overflow: hidden;

}

.help-bx .info {

    padding: 70px 50px;

    text-align: center;

    z-index: 1;

    background-color: rgba(86, 90, 207, 0.9);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.help-bx .info img {

    max-width: 60px;

    margin-bottom: 20px;

}

.help-bx .title {

    color: #fff;

    margin-bottom: 15px;

}

.help-bx p {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 30px;

    color: #fff;

}



.brochure-bx {

    position: relative;

    background-color: #fff;

    border-radius: 6px 6px 4px 4px !important;

    padding: 30px 30px;

    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);

    border: 1px solid rgba(86, 90, 207, 0.2);

    border-width: 1px 1px 3px 1px;

    border-bottom-color: #565acf;

}

.brochure-bx .title-head {

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

    padding-bottom: 8px;

    position: relative;

    margin-bottom: 30px;

}

.brochure-bx .title-head:after {

    background: #565acf;

    content: "";

    width: 30px;

    height: 3px;

    position: absolute;

    bottom: -2px;

    left: 0;

}

@media only screen and (max-width: 575px) {

    .brochure-bx {

        padding: 15px;

    }

    .brochure-bx .title-head {

        margin-bottom: 20px;

    }

}



.download-link {

    position: relative;

    display: block;

    padding: 15px 15px 15px 65px;

    margin-top: 20px;

    border-radius: 8px;

    background-color: #565acf;

}

.download-link .title {

    font-size: 15px;

    margin: 0;

    line-height: 22px;

    color: #fff;

}

.download-link span {

    color: #fff;

    font-size: 14px;

    line-height: 18px;

}

.download-link img {

    width: 40px;

    position: absolute;

    left: 15px;

    top: 18px;

}

@media only screen and (max-width: 575px) {

    .download-link {

        margin-top: 10px;

    }

}



.list-check-squer li {

    display: block;

    color: #1f2278;

    font-size: 20px;

    font-family: 'Roboto Condensed';

    font-weight: 500;

    position: relative;

    padding: 8px 15px 7px 50px;

    margin-bottom: 10px;

    line-height: 20px;

}

.list-check-squer li:before {

    content: "\f00c";

    font-family: 'Line Awesome Free';

    font-weight: 900;

    background-color: #565acf;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    width: 35px;

    height: 35px;

    display: block;

    text-align: center;

    line-height: 35px;

    color: #fff;

    position: absolute;

    left: 0;

    top: 50%;

    border-radius: 4px;

    transform: translateY(-50%);

}

.list-check-squer li:hover:before {

    background-color: #f17732;

}

@media only screen and (max-width: 575px) {

    .list-check-squer li {

        font-size: 18px;

        padding: 8px 15px 7px 46px;

    }

}



/* ==================

        10.4 Error 404

=================== */

.error-404 .inner-content {

    text-align: center;

    max-width: 550px;

    margin: auto;

}

.error-404 .error-title {

    font-size: 180px;

    line-height: 180px;

    margin-bottom: 15px;

}

.error-404 .error-title span {

    width: 145px;

    height: 145px;

    display: inline-block;

    background-image: url(./assets/images/error.gif);

    background-size: 100%;

    margin: 0 10px;

}

.error-404 .error-text {

    margin-bottom: 15px;

}

.error-404 p {

    margin-bottom: 30px;

}

@media only screen and (max-width: 575px) {

    .error-404 .error-title {

        font-size: 120px;

        line-height: 120px;

    }

    .error-404 .error-title span {

        width: 100px;

        height: 100px;

    }

}



/* ==================

        10.2 Blog Details

=================== */

.blog-single {

    margin-bottom: 60px;

    box-shadow: unset;

    padding: 0;

    border: 0;

}

.blog-single .ttr-post-title {

    margin-bottom: 10px;

}

.blog-single .ttr-post-title .post-title {

    margin-bottom: 10px;

}

.blog-single .action-box {

    margin-bottom: 30px;

}

.blog-single .ttr-post-text {

    margin-top: 10px;

}

.blog-single .ttr-post-text ul {

    padding: 0;

}

.blog-single .share-post li:first-child {

    margin-right: 5px;

}

.blog-single .ttr-post-text ul li {

    padding: 5px 0;

}

.blog-single .ttr-post-footer {

    display: flex;

    align-items: center;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-width: 1px 0;

    padding: 12px 0;

    margin-top: 30px;

    justify-content: space-between;

}

.blog-single .ttr-post-footer .post-tags a {

    color: #565acf;

    font-size: 15px;

    font-weight: 600;

    text-transform: capitalize;

    margin-right: 10px;

}

.blog-single .ttr-post-footer strong {

    font-size: 15px;

    font-weight: 600;

    margin-right: 10px;

}

.blog-single .ttr-post-footer .social-media {

    margin-bottom: 0;

}

.blog-single .ttr-post-meta {

    margin-bottom: 0;

}

.blog-single .ttr-post-tags {

    margin-top: 20px;

}

.blog-single .ttr-post-media {

    border-radius: 4px;

}

@media only screen and (max-width: 767px) {

    .blog-single {

        margin-bottom: 40px;

    }

    .blog-single .ttr-post-footer {

        display: block;

    }

    .blog-single .ttr-post-footer .social-media {

        margin: 15px 0 0;

    }

    .blog-single .wp-block-gallery {

        margin-bottom: 5px;

    }

}

.blog-single:hover {

    box-shadow: unset;

    border: 0;

}



.comments-area {

    padding: 0;

}

.comments-area .comments-title {

    text-transform: uppercase;

    font-size: 24px;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 30px;

}



ol.comment-list {

    margin-bottom: 60px;

    list-style: none;

    padding-left: 0;

}

ol.comment-list li.comment {

    position: relative;

    padding: 0;

}

ol.comment-list li.comment .comment-body {

    margin-bottom: 30px;

    position: relative;

    background-color: #fff;

    border-radius: 6px 6px 4px 4px;

    padding: 30px 30px;

    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);

    border: 1px solid rgba(86, 90, 207, 0.2);

    border-width: 1px 1px 3px 1px;

    border-bottom-color: #565acf;

}

ol.comment-list li.comment .comment-author {

    margin-bottom: 15px;

    display: flex;

    align-items: center;

}

ol.comment-list li.comment .comment-author .avatar {

    width: 70px;

    height: 70px;

    border-radius: 14px;

    -webkit-border-radius: 14px;

    background: #fff;

    padding: 4px;

    margin-right: 16px;

    box-shadow: 0 0 30px 0 rgba(0, 10, 105, 0.03);

}

ol.comment-list li.comment .comment-author .fn {

    display: inline-block;

    color: #1f2278;

    font-size: 20px;

    font-weight: 700;

    font-style: normal;

    margin-bottom: 5px;

    line-height: 28px;

}

ol.comment-list li.comment .comment-author .says {

    display: none;

    color: #999999;

    font-weight: 600;

}

ol.comment-list li.comment .comment-meta {

    color: #8d8d8d;

    text-transform: uppercase;

}

ol.comment-list li.comment .comment-meta a {

    color: #565acf;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0;

    text-transform: uppercase;

}

ol.comment-list li.comment p {

    margin: 0 0 5px;

    font-size: 15px;

}

ol.comment-list li.comment .reply a {

    background: #565acf;

    padding: 6px 14px;

    border-radius: 8px;

    display: inline-block;

    margin-top: 12px;

    font-size: 12px;

    font-weight: 600;

    color: #fff;

    text-transform: uppercase;

}

ol.comment-list li.comment .reply a:hover {

    background-color: #565acf;

    color: #fff;

}

ol.comment-list li.comment .comment-respond .comment-form p {

    padding: 0 15px;

}

ol.comment-list li .children {

    list-style: none;

    margin-left: 80px;

    padding: 0;

}

ol.comment-list li .children li {

    padding: 0;

}

@media only screen and (max-width: 767px) {

    ol.comment-list {

        margin-bottom: 40px;

    }

    ol.comment-list .padding-30 {

        padding: 15px;

    }

    ol.comment-list li.comment .comment-body {

        margin-bottom: 30px;

    }

    ol.comment-list li.comment .reply a {

        position: static;

    }

    ol.comment-list li .children {

        margin-left: 30px;

    }

}

@media only screen and (max-width: 575px) {

    ol.comment-list li.comment .comment-body {

        padding: 25px;

    }

}



.comment-respond {

    position: relative;

    background-color: #fff;

    border-radius: 6px 6px 4px 4px;

    padding: 30px 30px;

    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);

    border: 1px solid rgba(86, 90, 207, 0.2);

    border-width: 1px 1px 3px 1px;

    border-bottom-color: #565acf;

}

.comment-respond .comment-reply-title {

    margin-bottom: 25px;

}

.comment-respond .comment-form {

    margin: 0 -10px;

}

.comment-respond .comment-notes {

    display: none;

}

.comment-respond p {

    width: 50%;

    float: left;

    padding: 0 10px;

    margin-bottom: 20px;

    position: relative;

}

.comment-respond p.form-allowed-tags {

    width: 100%;

}



.comments-area .comment-form p label {

    display: none;

    line-height: 18px;

    margin-bottom: 10px;

}

.comments-area .comment-form p input[type="text"],

.comments-area .comment-form p textarea {

    width: 100%;

    height: 50px;

    padding: 15px 25px;

    border: 1px solid;

    text-transform: capitalize;

    color: #000;

    background: #fff;

    font-size: 16px;

    border-color: rgba(86, 90, 207, 0.3);

    border-radius: 6px;

    font-weight: 500;

}

.comments-area .comment-form p input[type="text"]::-webkit-input-placeholder,

.comments-area .comment-form p textarea::-webkit-input-placeholder {

    color: #444;

}

.comments-area .comment-form p input[type="text"]:-ms-input-placeholder,

.comments-area .comment-form p textarea:-ms-input-placeholder {

    color: #444;

}

.comments-area .comment-form p input[type="text"]::placeholder,

.comments-area .comment-form p textarea::placeholder {

    color: #444;

}

.comments-area .comment-form p input[type="text"]:hover,

.comments-area .comment-form p textarea:hover,

.comments-area .comment-form p input[type="text"]:focus,

.comments-area .comment-form p textarea:focus {

    border-color: #565acf;

    box-shadow: none;

    outline: none;

}

.comments-area .comment-form p.comment-form-comment {

    width: 100%;

    display: block;

    clear: both;

}

.comments-area .comment-form p textarea {

    height: 120px;

}

.comments-area .comment-form p.form-submit {

    clear: both;

    float: none;

    width: 100%;

    margin: 0;

}

.comments-area .comment-form p input[type="submit"] {

    background-color: #565acf;

    color: #fff;

    display: inline-block;

    font-weight: 500;

    font-size: 14px;

    padding: 15px 30px;

    border: 2px solid;

    border-color: #565acf;

    border-radius: 8px;

    text-decoration: none;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    line-height: 1.2;

}

.comments-area .comment-form p input[type="submit"]:hover,

.comments-area .comment-form p input[type="submit"]:focus,

.comments-area .comment-form p input[type="submit"]:active {

    background-color: #4247c9;

}

@media only screen and (max-width: 767px) {

    .comments-area .comment-form p {

        width: 100%;

        float: none;

        margin-bottom: 20px;

    }

    .comments-area .comment-respond {

        padding: 20px;

    }

}



.author-box {

    margin-bottom: 50px;

    position: relative;

    background-color: #fff;

    border-radius: 6px 6px 4px 4px;

    padding: 30px 30px;

    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);

    border: 1px solid rgba(86, 90, 207, 0.2);

    border-width: 1px 1px 3px 1px;

    border-bottom-color: #565acf;

}

.author-box.blog-user .author-profile-info {

    display: flex;

}

@media only screen and (max-width: 575px) {

    .author-box.blog-user .author-profile-info {

        display: block;

    }

}

.author-box .author-profile-pic {

    width: 100px;

    height: 100px;

    min-width: 100px;

    border-radius: 10px;

    overflow: hidden;

    z-index: 2;

    position: relative;

    margin-right: 20px;

}

.author-box .author-profile-pic img {

    width: 100%;

    min-width: 100px;

    height: 100px;

    border-radius: 4px;

    overflow: hidden;

    box-shadow: none;

    z-index: 2;

    position: relative;

    margin: 0 auto;

    border: 0;

}

.author-box .author-profile-pic h6, .author-box .author-profile-pic .h6 {

    font-size: 24px;

    line-height: 32px;

    margin-bottom: 5px;

}

.author-box .author-profile-pic p {

    margin-bottom: 15px;

    font-size: 18px;

    line-height: 24px;

}

@media only screen and (max-width: 575px) {

    .author-box .author-profile-pic {

        margin-bottom: 20px;

    }

}



.min-container,

.blog-post.blog-single {

    max-width: 750px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 15px;

    padding-right: 15px;

}



.max-container {

    max-width: 1500px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 55px;

    padding-right: 55px;

}



.blog-post.blog-single .ttr-post-info {

    padding: 0;

}

.blog-post.blog-single .ttr-post-text.text > ol, .blog-post.blog-single .ttr-post-text.text > ul {

    padding-left: 30px;

}

.blog-post.blog-single .ttr-post-text.text > ol li, .blog-post.blog-single .ttr-post-text.text > ul li {

    padding: 5px 5px;

    color: #2b2d2e;

}

.blog-post.blog-single .ttr-post-text.text > .wp-block-gallery {

    padding: 0;

    list-style: none;

}

.blog-post.blog-single .ttr-post-text.text > .wp-block-gallery li {

    padding: 0;

    list-style: none;

    margin: 10px;

}

.blog-post.blog-single .ttr-post-text ul li,

.blog-post.blog-single .ttr-post-text ol li,

.blog-post.blog-single .ttr-post-text p {

    font-size: 15px;

    line-height: 28px;

}

.blog-post.blog-single .ttr-post-text p {

    margin-bottom: 28px;

}

.blog-post.blog-single .ttr-post-text .wp-block-gallery {

    margin-left: calc(-190px - (10px/2));

    margin-right: calc(-190px - (10px/2));

    width: calc(100% + 380px + 10px);

    max-width: initial;

}

.blog-post.blog-single .ttr-post-text > div + p:first-letter, .blog-post.blog-single .ttr-post-text > p:first-child:first-letter {

    color: #6d9ec4;

    font-size: 100px;

    float: left;

    margin-right: 20px;

    margin-bottom: 14px;

    margin-top: 15px;

}

.blog-post.blog-single .ttr-post-text .has-large-font-size {

    font-size: 36px;

    line-height: 50px;

    color: #000;

}



.content-spacious-full .wp-block-gallery {

    margin-left: calc(-200px - (10px/2));

    margin-right: calc(-200px - (10px/2));

    width: calc(100% + 400px + 10px);

    max-width: initial;

}



.alignwide {

    margin-left: calc(-100px - (10px/2));

    margin-right: calc(-100px - (10px/2));

    width: calc(100% + 200px + 10px);

    max-width: initial;

}



.alignfullwide {

    margin-left: calc(50% - 50vw - (var(--content-share-ml,0px)/2));

    width: 100vw;

    max-width: 100vw;

    box-sizing: border-box;

}



.ttr-post-text h1, .ttr-post-text .h1,

.thm-unit-test .ttr-post-text h1,

.thm-unit-test .ttr-post-text .h1 {

    font-size: 36px;

    line-height: 45px;

    margin-bottom: 10px;

    font-weight: 700;

}



.ttr-post-text h2, .ttr-post-text .h2,

.thm-unit-test .ttr-post-text h2,

.thm-unit-test .ttr-post-text .h2 {

    font-size: 32px;

    line-height: 45px;

    margin-bottom: 5px;

    font-weight: 700;

}



.ttr-post-text h3, .ttr-post-text .h3,

.thm-unit-test .ttr-post-text h3,

.thm-unit-test .ttr-post-text .h3 {

    font-size: 28px;

    line-height: 35px;

    margin-bottom: 8px;

    font-weight: 700;

}



.ttr-post-text h4, .ttr-post-text .h4,

.thm-unit-test .ttr-post-text h4,

.thm-unit-test .ttr-post-text .h4 {

    font-size: 22px;

    line-height: 32px;

    margin-bottom: 5px;

    font-weight: 600;

}



.ttr-post-text h5, .ttr-post-text .h5,

.thm-unit-test .ttr-post-text h5,

.thm-unit-test .ttr-post-text .h5 {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 8px;

    font-weight: 600;

}



.ttr-post-text h6, .ttr-post-text .h6,

.thm-unit-test .ttr-post-text h6,

.thm-unit-test .ttr-post-text .h6 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 10px;

    font-weight: 600;

}



pre {

    margin: 0 0 25px;

    padding: 20px;

    color: #ddd;

    background-color: #222;

    white-space: pre;

    text-shadow: 0 1px 0 #000;

    border-radius: 5px;

    border-bottom: 1px solid #555;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) inset, 0 0 20px rgba(0, 0, 0, 0.2) inset;

}



blockquote {

    padding: 25px 30px 25px 140px;

    font-size: 20px;

    color: #fff;

    margin: 25px 0;

    line-height: 1.7;

    position: relative;

    clear: both;

    background: #f17732;

    border-radius: 10px;

    box-shadow: 0 7px 50px -20px #f17732;

}

blockquote:after {

    content: "";

    background-image: url(./assets/images/quote.png);

    position: absolute;

    width: 90px;

    height: 90px;

    left: 30px;

    top: 30px;

    background-size: cover;

}

blockquote p {

    color: inherit;

    margin-bottom: 0px;

    font-weight: 600;

    font-style: italic;

}

@media only screen and (max-width: 767px) {

    blockquote {

        font-size: 16px;

        padding: 25px 25px 25px 90px;

    }

    blockquote:after {

        width: 40px;

        height: 40px;

    }

}

@media only screen and (max-width: 575px) {

    blockquote {

        font-size: 15px;

        padding: 20px 20px 20px 80px;

    }

    blockquote:after {

        left: 20px;

        top: 20px;

    }

}



.paginate-links {

    display: flex;

    align-items: center;

    margin: 20px 0;

}



.paginate-links a,

.paginate-links > span {

    margin: 0 0 0 10px;

    position: relative;

    border: 0px solid #6cc000;

    color: #000;

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    line-height: 40px;

    min-width: 40px;

    height: 40px;

    text-align: center;

    text-transform: capitalize;

    transition: all 500ms ease 0s;

    background: #E0E0E0;

    border-radius: 3px;

}



.wp-block-button__link {

    border-radius: 4px;

    font-size: 16px;

    padding: 10px 30px;

    font-weight: 700;

}



.wp-block-gallery {

    display: flex;

    flex-wrap: wrap;

    list-style-type: none;

    padding: 0;

}

.wp-block-gallery .blocks-gallery-image,

.wp-block-gallery .blocks-gallery-item {

    display: flex;

    flex-direction: column;

    flex-grow: 1;

    justify-content: center;

    margin: 0 8px 8px 0;

    position: relative;

    width: calc(50% - 8px);

}

.wp-block-gallery .blocks-gallery-image figure,

.wp-block-gallery .blocks-gallery-item figure {

    height: 100%;

    margin: 0;

}

.wp-block-gallery .blocks-gallery-image img,

.wp-block-gallery .blocks-gallery-item img {

    display: block;

    height: auto;

    max-width: 100%;

    width: 100%;

}

.wp-block-gallery .blocks-gallery-image figcaption,

.wp-block-gallery .blocks-gallery-item figcaption {

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 60%, transparent);

    bottom: 0;

    color: #fff;

    font-size: 13px;

    max-height: 100%;

    overflow: auto;

    padding: 40px 10px 5px;

    position: absolute;

    text-align: center;

    width: 100%;

}

.wp-block-gallery .blocks-gallery-image figcaption img,

.wp-block-gallery .blocks-gallery-item figcaption img {

    display: inline;

}

.wp-block-gallery .blocks-gallery-image:last-child,

.wp-block-gallery .blocks-gallery-item:last-child {

    margin-right: 0;

}

.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),

.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {

    margin-right: 0;

}

.wp-block-gallery .blocks-gallery-item.has-add-item-button {

    width: 100%;

}

.wp-block-gallery.aligncenter .blocks-gallery-item figure {

    justify-content: center;

}

.wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {

    margin-right: 8px;

}

.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item {

    margin-right: 0;

    width: 100%;

}

.wp-block-gallery.is-cropped .blocks-gallery-image a,

.wp-block-gallery.is-cropped .blocks-gallery-image img,

.wp-block-gallery.is-cropped .blocks-gallery-item a,

.wp-block-gallery.is-cropped .blocks-gallery-item img {

    width: 100%;

}

.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {

    display: flex;

}

.wp-block-gallery.alignleft, .wp-block-gallery.alignright {

    max-width: 305px;

    width: 100%;

}



.wp-block-image.alignfullwide img {

    border-radius: 0;

}

.wp-block-image img {

    border-radius: 10px;

}



.aligncenter {

    text-align: center;

}



@supports (position: -webkit-sticky) or (position: sticky) {

    .wp-block-gallery .blocks-gallery-image figure {

        align-items: flex-end;

        display: flex;

        justify-content: flex-start;

    }

}

@supports (position: -webkit-sticky) or (position: sticky) {

    .wp-block-gallery .blocks-gallery-image img,

    .wp-block-gallery .blocks-gallery-item img {

        width: auto;

    }

}

@supports (position: -webkit-sticky) or (position: sticky) {

    .wp-block-gallery.is-cropped .blocks-gallery-image a,

    .wp-block-gallery.is-cropped .blocks-gallery-image img {

        -o-object-fit: cover;

        flex: 1;

        height: 100%;

        object-fit: cover;

    }

}

@media only screen and (max-width: 1024px) {

    .alignwide {

        margin-left: 0;

        margin-right: 0;

        width: 100%;

        max-width: 100%;

    }

    .alignwide .alignleft {

        margin: 5px 0px 25px 0;

        float: none;

    }

    .alignwide .alignleft img {

        width: 100%;

    }

}

@media (min-width: 600px) {

    .wp-block-gallery.columns-3 .blocks-gallery-image,

    .wp-block-gallery.columns-3 .blocks-gallery-item {

        margin-right: 20px;

        width: calc(33.33333% - 10.66667px);

    }

    .wp-block-gallery.columns-4 .blocks-gallery-image,

    .wp-block-gallery.columns-4 .blocks-gallery-item {

        margin-right: 20px;

        width: calc(25% - 12px);

    }

    .wp-block-gallery.columns-5 .blocks-gallery-image,

    .wp-block-gallery.columns-5 .blocks-gallery-item {

        margin-right: 20px;

        width: calc(20% - 12.8px);

    }

    .wp-block-gallery.columns-6 .blocks-gallery-image,

    .wp-block-gallery.columns-6 .blocks-gallery-item {

        margin-right: 20px;

        width: calc(16.66667% - 13.33333px);

    }

    .wp-block-gallery.columns-7 .blocks-gallery-image,

    .wp-block-gallery.columns-7 .blocks-gallery-item {

        margin-right: 20px;

        width: calc(14.28571% - 13.71429px);

    }

    .wp-block-gallery.columns-8 .blocks-gallery-image,

    .wp-block-gallery.columns-8 .blocks-gallery-item {

        margin-right: 20px;

        width: calc(12.5% - 14px);

    }

    .wp-block-gallery.columns-1 .blocks-gallery-image:last-child,

    .wp-block-gallery.columns-1 .blocks-gallery-item:last-child, .wp-block-gallery.columns-2 .blocks-gallery-image:last-child,

    .wp-block-gallery.columns-2 .blocks-gallery-item:last-child, .wp-block-gallery.columns-3 .blocks-gallery-image:last-child,

    .wp-block-gallery.columns-3 .blocks-gallery-item:last-child, .wp-block-gallery.columns-4 .blocks-gallery-image:last-child,

    .wp-block-gallery.columns-4 .blocks-gallery-item:last-child, .wp-block-gallery.columns-5 .blocks-gallery-image:last-child,

    .wp-block-gallery.columns-5 .blocks-gallery-item:last-child, .wp-block-gallery.columns-6 .blocks-gallery-image:last-child,

    .wp-block-gallery.columns-6 .blocks-gallery-item:last-child, .wp-block-gallery.columns-7 .blocks-gallery-image:last-child,

    .wp-block-gallery.columns-7 .blocks-gallery-item:last-child, .wp-block-gallery.columns-8 .blocks-gallery-image:last-child,

    .wp-block-gallery.columns-8 .blocks-gallery-item:last-child {

        margin-right: 0;

    }

}

/* ==================

        9. Layout

=================== */

/* ==================

        9.1 Header

=================== */

.menu-logo {

    display: table;

    float: left;

    vertical-align: middle;

    padding: 0;

    color: #EFBB20;

    margin-top: 0;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    width: 200px;

    height: 105px;

    position: relative;

    z-index: 9;

}

.menu-logo a {

    display: table-cell;

    vertical-align: middle;

}

.menu-logo img {

    height: auto;

    width: 100%;

}

.menu-logo span {

    font-size: 20px;

    letter-spacing: 20px;

}

@media only screen and (max-width: 991px) {

    .menu-logo {

        height: 85px;

    }

}

@media only screen and (max-width: 767px) {

    .menu-logo {

        width: 180px;

    }

}

@media only screen and (max-width: 575px) {

    .menu-logo {

        height: 75px;

        width: 150px;

    }

}



.header {

    position: relative;

    z-index: 9999;

}

.header .menu-bar {

    background: #fff;

    width: 100%;

    position: relative;

}

.header .container {

    position: relative;

}

.header .secondary-menu {

    float: right;

    height: 105px;

    display: flex;

    align-items: center;

    position: relative;

    z-index: 9;

    padding-left: 15px;

}

.header .secondary-menu .search-btn {

    margin-right: 35px;

}

.header .secondary-menu .search-btn .btn-link {

    font-size: 25px;

    line-height: 25px;

    color: #565acf;

    cursor: pointer;

    border: 0;

    padding: 8px 0;

    background: none;

}

.header .secondary-menu ul {

    margin-bottom: 0;

    display: flex;

    align-items: center;

}

.header .secondary-menu ul .num-bx {

    margin-right: 40px;

}

.header .secondary-menu ul .num-bx a {

    font-weight: 700;

    font-size: 20px;

    color: #1f2278;

    display: flex;

    align-items: center;

}

.header .secondary-menu ul .num-bx a i {

    width: 42px;

    height: 42px;

    text-align: center;

    line-height: 42px;

    background-color: rgba(86, 90, 207, 0.1);

    font-size: 18px;

    border-radius: 8px;

    color: #565acf;

    margin-right: 15px;

}

@media only screen and (max-width: 1680px) {

    .header .secondary-menu .search-btn {

        margin-right: 25px;

    }

    .header .secondary-menu ul .num-bx {

        margin-right: 30px;

    }

}

@media only screen and (max-width: 1380px) {

    .header .secondary-menu ul .num-bx {

        display: none;

    }

}

@media only screen and (max-width: 991px) {

    .header .secondary-menu {

        height: 85px;

    }

    .header .secondary-menu .btn-area {

        display: none;

    }

    .header .secondary-menu .search-btn {

        margin-right: 0;

    }

}

@media only screen and (max-width: 575px) {

    .header .secondary-menu {

        height: 75px;

    }

}



.navbar-toggler {

    border: 0 solid #efbb20;

    font-size: 16px;

    line-height: 24px;

    margin: 35px 0 32px 20px;

    padding: 0;

    float: right;

    outline: none;

}

@media only screen and (max-width: 575px) {

    .navbar-toggler {

        margin: 28px 0 28px 20px;

    }

}



.menuicon {

    width: 20px;

    height: 18px;

    position: relative;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    cursor: pointer;

}

.menuicon span {

    display: block;

    position: absolute;

    height: 2px;

    width: 100%;

    border-radius: 1px;

    opacity: 1;

    left: 0;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

    background: #000;

}

.menuicon span:nth-child(1) {

    top: 0px;

}

.menuicon span:nth-child(2) {

    top: 7px;

}

.menuicon span:nth-child(3) {

    top: 14px;

}

.menuicon.open span:nth-child(1) {

    top: 7px;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg);

}

.menuicon.open span:nth-child(2) {

    opacity: 0;

    left: -60px;

}

.menuicon.open span:nth-child(3) {

    top: 7px;

    -webkit-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -o-transform: rotate(-135deg);

    transform: rotate(-135deg);

}



.header-tb .menuicon span {

    background: #fff;

}



.menu-links {

    padding: 0;

}

@media only screen and (max-width: 991px) {

    .menu-links.show {

        left: -1px;

        -webkit-transition: all 0.8s;

        -ms-transition: all 0.8s;

        transition: all 0.8s;

        margin: 0;

        width: 280px;

    }

}

.menu-links .menu-logo {

    display: none;

}

@media only screen and (max-width: 991px) {

    .menu-links .menu-logo {

        padding: 30px 20px;

        float: none;

        height: auto;

        width: 240px;

    }

}

.menu-links .nav {

    float: right;

    padding: 0;

    margin-right: 50px;

}

.menu-links .nav > li {

    margin: 0px;

    font-weight: 400;

    position: relative;

}

.menu-links .nav > li.has-mega-menu {

    position: inherit;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li {

        border-bottom: 1px solid #eee;

        width: 100%;

    }

}

.menu-links .nav > li.active > a {

    color: #f17732;

}

.menu-links .nav > li > a {

    color: #1f2278;

    font-size: 16px;

    padding: 45px 20px;

    cursor: pointer;

    font-weight: 600;

    display: inline-block;

    position: relative;

    border-width: 0 0 0 1px;

    line-height: 1;

}

.menu-links .nav > li > a i {

    font-size: 10px;

    margin-left: 5px;

    margin-top: -3px;

    vertical-align: middle;

    color: #bbbbcf;

    transition: all 0.5s;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li > a i {

        right: 0;

        text-align: center;

        z-index: 3;

        float: right;

        margin: 10px 5px 0 0;

        font-size: 12px;

    }

}

@media only screen and (max-width: 1199px) {

    .menu-links .nav > li > a {

        padding: 45px 15px;

    }

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li > a {

        padding: 8px 0;

        display: block;

        line-height: 30px;

        color: #fff;

    }

}

.menu-links .nav > li .mega-menu,

.menu-links .nav > li .sub-menu {

    background-color: #ffffff;

    display: block;

    left: 0;

    list-style: none;

    opacity: 0;

    padding: 5px 0;

    position: absolute;

    visibility: hidden;

    width: 220px;

    z-index: 10;

    margin-top: 20px;

    box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li .mega-menu,

    .menu-links .nav > li .sub-menu {

        display: none;

        position: static;

        visibility: visible;

        width: auto;

        background: transparent;

        box-shadow: none;

        margin: 0;

        border-top: 1px solid rgba(255, 255, 255, 0.1);

        padding: 0;

    }

}

.menu-links .nav > li .mega-menu li,

.menu-links .nav > li .sub-menu li {

    position: relative;

}

.menu-links .nav > li .mega-menu li a,

.menu-links .nav > li .sub-menu li a {

    color: #666;

    display: block;

    font-size: 14px;

    padding: 10px 25px;

    text-transform: capitalize;

    position: relative;

    transition: all 0.15s linear;

    -webkit-transition: all 0.15s linear;

    -moz-transition: all 0.15s linear;

    -o-transition: all 0.15s linear;

    font-weight: 500;

}

.menu-links .nav > li .mega-menu li a span,

.menu-links .nav > li .sub-menu li a span {

    position: relative;

}

.menu-links .nav > li .mega-menu li a span:after,

.menu-links .nav > li .sub-menu li a span:after {

    content: "";

    position: absolute;

    height: 1px;

    width: 0;

    background: #565acf;

    bottom: 0;

    right: 0;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    -moz-transform-origin: right;

    -webkit-transform-origin: right;

    -ms-transform-origin: right;

    -o-transform-origin: right;

    transform-origin: right;

}

.menu-links .nav > li .mega-menu li a:hover,

.menu-links .nav > li .sub-menu li a:hover {

    color: #565acf;

}

.menu-links .nav > li .mega-menu li a:hover span:after,

.menu-links .nav > li .sub-menu li a:hover span:after {

    width: 100%;

    -moz-transform-origin: left;

    -webkit-transform-origin: left;

    -ms-transform-origin: left;

    -o-transform-origin: left;

    transform-origin: left;

    left: 0;

    right: auto;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li .mega-menu li a,

    .menu-links .nav > li .sub-menu li a {

        padding: 10px 0px 10px 20px;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    }

    .menu-links .nav > li .mega-menu li a span:after,

    .menu-links .nav > li .sub-menu li a span:after {

        content: none;

    }

}

.menu-links .nav > li .mega-menu li:hover > a,

.menu-links .nav > li .sub-menu li:hover > a {

    color: #565acf;

}

.menu-links .nav > li .mega-menu li > .sub-menu,

.menu-links .nav > li .sub-menu li > .sub-menu {

    left: 220px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.menu-links .nav > li .sub-menu li .fa {

    color: inherit;

    display: block;

    float: right;

    font-size: 9px;

    opacity: 1;

    margin-top: 4px;

}

.menu-links .nav > li .mega-menu {

    display: flex;

    right: 0px;

    width: 100%;

    z-index: 9;

    padding: 0;

}

.menu-links .nav > li .mega-menu > li {

    display: block;

    padding: 30px 0 25px;

    position: relative;

    vertical-align: top;

    width: 25%;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li .mega-menu > li {

        width: 100%;

        padding: 0;

    }

}

.menu-links .nav > li .mega-menu > li > a {

    color: #000;

    display: block;

    padding: 0 20px;

    font-size: 16px;

    font-weight: 600;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    padding-bottom: 15px;

}

.menu-links .nav > li .mega-menu > li > a > i {

    font-size: 14px;

    margin-right: 5px;

    text-align: center;

    width: 15px;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li .mega-menu > li > a {

        display: none;

    }

}

.menu-links .nav > li .mega-menu > li:after {

    content: "";

    background-color: rgba(0, 0, 0, 0.1);

    position: absolute;

    right: 0px;

    top: 0px;

    display: block;

    width: 1px;

    height: 100%;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li .mega-menu > li:after {

        content: none;

    }

}

.menu-links .nav > li .mega-menu > li:last-child:after {

    display: none;

}

.menu-links .nav > li .mega-menu > li:hover > a {

    background-color: transparent;

}

.menu-links .nav > li .mega-menu > li li i {

    font-size: 14px;

    margin-right: 5px;

    text-align: center;

    width: 15px;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li .mega-menu {

        display: none;

        padding: 10px 0;

    }

}

.menu-links .nav > li:hover > .mega-menu, .menu-links .nav > li:hover > .sub-menu {

    opacity: 1;

    visibility: visible;

    margin-top: 0;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.menu-links .nav > li:hover > .mega-menu li:hover > .sub-menu, .menu-links .nav > li:hover > .sub-menu li:hover > .sub-menu {

    opacity: 1;

    visibility: visible;

    margin-top: 0;

    top: -1px;

}

.menu-links .nav > li:hover a {

    color: #f17732;

}

.menu-links .nav > li:hover a i {

    transform: rotate(45deg);

    color: #f17732;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li:hover a i {

        transform: unset;

    }

}

.menu-links .nav > li.open .mega-menu,

.menu-links .nav > li.open .sub-menu {

    display: block;

    opacity: 1;

}

@media only screen and (max-width: 991px) {

    .menu-links .nav > li.open > a i:before {

        content: "\f068";

    }

}

@media only screen and (max-width: 1680px) {

    .menu-links .nav {

        margin-right: 0;

    }

}

@media only screen and (max-width: 991px) {

    .menu-links .nav {

        float: none;

        width: 70%;

        min-width: 300px;

    }

}

.menu-links .social-media {

    text-align: center;

    margin-top: 50px;

    margin: 0 -3px;

    display: none;

}

.menu-links .social-media li {

    display: inline-block;

    padding: 0 3px;

}

.menu-links .social-media li a {

    height: 40px;

    width: 40px;

    padding: 0;

    line-height: 38px;

}

.menu-links .menu-close {

    height: 40px;

    color: #fff;

    background-color: #565acf;

    line-height: 44px;

    text-align: center;

    width: 40px;

    position: absolute;

    right: 0;

    top: 0;

    display: none;

    z-index: 9999;

}

@media only screen and (max-width: 991px) {

    .menu-links {

        overflow-y: scroll;

        position: fixed;

        width: 60px;

        left: -280px;

        height: 100vh;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s;

        top: 0;

        background-color: #fff;

        margin: 0;

        z-index: 99;

    }

    .menu-links .social-media,

    .menu-links .menu-close {

        display: block;

    }

}



.top-bar {

    background-color: #191f23;

    color: #fff;

    padding: 8px 0;

}

@media only screen and (max-width: 575px) {

    .top-bar {

        display: none;

    }

}

.top-bar .topbar-left {

    float: left;

}

.top-bar .topbar-left li {

    padding-right: 15px;

}

.top-bar .topbar-right {

    float: right;

}

.top-bar .topbar-right li {

    padding-left: 15px;

}

.top-bar .topbar-center,

.top-bar .topbar-left,

.top-bar .topbar-right {

    padding-left: 15px;

    padding-right: 15px;

}

.top-bar .topbar-center ul,

.top-bar .topbar-left ul,

.top-bar .topbar-right ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.top-bar .topbar-center ul li,

.top-bar .topbar-left ul li,

.top-bar .topbar-right ul li {

    display: inline-block;

    font-size: 15px;

}

@media only screen and (max-width: 1199px) {

    .top-bar .topbar-center ul li,

    .top-bar .topbar-left ul li,

    .top-bar .topbar-right ul li {

        font-size: 13px;

    }

}

.top-bar .topbar-center ul a,

.top-bar .topbar-left ul a,

.top-bar .topbar-right ul a {

    color: inherit;

}

.top-bar .topbar-center ul i,

.top-bar .topbar-left ul i,

.top-bar .topbar-right ul i {

    color: #565acf;

    transform: scale(1.3);

    -moz-transform: scale(1.3);

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    margin-right: 5px;

}



.header-transparent {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.header-transparent.style-1 .menu-links .nav > li > a {

    color: #1f2278;

}

.header-transparent.style-1 .menu-links .nav > li > a:hover {

    color: #f17732;

}

.header-transparent.style-1 .menu-links .nav > li > a:hover i {

    transform: rotate(45deg);

    color: #f17732;

}

.header-transparent.style-2 .menu-links .nav > li > a {

    color: #fff;

}

.header-transparent.style-2 .menu-links .nav > li > a:hover {

    color: #fff;

}

.header-transparent .top-bar,

.header-transparent .menu-bar {

    background: transparent;

}

.header-transparent .top-bar {

    color: #777;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

@media only screen and (max-width: 575px) {

    .header-transparent .top-bar {

        display: none;

    }

}



.sticky-header.active .menu-logo {

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.sticky-header.active .menu-bar {

    position: fixed;

    top: 0;

    left: 0;

    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);

}

.sticky-header.active .logo-change .logo1 {

    display: none;

}

.sticky-header.active .logo-change .logo2 {

    display: block;

}



.header-transparent .sticky-header.active .menu-bar {

    position: fixed;

    background-color: #fff;

}



@media only screen and (max-width: 991px) {

    .rs-nav .menu-links {

        position: fixed;

        width: 60px;

        left: -105%;

        height: 100vh;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s;

        top: 0;

        background-color: #171a1e;

        margin: 0;

        z-index: 99;

        overflow-y: scroll;

        flex-direction: column;

        display: flex;

        flex-direction: column;

        justify-content: unset !important;

    }

    .rs-nav .menu-links li.open a {

        position: relative;

    }

    .rs-nav .menu-links .menu-logo {

        display: block;

        float: none;

        height: auto;

        max-width: 100%;

        padding: 20px 15px;

        width: 100%;

        text-align: center;

    }

    .rs-nav .menu-links .menu-logo img {

        max-width: unset;

        width: 150px;

        vertical-align: middle;

    }

    .rs-nav .menu-links .menu-logo a {

        display: inline-block;

    }

    .rs-nav .menu-links.nav-dark {

        background-color: #202020;

    }

    .rs-nav .menu-links.show {

        left: 0;

        -webkit-transition: all 0.8s;

        -ms-transition: all 0.8s;

        transition: all 0.8s;

        margin: 0;

        width: 100%;

        padding: 15px 15px 5px 15px;

    }

    .rs-nav .sticky-header.active .menu-links .nav {

        height: auto;

    }

    .rs-nav .social-media {

        margin-top: auto;

        padding: 30px 0;

    }



    .navbar-nav {

        height: auto;

    }



    .menu-links .nav > li {

        border-color: rgba(255, 255, 255, 0.1);

    }

    .menu-links .nav > li a {

        font-size: 14px;

        color: #fff;

    }

    .menu-links .nav > li:hover > a, .menu-links .nav > li.active > a {

        color: #fff;

        border-color: rgba(255, 255, 255, 0.1);

    }

    .menu-links .nav > li .mega-menu li a,

    .menu-links .nav > li .sub-menu li a {

        color: rgba(255, 255, 255, 0.7);

    }

    .menu-links .nav > li .mega-menu li:hover > a,

    .menu-links .nav > li .sub-menu li:hover > a {

        background-color: transparent;

    }



    .header-transparent .sticky-header.active .menu-links .nav > li > a {

        color: #fff;

    }

}

.nav-search-bar {

    background-color: rgba(255, 255, 255, 0.95);

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 999;

    display: none;

    overflow: hidden;

    padding: 0 15px;

}

.nav-search-bar > span {

    position: absolute;

    right: 15px;

    top: 15px;

    font-size: 14px;

    cursor: pointer;

    color: #fff;

    background-color: #565acf;

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 44px;

}

.nav-search-bar.show {

    display: block;

}

.nav-search-bar.show form {

    transition: all 0.5s ease 0.5s;

    -moz-transition: all 0.5s ease 0.5s;

    -webkit-transition: all 0.5s ease 0.5s;

    opacity: 1;

}

.nav-search-bar form {

    width: 100%;

    max-width: 700px;

    margin: auto;

    position: relative;

    top: 50%;

    transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transform: translate(0px, -50%);

    -moz-transform: translate(0px, -50%);

    -o-transform: translate(0px, -50%);

    -webkit-transform: translate(0px, -50%);

    opacity: 0;

}

.nav-search-bar form span {

    position: absolute;

    right: 15px;

    top: 50%;

    margin: -15px 0;

    height: 25px;

    font-size: 20px;

    cursor: pointer;

    color: #000;

}

.nav-search-bar .form-control {

    padding: 15px 60px 15px 15px;

    width: 100%;

    height: 70px;

    border: none;

    background: none;

    color: #000;

    font-size: 20px;

    border-bottom: 2px solid #000;

    border-radius: 0;

}

.nav-search-bar .form-control::-moz-placeholder {

    color: #000;

}

.nav-search-bar .form-control:-moz-placeholder {

    color: #000;

}

.nav-search-bar .form-control:-ms-input-placeholder {

    color: #000;

}

.nav-search-bar .form-control::-webkit-input-placeholder {

    color: #000;

}



/* ==================

        9.3 Widget

=================== */

.widget {

    margin-bottom: 40px;

}

@media only screen and (max-width: 575px) {

    .widget {

        margin-bottom: 30px;

    }

}



.widget-title {

    margin-bottom: 30px;

    position: relative;

    padding-bottom: 15px;

}

.widget-title:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 85px;

    height: 7px;

    background-image: url(./assets/images/shap/footer-line.png);

    background-repeat: no-repeat;

}

@media only screen and (max-width: 767px) {

    .widget-title {

        padding-bottom: 15px;

        font-size: 20px;

        margin-bottom: 25px;

    }

    .widget-title:after {

        width: 75px;

        height: 5px;

    }

}



.side-bar .widget {

    position: relative;

    background-color: #fff;

    border-radius: 6px 6px 4px 4px;

    padding: 30px 30px;

    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);

    border: 1px solid rgba(86, 90, 207, 0.2);

    border-width: 1px 1px 3px 1px;

    border-bottom-color: #565acf;

}

@media only screen and (max-width: 575px) {

    .side-bar .widget {

        margin-bottom: 30px;

    }

}



.recent-overlay-post .widget-post {

    position: relative;

    z-index: 1;

}

.recent-overlay-post .widget-post:after {

    content: "";

    position: absolute;

    width: 100%;

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    background: #0f1012;

    opacity: 0.6;

    z-index: 1;

}



.widget-link {

    margin: 0px;

    padding: 0px;

}

.widget-link li {

    list-style: none;

    display: inline-block;

    padding-left: 3px;

    padding-right: 10px;

    position: relative;

}

.widget-link li:after {

    content: "/";

    position: absolute;

    right: 0;

}

.widget-link li:last-child {

    padding-right: 3px;

}

.widget-link li:last-child:after {

    content: none;

}



.widget-link-2 ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

.widget-link-2 ul li {

    list-style: none;

    display: inline-block;

    padding: 10px 0;

    position: relative;

}

.widget-link-2 ul li a {

    padding: 10px 0;

}



.wp-block-latest-posts ul,

.wp-block-categories-list ul,

.wp-block-archives-list ul,

.widget_categories ul,

.widget_archive ul,

.widget_meta ul,

.widget_pages ul,

.widget_recent_comments ul,

.widget_nav_menu ul,

.widget_rss ul,

.widget_recent_entries ul,

.widget_services ul,

.widget_getintuch ul {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}

.wp-block-latest-posts ul li,

.wp-block-categories-list ul li,

.wp-block-archives-list ul li,

.widget_categories ul li,

.widget_archive ul li,

.widget_meta ul li,

.widget_pages ul li,

.widget_recent_comments ul li,

.widget_nav_menu ul li,

.widget_rss ul li,

.widget_recent_entries ul li,

.widget_services ul li,

.widget_getintuch ul li {

    padding-bottom: 18px;

    margin-bottom: 13px;

    position: relative;

    padding: 10px 0px 10px 15px;

    margin-bottom: 0;

    line-height: 20px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.wp-block-latest-posts ul li a,

.wp-block-categories-list ul li a,

.wp-block-archives-list ul li a,

.widget_categories ul li a,

.widget_archive ul li a,

.widget_meta ul li a,

.widget_pages ul li a,

.widget_recent_comments ul li a,

.widget_nav_menu ul li a,

.widget_rss ul li a,

.widget_recent_entries ul li a,

.widget_services ul li a,

.widget_getintuch ul li a {

    color: #11171A;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 500;

}

.wp-block-latest-posts ul li a:hover,

.wp-block-categories-list ul li a:hover,

.wp-block-archives-list ul li a:hover,

.widget_categories ul li a:hover,

.widget_archive ul li a:hover,

.widget_meta ul li a:hover,

.widget_pages ul li a:hover,

.widget_recent_comments ul li a:hover,

.widget_nav_menu ul li a:hover,

.widget_rss ul li a:hover,

.widget_recent_entries ul li a:hover,

.widget_services ul li a:hover,

.widget_getintuch ul li a:hover {

    color: #565acf;

}

.wp-block-latest-posts ul li:before,

.wp-block-categories-list ul li:before,

.wp-block-archives-list ul li:before,

.widget_categories ul li:before,

.widget_archive ul li:before,

.widget_meta ul li:before,

.widget_pages ul li:before,

.widget_recent_comments ul li:before,

.widget_nav_menu ul li:before,

.widget_rss ul li:before,

.widget_recent_entries ul li:before,

.widget_services ul li:before,

.widget_getintuch ul li:before {

    content: "";

    position: absolute;

    left: 0;

    top: 10px;

    display: block;

    width: 5px;

    height: 5px;

    background: #a6611c;

    top: 17px;

}

.wp-block-latest-posts ul li li,

.wp-block-categories-list ul li li,

.wp-block-archives-list ul li li,

.widget_categories ul li li,

.widget_archive ul li li,

.widget_meta ul li li,

.widget_pages ul li li,

.widget_recent_comments ul li li,

.widget_nav_menu ul li li,

.widget_rss ul li li,

.widget_recent_entries ul li li,

.widget_services ul li li,

.widget_getintuch ul li li {

    border-bottom: none;

    padding-top: 8px;

    padding-bottom: 8px;

    line-height: 22px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.wp-block-latest-posts ul li li:last-child,

.wp-block-categories-list ul li li:last-child,

.wp-block-archives-list ul li li:last-child,

.widget_categories ul li li:last-child,

.widget_archive ul li li:last-child,

.widget_meta ul li li:last-child,

.widget_pages ul li li:last-child,

.widget_recent_comments ul li li:last-child,

.widget_nav_menu ul li li:last-child,

.widget_rss ul li li:last-child,

.widget_recent_entries ul li li:last-child,

.widget_services ul li li:last-child,

.widget_getintuch ul li li:last-child {

    border-bottom: 0;

    padding-bottom: 0;

}

.wp-block-latest-posts ul li li:before,

.wp-block-categories-list ul li li:before,

.wp-block-archives-list ul li li:before,

.widget_categories ul li li:before,

.widget_archive ul li li:before,

.widget_meta ul li li:before,

.widget_pages ul li li:before,

.widget_recent_comments ul li li:before,

.widget_nav_menu ul li li:before,

.widget_rss ul li li:before,

.widget_recent_entries ul li li:before,

.widget_services ul li li:before,

.widget_getintuch ul li li:before {

    top: 16px;

    left: 0;

}

.wp-block-latest-posts ul li ul,

.wp-block-categories-list ul li ul,

.wp-block-archives-list ul li ul,

.widget_categories ul li ul,

.widget_archive ul li ul,

.widget_meta ul li ul,

.widget_pages ul li ul,

.widget_recent_comments ul li ul,

.widget_nav_menu ul li ul,

.widget_rss ul li ul,

.widget_recent_entries ul li ul,

.widget_services ul li ul,

.widget_getintuch ul li ul {

    padding-left: 20px;

    margin-top: 8px;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    margin-left: -15px;

}



.search-bx .btn {

    padding: 11px 15px;

    border: 1px solid transparent;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

    height: 100%;

}



.widget.widget_search {

    border: 0;

    padding: 0;

}

.widget.widget_search .screen-reader-text {

    display: block;

}

.widget.widget_search .input-group-btn {

    position: relative;

    z-index: 99;

}



.searchform {

    position: relative;

}

.searchform input[type="text"] {

    width: 100%;

    height: 70px;

    position: relative;

    background-color: #fff;

    border-radius: 6px 6px 4px 4px !important;

    padding: 30px 30px;

    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);

    border: 1px solid rgba(86, 90, 207, 0.2);

    border-width: 1px 1px 3px 1px;

    border-bottom-color: #565acf;

}

.searchform input[type="text"]:hover, .searchform input[type="text"]:focus, .searchform input[type="text"]:active {

    border-color: #565acf;

}

.searchform .btn {

    height: 50px;

    padding: 0;

    position: absolute;

    right: 10px;

    top: 10px;

    z-index: 1;

    width: 50px;

}



/*widget recent-posts*/

.recent-posts-entry .widget-post {

    margin-bottom: 15px;

    align-items: center;

    display: flex;

    border-bottom: 1px solid #eee;

    padding-bottom: 15px;

}

.recent-posts-entry .widget-post:last-child {

    margin-bottom: 0;

    border-bottom: 0;

    padding-bottom: 0;

}

.recent-posts-entry .ttr-post-media {

    width: 100px;

    min-width: 100px;

    margin: 0;

    border-radius: 12px;

}

.recent-posts-entry .ttr-post-info {

    background: transparent;

    padding: 0;

    padding-left: 15px;

    border: none;

    padding-right: 0;

}

.recent-posts-entry .ttr-post-info .post-title {

    margin-bottom: 12px;

    font-size: 16px;

}

.recent-posts-entry .ttr-post-info .post-title a {

    color: #1f2278;

}

.recent-posts-entry .post-meta {

    margin-bottom: 0;

}

.recent-posts-entry .post-meta li a {

    font-family: "Montserrat", sans-serif;

    color: #565acf;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 14px;

}



.widget_recent_comments ul li:before {

    content: "\f0e6";

    font-family: FontAwesome;

    background: transparent;

    width: auto;

    height: auto;

    left: 0;

    top: 10px;

    font-size: 18px;

    color: #11171A;

}



.widget_recent_comments ul {

    margin-top: -10px;

}



.widget_recent_comments ul li {

    padding-left: 30px;

    color: #11171A;

    line-height: 26px;

}



/* widget meta*/

.widget_meta ul li a abbr[title] {

    color: #333;

    border-bottom: none;

}



/*widget calender*/

.widget_calendar th,

.widget_calendar td {

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.05);

    padding: 0.4em;

}

.widget_calendar tr {

    border-bottom: 1px solid #eee;

}

.widget_calendar table {

    border-collapse: collapse;

    margin: 0;

    width: 100%;

}

.widget_calendar .calendar_wrap th,

.widget_calendar .calendar_wrap tfoot td a {

    color: #fff;

}

.widget_calendar .calendar_wrap th,

.widget_calendar .calendar_wrap tfoot td {

    background: #7a4815;

    border-color: rgba(0, 0, 0, 0.05);

}

.widget_calendar .calendar_wrap td a {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    color: inherit;

}

.widget_calendar .calendar_wrap th:last-child,

.widget_calendar .calendar_wrap tfoot td:last-child {

    border: 0;

}

.widget_calendar .calendar_wrap tr:nth-child(2n+2) {

    background-color: #faf8f2;

}

.widget_calendar caption {

    text-align: center;

    font-weight: 600;

    caption-side: top;

    background: #a6611c;

    color: #fff;

    text-transform: uppercase;

    font-size: 15px;

}



.wp-calendar-nav {

    background: #854e16;

    color: #fff;

    display: flex;

    justify-content: space-between;

    text-align: center;

}

.wp-calendar-nav span {

    padding: 5px 20px;

    width: 44%;

    border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.wp-calendar-nav span a {

    color: #fff;

}

.wp-calendar-nav span .pad {

    width: 15%;

}



.widget_tag_cloud a {

    padding: 8px 12px;

    background-color: #565acf;

    font-size: 12px;

    display: inline-block;

    margin: 0 1px 6px;

    color: #fff;

    font-weight: 600;

    border-radius: 8px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.widget_tag_cloud a:hover {

    background-color: #f17732;

}



.widget_archive select {

    width: 100%;

    padding: 5px;

    border: 1px solid #CCC;

}



.widget_text select {

    width: 100%;

    padding: 5px;

    border: 1px solid #CCC;

}

.widget_text select option {

    width: 100%;

}

.widget_text p {

    font-size: 15px;

    line-height: 28px;

}

.widget_text b,

.widget_text strong {

    color: #11171A;

}



.widget_archive ul li,

.wp-block-categories-list li,

.wp-block-archives-list li,

.wp-block-latest-posts li,

.widget_categories ul li {

    text-align: right;

    display: table;

    width: 100%;

    font-size: 14px;

    padding: 10px 0px 10px 15px;

    line-height: 1.3;

}

.widget_archive ul li a,

.wp-block-categories-list li a,

.wp-block-archives-list li a,

.wp-block-latest-posts li a,

.widget_categories ul li a {

    float: left;

    text-transform: capitalize;

    box-shadow: none;

    text-align: left;

}

.widget_archive ul li ul,

.wp-block-categories-list li ul,

.wp-block-archives-list li ul,

.wp-block-latest-posts li ul,

.widget_categories ul li ul {

    margin-bottom: -10px;

}

.widget_archive ul li:before,

.wp-block-categories-list li:before,

.wp-block-archives-list li:before,

.wp-block-latest-posts li:before,

.widget_categories ul li:before {

    content: none;

}



.wp-block-latest-posts,

.wp-block-categories-list,

.wp-block-archives-list {

    margin-bottom: 40px;

    padding: 0;

}



.widget_categories form label {

    display: block;

}



.rsswidget img {

    display: inherit;

}



.widget-title .rsswidget {

    display: inline-block;

}



ul a.rsswidget,

ul cite {

    font-weight: 600;

    color: #060429;

    font-size: 14px;

}



ul a.rsswidget {

    font-size: 18px;

}



ul a.rsswidget:hover {

    color: #a6611c;

}



.rssSummary {

    margin: 20px 0;

    font-size: 14px;

    line-height: 1.7;

}



.rss-date {

    display: block;

    margin-top: 5px;

    font-size: 14px;

    font-weight: 400;

    color: #9fa1a4;

}



.widget_rss ul li {

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    padding-top: 0;

}

.widget_rss ul li:last-child {

    margin-bottom: 0;

    border-bottom: 0;

    padding-bottom: 0;

}



.widget_getintuch {

    padding-top: 10px;

}

.widget_getintuch li {

    margin-bottom: 20px;

    position: relative;

    padding-left: 40px;

}

.widget_getintuch li,

.widget_getintuch b,

.widget_getintuch strong {

    display: block;

    text-transform: capitalize;

}

.widget_getintuch strong {

    font-weight: 600;

    font-size: 16px;

}

.widget_getintuch i {

    position: absolute;

    left: 0;

    top: 5px;

    text-align: center;

    font-size: 22px;

    width: 30px;

    height: 30px;

    line-height: 30px;

}



.widget_gallery ul {

    padding-left: 0;

    display: table;

    margin-bottom: 0;

}

.widget_gallery ul li {

    display: inline-block;

    width: 33.33%;

    float: left;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    padding: 2px;

}

.widget_gallery ul li img {

    display: inline-block;

    width: 100%;

}

.widget_gallery ul li:nth-child(3n-3) {

    margin-right: 0;

}

.widget_gallery ul li:hover {

    opacity: 0.7;

}

.widget_gallery ul li a {

    display: inline-block;

}

.widget_gallery.gallery-grid-2 li {

    width: 50%;

}

.widget_gallery.gallery-grid-4 li {

    width: 25%;

}

.widget_gallery.gallery-grid-8 li {

    width: 12.5%;

}



@media only screen and (max-width: 767px) {

    .gallery-grid-8 li {

        width: 25%;

    }

}

.commentlist .bypostauthor {

    font-weight: 600;

}



.admin-bar .is-fixed .main-bar {

    top: 30px;

}



@media only screen and (max-width: 991px) {

    .admin-bar .header-nav {

        top: 30px;

        height: calc(100vh - 30px);

    }

}

@media only screen and (max-width: 782px) {

    .admin-bar .is-fixed .main-bar {

        top: 45px;

    }



    .admin-bar .header-nav {

        top: 45px;

        height: calc(100vh - 45px);

    }

}

@media only screen and (max-width: 600px) {

    .admin-bar .is-fixed .main-bar {

        top: 0;

    }



    .admin-bar .header-nav {

        top: 45px;

        height: calc(100vh - 45px);

    }



    .admin-bar .is-fixed .header-nav {

        top: 0;

        height: 100vh;

    }

}

/* ==================

        9.2 Footer

=================== */

footer {

    position: relative;

    z-index: 1;

    overflow: hidden;

    font-size: 15px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

footer p {

    font-weight: 500;

}

footer .widget.footer_widget ul {

    margin-bottom: 0;

}

footer .widget .footer-title {

    margin-bottom: 30px;

    position: relative;

    padding-bottom: 20px;

    font-size: 24px;

}

footer .widget .footer-title:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 85px;

    height: 7px;

    background-image: url(./assets/images/shap/footer-line.png);

    background-repeat: no-repeat;

}

@media only screen and (max-width: 767px) {

    footer .widget .footer-title {

        padding-bottom: 15px;

        font-size: 20px;

        margin-bottom: 25px;

    }

    footer .widget .footer-title:after {

        width: 75px;

        height: 5px;

    }

}

@media only screen and (max-width: 767px) {

    footer .widget {

        margin-bottom: 40px;

    }

}

footer .ft-contact p {

    font-size: 16px;

    line-height: 28px;

    font-weight: 500;

    margin-bottom: 30px;

}

footer .ft-contact .contact-bx {

    display: flex;

    align-items: center;

}

footer .ft-contact .contact-bx .icon i {

    font-size: 24px;

    color: #fff;

    margin-right: 15px;

    background-color: #f17732;

    border-radius: 30px 30px 0px 30px;

    width: 58px;

    height: 58px;

    line-height: 58px;

    text-align: center;

}

footer .ft-contact .contact-bx .contact-number .number {

    margin-bottom: 0;

    font-size: 20px;

}

footer .ft-contact .contact-bx .contact-number span {

    color: #f17732;

    font-size: 14px;

    margin-bottom: 5px;

    font-weight: 600;

    display: block;

}

@media only screen and (max-width: 767px) {

    footer .ft-contact p {

        margin-bottom: 20px;

    }

}

footer .footer-logo {

    max-width: 200px;

    margin-bottom: 25px;

}

@media only screen and (max-width: 767px) {

    footer .footer-logo {

        margin-bottom: 15px;

    }

}

footer .widget-logo ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

footer .widget-logo ul li {

    display: inline-block;

    flex: 50%;

    padding: 0 15px 15px 0px;

}

footer .footer-top {

    padding: 120px 0 20px;

}

@media only screen and (max-width: 1380px) {

    footer .footer-top {

        padding: 150px 0 0;

    }

}

@media only screen and (max-width: 991px) {

    footer .footer-top {

        padding: 120px 0 0;

    }

}

@media only screen and (max-width: 767px) {

    footer .footer-top {

        padding: 100px 0 0;

    }

}

@media only screen and (max-width: 575px) {

    footer .footer-top {

        padding: 70px 0 10px;

    }

}

footer .footer-bottom {

    padding: 25px 0;

    font-size: 15px;

}

footer .subscribe-form .form-control {

    border-radius: 10px;

    box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);

    margin-bottom: 20px;

    height: 52px;

    font-size: 15px;

    font-weight: 500;

}

@media only screen and (max-width: 991px) {

    footer .widget.footer_widget.ml-50 {

        margin-left: 0;

    }

}



.footer .footer_widget ul li a {

    font-size: 16px;

    font-weight: 500;

    padding: 6px 0;

    display: block;

    line-height: 25px;

    color: #444;

    position: relative;

}

.footer .footer_widget ul li a:hover {

    color: #565acf;

}

.footer .footer-bottom {

    border-top: 1px solid #d4d5f1;

}

.footer .footer-bottom .copyright-text {

    margin: 0;

}

.footer .footer-bottom .link-inline {

    margin: 0 -15px;

}

.footer .footer-bottom .link-inline li {

    display: inline-block;

    margin-left: 15px;

    margin-right: 15px;

    text-transform: capitalize;

}

.footer .footer-bottom .link-inline li a:hover {

    color: #565acf;

}

.footer:after {

    content: "";

    background-image: url(./assets/images/background/footer-shape.png);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-size: 100%;

    z-index: -1;

    background-position: left top;

}

.footer .footer-social-link ul {

    margin: 0 -8px;

}

.footer .footer-social-link ul li {

    display: inline-block;

    padding: 0 8px;

}

.footer .pt-img1 {

    top: 100px;

    left: 130px;

    z-index: 1;

}

@media only screen and (max-width: 1380px) {

    .footer .pt-img1 {

        top: 80px;

        left: 80px;

    }

}

.footer .pt-img2 {

    bottom: 180px;

    left: 30px;

}

@media only screen and (max-width: 1380px) {

    .footer .pt-img2 {

        bottom: 100px;

        left: 60px;

    }

}

.footer .pt-img3 {

    top: 180px;

    right: 40px;

}

@media only screen and (max-width: 991px) {

    .footer .pt-img3 {

        right: -50px;

    }

}

.footer .pt-img4 {

    bottom: 120px;

    right: 60px;

}

@media only screen and (max-width: 991px) {

    .footer .pt-img4 {

        bottom: 40px;

        sright: 0px;

    }

}



.page-banner,.footer{

    background-image: url(./assets/images/banner/img1.jpg);

}



#breadcrumbs  * + span:before {

    color: #fff;

    content: "/";

    padding: 15px;

    opacity: 0.4;

    font-weight: 300;

    line-height: 22px;

    margin-top: 5px;

}



#breadcrumbs > span > span:before {

    color: #fff;

    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>');

    padding-right: 15px;

    opacity: 1;

    vertical-align: middle;

}



#breadcrumbs > span > span * {

    color:#fff

}



/**Accordion */



/* ==================

        8.2 Accordion

=================== */

.accordion-dettaglio .accordion-item {

    border: 0;

    margin-bottom: 15px;

}

/*.accordion-dettaglio .accordion-button {

    background-color: #f17732;

    font-weight: 600;

    color: #fff;

    border-radius: 8px !important;

    border: 0;

    padding: 18px 25px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s; 

}*/



.accordion-dettaglio .accordion-button, .accordion-dettaglio .accordion-button.collapsed {

    font-weight: 600;

    border-radius: 8px !important;

    padding: 18px 25px;

    -ms-transition: all 0.5s;

    /*border: 2px solid #f17732;*/

}

.accordion-dettaglio .accordion-button.collapsed {

    color: #4d51ba !important;

    box-shadow: none;

    background-color: #eeeffa !important;

}



.accordion-button.collapsed.show:after {

    transform: rotate(0);

}



.accordion-dettaglio .accordion-button::after {

    content: "\f077";

    font-family: "Font Awesome 5 Free";

    background-image: none;

    font-size: 14px;

    transform: rotateX(-180deg);

    width: auto;

    height: auto;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.accordion-dettaglio .accordion-button:not(.collapsed)::after {

    transform: rotate(0deg);

}

.accordion-dettaglio .accordion-header {

    margin-bottom: -5px;

}

.accordion-dettaglio .accordion-body, .card-body.accordion-dettaglio  {

    font-size: 15px;

    padding: 25px;

    background-color: white  !important; /* rgba(86, 90, 207, 0.1) */

    border-radius: 0 0 8px 8px;

}

.accordion-dettaglio .btn.btn-link.accordion-button:focus {

    color: white;

    background-color: rgba(86, 90, 207, 0.3);

}





.accordion-dettaglio .elementor-accordion .elementor-accordion-item .elementor-tab-title {

    /*CHIUSO*/

    color: white;

    background-color: #565acf;

    border-radius: 8px !important;

    margin-bottom: 15px;

    margin-top: 15px;

}

.accordion-dettaglio .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {

    /*APERTO*/

    color: white;

    background-color: #F17732;

    margin-bottom: 0px;

}



.accordion-dettaglio .elementor-accordion .elementor-accordion-item .elementor-tab-content {

    border: 0;

    margin-bottom: 15px;

    border-radius: 8px !important;

}



.btn.btn-link.accordion-button:hover,

.btn.btn-link.accordion-button.collapsed:hover {

    background-color: #4d51ba !important;

    color: #eeeffa !important;

}

.accordion-dettaglio .btn:hover{

    color: #eeeffa !important;

    background-color: #4d51ba !important;

}



/*

.accordion-dettaglio .btn:focus{

    color: #eeeffa !important;

    background-color: #4d51ba !important;

}*/

.accordion-dettaglio button:hover{

    color: #4d51ba !important;

}

.accordion-button.btn.btn-link.accordion-button {

    text-decoration: none;



}



.btn.btn-link.accordion-button {

    white-space: break-spaces;

}

/**CARD CAROUSEL**/



.carousel-indicators {

    margin-top: 24px;

}

.carousel-indicators .indicator.active {

    background:  #F17732;

}

.carousel-indicators .indicator {

    background:  #565acf;

}



.carousel-control {

    font-size: 20px;

    color: #565acf;

    text-align: center;

    margin-right: -50px;

    margin-left: -50px;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

    background-image: none;

}



#carousel-custom .carousel-control-prev,

#carousel-custom .carousel-control-next{

    align-items: center;

    width: 5%;

    opacity: auto;

    background: none;

    box-shadow: none;

}

.carousel-control-next-icon:after {

    content: url("./assets/images/carousel/avanti.svg");

    font-size: 55px;

    color: rgba(86, 90, 207, 1.0);

}



.carousel-control-prev-icon:after {

    content: url("./assets/images/carousel/indietro.svg");

    font-size: 55px;

    color: rgba(86, 90, 207, 1.0);

}



@media (min-width: 993px) {

    .carousel-inner .item {

        height: 40rem !important;

    }

    .slide {

        margin-left: 40px;

        margin-bottom: 40px;

        margin-top: 20px;

        margin-right: 20px;

    }

}



@media (max-width: 767px){

    .carousel-item {

        margin-bottom: 4rem;

    }



    .carousel-control-prev, .carousel-control-next{

        display: none;

    }

}



@media (max-width: 992px) {

    .carousel-control-prev,

    .carousel-control-next{

        align-items: flex-end;

        width: 5%;

        z-index: 10;

        margin-bottom: 12px;

    }

}

.card-slide-posizione-1 {

    background:  #F17732;

    border-radius: 00px 30px 30px 30px;

    margin-right: 30px;

    padding: 30px;

    color: white !important;

}

.card-slide-posizione-1 h3{

    color: white !important;

}



.card-slide-icona-posizione-1 svg {

    position: relative;

    margin-right: 70px;

    margin-bottom: -20px;

    background: white;

    border-radius: 15px 15px 15px 15px;

    padding-bottom: 5px;

    border: 1px solid rgba(86, 90, 207, 0.16);

    padding-top: 7px;

    padding-bottom: 7px

}



.card-slide-posizione-0 {

    background:  #565acf;

    border-radius: 30px 0px 30px 30px;

    margin-right: 30px;

    padding: 30px;

    color: white !important;

}



.card-slide-posizione-0 h3{

    color: white !important;

}



.card-slide-icona-posizione-1 {

    display: flex;

    justify-content: flex-end;

}

.card-slide-icona-posizione-0 svg {

    position: relative;

    margin-left: 25px;



    margin-bottom: -20px;

    background: white;

    border-radius: 15px 15px 15px 15px;

    padding-bottom: 15px;

    border: 1px solid rgba(86, 90, 207, 0.16);

    padding-top: 7px;

    padding-bottom: 7px

}



.icona-slide-icona-posizione-0 svg,

.icona-slide-icona-posizione-1 svg{

    width: 300px;

    height: 300px;

}



.card-slide-posizione-0 .elementor-button-link {

    background: #F17732 !important;

}





.card-slide-posizione-1 .elementor-button-text,

.card-slide-posizione-0 .elementor-button-text {

    margin-right: 24px;

}



.card-slide-titolo {

    line-height: 30px !important;

}

.card-slide-sottotitolo,

.card-slide-body,

.card-slide-alert {

    line-height: 26px !important;

}

.card-slide-posizione-0 strong,

.card-slide-posizione-1 strong {

    color: white;

}



.servizi-carousel{

    font-size: 15px;

}



/**FINE CARD CAROUSEL**/



/** START CAROUSEL NEWS RILASCI **/

.feature-container {

    position: relative;

}



.feature-container .feature-title {

    margin-top: 0;

}



.feature-container .after-titile-line {

    margin-bottom: 10px;

}



.feature-container p:last-child {

    margin: 0;

}



.feature-container.center {

    text-align: center;

}

.feature-container.left .feature-box-xl,

.feature-container.left .feature-box-lg,

.feature-container.left .feature-box-md,

.feature-container.left .feature-box-sm,

.feature-container.left .feature-box-xs {

    float: left;

    margin-right: 20px;

}



.feature-container.left .icon-xl,

.feature-container.left .icon-lg,

.feature-container.left .icon-md,

.feature-container.left .icon-sm,

.feature-container.left .icon-xs {

    float: left;

    margin-right: 10px;

}



.feature-container.right {

    text-align: right;

}



.feature-container.right .feature-box-xl,

.feature-container.right .feature-box-lg,

.feature-container.right .feature-box-md,

.feature-container.right .feature-box-sm,

.feature-container.right .feature-box-xs {

    float: right;

    margin-left: 20px;

}



.feature-container.right .icon-xl,

.feature-container.right .icon-lg,

.feature-container.right .icon-md,

.feature-container.right .icon-sm,

.feature-container.right .icon-xs {

    float: right;

    margin-left: 10px;

}







.ttr-box-bg .feature-container {

    background-color: #f8f8f8;

}





.ttr-box-bg.active .feature-container {

    background-color: rgba(0, 0, 0, 0.7);

}





.service-wraper .feature-container {

    margin: 15px;

}

.feature-bx3-custom {

    border-radius: 20px;

    padding: 30px 20px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #fff;

    position: relative;

    border-radius: 20px;

    border: 2px solid #565acf;

   /* margin: 15px 0 0 15px */;

    /*height: 100%;*/

}



.feature-bx3-custom:hover{

    background-color: #fff !important;

}





.feature-bx3-custom .ttr-title {

    margin-bottom: 12px;

    font-size: 1rem;

}



.feature-bx3-custom .counter {

    font-size: 60px;

    line-height: 1;

    margin-bottom: 10px;



}



.feature-bx3-custom p {

    font-size: 14px;

    height: -webkit-fill-available;

    display: flex;

    align-items: stretch;

}



.feature-bx3-custom .ttr-title,

.feature-bx3-custom .counter,

.feature-bx3-custom p {

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    

}



.feature-bx3-custom:hover p{

      color:#444444 !important;

}





.feature-bx3-custom:hover h2 {

    color:#f17732 !important;

}

.feature-bx3-custom:hover .ttr-title {

    color:#1f2278 !important;

}







 .feature-bx3-custom h2 {

    color:#f17732 !important;

    font-size: 1.2rem;

    text-transform: capitalize;

    font-weight: 700 !important;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    overflow-wrap: anywhere;

}



 .feature-bx3-custom p {

    display: -webkit-box;

   /* -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    overflow-wrap: anywhere;*/

    display: flex;

    align-items: stretch;

  /*  height: 5rem; */

}



 .owl-stage {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;



    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    

    min-width: max-content;

}



.owl-item{

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: auto !important;

}

.owl-stage-outer{

 padding-bottom: 20px;   

}



.no-background{

    background-color: transparent !important;

    box-shadow: none !important;

}



.w-fit-content{

    width: fit-content !important;

}

    

/** FINE CAROUSEL NEWS RILASCI **/











.icona-login{

    position: absolute;

    right: 3rem;

}



.banner-info-servizi{

    background-color: #f0f1f8;

    border-radius: 20px;

    border-color: #F06E24;

    border-style: solid;

    border-width: 0.5px;

}



.accordion-button[aria-expanded="true"]{

    background-color: #4d51ba !important;

    color: #eeeffa !important;

}



.colonna-testo-banner{

    font-size: 16px;

}

.colonna-testo-banner p{

    margin-top: revert;

}



.icona-servizio-assistenza img{

    height: 40px;

    filter: brightness(100);

}



.feature-bx1{

    height: 80px;

}



.colore-alternato-one:after{

    background-color: #e16a29 !important;

    width: 100px;

    height: 100px;

    top: -12px;

    left: -35px;

}



.colore-alternato-one{

    border-color: #e16a29 !important;

}



.colore-alternato-two:after{

    background-color: #555acf !important;

    width: 100px;

    height: 100px;

    top: -12px;

    left: -35px;

}



.colore-alternato-two{

    border-color: #555acf !important;

}



#suggerimenti-assistenza{

    width: 100%;

}

#suggerimenti-assistenza ul{

    list-style-type: none;

}



#suggerimenti-assistenza li{

    white-space: inherit;

}



.titolo-servizio-search{

    margin-bottom: 0px;

    font-size: smaller;

}



.titolo-faq-search{

    color: initial;

}



.dropdown-item:active{

    background-color: #e9ecef;

}



/** Modale **/



.bottone-modale-servizio{

    background-color: #e1e2f6 !important;

    color: #272d3c !important;

    border-color: #e1e2f6 !important;

    padding-top: 10px !important;

    padding-bottom: 10px !important;

    padding-left: 25px !important;

    padding-right: 25px !important;

    box-shadow: none !important;

    font-weight: 700 !important;

}



.bottone-modale-servizio:hover{

    background-color: #C0C2EC !important;

    border-color: #C0C2EC !important;

}



.bottone-chiudi-modale{

    background-color: #ffffff !important;

    box-shadow: none !important;

}



.footer-modale{



}



.header-modale{



}



.nome-servizio-assistenza {

    width: 100%;

    border: solid 1px #565ACF;

    color: #565acf;

    text-align: center;

    padding: 0.5rem;

    font-weight: 600;

}

.modal-form-codice-fiscale{

    padding: 5px;

    border-color: #555acf;

    border-right: none !important;

}



.modal-form-codice-fiscale{

    border-color: #555acf !important;

}



.copy-clipboard{

    border-bottom-left-radius: 0px !important;

    border-top-left-radius: 0px !important;

    background-color: transparent !important;

    box-shadow: none !important;

    border: 1px solid #555acf;

    padding: 5px !important;

    border-left: none !important;

}



.bottone-icona-ricerca{

    border: none;

    background-color: transparent !important;

    box-shadow: none !important;

    color: #525286;

}







.align-content-flex-start {

    align-content: flex-start;

}



.max-w-icon-assistenza {

    max-width: 5rem;

}



.min-w-icon-assistenza {

    min-width: 1.25rem;

}



#ricerca-globale{

    position: fixed;

    background-color: #565ACF;

    max-width: 100%;

}



#ricerca-globale.fade{

    pointer-events: none;

}



#ricerca-globale button{

    background-color: white !important;

}





.bottone-sezione-ricerca{

    border: solid 1px #565ACF !important;

    background-color: transparent !important;

    box-shadow: none !important;

    border-left: none !important;

    border-top-left-radius: 0px !important;

    border-bottom-left-radius: 0px !important;

    padding: 20px !important;

}



.pulisci{

    border-right: none !important;

    padding: 20px 10px 20px 20px !important;

}



.bottone-sezione-ricerca-globale{

    border-top: none !important;

    border-right: none !important;

    border-bottom-right-radius: 0px !important;

    border-bottom-left-radius: 0px !important;

    border-width: 2px !important;

    border-bottom-color: black !important;

    background-color: transparent !important;

    box-shadow: none !important;

}



.asterisco{

    color: #e16a29;

}



.bottone-icona-ricerca a:after{

    content: '\f002';

    font-family: 'Font Awesome 5 Free';

}



@media screen and (min-width: 768px){

    .bottone-icona-ricerca span{

        display: none;

    }

}



@media screen and (max-width: 767px){

    .bottone-icona-ricerca span{

        margin-right: 10px !important;

    }

}



.dropdown-menu:empty{

    display: none;

}



.ricerca-form-group input{

    border-color: #565acf;

    padding-left: 2.5rem;

    padding-right: 3rem;

    font-size: large;

}



.ricerca-form-group {

    position: relative;

}



.ricerca-form-group .addon{

    position: absolute;

    top: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    padding: 1rem;

    font-size: larger;

}



.ricerca-form-group .start{

    left: 0;

}



.ricerca-form-group .end{

    right: 0;

    font-size: 1.5rem;

}





/* PROFILO */

#sisir-menu-buttons .profile .username,

#dettagli-profilo .username{

    text-transform: capitalize;

}



#dettagli-profilo .label{

    font-weight: 600;

    margin-bottom: 0.5rem;

}



.box-profilo{

    padding: 2rem;

    position: relative;

}



.box-profilo::before{

    content: '';

    position: absolute;

    top: 1rem;

    bottom: 1rem;

    left: 1rem;

    right: 1rem;

    border: 2px solid #F85E1C;

    border-radius: 0.5rem;

}



/*** FIX ***/



#step-news .post-meta a{

    pointer-events: none;

}



.news-list .author a{

    pointer-events: none;

}



.bottone-sezione-ricerca-globale{

    padding: 15px !important;

}



.js-hidden-block{

    display: none !important;

}



.elementor-html .js-hidden-block{

    display: block !important;

}



/**** Ricerca globale ***/



.spazio-ricerca-global{

    right: 0;

    left: 0;

    position: fixed;

    margin-top: 1rem;

    /*display: flex !important;*/

    justify-content: center;

}



.div-ricerca-globale:hover{

    background: none;

}