.dropdown-menu,
.list,
.list-inline,
.list-style,
.list-unstyled,
.nav,
.navbar-nav,
.pagination,
.swiper {
    list-style: none
}
.dropdown-toggle::after,
.dropend .dropdown-toggle::after,
.dropstart .dropdown-toggle::after,
.dropstart .dropdown-toggle::before,
.dropup .dropdown-toggle::after,
.feature-img-shape:before,
.hero-app-img::before,
.loading-bar::before,
.main-menu li.nav-item .dropdown-menu:before,
.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after,
.placeholder.btn::before,
.popover .popover-arrow::after,
.popover .popover-arrow::before,
.ratio::before,
.stretched-link::after,
.swiper-centered>.swiper-wrapper::before,
.swiper-cube .swiper-cube-shadow:before,
.swiper-virtual.swiper-css-mode .swiper-wrapper::after,
.tooltip .tooltip-arrow::before,
.video-bg-with-icon::before {
    content: ""
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
}

body,
hr {
    margin: 0
}
.row {
    flex-wrap: wrap;
    display: flex
}
}

.navbar-expand .navbar-nav-scroll,
.swiper-cards {
    overflow: visible
}
}

body {
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(12, 8, 0, 0)
}
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

    .container,
    .container-sm {
        max-width: 540px
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
.row>*,
.toast,
.toast-container,
.valid-tooltip,
img.mfp-img {
    max-width: 100%
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}
}

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

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

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2,
.col-3 {
    flex: 0 0 auto
}

.col-2 {
    width: 16.66666667%
}

.col-3 {
    width: 25%
}

.col-4,
.col-5 {
    flex: 0 0 auto
}

.col-4 {
    width: 33.33333333%
}

.col-5 {
    width: 41.66666667%
}

.col-6,
.col-7 {
    flex: 0 0 auto
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333333%
}

.col-8,
.col-9 {
    flex: 0 0 auto
}

.col-8 {
    width: 66.66666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}
    .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.33333333%
    }

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

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .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.33333333%
    }

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

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .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.33333333%
    }

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

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .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.33333333%
    }

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

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .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.33333333%
    }

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

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.col-form-label {
    padding-top: calc(.65rem + var(--bs-border-width));
    padding-bottom: calc(.65rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.75
}

.col-form-label-lg {
    padding-top: calc(.75rem + var(--bs-border-width));
    padding-bottom: calc(.75rem + var(--bs-border-width));
    font-size: 1.0625rem
}

.col-form-label-sm {
    padding-top: calc(.425rem + var(--bs-border-width));
    padding-bottom: calc(.425rem + var(--bs-border-width));
    font-size: .8125rem
}
}

.dropdown-header,
.dropdown-item,
.dropdown-item-text,
.dropdown-menu.show,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .23375rem;
    border-top: .275rem solid;
    border-right: .275rem solid transparent;
    border-bottom: 0;
    border-left: .275rem solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #ffffff;
    --bs-dropdown-link-active-bg: #1177bb;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #525252;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}
}

.dropdown-item {
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0)
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-header {
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #d4d4d4;
    --bs-dropdown-bg: #262626;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-link-color: #d4d4d4;
    --bs-dropdown-link-hover-color: #ffffff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #ffffff;
    --bs-dropdown-link-active-bg: #1177bb;
    --bs-dropdown-link-disabled-color: #737373;
    --bs-dropdown-header-color: #737373
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}
}

.dropdown-toggle-split {
    padding-right: 1.3125rem;
    padding-left: 1.3125rem
}
}



.nav{
  display:flex;
  flex-wrap:wrap;
}

/* Main menu must be horizontal */
.main-menu{
  display:flex;
  flex-direction:row;
  align-items:center;
}

/* Ensure nav items stay inline */
.main-menu li{
  display:flex;
  align-items:center;
}



/* Anchor */
.main-menu li.nav-item{
  position:relative;
}

/* Dropdown positioning */
.main-menu .dropdown-menu{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  margin-top:-2px;        /* ⬅ removes hover gap */
  padding-top:.5rem;
  z-index:1000;
}

/* Invisible hover bridge */
.main-menu li.nav-item::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:8px; 
}

/* Ensure the nav item is a reliable hover target */
@media (min-width: 992px){
  .main-menu li.nav-item{
    position: relative;          /* anchor for dropdown if needed */
    padding-bottom: 10px;        /* creates a hover runway */
  }

  /* Pull dropdown up slightly to eliminate the dead zone */
  .main-menu li.nav-item > .dropdown-menu{
    margin-top: -8px !important; /* closes the gap without changing left/transform logic */
  }
}

/* === NAVBAR COLLAPSE / HAMBURGER FIX === */
@media (max-width: 991.98px){
  .navbar-toggler{ display:block !important; }
  .navbar-collapse{ display:none !important; }
  .navbar-collapse.show{ display:block !important; }
}

@media (min-width: 992px){
  .navbar-toggler{ display:none !important; }
  .navbar-collapse{ display:flex !important; }
}

/* =====================================================
   OFFCANVAS MOBILE SUBNAV – FINAL CORRECT BEHAVIOR
   ===================================================== */

/* Main menu stack */
.offcanvas-body .nav.main-menu{
  display:block;
}

/* Nav items stack naturally */
.offcanvas-body .main-menu > li.nav-item{
  display:block;
  width:100%;
}

/* Dropdown container: INLINE + FLOW */
.offcanvas-body .dropdown-menu{
  position:static !important;
  float:none !important;
  transform:none !important;
  left:auto !important;
  top:auto !important;

  width:100%;
  margin:0;
  padding:.5rem 0 0 1rem;

  display:none;
  box-shadow:none !important;
  background:transparent;
}

/* Click = show submenu */
.offcanvas-body .dropdown-menu.show{
  display:block;
}

/* Ensure dropdown items align left */
.offcanvas-body .dropdown-menu li,
.offcanvas-body .dropdown-menu a{
  text-align:left;
}

/* Disable ALL hover behavior in offcanvas */
.offcanvas-body .main-menu li.nav-item:hover > .dropdown-menu{
  display:none;
}

/* === Hide == */
/* Hide desktop main nav on mobile/tablet */
@media (max-width: 991.98px){
  .navbar .main-menu-wrap,         /* <- replace with your actual wrapper */
  .navbar .desktop-nav,            /* <- or your desktop nav container */
  .navbar .nav.main-menu{
    display:none !important;
  }

  .navbar-toggler{
    display:block !important;
  }
}




/* === DESKTOP NAV ONLY (HOVER MODEL) === */
@media (min-width: 992px){

  /* desktop menu layout */
  .nav.main-menu{
    display:flex;
  }

  /* dropdown behavior */
  .main-menu li.nav-item{
    position:relative;
  }

  .main-menu li.nav-item > .dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .15s ease;
  }

  .main-menu li.nav-item:hover > .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
}

/* === MOBILE / TABLET NAV (CLICK MODEL) === */
@media (max-width: 991.98px){

  /* show hamburger */
  .navbar-toggler{
    display:block;
  }

  /* hide desktop nav */
  .nav.main-menu{
    display:none;
  }

  /* collapse container */
  .navbar-collapse{
    display:none;
  }

  .navbar-collapse.show{
    display:block;
  }

  /* reset dropdowns for click */
  .dropdown-menu{
    position:static !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    margin:0;
    box-shadow:none;
  }

  /* prevent hover rules from firing */
  .main-menu li.nav-item:hover > .dropdown-menu{
    opacity:1;
    visibility:visible;
  }
}


/* === NAVBAR COLLAPSE FIX (CRITICAL) === */

/* Base */
.navbar-collapse{
  flex-basis:100%;
  flex-grow:1;
}

/* Mobile & tablet */
@media (max-width: 991.98px){
  .navbar-collapse{
    display:none !important;
  }

  .navbar-collapse.show{
    display:block !important;
  }

  .navbar-toggler{
    display:block;
  }

  .nav.main-menu{
    display:block !important;
  }
}

/* Desktop */
@media (min-width: 992px){
  .navbar-collapse{
    display:flex !important;
  }

  .navbar-toggler{
    display:none;
  }

  .nav.main-menu{
    display:flex !important;
  }
}



.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(17, 119, 187, .25)
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #ffffff;
    --bs-nav-pills-link-active-bg: #1177bb
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 800;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.390625rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.125rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.125rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28115, 115, 115, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}
    .navbar-toggler {
        transition: none
    }
}

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

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}
    .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: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler,
    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
    .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: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler,
    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
    .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: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler,
    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
    .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: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler,
    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
    .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: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler,
    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler,
.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #ffffff;
    --bs-navbar-brand-color: #ffffff;
    --bs-navbar-brand-hover-color: #ffffff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: 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")
}
body {
    flex-direction: column
}
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-accent,
.text-bg-danger,
.text-bg-info,
.text-bg-secondary,
.text-bg-success,
.text-bg-warning {
    color: #0c0800 !important
}

.text-bg-accent {
    background-color: RGBA(var(--bs-accent-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
}

.affix,
.mfp-bg,
.mfp-wrap {
    position: fixed
}
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.row-gap-10 {
    row-gap: 10rem !important
}

.row-gap-grid-gutter {
    row-gap: 1.5rem !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
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-accent {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-accent-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(12, 8, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important
}
}

.bg-accent {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-accent-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}
}

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-1 {
        row-gap: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .5rem !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-sm-5 {
        row-gap: 3rem !important
    }

    .row-gap-sm-10 {
        row-gap: 10rem !important
    }

    .row-gap-sm-grid-gutter {
        row-gap: 1.5rem !important
    }
}

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

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

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

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-1 {
        row-gap: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .5rem !important
    }

    .row-gap-md-3 {
        row-gap: 1rem !important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-md-5 {
        row-gap: 3rem !important
    }

    .row-gap-md-10 {
        row-gap: 10rem !important
    }

    .row-gap-md-grid-gutter {
        row-gap: 1.5rem !important
    }
}

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

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

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

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important
    }

    .row-gap-lg-10 {
        row-gap: 10rem !important
    }

    .row-gap-lg-grid-gutter {
        row-gap: 1.5rem !important
    }
}

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

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

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

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important
    }

    .row-gap-xl-10 {
        row-gap: 10rem !important
    }

    .row-gap-xl-grid-gutter {
        row-gap: 1.5rem !important
    }
}

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

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

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

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }

    .row-gap-xxl-10 {
        row-gap: 10rem !important
    }

    .row-gap-xxl-grid-gutter {
        row-gap: 1.5rem !important
    }
}

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

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

    .text-xxl-center {
        text-align: center !important
    }
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
body[data-aos-easing=ease-in-cubic] [data-aos],
body[data-aos-easing=ease-in-quad] [data-aos],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
body[data-aos-easing=ease-out-cubic] [data-aos],
body[data-aos-easing=ease-out-quad] [data-aos],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
body[data-aos-easing=ease-in-out-cubic] [data-aos],
body[data-aos-easing=ease-in-out-quad] [data-aos],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
}

html {
    box-sizing: border-box
}
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
html {
    height: 100%
}

body {
    display: flex;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
}

    .header-35 {
        text-align: center
    }
}

.dropdown-grid-item .drop-title,
.main-menu li a.nav-link {
    font-weight: 500;
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
}

.container-fluid-fixed {
    max-width: 1920px
}
}

.sticky-header {
    padding: 20px 0;
    transition: all .3s ease-in-out
}

.affix {
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    z-index: 9;
    animation: .3s ease-in-out fadeInDown;
    background: #062f4a;
    padding: 10px 0;
    transition: all .3s ease-in-out;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

.dropdown-grid,
.navbar-dark.sticky-header.affix,
.navbar-light.sticky-header.affix {
    background: #fff
}

.dropdown-grid {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto
}

.dropdown-grid.width-half {
    grid-template-columns: 1fr;
    width: 320px
}

.dropdown-grid.width-full {
    grid-template-columns: 1fr 1fr;
    width: 580px
}

.dropdown-grid.width-full.homepage-dropdown {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%
}
}

.dropdown-grid-item {
    width: auto;
    padding: 10px
}
    .dropdown-grid-item {
        padding-left: 5px;
        padding-right: 5px
    }
}

.main-menu li.nav-item {
    position: inherit;
    padding: 0 10px;
}

.main-menu li.nav-item .dropdown-menu:before {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, 0) rotate(-315deg);
    border-radius: 3px;
    background-color: #fff;
    opacity: 0;
    transition: all .15s ease-out
}
.dropdown-grid-item a,
.dropdown-grid-item a span,
.footer-nav-list li a,
.footer-social-list li a,
.read-more-link i,
.video-bg-with-icon a,
.watch-now-btn i,
a {
    transition: all .0s ease-in-out
}

.main-menu li.nav-item:hover .dropdown-menu:before {
    opacity: 1
}

.main-menu li a.nav-link {
    padding: .45rem .45rem !important;
    font-size: .9375rem;
    position: relative
}

.dropdown-menu {
    right: auto;
    left: 50% !important;
    transform: translate(-50%, 0)
}
}

.navbar-dark .action-btns a.btn-link,
.navbar-dark .main-menu li a.nav-link {
    color: #d4d4d4
}

.navbar-dark.sticky-header.affix .action-btns a.btn-link,
.navbar-dark.sticky-header.affix .main-menu li a.nav-link,
.navbar-dark.sticky-header.affix .navbar-toggler span,
.navbar-light .action-btns a.btn-link,
.navbar-light .main-menu li a.nav-link {
    color: #737373
}

.bg-dark .btn,
.bg-gradient .btn,
.coming-soon-section .btn,
.navbar-dark .btn-primary,
.navbar-dark.sticky-header.affix .btn,
.navbar-light.sticky-header.affix .btn {
    box-shadow: none
}

.navbar-dark .navbar-brand img.logo-color,
.navbar-dark.sticky-header.affix .navbar-brand img.logo-white,
.navbar-light .navbar-brand img.logo-white {
    display: none
}

.navbar-dark.sticky-header.affix .navbar-brand img.logo-color {
    display: block
}
.main-menu li a.nav-link:hover,
.navbar-dark.sticky-header.affix .action-btns a.btn-link:hover,
.navbar-dark.sticky-header.affix .main-menu li a.nav-link:hover {
    color: #17b
}

.dropdown-grid-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: .45rem .45rem !important;
    border-radius: 4px
}

.dropdown-grid-item a span {
    opacity: .9;
    font-size: .9375rem
}

.dropdown-grid-item a:hover {
    background: #e5f7fc
}

.dropdown-grid-item .drop-heading {
    padding-left: 1rem;
    font-size: 1rem
}

.dropdown-grid-item .drop-title {
    font-size: .875rem;
    color: #737373
}

.dropdown-grid-item a:hover .drop-title,
.dropdown-grid-item a:hover span {
    color: #17b;
    opacity: 1
}
}

.dropdown-info {
    display: flex;
    flex-direction: column
}

.dropdown-info p {
    font-size: 13px;
    margin-bottom: 0
}
}

.bg-dark .logo-color,
.bg-gradient .logo-color,
.footer-light .logo-white,
.offcanvas-body .dropdown-grid-item.last-item,
.work-process-list li:last-child .process-icon-2:after {
    display: none
}
    /* .nav.main-menu {
        display: block !important
    }
    .nav.main-menu {
        display: block
    } */
    .sticky-header.affix {
        padding: 15px 0 !important
    }
}

.dropdown-toggle::after {
    vertical-align: middle
}
    .header-35 .navbar {
        background-color: #fff;
        padding: 1rem .5rem;
        border-radius: .4rem;
        box-shadow: 4px 15px 20px 0 rgba(114, 114, 114, .16);
        margin-inline: auto;
        max-width: 1140px
    }
    .header-35 .navbar {
        max-width: 1320px
    }
}

.header-35 .affix {
    right: 0
}
}

.bg-dark .logo-white,
.bg-gradient .logo-white,
.footer-light .logo-color {
    display: block
}
}

.bg-dark input.form-control,
.bg-gradient input.form-control {
    border-color: #d4d4d4
}
}

.bg-dark .copyright-text p,
.bg-gradient .copyright-text p {
    color: #d4d4d4
}

.bg-dark .copyright-text p a,
.bg-gradient .copyright-text p a {
    color: #e5e5e5
}
}

.bg-dark .footer-social-list li a,
.bg-gradient .footer-social-list li a {
    color: #d4d4d4
}
}

.bg-primary-soft {
    background-color: rgba(17, 119, 187, .2)
}

.bg-primary-light {
    background-color: rgba(17, 119, 187, .75)
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #17b !important
}

.bg-primary-dark {
    background-color: rgb(12.75, 89.25, 140.25)
}

.bg-info-soft {
    background-color: rgba(42, 159, 214, .2)
}

.bg-info-light {
    background-color: rgba(42, 159, 214, .75)
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: #2a9fd6 !important
}

.bg-info-dark {
    background-color: rgb(33.0905511811, 127.5196850394, 171.9094488189)
}

.bg-success-soft {
    background-color: rgba(87, 166, 57, .2)
}

.bg-success-light {
    background-color: rgba(87, 166, 57, .75)
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: #57a639 !important
}

.bg-success-dark {
    background-color: rgb(67.1031390135, 128.0358744395, 43.9641255605)
}

.bg-warning-soft {
    background-color: rgba(251, 140, 0, .2)
}

.bg-warning-light {
    background-color: rgba(251, 140, 0, .75)
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: #fb8c00 !important
}

.bg-warning-dark {
    background-color: rgb(200, 111.5537848606, 0)
}

.bg-danger-soft {
    background-color: rgba(217, 83, 79, .2)
}

.bg-danger-light {
    background-color: rgba(217, 83, 79, .75)
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: #d9534f !important
}

.bg-danger-dark {
    background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972)
}

.bg-dark-soft {
    background-color: rgba(229, 229, 229, .5)
}

.bg-dark-light {
    background-color: #404040
}

.bg-dark {
    background-color: #062f4a !important
}

.bg-dark-dark {
    background-color: rgb(2.175, 17.0375, 26.825)
}

.bg-purple {
    background-color: var(--bs-purple) !important
}

.bg-secondary-light {
    background-color: rgba(229, 229, 229, .2)
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #e5e5e5 !important
}

.bg-secondary-dark {
    background-color: rgb(203.5, 203.5, 203.5)
}

.bg-custom-light {
    background-color: rgba(255, 255, 255, .1)
}

.bg-black,
.bg-dark-black,
.crypto-timeline-icon {
    background-color: #0c0800
}

.bg-soft-black {
    background-color: #222
}
}

.bg-gradient {
    background: linear-gradient(90deg, #000, rgb(6.375, 44.625, 70.125)) !important
}
}

.hero-bg-img,
.skewed-1,
.skewed-wrap {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
}

.hero-subscribe-form-wrap {
    max-width: 460px
}
}

.hero-bg-img {
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
    .hero-subscribe-form input.btn {
        position: relative;
        right: 0;
        top: 10px;
        margin-bottom: 15px;
        transition: all .3s ease-in
    }

    .hero-subscribe-form input.form-control {
        padding: .75rem 1rem
    }
}

.hero-screen-wrap {
    display: flex;
    align-items: flex-end;
    margin-right: -120px
}

.hero-screen-wrap .phone-screen {
    flex: 0 0 220px;
    width: 220px;
    margin-bottom: -30px;
    margin-right: -220px;
    z-index: 2
}

.hero-screen-wrap .mac-screen {
    flex: 0 0 885px;
    width: 885px;
    margin-right: -180px;
    z-index: 1
}
    .hero-screen-wrap {
        margin-right: 0
    }

    .hero-screen-wrap .phone-screen {
        flex: 0 0 165px
    }

    .hero-screen-wrap .mac-screen {
        flex: 0 0 765px;
        margin-right: 0
    }
    .hero-screen-wrap {
        margin-right: 0
    }

    .hero-screen-wrap .phone-screen {
        flex: 0 0 100px;
        margin-right: 0
    }

    .hero-screen-wrap .mac-screen {
        flex: 0 0 465px;
        margin-right: 0
    }
    .hero-screen-wrap {
        align-items: center;
        justify-content: center
    }

    .hero-screen-wrap .phone-screen {
        display: none
    }

    .hero-screen-wrap .mac-screen {
        flex: auto
    }
}

.hero-app-img::before {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 50%;
    background-color: #f6c37b;
    width: 500px;
    height: 500px
}

.hero-app-img img {
    position: relative;
    z-index: 5
}
    .hero-app-img::before,
    .widget-img-wrap {
        display: none
    }
}

.bg-dark .subscribe-feature-list li span i {
    color: rgb(203.5, 203.5, 203.5) !important
}
}

.nav-pills.testimonial-tab-indicator .nav-link.active,
.nav-pills.testimonial-tab-indicator .show>.nav-link {
    background: 0 0 !important
}

.nav-pills.testimonial-tab-indicator .nav-link.active img {
    transform: scale(1)
}
}

.bg-dark .testimonial-tab-menu.nav-pills .nav-link.active,
.bg-dark .testimonial-tab-menu.nav-pills .show>.nav-link,
.bg-gradient .testimonial-tab-menu.nav-pills .nav-link.active,
.bg-gradient .testimonial-tab-menu.nav-pills .show>.nav-link {
    border-color: rgba(101, 101, 101, .06) !important;
    background: rgba(255, 255, 255, .1) !important
}
}

.bg-dark .link-with-icon,
.bg-gradient .link-with-icon {
    color: var(--bs-secondary-dark)
}
}

.bg-primary-alt {
    background-color: rgba(17, 119, 187, .12)
}

.bg-accent-alt {
    background-color: rgba(0, 179, 229, .12)
}

.bg-secondary-alt {
    background-color: rgba(229, 229, 229, .12)
}

.bg-success-alt {
    background-color: rgba(87, 166, 57, .12)
}

.bg-info-alt {
    background-color: rgba(42, 159, 214, .12)
}

.bg-warning-alt {
    background-color: rgba(251, 140, 0, .12)
}

.bg-danger-alt {
    background-color: rgba(217, 83, 79, .12)
}

.bg-white-alt {
    background-color: rgba(255, 255, 255, .12)
}
}

.bg-facebook-alt {
    background-color: rgba(59, 89, 153, .12)
}

.bg-twitter-alt {
    background-color: rgba(29, 161, 242, .12)
}

.bg-google-alt {
    background-color: rgba(221, 75, 57, .12)
}

.bg-instagram-alt {
    background-color: rgba(228, 64, 95, .12)
}

.bg-pinterest-alt {
    background-color: rgba(189, 8, 28, .12)
}

.bg-youtube-alt {
    background-color: rgba(205, 32, 31, .12)
}

.bg-slack-alt {
    background-color: rgba(58, 175, 133, .12)
}

.bg-dribbble-alt {
    background-color: rgba(234, 76, 137, .12)
}

.bg-dropbox-alt {
    background-color: rgba(30, 144, 255, .12)
}

.bg-twitch-alt {
    background-color: rgba(75, 54, 124, .12)
}

.bg-paypal-alt {
    background-color: rgba(236, 179, 44, .12)
}

.bg-behance-alt {
    background-color: rgba(0, 87, 255, .12)
}

.bg-reddit-alt {
    background-color: rgba(232, 68, 34, .12)
}

.bg-github-alt {
    background-color: rgba(34, 34, 34, .12)
}
}

.text-off-white {
    color: rgba(255, 255, 255, .8)
}
}

.bg-dark .h1,
.bg-dark .h2,
.bg-dark .h3,
.bg-dark .h4,
.bg-dark .h5,
.bg-dark .h6,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-gradient .h1,
.bg-gradient .h2,
.bg-gradient .h3,
.bg-gradient .h4,
.bg-gradient .h5,
.bg-gradient .h6,
.bg-gradient h1,
.bg-gradient h2,
.bg-gradient h3,
.bg-gradient h4,
.bg-gradient h5,
.bg-gradient h6,
.bg-primary .h1,
.bg-primary .h2,
.bg-primary .h3,
.bg-primary .h4,
.bg-primary .h5,
.bg-primary .h6,
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-purple .h1,
.bg-purple .h2,
.bg-purple .h3,
.bg-purple .h4,
.bg-purple .h5,
.bg-purple .h6,
.bg-purple h1,
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple h5,
.bg-purple h6 {
    color: #fff
}

.bg-dark li,
.bg-dark p,
.bg-dark span,
.bg-gradient li,
.bg-gradient p,
.bg-gradient span,
.bg-primary li,
.bg-primary p,
.bg-primary span,
.bg-purple li,
.bg-purple p,
.bg-purple span {
    color: rgb(216.75, 216.75, 216.75)
}

.bg-light .h1,
.bg-light .h2,
.bg-light .h3,
.bg-light .h4,
.bg-light .h5,
.bg-light .h6,
.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6,
.bg-white .h1,
.bg-white .h2,
.bg-white .h3,
.bg-white .h4,
.bg-white .h5,
.bg-white .h6,
.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6 {
    color: initial
}

.bg-light .bg-dark .h2,
.bg-light .bg-dark .h3,
.bg-light .bg-dark .h4,
.bg-light .bg-dark .h5,
.bg-light .bg-dark .h6,
.bg-light .bg-dark h2,
.bg-light .bg-dark h3,
.bg-light .bg-dark h4,
.bg-light .bg-dark h5,
.bg-light .bg-dark h6,
.bg-light .bg-gradient .h2,
.bg-light .bg-gradient .h3,
.bg-light .bg-gradient .h4,
.bg-light .bg-gradient .h5,
.bg-light .bg-gradient .h6,
.bg-light .bg-gradient h2,
.bg-light .bg-gradient h3,
.bg-light .bg-gradient h4,
.bg-light .bg-gradient h5,
.bg-light .bg-gradient h6,
.bg-light>.bg-dark .h1,
.bg-light>.bg-dark h1,
.bg-light>.bg-gradient .h1,
.bg-light>.bg-gradient h1 {
    color: #fff
}

.bg-white li,
.bg-white p,
.bg-white span {
    color: #737373
}

.text-white-60 {
    color: rgba(255, 255, 255, .6) !important
}

.text-white-70 {
    color: rgba(255, 255, 255, .7) !important
}

.text-white-80 {
    color: rgba(255, 255, 255, .8) !important
}

.text-white-90 {
    color: rgba(255, 255, 255, .9) !important
}

.bg-light .author-info span {
    color: #737373
}
}

.text-dg-primary {
    color: #EF3D3D !important
}
}

.hero-ten {
    padding: 200px 0
}
    .hero-ten {
        padding: 110px 0
    }
    .hero-ten {
        padding: 110px 0
    }
.nav-pills .show>.nav-link {
    border-bottom: 2px solid var(--bs-primary);
    color: var(--bs-primary);
    background-color: transparent;
    border-radius: 0
}
}

.hero-eleven {
    min-height: 100vh
}

.hero-eleven p {
    color: #d4d4d4
}
}

.bg-dark-black .section-title .h2,
.bg-dark-black .section-title h2 {
    color: #fff;
    margin-bottom: 15px
}

.bg-dark-black .section-title p {
    color: #e5e5e5
}
}

.hero-payment-gateway {
    background: url(../img/pay-h.jpg) no-repeat;
    background-size: cover
}
}

.text-orange {
    color: #ff3951
}

.bg-orange {
    background-color: #ff3951;
    color: #f5f5f5;
    border: 1px solid transparent
}

.bg-orange:hover {
    background-color: transparent;
    color: #ff3951;
    border: 1px solid #ff3951
}
}

.text-pink {
    color: #fd035a !important
}

.bg-pink {
    color: #fff;
    background-color: #fd035a;
    border: 1px solid transparent
}

.bg-pink:hover,
.border-pink {
    border: 1px solid #fd035a
}

.bg-pink:hover {
    background-color: transparent;
    color: #fd035a !important
}

.text-dark-blue {
    color: #2b0996
}

.bg-dark-blue {
    background-color: #2b0996
}

.bg-dark-blue:hover {
    background-color: transparent;
    border: 2px solid #2b0996;
    color: #2b0996 !important
}
}

.text-mk-secondary {
    color: #FF724B
}
}

.text-stroke {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #EF3D3D
}
}

.bg-design-agency {
    background-color: #151515
}

.bg-design-agency-about {
    background-color: #F3F5F8
}
}

.bg-style-1 {
    background-color: #FFDBDF
}

.bg-style-2 {
    background-color: #FFF3D4
}

.bg-style-3 {
    background-color: #E4DEF7
}
}

.text-pink-2 {
    color: #FF3D55 !important
}
}

.bg-sky-blue {
    background-color: #D9EAFF
}
}

.hero-35 {
    padding: 140px 0;
    background-color: #00193C
}
    .hero-35 {
        padding: 230px 0
    }
    .hero-35 {
        position: relative;
        isolation: isolate
    }

    .hero-35::after,
    .hero-35::before {
        content: "";
        position: absolute;
        top: 0;
        background-repeat: no-repeat;
        z-index: -1;
        pointer-events: none
    }

    .hero-35::before {
        left: 0;
        bottom: 0;
        right: 50%;
        background-image: url(../img/hero-35-bg-shape-1.png);
        background-size: contain;
        background-position: left center
    }

    .hero-35::after {
        right: 0;
        left: 55%;
        bottom: 30%;
        background-color: #fff;
        background-image: url(../img/hero-35-bg-shape.png);
        background-size: cover;
        background-position: right center
    }

    .hero-35__img {
        position: relative;
        margin-bottom: -230px
    }
}

.hero-36 {
    padding-top: 180px;
    position: relative;
    isolation: isolate;
    background-color: #181818
}

.hero-36::after {
    content: "";
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 0;
    right: 0;
    background-image: url(../img/hero-36-shape.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1
}
}

.hero-36__important {
    background-color: #FFF250;
    color: #181818
}
}

.dropdown-menu-platform {
    left: 25% !important;
}

.dropdown-menu-solutions {
    left: 37% !important;
}

.dropdown-menu-resources {
    left: 52% !important;
}

.dropdown-menu-company {
    left: 62% !important;
}