@charset "UTF-8";

        /*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
        :root,
        [data-bs-theme=light] {
            --bs-blue: #0d6efd;
            --bs-indigo: #6610f2;
            --bs-purple: #6f42c1;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #0dcaf0;
            --bs-black: #000;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #343a40;
            --bs-gray-900: #212529;
            --bs-primary: #0d6efd;
            --bs-secondary: #6c757d;
            --bs-success: #198754;
            --bs-info: #0dcaf0;
            --bs-warning: #ffc107;
            --bs-danger: #dc3545;
            --bs-light: #f8f9fa;
            --bs-dark: #212529;
            --bs-primary-rgb: 13, 110, 253;
            --bs-secondary-rgb: 108, 117, 125;
            --bs-success-rgb: 25, 135, 84;
            --bs-info-rgb: 13, 202, 240;
            --bs-warning-rgb: 255, 193, 7;
            --bs-danger-rgb: 220, 53, 69;
            --bs-light-rgb: 248, 249, 250;
            --bs-dark-rgb: 33, 37, 41;
            --bs-primary-text-emphasis: #052c65;
            --bs-secondary-text-emphasis: #2b2f32;
            --bs-success-text-emphasis: #0a3622;
            --bs-info-text-emphasis: #055160;
            --bs-warning-text-emphasis: #664d03;
            --bs-danger-text-emphasis: #58151c;
            --bs-light-text-emphasis: #495057;
            --bs-dark-text-emphasis: #495057;
            --bs-primary-bg-subtle: #cfe2ff;
            --bs-secondary-bg-subtle: #e2e3e5;
            --bs-success-bg-subtle: #d1e7dd;
            --bs-info-bg-subtle: #cff4fc;
            --bs-warning-bg-subtle: #fff3cd;
            --bs-danger-bg-subtle: #f8d7da;
            --bs-light-bg-subtle: #fcfcfd;
            --bs-dark-bg-subtle: #ced4da;
            --bs-primary-border-subtle: #9ec5fe;
            --bs-secondary-border-subtle: #c4c8cb;
            --bs-success-border-subtle: #a3cfbb;
            --bs-info-border-subtle: #9eeaf9;
            --bs-warning-border-subtle: #ffe69c;
            --bs-danger-border-subtle: #f1aeb5;
            --bs-light-border-subtle: #e9ecef;
            --bs-dark-border-subtle: #adb5bd;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, 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, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
            --bs-body-font-family: var(--bs-font-sans-serif);
            --bs-body-font-size: 1rem;
            --bs-body-font-weight: 400;
            --bs-body-line-height: 1.5;
            --bs-body-color: #212529;
            --bs-body-color-rgb: 33, 37, 41;
            --bs-body-bg: #fff;
            --bs-body-bg-rgb: 255, 255, 255;
            --bs-emphasis-color: #000;
            --bs-emphasis-color-rgb: 0, 0, 0;
            --bs-secondary-color: rgba(33, 37, 41, .75);
            --bs-secondary-color-rgb: 33, 37, 41;
            --bs-secondary-bg: #e9ecef;
            --bs-secondary-bg-rgb: 233, 236, 239;
            --bs-tertiary-color: rgba(33, 37, 41, .5);
            --bs-tertiary-color-rgb: 33, 37, 41;
            --bs-tertiary-bg: #f8f9fa;
            --bs-tertiary-bg-rgb: 248, 249, 250;
            --bs-heading-color: inherit;
            --bs-link-color: #0d6efd;
            --bs-link-color-rgb: 13, 110, 253;
            --bs-link-decoration: underline;
            --bs-link-hover-color: #0a58ca;
            --bs-link-hover-color-rgb: 10, 88, 202;
            --bs-code-color: #d63384;
            --bs-highlight-color: #212529;
            --bs-highlight-bg: #fff3cd;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee2e6;
            --bs-border-color-translucent: rgba(0, 0, 0, .175);
            --bs-border-radius: 0.375rem;
            --bs-border-radius-sm: 0.25rem;
            --bs-border-radius-lg: 0.5rem;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-xxl: 2rem;
            --bs-border-radius-2xl: var(--bs-border-radius-xxl);
            --bs-border-radius-pill: 50rem;
            --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
            --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
            --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
            --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
            --bs-focus-ring-width: 0.25rem;
            --bs-focus-ring-opacity: 0.25;
            --bs-focus-ring-color: rgba(13, 110, 253, .25);
            --bs-form-valid-color: #198754;
            --bs-form-valid-border-color: #198754;
            --bs-form-invalid-color: #dc3545;
            --bs-form-invalid-border-color: #dc3545
        }

        [data-bs-theme=dark] {
            color-scheme: dark;
            --bs-body-color: #dee2e6;
            --bs-body-color-rgb: 222, 226, 230;
            --bs-body-bg: #212529;
            --bs-body-bg-rgb: 33, 37, 41;
            --bs-emphasis-color: #fff;
            --bs-emphasis-color-rgb: 255, 255, 255;
            --bs-secondary-color: rgba(222, 226, 230, .75);
            --bs-secondary-color-rgb: 222, 226, 230;
            --bs-secondary-bg: #343a40;
            --bs-secondary-bg-rgb: 52, 58, 64;
            --bs-tertiary-color: rgba(222, 226, 230, .5);
            --bs-tertiary-color-rgb: 222, 226, 230;
            --bs-tertiary-bg: #2b3035;
            --bs-tertiary-bg-rgb: 43, 48, 53;
            --bs-primary-text-emphasis: #6ea8fe;
            --bs-secondary-text-emphasis: #a7acb1;
            --bs-success-text-emphasis: #75b798;
            --bs-info-text-emphasis: #6edff6;
            --bs-warning-text-emphasis: #ffda6a;
            --bs-danger-text-emphasis: #ea868f;
            --bs-light-text-emphasis: #f8f9fa;
            --bs-dark-text-emphasis: #dee2e6;
            --bs-primary-bg-subtle: #031633;
            --bs-secondary-bg-subtle: #161719;
            --bs-success-bg-subtle: #051b11;
            --bs-info-bg-subtle: #032830;
            --bs-warning-bg-subtle: #332701;
            --bs-danger-bg-subtle: #2c0b0e;
            --bs-light-bg-subtle: #343a40;
            --bs-dark-bg-subtle: #1a1d20;
            --bs-primary-border-subtle: #084298;
            --bs-secondary-border-subtle: #41464b;
            --bs-success-border-subtle: #0f5132;
            --bs-info-border-subtle: #087990;
            --bs-warning-border-subtle: #997404;
            --bs-danger-border-subtle: #842029;
            --bs-light-border-subtle: #495057;
            --bs-dark-border-subtle: #343a40;
            --bs-heading-color: inherit;
            --bs-link-color: #6ea8fe;
            --bs-link-hover-color: #8bb9fe;
            --bs-link-color-rgb: 110, 168, 254;
            --bs-link-hover-color-rgb: 139, 185, 254;
            --bs-code-color: #e685b5;
            --bs-highlight-color: #dee2e6;
            --bs-highlight-bg: #664d03;
            --bs-border-color: #495057;
            --bs-border-color-translucent: hsla(0, 0%, 100%, .15);
            --bs-form-valid-color: #75b798;
            --bs-form-valid-border-color: #75b798;
            --bs-form-invalid-color: #ea868f;
            --bs-form-invalid-border-color: #ea868f
        }

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

        @media (prefers-reduced-motion:no-preference) {
            :root {
                scroll-behavior: smooth
            }
        }

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

        hr {
            border: 0;
            border-top: var(--bs-border-width) solid;
            color: inherit;
            margin: 1rem 0;
            opacity: .25
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: var(--bs-heading-color);
            font-weight: 500;
            line-height: 1.2;
            margin-bottom: .5rem;
            margin-top: 0
        }

        .h1,
        h1 {
            font-size: calc(1.375rem + 1.5vw)
        }

        @media (min-width:1200px) {

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

        .h2,
        h2 {
            font-size: calc(1.325rem + .9vw)
        }

        @media (min-width:1200px) {

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

        .h3,
        h3 {
            font-size: calc(1.3rem + .6vw)
        }

        @media (min-width:1200px) {

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

        .h4,
        h4 {
            font-size: calc(1.275rem + .3vw)
        }

        @media (min-width:1200px) {

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

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

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

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

        abbr[title] {
            cursor: help;
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none
        }

        address {
            font-style: normal;
            line-height: inherit;
            margin-bottom: 1rem
        }

        ol,
        ul {
            padding-left: 2rem
        }

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

        ol ol,
        ol ul,
        ul ol,
        ul ul {
            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: .875em
        }

        .mark,
        mark {
            background-color: var(--bs-highlight-bg);
            color: var(--bs-highlight-color);
            padding: .1875em
        }

        sub,
        sup {
            font-size: .75em;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        a {
            color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
            text-decoration: underline
        }

        a:hover {
            --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
        }

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

        code,
        kbd,
        pre,
        samp {
            font-family: var(--bs-font-monospace);
            font-size: 1em
        }

        pre {
            display: block;
            font-size: .875em;
            margin-bottom: 1rem;
            margin-top: 0;
            overflow: auto
        }

        pre code {
            color: inherit;
            font-size: inherit;
            word-break: normal
        }

        code {
            color: var(--bs-code-color);
            font-size: .875em;
            word-wrap: break-word
        }

        a>code {
            color: inherit
        }

        kbd {
            background-color: var(--bs-body-color);
            border-radius: .25rem;
            color: var(--bs-body-bg);
            font-size: .875em;
            padding: .1875rem .375rem
        }

        kbd kbd {
            font-size: 1em;
            padding: 0
        }

        figure {
            margin: 0 0 1rem
        }

        img,
        svg {
            vertical-align: middle
        }

        table {
            border-collapse: collapse;
            caption-side: bottom
        }

        caption {
            color: var(--bs-secondary-color);
            padding-bottom: .5rem;
            padding-top: .5rem;
            text-align: left
        }

        th {
            text-align: inherit;
            text-align: -webkit-match-parent
        }

        tbody,
        td,
        tfoot,
        th,
        thead,
        tr {
            border: 0 solid;
            border-color: inherit
        }

        label {
            display: inline-block
        }

        button {
            border-radius: 0
        }

        button:focus:not(:focus-visible) {
            outline: 0
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            margin: 0
        }

        button,
        select {
            text-transform: none
        }

        [role=button] {
            cursor: pointer
        }

        select {
            word-wrap: normal
        }

        select:disabled {
            opacity: 1
        }

        [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
            display: none !important
        }

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

        [type=button]:not(:disabled),
        [type=reset]:not(:disabled),
        [type=submit]:not(:disabled),
        button:not(:disabled) {
            cursor: pointer
        }

        ::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        textarea {
            resize: vertical
        }

        fieldset {
            border: 0;
            margin: 0;
            min-width: 0;
            padding: 0
        }

        legend {
            float: left;
            font-size: calc(1.275rem + .3vw);
            line-height: inherit;
            margin-bottom: .5rem;
            padding: 0;
            width: 100%
        }

        @media (min-width:1200px) {
            legend {
                font-size: 1.5rem
            }
        }

        legend+* {
            clear: left
        }

        ::-webkit-datetime-edit-day-field,
        ::-webkit-datetime-edit-fields-wrapper,
        ::-webkit-datetime-edit-hour-field,
        ::-webkit-datetime-edit-minute,
        ::-webkit-datetime-edit-month-field,
        ::-webkit-datetime-edit-text,
        ::-webkit-datetime-edit-year-field {
            padding: 0
        }

        ::-webkit-inner-spin-button {
            height: auto
        }

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

        ::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-color-swatch-wrapper {
            padding: 0
        }

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

        output {
            display: inline-block
        }

        iframe {
            border: 0
        }

        summary {
            cursor: pointer;
            display: list-item
        }

        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-inline,
        .list-unstyled {
            list-style: none;
            padding-left: 0
        }

        .list-inline-item {
            display: inline-block
        }

        .list-inline-item:not(:last-child) {
            margin-right: .5rem
        }

        .initialism {
            font-size: .875em;
            text-transform: uppercase
        }

        .blockquote {
            font-size: 1.25rem;
            margin-bottom: 1rem
        }

        .blockquote>:last-child {
            margin-bottom: 0
        }

        .blockquote-footer {
            color: #6c757d;
            font-size: .875em;
            margin-bottom: 1rem;
            margin-top: -1rem
        }

        .blockquote-footer:before {
            content: "— "
        }

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

        .img-thumbnail {
            background-color: var(--bs-body-bg);
            border: var(--bs-border-width) solid var(--bs-border-color);
            border-radius: var(--bs-border-radius);
            padding: .25rem
        }

        .figure {
            display: inline-block
        }

        .figure-img {
            line-height: 1;
            margin-bottom: .5rem
        }

        .figure-caption {
            color: var(--bs-secondary-color);
            font-size: .875em
        }

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

        @media (min-width:576px) {

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

        @media (min-width:768px) {

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

        @media (min-width:992px) {

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

        @media (min-width:1200px) {

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

        @media (min-width:1400px) {

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

        :root {
            --bs-breakpoint-xs: 0;
            --bs-breakpoint-sm: 576px;
            --bs-breakpoint-md: 768px;
            --bs-breakpoint-lg: 992px;
            --bs-breakpoint-xl: 1200px;
            --bs-breakpoint-xxl: 1400px
        }

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

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

        .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.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 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

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

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

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

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

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

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

        .col-9 {
            flex: 0 0 auto;
            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%
        }

        .offset-1 {
            margin-left: 8.33333333%
        }

        .offset-2 {
            margin-left: 16.66666667%
        }

        .offset-3 {
            margin-left: 25%
        }

        .offset-4 {
            margin-left: 33.33333333%
        }

        .offset-5 {
            margin-left: 41.66666667%
        }

        .offset-6 {
            margin-left: 50%
        }

        .offset-7 {
            margin-left: 58.33333333%
        }

        .offset-8 {
            margin-left: 66.66666667%
        }

        .offset-9 {
            margin-left: 75%
        }

        .offset-10 {
            margin-left: 83.33333333%
        }

        .offset-11 {
            margin-left: 91.66666667%
        }

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

            .offset-sm-0 {
                margin-left: 0
            }

            .offset-sm-1 {
                margin-left: 8.33333333%
            }

            .offset-sm-2 {
                margin-left: 16.66666667%
            }

            .offset-sm-3 {
                margin-left: 25%
            }

            .offset-sm-4 {
                margin-left: 33.33333333%
            }

            .offset-sm-5 {
                margin-left: 41.66666667%
            }

            .offset-sm-6 {
                margin-left: 50%
            }

            .offset-sm-7 {
                margin-left: 58.33333333%
            }

            .offset-sm-8 {
                margin-left: 66.66666667%
            }

            .offset-sm-9 {
                margin-left: 75%
            }

            .offset-sm-10 {
                margin-left: 83.33333333%
            }

            .offset-sm-11 {
                margin-left: 91.66666667%
            }

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

            .offset-md-0 {
                margin-left: 0
            }

            .offset-md-1 {
                margin-left: 8.33333333%
            }

            .offset-md-2 {
                margin-left: 16.66666667%
            }

            .offset-md-3 {
                margin-left: 25%
            }

            .offset-md-4 {
                margin-left: 33.33333333%
            }

            .offset-md-5 {
                margin-left: 41.66666667%
            }

            .offset-md-6 {
                margin-left: 50%
            }

            .offset-md-7 {
                margin-left: 58.33333333%
            }

            .offset-md-8 {
                margin-left: 66.66666667%
            }

            .offset-md-9 {
                margin-left: 75%
            }

            .offset-md-10 {
                margin-left: 83.33333333%
            }

            .offset-md-11 {
                margin-left: 91.66666667%
            }

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

            .offset-lg-0 {
                margin-left: 0
            }

            .offset-lg-1 {
                margin-left: 8.33333333%
            }

            .offset-lg-2 {
                margin-left: 16.66666667%
            }

            .offset-lg-3 {
                margin-left: 25%
            }

            .offset-lg-4 {
                margin-left: 33.33333333%
            }

            .offset-lg-5 {
                margin-left: 41.66666667%
            }

            .offset-lg-6 {
                margin-left: 50%
            }

            .offset-lg-7 {
                margin-left: 58.33333333%
            }

            .offset-lg-8 {
                margin-left: 66.66666667%
            }

            .offset-lg-9 {
                margin-left: 75%
            }

            .offset-lg-10 {
                margin-left: 83.33333333%
            }

            .offset-lg-11 {
                margin-left: 91.66666667%
            }

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

            .offset-xl-0 {
                margin-left: 0
            }

            .offset-xl-1 {
                margin-left: 8.33333333%
            }

            .offset-xl-2 {
                margin-left: 16.66666667%
            }

            .offset-xl-3 {
                margin-left: 25%
            }

            .offset-xl-4 {
                margin-left: 33.33333333%
            }

            .offset-xl-5 {
                margin-left: 41.66666667%
            }

            .offset-xl-6 {
                margin-left: 50%
            }

            .offset-xl-7 {
                margin-left: 58.33333333%
            }

            .offset-xl-8 {
                margin-left: 66.66666667%
            }

            .offset-xl-9 {
                margin-left: 75%
            }

            .offset-xl-10 {
                margin-left: 83.33333333%
            }

            .offset-xl-11 {
                margin-left: 91.66666667%
            }

            .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:1400px) {
            .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%
            }

            .offset-xxl-0 {
                margin-left: 0
            }

            .offset-xxl-1 {
                margin-left: 8.33333333%
            }

            .offset-xxl-2 {
                margin-left: 16.66666667%
            }

            .offset-xxl-3 {
                margin-left: 25%
            }

            .offset-xxl-4 {
                margin-left: 33.33333333%
            }

            .offset-xxl-5 {
                margin-left: 41.66666667%
            }

            .offset-xxl-6 {
                margin-left: 50%
            }

            .offset-xxl-7 {
                margin-left: 58.33333333%
            }

            .offset-xxl-8 {
                margin-left: 66.66666667%
            }

            .offset-xxl-9 {
                margin-left: 75%
            }

            .offset-xxl-10 {
                margin-left: 83.33333333%
            }

            .offset-xxl-11 {
                margin-left: 91.66666667%
            }

            .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-color-type: initial;
            --bs-table-bg-type: initial;
            --bs-table-color-state: initial;
            --bs-table-bg-state: initial;
            --bs-table-color: var(--bs-emphasis-color);
            --bs-table-bg: var(--bs-body-bg);
            --bs-table-border-color: var(--bs-border-color);
            --bs-table-accent-bg: transparent;
            --bs-table-striped-color: var(--bs-emphasis-color);
            --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
            --bs-table-active-color: var(--bs-emphasis-color);
            --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
            --bs-table-hover-color: var(--bs-emphasis-color);
            --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
            border-color: var(--bs-table-border-color);
            margin-bottom: 1rem;
            vertical-align: top;
            width: 100%
        }

        .table>:not(caption)>*>* {
            background-color: var(--bs-table-bg);
            border-bottom-width: var(--bs-border-width);
            box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
            color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
            padding: .5rem
        }

        .table>tbody {
            vertical-align: inherit
        }

        .table>thead {
            vertical-align: bottom
        }

        .table-group-divider {
            border-top: calc(var(--bs-border-width)*2) solid
        }

        .caption-top {
            caption-side: top
        }

        .table-sm>:not(caption)>*>* {
            padding: .25rem
        }

        .table-bordered>:not(caption)>* {
            border-width: var(--bs-border-width) 0
        }

        .table-bordered>:not(caption)>*>* {
            border-width: 0 var(--bs-border-width)
        }

        .table-borderless>:not(caption)>*>* {
            border-bottom-width: 0
        }

        .table-borderless>:not(:first-child) {
            border-top-width: 0
        }

        .table-striped-columns>:not(caption)>tr>:nth-child(2n),
        .table-striped>tbody>tr:nth-of-type(odd)>* {
            --bs-table-color-type: var(--bs-table-striped-color);
            --bs-table-bg-type: var(--bs-table-striped-bg)
        }

        .table-active {
            --bs-table-color-state: var(--bs-table-active-color);
            --bs-table-bg-state: var(--bs-table-active-bg)
        }

        .table-hover>tbody>tr:hover>* {
            --bs-table-color-state: var(--bs-table-hover-color);
            --bs-table-bg-state: var(--bs-table-hover-bg)
        }

        .table-primary {
            --bs-table-color: #000;
            --bs-table-bg: #cfe2ff;
            --bs-table-border-color: #a6b5cc;
            --bs-table-striped-bg: #c5d7f2;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #bacbe6;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #bfd1ec;
            --bs-table-hover-color: #000
        }

        .table-primary,
        .table-secondary {
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color)
        }

        .table-secondary {
            --bs-table-color: #000;
            --bs-table-bg: #e2e3e5;
            --bs-table-border-color: #b5b6b7;
            --bs-table-striped-bg: #d7d8da;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #cbccce;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #d1d2d4;
            --bs-table-hover-color: #000
        }

        .table-success {
            --bs-table-color: #000;
            --bs-table-bg: #d1e7dd;
            --bs-table-border-color: #a7b9b1;
            --bs-table-striped-bg: #c7dbd2;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #bcd0c7;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #c1d6cc;
            --bs-table-hover-color: #000
        }

        .table-info,
        .table-success {
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color)
        }

        .table-info {
            --bs-table-color: #000;
            --bs-table-bg: #cff4fc;
            --bs-table-border-color: #a6c3ca;
            --bs-table-striped-bg: #c5e8ef;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #badce3;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #bfe2e9;
            --bs-table-hover-color: #000
        }

        .table-warning {
            --bs-table-color: #000;
            --bs-table-bg: #fff3cd;
            --bs-table-border-color: #ccc2a4;
            --bs-table-striped-bg: #f2e7c3;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #e6dbb9;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #ece1be;
            --bs-table-hover-color: #000
        }

        .table-danger,
        .table-warning {
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color)
        }

        .table-danger {
            --bs-table-color: #000;
            --bs-table-bg: #f8d7da;
            --bs-table-border-color: #c6acae;
            --bs-table-striped-bg: #eccccf;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #dfc2c4;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #e5c7ca;
            --bs-table-hover-color: #000
        }

        .table-light {
            --bs-table-color: #000;
            --bs-table-bg: #f8f9fa;
            --bs-table-border-color: #c6c7c8;
            --bs-table-striped-bg: #ecedee;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #dfe0e1;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #e5e6e7;
            --bs-table-hover-color: #000
        }

        .table-dark,
        .table-light {
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color)
        }

        .table-dark {
            --bs-table-color: #fff;
            --bs-table-bg: #212529;
            --bs-table-border-color: #4d5154;
            --bs-table-striped-bg: #2c3034;
            --bs-table-striped-color: #fff;
            --bs-table-active-bg: #373b3e;
            --bs-table-active-color: #fff;
            --bs-table-hover-bg: #323539;
            --bs-table-hover-color: #fff
        }

        .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:1399.98px) {
            .table-responsive-xxl {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch
            }
        }

        .form-label {
            margin-bottom: .5rem
        }

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

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

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

        .form-text {
            color: var(--bs-secondary-color);
            font-size: .875em;
            margin-top: .25rem
        }

        .form-control {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-clip: padding-box;
            background-color: var(--bs-body-bg);
            border: var(--bs-border-width) solid var(--bs-border-color);
            border-radius: var(--bs-border-radius);
            color: var(--bs-body-color);
            display: block;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            padding: .375rem .75rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 100%
        }

        @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 {
            background-color: var(--bs-body-bg);
            border-color: #86b7fe;
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            color: var(--bs-body-color);
            outline: 0
        }

        .form-control::-webkit-date-and-time-value {
            height: 1.5em;
            margin: 0;
            min-width: 85px
        }

        .form-control::-webkit-datetime-edit {
            display: block;
            padding: 0
        }

        .form-control::-moz-placeholder {
            color: var(--bs-secondary-color);
            opacity: 1
        }

        .form-control::placeholder {
            color: var(--bs-secondary-color);
            opacity: 1
        }

        .form-control:disabled {
            background-color: var(--bs-secondary-bg);
            opacity: 1
        }

        .form-control::file-selector-button {
            background-color: var(--bs-tertiary-bg);
            border: 0 solid;
            border-color: inherit;
            border-inline-end-width: var(--bs-border-width);
            border-radius: 0;
            color: var(--bs-body-color);
            margin: -.375rem -.75rem;
            margin-inline-end: .75rem;
            padding: .375rem .75rem;
            pointer-events: none;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-control::file-selector-button {
                transition: none
            }
        }

        .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
            background-color: var(--bs-secondary-bg)
        }

        .form-control-plaintext {
            background-color: transparent;
            border: solid transparent;
            border-width: var(--bs-border-width) 0;
            color: var(--bs-body-color);
            display: block;
            line-height: 1.5;
            margin-bottom: 0;
            padding: .375rem 0;
            width: 100%
        }

        .form-control-plaintext:focus {
            outline: 0
        }

        .form-control-plaintext.form-control-lg,
        .form-control-plaintext.form-control-sm {
            padding-left: 0;
            padding-right: 0
        }

        .form-control-sm {
            border-radius: var(--bs-border-radius-sm);
            font-size: .875rem;
            min-height: calc(1.5em + .5rem + var(--bs-border-width)*2);
            padding: .25rem .5rem
        }

        .form-control-sm::file-selector-button {
            margin: -.25rem -.5rem;
            margin-inline-end: .5rem;
            padding: .25rem .5rem
        }

        .form-control-lg {
            border-radius: var(--bs-border-radius-lg);
            font-size: 1.25rem;
            min-height: calc(1.5em + 1rem + var(--bs-border-width)*2);
            padding: .5rem 1rem
        }

        .form-control-lg::file-selector-button {
            margin: -.5rem -1rem;
            margin-inline-end: 1rem;
            padding: .5rem 1rem
        }

        textarea.form-control {
            min-height: calc(1.5em + .75rem + var(--bs-border-width)*2)
        }

        textarea.form-control-sm {
            min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)
        }

        textarea.form-control-lg {
            min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
        }

        .form-control-color {
            height: calc(1.5em + .75rem + var(--bs-border-width)*2);
            padding: .375rem;
            width: 3rem
        }

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

        .form-control-color::-moz-color-swatch {
            border: 0 !important;
            border-radius: var(--bs-border-radius)
        }

        .form-control-color::-webkit-color-swatch {
            border: 0 !important;
            border-radius: var(--bs-border-radius)
        }

        .form-control-color.form-control-sm {
            height: calc(1.5em + .5rem + var(--bs-border-width)*2)
        }

        .form-control-color.form-control-lg {
            height: calc(1.5em + 1rem + var(--bs-border-width)*2)
        }

        .form-select {
            --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%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 5 6 6 6-6'/%3E%3C/svg%3E");
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--bs-body-bg);
            background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
            background-position: right .75rem center;
            background-repeat: no-repeat;
            background-size: 16px 12px;
            border: var(--bs-border-width) solid var(--bs-border-color);
            border-radius: var(--bs-border-radius);
            color: var(--bs-body-color);
            display: block;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            padding: .375rem 2.25rem .375rem .75rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 100%
        }

        @media (prefers-reduced-motion:reduce) {
            .form-select {
                transition: none
            }
        }

        .form-select:focus {
            border-color: #86b7fe;
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            outline: 0
        }

        .form-select[multiple],
        .form-select[size]:not([size="1"]) {
            background-image: none;
            padding-right: .75rem
        }

        .form-select:disabled {
            background-color: var(--bs-secondary-bg)
        }

        .form-select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 var(--bs-body-color)
        }

        .form-select-sm {
            border-radius: var(--bs-border-radius-sm);
            font-size: .875rem;
            padding-bottom: .25rem;
            padding-left: .5rem;
            padding-top: .25rem
        }

        .form-select-lg {
            border-radius: var(--bs-border-radius-lg);
            font-size: 1.25rem;
            padding-bottom: .5rem;
            padding-left: 1rem;
            padding-top: .5rem
        }

        [data-bs-theme=dark] .form-select {
            --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")
        }

        .form-check {
            display: block;
            margin-bottom: .125rem;
            min-height: 1.5rem;
            padding-left: 1.5em
        }

        .form-check .form-check-input {
            float: left;
            margin-left: -1.5em
        }

        .form-check-reverse {
            padding-left: 0;
            padding-right: 1.5em;
            text-align: right
        }

        .form-check-reverse .form-check-input {
            float: right;
            margin-left: 0;
            margin-right: -1.5em
        }

        .form-check-input {
            --bs-form-check-bg: var(--bs-body-bg);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--bs-form-check-bg);
            background-image: var(--bs-form-check-bg-image);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            border: var(--bs-border-width) solid var(--bs-border-color);
            flex-shrink: 0;
            height: 1em;
            margin-top: .25em;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
            vertical-align: top;
            width: 1em
        }

        .form-check-input[type=checkbox] {
            border-radius: .25em
        }

        .form-check-input[type=radio] {
            border-radius: 50%
        }

        .form-check-input:active {
            filter: brightness(90%)
        }

        .form-check-input:focus {
            border-color: #86b7fe;
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            outline: 0
        }

        .form-check-input:checked {
            background-color: #0d6efd;
            border-color: #0d6efd
        }

        .form-check-input:checked[type=checkbox] {
            --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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 10 3 3 6-6'/%3E%3C/svg%3E")
        }

        .form-check-input:checked[type=radio] {
            --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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: #0d6efd;
            border-color: #0d6efd;
            --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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 {
            filter: none;
            opacity: .5;
            pointer-events: none
        }

        .form-check-input:disabled~.form-check-label,
        .form-check-input[disabled]~.form-check-label {
            cursor: default;
            opacity: .5
        }

        .form-switch {
            padding-left: 2.5em
        }

        .form-switch .form-check-input {
            --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
            background-image: var(--bs-form-switch-bg);
            background-position: 0;
            border-radius: 2em;
            margin-left: -2.5em;
            transition: background-position .15s ease-in-out;
            width: 2em
        }

        @media (prefers-reduced-motion:reduce) {
            .form-switch .form-check-input {
                transition: none
            }
        }

        .form-switch .form-check-input:focus {
            --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E")
        }

        .form-switch .form-check-input:checked {
            background-position: 100%;
            --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
        }

        .form-switch.form-check-reverse {
            padding-left: 0;
            padding-right: 2.5em
        }

        .form-switch.form-check-reverse .form-check-input {
            margin-left: 0;
            margin-right: -2.5em
        }

        .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 {
            filter: none;
            opacity: .65;
            pointer-events: none
        }

        [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
            --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
        }

        .form-range {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: transparent;
            height: 1.5rem;
            padding: 0;
            width: 100%
        }

        .form-range:focus {
            outline: 0
        }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
        }

        .form-range::-moz-focus-outer {
            border: 0
        }

        .form-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            background-color: #0d6efd;
            border: 0;
            border-radius: 1rem;
            height: 1rem;
            margin-top: -.25rem;
            -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 1rem
        }

        @media (prefers-reduced-motion:reduce) {
            .form-range::-webkit-slider-thumb {
                -webkit-transition: none;
                transition: none
            }
        }

        .form-range::-webkit-slider-thumb:active {
            background-color: #b6d4fe
        }

        .form-range::-webkit-slider-runnable-track {
            background-color: var(--bs-secondary-bg);
            border-color: transparent;
            border-radius: 1rem;
            color: transparent;
            cursor: pointer;
            height: .5rem;
            width: 100%
        }

        .form-range::-moz-range-thumb {
            -moz-appearance: none;
            appearance: none;
            background-color: #0d6efd;
            border: 0;
            border-radius: 1rem;
            height: 1rem;
            -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 1rem
        }

        @media (prefers-reduced-motion:reduce) {
            .form-range::-moz-range-thumb {
                -moz-transition: none;
                transition: none
            }
        }

        .form-range::-moz-range-thumb:active {
            background-color: #b6d4fe
        }

        .form-range::-moz-range-track {
            background-color: var(--bs-secondary-bg);
            border-color: transparent;
            border-radius: 1rem;
            color: transparent;
            cursor: pointer;
            height: .5rem;
            width: 100%
        }

        .form-range:disabled {
            pointer-events: none
        }

        .form-range:disabled::-webkit-slider-thumb {
            background-color: var(--bs-secondary-color)
        }

        .form-range:disabled::-moz-range-thumb {
            background-color: var(--bs-secondary-color)
        }

        .form-floating {
            position: relative
        }

        .form-floating>.form-control,
        .form-floating>.form-control-plaintext,
        .form-floating>.form-select {
            height: calc(3.5rem + var(--bs-border-width)*2);
            line-height: 1.25;
            min-height: calc(3.5rem + var(--bs-border-width)*2)
        }

        .form-floating>label {
            border: var(--bs-border-width) solid transparent;
            height: 100%;
            left: 0;
            overflow: hidden;
            padding: 1rem .75rem;
            pointer-events: none;
            position: absolute;
            text-align: start;
            text-overflow: ellipsis;
            top: 0;
            transform-origin: 0 0;
            transition: opacity .1s ease-in-out, transform .1s ease-in-out;
            white-space: nowrap;
            z-index: 2
        }

        @media (prefers-reduced-motion:reduce) {
            .form-floating>label {
                transition: none
            }
        }

        .form-floating>.form-control,
        .form-floating>.form-control-plaintext {
            padding: 1rem .75rem
        }

        .form-floating>.form-control-plaintext::-moz-placeholder,
        .form-floating>.form-control::-moz-placeholder {
            color: transparent
        }

        .form-floating>.form-control-plaintext::placeholder,
        .form-floating>.form-control::placeholder {
            color: transparent
        }

        .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
        .form-floating>.form-control:not(:-moz-placeholder-shown) {
            padding-bottom: .625rem;
            padding-top: 1.625rem
        }

        .form-floating>.form-control-plaintext:focus,
        .form-floating>.form-control-plaintext:not(:placeholder-shown),
        .form-floating>.form-control:focus,
        .form-floating>.form-control:not(:placeholder-shown) {
            padding-bottom: .625rem;
            padding-top: 1.625rem
        }

        .form-floating>.form-control-plaintext:-webkit-autofill,
        .form-floating>.form-control:-webkit-autofill {
            padding-bottom: .625rem;
            padding-top: 1.625rem
        }

        .form-floating>.form-select {
            padding-bottom: .625rem;
            padding-top: 1.625rem
        }

        .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
            color: rgba(var(--bs-body-color-rgb), .65);
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>.form-control-plaintext~label,
        .form-floating>.form-control:focus~label,
        .form-floating>.form-control:not(:placeholder-shown)~label,
        .form-floating>.form-select~label {
            color: rgba(var(--bs-body-color-rgb), .65);
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>.form-control:not(:-moz-placeholder-shown)~label:after {
            background-color: var(--bs-body-bg);
            border-radius: var(--bs-border-radius);
            content: "";
            height: 1.5em;
            inset: 1rem .375rem;
            position: absolute;
            z-index: -1
        }

        .form-floating>.form-control-plaintext~label:after,
        .form-floating>.form-control:focus~label:after,
        .form-floating>.form-control:not(:placeholder-shown)~label:after,
        .form-floating>.form-select~label:after {
            background-color: var(--bs-body-bg);
            border-radius: var(--bs-border-radius);
            content: "";
            height: 1.5em;
            inset: 1rem .375rem;
            position: absolute;
            z-index: -1
        }

        .form-floating>.form-control:-webkit-autofill~label {
            color: rgba(var(--bs-body-color-rgb), .65);
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>.form-control-plaintext~label {
            border-width: var(--bs-border-width) 0
        }

        .form-floating>.form-control:disabled~label,
        .form-floating>:disabled~label {
            color: #6c757d
        }

        .form-floating>.form-control:disabled~label:after,
        .form-floating>:disabled~label:after {
            background-color: var(--bs-secondary-bg)
        }

        .input-group {
            align-items: stretch;
            display: flex;
            flex-wrap: wrap;
            position: relative;
            width: 100%
        }

        .input-group>.form-control,
        .input-group>.form-floating,
        .input-group>.form-select {
            flex: 1 1 auto;
            min-width: 0;
            position: relative;
            width: 1%
        }

        .input-group>.form-control:focus,
        .input-group>.form-floating:focus-within,
        .input-group>.form-select:focus {
            z-index: 5
        }

        .input-group .btn {
            position: relative;
            z-index: 2
        }

        .input-group .btn:focus {
            z-index: 5
        }

        .input-group-text {
            align-items: center;
            background-color: var(--bs-tertiary-bg);
            border: var(--bs-border-width) solid var(--bs-border-color);
            border-radius: var(--bs-border-radius);
            color: var(--bs-body-color);
            display: flex;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            padding: .375rem .75rem;
            text-align: center;
            white-space: nowrap
        }

        .input-group-lg>.btn,
        .input-group-lg>.form-control,
        .input-group-lg>.form-select,
        .input-group-lg>.input-group-text {
            border-radius: var(--bs-border-radius-lg);
            font-size: 1.25rem;
            padding: .5rem 1rem
        }

        .input-group-sm>.btn,
        .input-group-sm>.form-control,
        .input-group-sm>.form-select,
        .input-group-sm>.input-group-text {
            border-radius: var(--bs-border-radius-sm);
            font-size: .875rem;
            padding: .25rem .5rem
        }

        .input-group-lg>.form-select,
        .input-group-sm>.form-select {
            padding-right: 3rem
        }

        .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
        .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
        .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
        .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
        .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
        .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
        .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            margin-left: calc(var(--bs-border-width)*-1)
        }

        .input-group>.form-floating:not(:first-child)>.form-control,
        .input-group>.form-floating:not(:first-child)>.form-select {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .valid-feedback {
            color: var(--bs-form-valid-color);
            display: none;
            font-size: .875em;
            margin-top: .25rem;
            width: 100%
        }

        .valid-tooltip {
            background-color: var(--bs-success);
            border-radius: var(--bs-border-radius);
            color: #fff;
            display: none;
            font-size: .875rem;
            margin-top: .1rem;
            max-width: 100%;
            padding: .25rem .5rem;
            position: absolute;
            top: 100%;
            z-index: 5
        }

        .is-valid~.valid-feedback,
        .is-valid~.valid-tooltip,
        .was-validated :valid~.valid-feedback,
        .was-validated :valid~.valid-tooltip {
            display: block
        }

        .form-control.is-valid,
        .was-validated .form-control:valid {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.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.1'/%3E%3C/svg%3E");
            background-position: right calc(.375em + .1875rem) center;
            background-repeat: no-repeat;
            background-size: calc(.75em + .375rem) calc(.75em + .375rem);
            border-color: var(--bs-form-valid-border-color);
            padding-right: calc(1.5em + .75rem)
        }

        .form-control.is-valid:focus,
        .was-validated .form-control:valid:focus {
            border-color: var(--bs-form-valid-border-color);
            box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
        }

        .was-validated textarea.form-control:valid,
        textarea.form-control.is-valid {
            background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
            padding-right: calc(1.5em + .75rem)
        }

        .form-select.is-valid,
        .was-validated .form-select:valid {
            border-color: var(--bs-form-valid-border-color)
        }

        .form-select.is-valid:not([multiple]):not([size]),
        .form-select.is-valid:not([multiple])[size="1"],
        .was-validated .form-select:valid:not([multiple]):not([size]),
        .was-validated .form-select:valid:not([multiple])[size="1"] {
            --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.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.1'/%3E%3C/svg%3E");
            background-position: right .75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
            padding-right: 4.125rem
        }

        .form-select.is-valid:focus,
        .was-validated .form-select:valid:focus {
            border-color: var(--bs-form-valid-border-color);
            box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
        }

        .form-control-color.is-valid,
        .was-validated .form-control-color:valid {
            width: calc(3.75rem + 1.5em)
        }

        .form-check-input.is-valid,
        .was-validated .form-check-input:valid {
            border-color: var(--bs-form-valid-border-color)
        }

        .form-check-input.is-valid:checked,
        .was-validated .form-check-input:valid:checked {
            background-color: var(--bs-form-valid-color)
        }

        .form-check-input.is-valid:focus,
        .was-validated .form-check-input:valid:focus {
            box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
        }

        .form-check-input.is-valid~.form-check-label,
        .was-validated .form-check-input:valid~.form-check-label {
            color: var(--bs-form-valid-color)
        }

        .form-check-inline .form-check-input~.valid-feedback {
            margin-left: .5em
        }

        .input-group>.form-control:not(:focus).is-valid,
        .input-group>.form-floating:not(:focus-within).is-valid,
        .input-group>.form-select:not(:focus).is-valid,
        .was-validated .input-group>.form-control:not(:focus):valid,
        .was-validated .input-group>.form-floating:not(:focus-within):valid,
        .was-validated .input-group>.form-select:not(:focus):valid {
            z-index: 3
        }

        .invalid-feedback {
            color: var(--bs-form-invalid-color);
            display: none;
            font-size: .875em;
            margin-top: .25rem;
            width: 100%
        }

        .invalid-tooltip {
            background-color: var(--bs-danger);
            border-radius: var(--bs-border-radius);
            color: #fff;
            display: none;
            font-size: .875rem;
            margin-top: .1rem;
            max-width: 100%;
            padding: .25rem .5rem;
            position: absolute;
            top: 100%;
            z-index: 5
        }

        .is-invalid~.invalid-feedback,
        .is-invalid~.invalid-tooltip,
        .was-validated :invalid~.invalid-feedback,
        .was-validated :invalid~.invalid-tooltip {
            display: block
        }

        .form-control.is-invalid,
        .was-validated .form-control:invalid {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
            background-position: right calc(.375em + .1875rem) center;
            background-repeat: no-repeat;
            background-size: calc(.75em + .375rem) calc(.75em + .375rem);
            border-color: var(--bs-form-invalid-border-color);
            padding-right: calc(1.5em + .75rem)
        }

        .form-control.is-invalid:focus,
        .was-validated .form-control:invalid:focus {
            border-color: var(--bs-form-invalid-border-color);
            box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
        }

        .was-validated textarea.form-control:invalid,
        textarea.form-control.is-invalid {
            background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
            padding-right: calc(1.5em + .75rem)
        }

        .form-select.is-invalid,
        .was-validated .form-select:invalid {
            border-color: var(--bs-form-invalid-border-color)
        }

        .form-select.is-invalid:not([multiple]):not([size]),
        .form-select.is-invalid:not([multiple])[size="1"],
        .was-validated .form-select:invalid:not([multiple]):not([size]),
        .was-validated .form-select:invalid:not([multiple])[size="1"] {
            --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
            background-position: right .75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
            padding-right: 4.125rem
        }

        .form-select.is-invalid:focus,
        .was-validated .form-select:invalid:focus {
            border-color: var(--bs-form-invalid-border-color);
            box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
        }

        .form-control-color.is-invalid,
        .was-validated .form-control-color:invalid {
            width: calc(3.75rem + 1.5em)
        }

        .form-check-input.is-invalid,
        .was-validated .form-check-input:invalid {
            border-color: var(--bs-form-invalid-border-color)
        }

        .form-check-input.is-invalid:checked,
        .was-validated .form-check-input:invalid:checked {
            background-color: var(--bs-form-invalid-color)
        }

        .form-check-input.is-invalid:focus,
        .was-validated .form-check-input:invalid:focus {
            box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
        }

        .form-check-input.is-invalid~.form-check-label,
        .was-validated .form-check-input:invalid~.form-check-label {
            color: var(--bs-form-invalid-color)
        }

        .form-check-inline .form-check-input~.invalid-feedback {
            margin-left: .5em
        }

        .input-group>.form-control:not(:focus).is-invalid,
        .input-group>.form-floating:not(:focus-within).is-invalid,
        .input-group>.form-select:not(:focus).is-invalid,
        .was-validated .input-group>.form-control:not(:focus):invalid,
        .was-validated .input-group>.form-floating:not(:focus-within):invalid,
        .was-validated .input-group>.form-select:not(:focus):invalid {
            z-index: 4
        }

        .btn {
            --bs-btn-padding-x: 0.75rem;
            --bs-btn-padding-y: 0.375rem;
            --bs-btn-font-family: ;
            --bs-btn-font-size: 1rem;
            --bs-btn-font-weight: 400;
            --bs-btn-line-height: 1.5;
            --bs-btn-color: var(--bs-body-color);
            --bs-btn-bg: transparent;
            --bs-btn-border-width: var(--bs-border-width);
            --bs-btn-border-color: transparent;
            --bs-btn-border-radius: var(--bs-border-radius);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
            --bs-btn-disabled-opacity: 0.65;
            --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
            background-color: var(--bs-btn-bg);
            border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
            border-radius: var(--bs-btn-border-radius);
            color: var(--bs-btn-color);
            cursor: pointer;
            display: inline-block;
            font-family: var(--bs-btn-font-family);
            font-size: var(--bs-btn-font-size);
            font-weight: var(--bs-btn-font-weight);
            line-height: var(--bs-btn-line-height);
            padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
            text-align: center;
            text-decoration: none;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            vertical-align: middle
        }

        @media (prefers-reduced-motion:reduce) {
            .btn {
                transition: none
            }
        }

        .btn:hover {
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color);
            color: var(--bs-btn-hover-color)
        }

        .btn-check+.btn:hover {
            background-color: var(--bs-btn-bg);
            border-color: var(--bs-btn-border-color);
            color: var(--bs-btn-color)
        }

        .btn:focus-visible {
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color);
            box-shadow: var(--bs-btn-focus-box-shadow);
            color: var(--bs-btn-hover-color);
            outline: 0
        }

        .btn-check:focus-visible+.btn {
            border-color: var(--bs-btn-hover-border-color);
            box-shadow: var(--bs-btn-focus-box-shadow);
            outline: 0
        }

        .btn-check:checked+.btn,
        .btn.active,
        .btn.show,
        .btn:first-child:active,
        :not(.btn-check)+.btn:active {
            background-color: var(--bs-btn-active-bg);
            border-color: var(--bs-btn-active-border-color);
            color: var(--bs-btn-active-color)
        }

        .btn-check:checked+.btn:focus-visible,
        .btn.active:focus-visible,
        .btn.show:focus-visible,
        .btn:first-child:active:focus-visible,
        :not(.btn-check)+.btn:active:focus-visible {
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn-check:checked:focus-visible+.btn {
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn.disabled,
        .btn:disabled,
        fieldset:disabled .btn {
            background-color: var(--bs-btn-disabled-bg);
            border-color: var(--bs-btn-disabled-border-color);
            color: var(--bs-btn-disabled-color);
            opacity: var(--bs-btn-disabled-opacity);
            pointer-events: none
        }

        .btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #0d6efd;
            --bs-btn-border-color: #0d6efd;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #0b5ed7;
            --bs-btn-hover-border-color: #0a58ca;
            --bs-btn-focus-shadow-rgb: 49, 132, 253;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #0a58ca;
            --bs-btn-active-border-color: #0a53be;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #0d6efd;
            --bs-btn-disabled-border-color: #0d6efd
        }

        .btn-secondary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #5c636a;
            --bs-btn-hover-border-color: #565e64;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #565e64;
            --bs-btn-active-border-color: #51585e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #6c757d;
            --bs-btn-disabled-border-color: #6c757d
        }

        .btn-success {
            --bs-btn-color: #fff;
            --bs-btn-bg: #198754;
            --bs-btn-border-color: #198754;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #157347;
            --bs-btn-hover-border-color: #146c43;
            --bs-btn-focus-shadow-rgb: 60, 153, 110;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #146c43;
            --bs-btn-active-border-color: #13653f;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #198754;
            --bs-btn-disabled-border-color: #198754
        }

        .btn-info {
            --bs-btn-color: #000;
            --bs-btn-bg: #0dcaf0;
            --bs-btn-border-color: #0dcaf0;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #31d2f2;
            --bs-btn-hover-border-color: #25cff2;
            --bs-btn-focus-shadow-rgb: 11, 172, 204;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #3dd5f3;
            --bs-btn-active-border-color: #25cff2;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: #0dcaf0;
            --bs-btn-disabled-border-color: #0dcaf0
        }

        .btn-warning {
            --bs-btn-color: #000;
            --bs-btn-bg: #ffc107;
            --bs-btn-border-color: #ffc107;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #ffca2c;
            --bs-btn-hover-border-color: #ffc720;
            --bs-btn-focus-shadow-rgb: 217, 164, 6;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #ffcd39;
            --bs-btn-active-border-color: #ffc720;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: #ffc107;
            --bs-btn-disabled-border-color: #ffc107
        }

        .btn-danger {
            --bs-btn-color: #fff;
            --bs-btn-bg: #dc3545;
            --bs-btn-border-color: #dc3545;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #bb2d3b;
            --bs-btn-hover-border-color: #b02a37;
            --bs-btn-focus-shadow-rgb: 225, 83, 97;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #b02a37;
            --bs-btn-active-border-color: #a52834;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #dc3545;
            --bs-btn-disabled-border-color: #dc3545
        }

        .btn-light {
            --bs-btn-color: #000;
            --bs-btn-bg: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #d3d4d5;
            --bs-btn-hover-border-color: #c6c7c8;
            --bs-btn-focus-shadow-rgb: 211, 212, 213;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #c6c7c8;
            --bs-btn-active-border-color: #babbbc;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: #f8f9fa;
            --bs-btn-disabled-border-color: #f8f9fa
        }

        .btn-dark {
            --bs-btn-color: #fff;
            --bs-btn-bg: #212529;
            --bs-btn-border-color: #212529;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #424649;
            --bs-btn-hover-border-color: #373b3e;
            --bs-btn-focus-shadow-rgb: 66, 70, 73;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #4d5154;
            --bs-btn-active-border-color: #373b3e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #212529;
            --bs-btn-disabled-border-color: #212529
        }

        .btn-outline-primary {
            --bs-btn-color: #0d6efd;
            --bs-btn-border-color: #0d6efd;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #0d6efd;
            --bs-btn-hover-border-color: #0d6efd;
            --bs-btn-focus-shadow-rgb: 13, 110, 253;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #0d6efd;
            --bs-btn-active-border-color: #0d6efd;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #0d6efd;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #0d6efd;
            --bs-gradient: none
        }

        .btn-outline-secondary {
            --bs-btn-color: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #6c757d;
            --bs-btn-hover-border-color: #6c757d;
            --bs-btn-focus-shadow-rgb: 108, 117, 125;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #6c757d;
            --bs-btn-active-border-color: #6c757d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #6c757d;
            --bs-gradient: none
        }

        .btn-outline-success {
            --bs-btn-color: #198754;
            --bs-btn-border-color: #198754;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #198754;
            --bs-btn-hover-border-color: #198754;
            --bs-btn-focus-shadow-rgb: 25, 135, 84;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #198754;
            --bs-btn-active-border-color: #198754;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #198754;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #198754;
            --bs-gradient: none
        }

        .btn-outline-info {
            --bs-btn-color: #0dcaf0;
            --bs-btn-border-color: #0dcaf0;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #0dcaf0;
            --bs-btn-hover-border-color: #0dcaf0;
            --bs-btn-focus-shadow-rgb: 13, 202, 240;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #0dcaf0;
            --bs-btn-active-border-color: #0dcaf0;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #0dcaf0;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #0dcaf0;
            --bs-gradient: none
        }

        .btn-outline-warning {
            --bs-btn-color: #ffc107;
            --bs-btn-border-color: #ffc107;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #ffc107;
            --bs-btn-hover-border-color: #ffc107;
            --bs-btn-focus-shadow-rgb: 255, 193, 7;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #ffc107;
            --bs-btn-active-border-color: #ffc107;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #ffc107;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #ffc107;
            --bs-gradient: none
        }

        .btn-outline-danger {
            --bs-btn-color: #dc3545;
            --bs-btn-border-color: #dc3545;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #dc3545;
            --bs-btn-hover-border-color: #dc3545;
            --bs-btn-focus-shadow-rgb: 220, 53, 69;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #dc3545;
            --bs-btn-active-border-color: #dc3545;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #dc3545;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #dc3545;
            --bs-gradient: none
        }

        .btn-outline-light {
            --bs-btn-color: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #f8f9fa;
            --bs-btn-hover-border-color: #f8f9fa;
            --bs-btn-focus-shadow-rgb: 248, 249, 250;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #f8f9fa;
            --bs-btn-active-border-color: #f8f9fa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #f8f9fa;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #f8f9fa;
            --bs-gradient: none
        }

        .btn-outline-dark {
            --bs-btn-color: #212529;
            --bs-btn-border-color: #212529;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #212529;
            --bs-btn-hover-border-color: #212529;
            --bs-btn-focus-shadow-rgb: 33, 37, 41;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #212529;
            --bs-btn-active-border-color: #212529;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #212529;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #212529;
            --bs-gradient: none
        }

        .btn-link {
            --bs-btn-font-weight: 400;
            --bs-btn-color: var(--bs-link-color);
            --bs-btn-bg: transparent;
            --bs-btn-border-color: transparent;
            --bs-btn-hover-color: var(--bs-link-hover-color);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-active-color: var(--bs-link-hover-color);
            --bs-btn-active-border-color: transparent;
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-border-color: transparent;
            --bs-btn-box-shadow: 0 0 0 #000;
            --bs-btn-focus-shadow-rgb: 49, 132, 253;
            text-decoration: underline
        }

        .btn-link:focus-visible {
            color: var(--bs-btn-color)
        }

        .btn-link:hover {
            color: var(--bs-btn-hover-color)
        }

        .btn-group-lg>.btn,
        .btn-lg {
            --bs-btn-padding-y: 0.5rem;
            --bs-btn-padding-x: 1rem;
            --bs-btn-font-size: 1.25rem;
            --bs-btn-border-radius: var(--bs-border-radius-lg)
        }

        .btn-group-sm>.btn,
        .btn-sm {
            --bs-btn-padding-y: 0.25rem;
            --bs-btn-padding-x: 0.5rem;
            --bs-btn-font-size: 0.875rem;
            --bs-btn-border-radius: var(--bs-border-radius-sm)
        }

        .fade {
            transition: opacity .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 .35s ease
        }

        @media (prefers-reduced-motion:reduce) {
            .collapsing {
                transition: none
            }
        }

        .collapsing.collapse-horizontal {
            height: auto;
            transition: width .35s ease;
            width: 0
        }

        @media (prefers-reduced-motion:reduce) {
            .collapsing.collapse-horizontal {
                transition: none
            }
        }

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

        .dropdown-toggle {
            white-space: nowrap
        }

        .dropdown-toggle:after {
            border-bottom: 0;
            border-left: .3em solid transparent;
            border-right: .3em solid transparent;
            border-top: .3em solid;
            content: "";
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em
        }

        .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: #fff;
            --bs-dropdown-link-active-bg: #0d6efd;
            --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: #6c757d;
            --bs-dropdown-header-padding-x: 1rem;
            --bs-dropdown-header-padding-y: 0.5rem;
            background-clip: padding-box;
            background-color: var(--bs-dropdown-bg);
            border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
            border-radius: var(--bs-dropdown-border-radius);
            color: var(--bs-dropdown-color);
            display: none;
            font-size: var(--bs-dropdown-font-size);
            list-style: none;
            margin: 0;
            min-width: var(--bs-dropdown-min-width);
            padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
            position: absolute;
            text-align: left;
            z-index: var(--bs-dropdown-zindex)
        }

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

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

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

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

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

        @media (min-width:576px) {
            .dropdown-menu-sm-start {
                --bs-position: start
            }

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

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

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

        @media (min-width:768px) {
            .dropdown-menu-md-start {
                --bs-position: start
            }

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

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

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

        @media (min-width:992px) {
            .dropdown-menu-lg-start {
                --bs-position: start
            }

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

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

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

        @media (min-width:1200px) {
            .dropdown-menu-xl-start {
                --bs-position: start
            }

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

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

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

        @media (min-width:1400px) {
            .dropdown-menu-xxl-start {
                --bs-position: start
            }

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

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

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

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

        .dropup .dropdown-toggle:after {
            border-bottom: .3em solid;
            border-left: .3em solid transparent;
            border-right: .3em solid transparent;
            border-top: 0;
            content: "";
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em
        }

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

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

        .dropend .dropdown-toggle:after {
            border-bottom: .3em solid transparent;
            border-left: .3em solid;
            border-right: 0;
            border-top: .3em solid transparent;
            content: "";
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em
        }

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

        .dropend .dropdown-toggle:after {
            vertical-align: 0
        }

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

        .dropstart .dropdown-toggle:after {
            content: "";
            display: inline-block;
            display: none;
            margin-left: .255em;
            vertical-align: .255em
        }

        .dropstart .dropdown-toggle:before {
            border-bottom: .3em solid transparent;
            border-right: .3em solid;
            border-top: .3em solid transparent;
            content: "";
            display: inline-block;
            margin-right: .255em;
            vertical-align: .255em
        }

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

        .dropstart .dropdown-toggle:before {
            vertical-align: 0
        }

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

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

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

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

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

        .dropdown-menu.show {
            display: block
        }

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

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

        .dropdown-menu-dark {
            --bs-dropdown-color: #dee2e6;
            --bs-dropdown-bg: #343a40;
            --bs-dropdown-border-color: var(--bs-border-color-translucent);
            --bs-dropdown-box-shadow: ;
            --bs-dropdown-link-color: #dee2e6;
            --bs-dropdown-link-hover-color: #fff;
            --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
            --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15);
            --bs-dropdown-link-active-color: #fff;
            --bs-dropdown-link-active-bg: #0d6efd;
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-header-color: #adb5bd
        }

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

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

        .btn-group-vertical>.btn-check:checked+.btn,
        .btn-group-vertical>.btn-check:focus+.btn,
        .btn-group-vertical>.btn.active,
        .btn-group-vertical>.btn:active,
        .btn-group-vertical>.btn:focus,
        .btn-group-vertical>.btn:hover,
        .btn-group>.btn-check:checked+.btn,
        .btn-group>.btn-check:focus+.btn,
        .btn-group>.btn.active,
        .btn-group>.btn:active,
        .btn-group>.btn:focus,
        .btn-group>.btn:hover {
            z-index: 1
        }

        .btn-toolbar {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start
        }

        .btn-toolbar .input-group {
            width: auto
        }

        .btn-group {
            border-radius: var(--bs-border-radius)
        }

        .btn-group>.btn-group:not(:first-child),
        .btn-group>:not(.btn-check:first-child)+.btn {
            margin-left: calc(var(--bs-border-width)*-1)
        }

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

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

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

        .dropdown-toggle-split:after,
        .dropend .dropdown-toggle-split:after,
        .dropup .dropdown-toggle-split:after {
            margin-left: 0
        }

        .dropstart .dropdown-toggle-split:before {
            margin-right: 0
        }

        .btn-group-sm>.btn+.dropdown-toggle-split,
        .btn-sm+.dropdown-toggle-split {
            padding-left: .375rem;
            padding-right: .375rem
        }

        .btn-group-lg>.btn+.dropdown-toggle-split,
        .btn-lg+.dropdown-toggle-split {
            padding-left: .75rem;
            padding-right: .75rem
        }

        .btn-group-vertical {
            align-items: flex-start;
            flex-direction: column;
            justify-content: center
        }

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

        .btn-group-vertical>.btn-group:not(:first-child),
        .btn-group-vertical>.btn:not(:first-child) {
            margin-top: calc(var(--bs-border-width)*-1)
        }

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

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

        .nav {
            --bs-nav-link-padding-x: 1rem;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-font-weight: ;
            --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;
            list-style: none;
            margin-bottom: 0;
            padding-left: 0
        }

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

        @media (prefers-reduced-motion:reduce) {
            .nav-link {
                transition: none
            }
        }

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

        .nav-link:focus-visible {
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            outline: 0
        }

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

        .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 {
            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);
            margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1)
        }

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

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

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

        .nav-pills {
            --bs-nav-pills-border-radius: var(--bs-border-radius);
            --bs-nav-pills-link-active-color: #fff;
            --bs-nav-pills-link-active-bg: #0d6efd
        }

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

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

        .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 {
            border-bottom: var(--bs-nav-underline-border-width) solid transparent;
            padding-left: 0;
            padding-right: 0
        }

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

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

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

        .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 {
            --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.3125rem;
            --bs-navbar-brand-margin-end: 1rem;
            --bs-navbar-brand-font-size: 1.25rem;
            --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.25rem;
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' 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: var(--bs-border-radius);
            --bs-navbar-toggler-focus-width: 0.25rem;
            --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
            position: relative
        }

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

        .navbar-brand {
            color: var(--bs-navbar-brand-color);
            font-size: var(--bs-navbar-brand-font-size);
            margin-right: var(--bs-navbar-brand-margin-end);
            padding-bottom: var(--bs-navbar-brand-padding-y);
            padding-top: var(--bs-navbar-brand-padding-y);
            text-decoration: none;
            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-font-weight: ;
            --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;
            list-style: none;
            margin-bottom: 0;
            padding-left: 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 {
            color: var(--bs-navbar-color);
            padding-bottom: .5rem;
            padding-top: .5rem
        }

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

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

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

        @media (prefers-reduced-motion:reduce) {
            .navbar-toggler {
                transition: none
            }
        }

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

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

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

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

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

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

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

        @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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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 {
                display: none
            }

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

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

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

        @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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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 {
                display: none
            }

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

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

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

        @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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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 {
                display: none
            }

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

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

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

        @media (min-width:1400px) {
            .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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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 {
                display: none
            }

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

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

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

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

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

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

        .navbar-expand .navbar-toggler {
            display: none
        }

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

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

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

        .navbar-dark,
        .navbar[data-bs-theme=dark] {
            --bs-navbar-color: hsla(0, 0%, 100%, .55);
            --bs-navbar-hover-color: hsla(0, 0%, 100%, .75);
            --bs-navbar-disabled-color: hsla(0, 0%, 100%, .25);
            --bs-navbar-active-color: #fff;
            --bs-navbar-brand-color: #fff;
            --bs-navbar-brand-hover-color: #fff;
            --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, .1)
        }

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

        .card {
            --bs-card-spacer-y: 1rem;
            --bs-card-spacer-x: 1rem;
            --bs-card-title-spacer-y: 0.5rem;
            --bs-card-title-color: ;
            --bs-card-subtitle-color: ;
            --bs-card-border-width: var(--bs-border-width);
            --bs-card-border-color: var(--bs-border-color-translucent);
            --bs-card-border-radius: var(--bs-border-radius);
            --bs-card-box-shadow: ;
            --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
            --bs-card-cap-padding-y: 0.5rem;
            --bs-card-cap-padding-x: 1rem;
            --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
            --bs-card-cap-color: ;
            --bs-card-height: ;
            --bs-card-color: ;
            --bs-card-bg: var(--bs-body-bg);
            --bs-card-img-overlay-padding: 1rem;
            --bs-card-group-margin: 0.75rem;
            color: var(--bs-body-color);
            display: flex;
            flex-direction: column;
            height: var(--bs-card-height);
            min-width: 0;
            position: relative;
            word-wrap: break-word;
            background-clip: border-box;
            background-color: var(--bs-card-bg);
            border: var(--bs-card-border-width) solid var(--bs-card-border-color);
            border-radius: var(--bs-card-border-radius)
        }

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

        .card>.list-group {
            border-bottom: inherit;
            border-top: inherit
        }

        .card>.list-group:first-child {
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius);
            border-top-width: 0
        }

        .card>.list-group:last-child {
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-width: 0
        }

        .card>.card-header+.list-group,
        .card>.list-group+.card-footer {
            border-top: 0
        }

        .card-body {
            color: var(--bs-card-color);
            flex: 1 1 auto;
            padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
        }

        .card-title {
            color: var(--bs-card-title-color);
            margin-bottom: var(--bs-card-title-spacer-y)
        }

        .card-subtitle {
            color: var(--bs-card-subtitle-color);
            margin-top: calc(var(--bs-card-title-spacer-y)*-.5)
        }

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

        .card-link+.card-link {
            margin-left: var(--bs-card-spacer-x)
        }

        .card-header {
            background-color: var(--bs-card-cap-bg);
            border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
            color: var(--bs-card-cap-color);
            margin-bottom: 0;
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
        }

        .card-header:first-child {
            border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
        }

        .card-footer {
            background-color: var(--bs-card-cap-bg);
            border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
            color: var(--bs-card-cap-color);
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
        }

        .card-footer:last-child {
            border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
        }

        .card-header-tabs {
            border-bottom: 0;
            margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
            margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
            margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
        }

        .card-header-tabs .nav-link.active {
            background-color: var(--bs-card-bg);
            border-bottom-color: var(--bs-card-bg)
        }

        .card-header-pills {
            margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
            margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
        }

        .card-img-overlay {
            border-radius: var(--bs-card-inner-border-radius);
            bottom: 0;
            left: 0;
            padding: var(--bs-card-img-overlay-padding);
            position: absolute;
            right: 0;
            top: 0
        }

        .card-img,
        .card-img-bottom,
        .card-img-top {
            width: 100%
        }

        .card-img,
        .card-img-top {
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card-img,
        .card-img-bottom {
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
            border-bottom-right-radius: var(--bs-card-inner-border-radius)
        }

        .card-group>.card {
            margin-bottom: var(--bs-card-group-margin)
        }

        @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 {
                border-left: 0;
                margin-left: 0
            }

            .card-group>.card:not(:last-child) {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0
            }

            .card-group>.card:not(:last-child) .card-header,
            .card-group>.card:not(:last-child) .card-img-top {
                border-top-right-radius: 0
            }

            .card-group>.card:not(:last-child) .card-footer,
            .card-group>.card:not(:last-child) .card-img-bottom {
                border-bottom-right-radius: 0
            }

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

            .card-group>.card:not(:first-child) .card-header,
            .card-group>.card:not(:first-child) .card-img-top {
                border-top-left-radius: 0
            }

            .card-group>.card:not(:first-child) .card-footer,
            .card-group>.card:not(:first-child) .card-img-bottom {
                border-bottom-left-radius: 0
            }
        }

        .accordion {
            --bs-accordion-color: var(--bs-body-color);
            --bs-accordion-bg: var(--bs-body-bg);
            --bs-accordion-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;
            --bs-accordion-border-color: var(--bs-border-color);
            --bs-accordion-border-width: var(--bs-border-width);
            --bs-accordion-border-radius: var(--bs-border-radius);
            --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
            --bs-accordion-btn-padding-x: 1.25rem;
            --bs-accordion-btn-padding-y: 1rem;
            --bs-accordion-btn-color: var(--bs-body-color);
            --bs-accordion-btn-bg: var(--bs-accordion-bg);
            --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
            --bs-accordion-btn-icon-width: 1.25rem;
            --bs-accordion-btn-icon-transform: rotate(-180deg);
            --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
            --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
            --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
            --bs-accordion-body-padding-x: 1.25rem;
            --bs-accordion-body-padding-y: 1rem;
            --bs-accordion-active-color: var(--bs-primary-text-emphasis);
            --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
        }

        .accordion-button {
            align-items: center;
            background-color: var(--bs-accordion-btn-bg);
            border: 0;
            border-radius: 0;
            color: var(--bs-accordion-btn-color);
            display: flex;
            font-size: 1rem;
            overflow-anchor: none;
            padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
            position: relative;
            text-align: left;
            transition: var(--bs-accordion-transition);
            width: 100%
        }

        @media (prefers-reduced-motion:reduce) {
            .accordion-button {
                transition: none
            }
        }

        .accordion-button:not(.collapsed) {
            background-color: var(--bs-accordion-active-bg);
            box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
            color: var(--bs-accordion-active-color)
        }

        .accordion-button:not(.collapsed):after {
            background-image: var(--bs-accordion-btn-active-icon);
            transform: var(--bs-accordion-btn-icon-transform)
        }

        .accordion-button:after {
            background-image: var(--bs-accordion-btn-icon);
            background-repeat: no-repeat;
            background-size: var(--bs-accordion-btn-icon-width);
            content: "";
            flex-shrink: 0;
            height: var(--bs-accordion-btn-icon-width);
            margin-left: auto;
            transition: var(--bs-accordion-btn-icon-transition);
            width: var(--bs-accordion-btn-icon-width)
        }

        @media (prefers-reduced-motion:reduce) {
            .accordion-button:after {
                transition: none
            }
        }

        .accordion-button:hover {
            z-index: 2
        }

        .accordion-button:focus {
            box-shadow: var(--bs-accordion-btn-focus-box-shadow);
            outline: 0;
            z-index: 3
        }

        .accordion-header {
            margin-bottom: 0
        }

        .accordion-item {
            background-color: var(--bs-accordion-bg);
            border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
            color: var(--bs-accordion-color)
        }

        .accordion-item:first-of-type {
            border-top-left-radius: var(--bs-accordion-border-radius);
            border-top-right-radius: var(--bs-accordion-border-radius)
        }

        .accordion-item:first-of-type>.accordion-header .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:not(:first-of-type) {
            border-top: 0
        }

        .accordion-item:last-of-type {
            border-bottom-left-radius: var(--bs-accordion-border-radius);
            border-bottom-right-radius: var(--bs-accordion-border-radius)
        }

        .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type>.accordion-collapse {
            border-bottom-left-radius: var(--bs-accordion-border-radius);
            border-bottom-right-radius: var(--bs-accordion-border-radius)
        }

        .accordion-body {
            padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
        }

        .accordion-flush>.accordion-item {
            border-left: 0;
            border-radius: 0;
            border-right: 0
        }

        .accordion-flush>.accordion-item:first-child {
            border-top: 0
        }

        .accordion-flush>.accordion-item:last-child {
            border-bottom: 0
        }

        .accordion-flush>.accordion-item>.accordion-collapse,
        .accordion-flush>.accordion-item>.accordion-header .accordion-button,
        .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
            border-radius: 0
        }

        [data-bs-theme=dark] .accordion-button:after {
            --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236ea8fe' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E");
            --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236ea8fe' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E")
        }

        .breadcrumb {
            --bs-breadcrumb-padding-x: 0;
            --bs-breadcrumb-padding-y: 0;
            --bs-breadcrumb-margin-bottom: 1rem;
            --bs-breadcrumb-bg: ;
            --bs-breadcrumb-border-radius: ;
            --bs-breadcrumb-divider-color: var(--bs-secondary-color);
            --bs-breadcrumb-item-padding-x: 0.5rem;
            --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
            background-color: var(--bs-breadcrumb-bg);
            border-radius: var(--bs-breadcrumb-border-radius);
            display: flex;
            flex-wrap: wrap;
            font-size: var(--bs-breadcrumb-font-size);
            list-style: none;
            margin-bottom: var(--bs-breadcrumb-margin-bottom);
            padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
        }

        .breadcrumb-item+.breadcrumb-item {
            padding-left: var(--bs-breadcrumb-item-padding-x)
        }

        .breadcrumb-item+.breadcrumb-item:before {
            color: var(--bs-breadcrumb-divider-color);
            content: var(--bs-breadcrumb-divider, "https://netsoltech.com/");
            float: left;
            padding-right: var(--bs-breadcrumb-item-padding-x)
        }

        .breadcrumb-item.active {
            color: var(--bs-breadcrumb-item-active-color)
        }

        .pagination {
            --bs-pagination-padding-x: 0.75rem;
            --bs-pagination-padding-y: 0.375rem;
            --bs-pagination-font-size: 1rem;
            --bs-pagination-color: var(--bs-link-color);
            --bs-pagination-bg: var(--bs-body-bg);
            --bs-pagination-border-width: var(--bs-border-width);
            --bs-pagination-border-color: var(--bs-border-color);
            --bs-pagination-border-radius: var(--bs-border-radius);
            --bs-pagination-hover-color: var(--bs-link-hover-color);
            --bs-pagination-hover-bg: var(--bs-tertiary-bg);
            --bs-pagination-hover-border-color: var(--bs-border-color);
            --bs-pagination-focus-color: var(--bs-link-hover-color);
            --bs-pagination-focus-bg: var(--bs-secondary-bg);
            --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
            --bs-pagination-active-color: #fff;
            --bs-pagination-active-bg: #0d6efd;
            --bs-pagination-active-border-color: #0d6efd;
            --bs-pagination-disabled-color: var(--bs-secondary-color);
            --bs-pagination-disabled-bg: var(--bs-secondary-bg);
            --bs-pagination-disabled-border-color: var(--bs-border-color);
            display: flex;
            list-style: none;
            padding-left: 0
        }

        .page-link {
            background-color: var(--bs-pagination-bg);
            border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
            color: var(--bs-pagination-color);
            display: block;
            font-size: var(--bs-pagination-font-size);
            padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
            position: relative;
            text-decoration: none;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .page-link {
                transition: none
            }
        }

        .page-link:hover {
            background-color: var(--bs-pagination-hover-bg);
            border-color: var(--bs-pagination-hover-border-color);
            color: var(--bs-pagination-hover-color);
            z-index: 2
        }

        .page-link:focus {
            background-color: var(--bs-pagination-focus-bg);
            box-shadow: var(--bs-pagination-focus-box-shadow);
            color: var(--bs-pagination-focus-color);
            outline: 0;
            z-index: 3
        }

        .active>.page-link,
        .page-link.active {
            background-color: var(--bs-pagination-active-bg);
            border-color: var(--bs-pagination-active-border-color);
            color: var(--bs-pagination-active-color);
            z-index: 3
        }

        .disabled>.page-link,
        .page-link.disabled {
            background-color: var(--bs-pagination-disabled-bg);
            border-color: var(--bs-pagination-disabled-border-color);
            color: var(--bs-pagination-disabled-color);
            pointer-events: none
        }

        .page-item:not(:first-child) .page-link {
            margin-left: calc(var(--bs-border-width)*-1)
        }

        .page-item:first-child .page-link {
            border-bottom-left-radius: var(--bs-pagination-border-radius);
            border-top-left-radius: var(--bs-pagination-border-radius)
        }

        .page-item:last-child .page-link {
            border-bottom-right-radius: var(--bs-pagination-border-radius);
            border-top-right-radius: var(--bs-pagination-border-radius)
        }

        .pagination-lg {
            --bs-pagination-padding-x: 1.5rem;
            --bs-pagination-padding-y: 0.75rem;
            --bs-pagination-font-size: 1.25rem;
            --bs-pagination-border-radius: var(--bs-border-radius-lg)
        }

        .pagination-sm {
            --bs-pagination-padding-x: 0.5rem;
            --bs-pagination-padding-y: 0.25rem;
            --bs-pagination-font-size: 0.875rem;
            --bs-pagination-border-radius: var(--bs-border-radius-sm)
        }

        .badge {
            --bs-badge-padding-x: 0.65em;
            --bs-badge-padding-y: 0.35em;
            --bs-badge-font-size: 0.75em;
            --bs-badge-font-weight: 700;
            --bs-badge-color: #fff;
            --bs-badge-border-radius: var(--bs-border-radius);
            border-radius: var(--bs-badge-border-radius);
            color: var(--bs-badge-color);
            display: inline-block;
            font-size: var(--bs-badge-font-size);
            font-weight: var(--bs-badge-font-weight);
            line-height: 1;
            padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
            text-align: center;
            vertical-align: baseline;
            white-space: nowrap
        }

        .badge:empty {
            display: none
        }

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

        .alert {
            --bs-alert-bg: transparent;
            --bs-alert-padding-x: 1rem;
            --bs-alert-padding-y: 1rem;
            --bs-alert-margin-bottom: 1rem;
            --bs-alert-color: inherit;
            --bs-alert-border-color: transparent;
            --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
            --bs-alert-border-radius: var(--bs-border-radius);
            --bs-alert-link-color: inherit;
            background-color: var(--bs-alert-bg);
            border: var(--bs-alert-border);
            border-radius: var(--bs-alert-border-radius);
            color: var(--bs-alert-color);
            margin-bottom: var(--bs-alert-margin-bottom);
            padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
            position: relative
        }

        .alert-heading {
            color: inherit
        }

        .alert-link {
            color: var(--bs-alert-link-color);
            font-weight: 700
        }

        .alert-dismissible {
            padding-right: 3rem
        }

        .alert-dismissible .btn-close {
            padding: 1.25rem 1rem;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2
        }

        .alert-primary {
            --bs-alert-color: var(--bs-primary-text-emphasis);
            --bs-alert-bg: var(--bs-primary-bg-subtle);
            --bs-alert-border-color: var(--bs-primary-border-subtle);
            --bs-alert-link-color: var(--bs-primary-text-emphasis)
        }

        .alert-secondary {
            --bs-alert-color: var(--bs-secondary-text-emphasis);
            --bs-alert-bg: var(--bs-secondary-bg-subtle);
            --bs-alert-border-color: var(--bs-secondary-border-subtle);
            --bs-alert-link-color: var(--bs-secondary-text-emphasis)
        }

        .alert-success {
            --bs-alert-color: var(--bs-success-text-emphasis);
            --bs-alert-bg: var(--bs-success-bg-subtle);
            --bs-alert-border-color: var(--bs-success-border-subtle);
            --bs-alert-link-color: var(--bs-success-text-emphasis)
        }

        .alert-info {
            --bs-alert-color: var(--bs-info-text-emphasis);
            --bs-alert-bg: var(--bs-info-bg-subtle);
            --bs-alert-border-color: var(--bs-info-border-subtle);
            --bs-alert-link-color: var(--bs-info-text-emphasis)
        }

        .alert-warning {
            --bs-alert-color: var(--bs-warning-text-emphasis);
            --bs-alert-bg: var(--bs-warning-bg-subtle);
            --bs-alert-border-color: var(--bs-warning-border-subtle);
            --bs-alert-link-color: var(--bs-warning-text-emphasis)
        }

        .alert-danger {
            --bs-alert-color: var(--bs-danger-text-emphasis);
            --bs-alert-bg: var(--bs-danger-bg-subtle);
            --bs-alert-border-color: var(--bs-danger-border-subtle);
            --bs-alert-link-color: var(--bs-danger-text-emphasis)
        }

        .alert-light {
            --bs-alert-color: var(--bs-light-text-emphasis);
            --bs-alert-bg: var(--bs-light-bg-subtle);
            --bs-alert-border-color: var(--bs-light-border-subtle);
            --bs-alert-link-color: var(--bs-light-text-emphasis)
        }

        .alert-dark {
            --bs-alert-color: var(--bs-dark-text-emphasis);
            --bs-alert-bg: var(--bs-dark-bg-subtle);
            --bs-alert-border-color: var(--bs-dark-border-subtle);
            --bs-alert-link-color: var(--bs-dark-text-emphasis)
        }

        @keyframes progress-bar-stripes {
            0% {
                background-position-x: 1rem
            }
        }

        .progress,
        .progress-stacked {
            --bs-progress-height: 1rem;
            --bs-progress-font-size: 0.75rem;
            --bs-progress-bg: var(--bs-secondary-bg);
            --bs-progress-border-radius: var(--bs-border-radius);
            --bs-progress-box-shadow: var(--bs-box-shadow-inset);
            --bs-progress-bar-color: #fff;
            --bs-progress-bar-bg: #0d6efd;
            --bs-progress-bar-transition: width 0.6s ease;
            background-color: var(--bs-progress-bg);
            border-radius: var(--bs-progress-border-radius);
            display: flex;
            font-size: var(--bs-progress-font-size);
            height: var(--bs-progress-height);
            overflow: hidden
        }

        .progress-bar {
            background-color: var(--bs-progress-bar-bg);
            color: var(--bs-progress-bar-color);
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
            text-align: center;
            transition: var(--bs-progress-bar-transition);
            white-space: nowrap
        }

        @media (prefers-reduced-motion:reduce) {
            .progress-bar {
                transition: none
            }
        }

        .progress-bar-striped {
            background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
            background-size: var(--bs-progress-height) var(--bs-progress-height)
        }

        .progress-stacked>.progress {
            overflow: visible
        }

        .progress-stacked>.progress>.progress-bar {
            width: 100%
        }

        .progress-bar-animated {
            animation: progress-bar-stripes 1s linear infinite
        }

        @media (prefers-reduced-motion:reduce) {
            .progress-bar-animated {
                animation: none
            }
        }

        .list-group {
            --bs-list-group-color: var(--bs-body-color);
            --bs-list-group-bg: var(--bs-body-bg);
            --bs-list-group-border-color: var(--bs-border-color);
            --bs-list-group-border-width: var(--bs-border-width);
            --bs-list-group-border-radius: var(--bs-border-radius);
            --bs-list-group-item-padding-x: 1rem;
            --bs-list-group-item-padding-y: 0.5rem;
            --bs-list-group-action-color: var(--bs-secondary-color);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
            --bs-list-group-action-active-color: var(--bs-body-color);
            --bs-list-group-action-active-bg: var(--bs-secondary-bg);
            --bs-list-group-disabled-color: var(--bs-secondary-color);
            --bs-list-group-disabled-bg: var(--bs-body-bg);
            --bs-list-group-active-color: #fff;
            --bs-list-group-active-bg: #0d6efd;
            --bs-list-group-active-border-color: #0d6efd;
            border-radius: var(--bs-list-group-border-radius);
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
            padding-left: 0
        }

        .list-group-numbered {
            counter-reset: section;
            list-style-type: none
        }

        .list-group-numbered>.list-group-item:before {
            content: counters(section, ".") ". ";
            counter-increment: section
        }

        .list-group-item-action {
            color: var(--bs-list-group-action-color);
            text-align: inherit;
            width: 100%
        }

        .list-group-item-action:focus,
        .list-group-item-action:hover {
            background-color: var(--bs-list-group-action-hover-bg);
            color: var(--bs-list-group-action-hover-color);
            text-decoration: none;
            z-index: 1
        }

        .list-group-item-action:active {
            background-color: var(--bs-list-group-action-active-bg);
            color: var(--bs-list-group-action-active-color)
        }

        .list-group-item {
            background-color: var(--bs-list-group-bg);
            border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
            color: var(--bs-list-group-color);
            display: block;
            padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
            position: relative;
            text-decoration: none
        }

        .list-group-item:first-child {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .list-group-item:last-child {
            border-bottom-left-radius: inherit;
            border-bottom-right-radius: inherit
        }

        .list-group-item.disabled,
        .list-group-item:disabled {
            background-color: var(--bs-list-group-disabled-bg);
            color: var(--bs-list-group-disabled-color);
            pointer-events: none
        }

        .list-group-item.active {
            background-color: var(--bs-list-group-active-bg);
            border-color: var(--bs-list-group-active-border-color);
            color: var(--bs-list-group-active-color);
            z-index: 2
        }

        .list-group-item+.list-group-item {
            border-top-width: 0
        }

        .list-group-item+.list-group-item.active {
            border-top-width: var(--bs-list-group-border-width);
            margin-top: calc(var(--bs-list-group-border-width)*-1)
        }

        .list-group-horizontal {
            flex-direction: row
        }

        .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-right-radius: var(--bs-list-group-border-radius)
        }

        .list-group-horizontal>.list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal>.list-group-item+.list-group-item {
            border-left-width: 0;
            border-top-width: var(--bs-list-group-border-width)
        }

        .list-group-horizontal>.list-group-item+.list-group-item.active {
            border-left-width: var(--bs-list-group-border-width);
            margin-left: calc(var(--bs-list-group-border-width)*-1)
        }

        @media (min-width:576px) {
            .list-group-horizontal-sm {
                flex-direction: row
            }

            .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-sm>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-sm>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        @media (min-width:768px) {
            .list-group-horizontal-md {
                flex-direction: row
            }

            .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-md>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-md>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-md>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        @media (min-width:992px) {
            .list-group-horizontal-lg {
                flex-direction: row
            }

            .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-lg>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-lg>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        @media (min-width:1200px) {
            .list-group-horizontal-xl {
                flex-direction: row
            }

            .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-xl>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xl>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        @media (min-width:1400px) {
            .list-group-horizontal-xxl {
                flex-direction: row
            }

            .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-xxl>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xxl>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        .list-group-flush {
            border-radius: 0
        }

        .list-group-flush>.list-group-item {
            border-width: 0 0 var(--bs-list-group-border-width)
        }

        .list-group-flush>.list-group-item:last-child {
            border-bottom-width: 0
        }

        .list-group-item-primary {
            --bs-list-group-color: var(--bs-primary-text-emphasis);
            --bs-list-group-bg: var(--bs-primary-bg-subtle);
            --bs-list-group-border-color: var(--bs-primary-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
            --bs-list-group-active-color: var(--bs-primary-bg-subtle);
            --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
        }

        .list-group-item-secondary {
            --bs-list-group-color: var(--bs-secondary-text-emphasis);
            --bs-list-group-bg: var(--bs-secondary-bg-subtle);
            --bs-list-group-border-color: var(--bs-secondary-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
            --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
            --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
        }

        .list-group-item-success {
            --bs-list-group-color: var(--bs-success-text-emphasis);
            --bs-list-group-bg: var(--bs-success-bg-subtle);
            --bs-list-group-border-color: var(--bs-success-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
            --bs-list-group-active-color: var(--bs-success-bg-subtle);
            --bs-list-group-active-bg: var(--bs-success-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
        }

        .list-group-item-info {
            --bs-list-group-color: var(--bs-info-text-emphasis);
            --bs-list-group-bg: var(--bs-info-bg-subtle);
            --bs-list-group-border-color: var(--bs-info-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
            --bs-list-group-active-color: var(--bs-info-bg-subtle);
            --bs-list-group-active-bg: var(--bs-info-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
        }

        .list-group-item-warning {
            --bs-list-group-color: var(--bs-warning-text-emphasis);
            --bs-list-group-bg: var(--bs-warning-bg-subtle);
            --bs-list-group-border-color: var(--bs-warning-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
            --bs-list-group-active-color: var(--bs-warning-bg-subtle);
            --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
        }

        .list-group-item-danger {
            --bs-list-group-color: var(--bs-danger-text-emphasis);
            --bs-list-group-bg: var(--bs-danger-bg-subtle);
            --bs-list-group-border-color: var(--bs-danger-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
            --bs-list-group-active-color: var(--bs-danger-bg-subtle);
            --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
        }

        .list-group-item-light {
            --bs-list-group-color: var(--bs-light-text-emphasis);
            --bs-list-group-bg: var(--bs-light-bg-subtle);
            --bs-list-group-border-color: var(--bs-light-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
            --bs-list-group-active-color: var(--bs-light-bg-subtle);
            --bs-list-group-active-bg: var(--bs-light-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
        }

        .list-group-item-dark {
            --bs-list-group-color: var(--bs-dark-text-emphasis);
            --bs-list-group-bg: var(--bs-dark-bg-subtle);
            --bs-list-group-border-color: var(--bs-dark-border-subtle);
            --bs-list-group-action-hover-color: var(--bs-emphasis-color);
            --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
            --bs-list-group-action-active-color: var(--bs-emphasis-color);
            --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
            --bs-list-group-active-color: var(--bs-dark-bg-subtle);
            --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
            --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
        }

        .btn-close {
            --bs-btn-close-color: #000;
            --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
            --bs-btn-close-opacity: 0.5;
            --bs-btn-close-hover-opacity: 0.75;
            --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
            --bs-btn-close-focus-opacity: 1;
            --bs-btn-close-disabled-opacity: 0.25;
            --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
            background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
            border: 0;
            border-radius: .375rem;
            box-sizing: content-box;
            height: 1em;
            opacity: var(--bs-btn-close-opacity);
            padding: .25em;
            width: 1em
        }

        .btn-close,
        .btn-close:hover {
            color: var(--bs-btn-close-color)
        }

        .btn-close:hover {
            opacity: var(--bs-btn-close-hover-opacity);
            text-decoration: none
        }

        .btn-close:focus {
            box-shadow: var(--bs-btn-close-focus-shadow);
            opacity: var(--bs-btn-close-focus-opacity);
            outline: 0
        }

        .btn-close.disabled,
        .btn-close:disabled {
            opacity: var(--bs-btn-close-disabled-opacity);
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .btn-close-white,
        [data-bs-theme=dark] .btn-close {
            filter: var(--bs-btn-close-white-filter)
        }

        .toast {
            --bs-toast-zindex: 1090;
            --bs-toast-padding-x: 0.75rem;
            --bs-toast-padding-y: 0.5rem;
            --bs-toast-spacing: 1.5rem;
            --bs-toast-max-width: 350px;
            --bs-toast-font-size: 0.875rem;
            --bs-toast-color: ;
            --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
            --bs-toast-border-width: var(--bs-border-width);
            --bs-toast-border-color: var(--bs-border-color-translucent);
            --bs-toast-border-radius: var(--bs-border-radius);
            --bs-toast-box-shadow: var(--bs-box-shadow);
            --bs-toast-header-color: var(--bs-secondary-color);
            --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
            --bs-toast-header-border-color: var(--bs-border-color-translucent);
            background-clip: padding-box;
            background-color: var(--bs-toast-bg);
            border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
            border-radius: var(--bs-toast-border-radius);
            box-shadow: var(--bs-toast-box-shadow);
            color: var(--bs-toast-color);
            font-size: var(--bs-toast-font-size);
            max-width: 100%;
            pointer-events: auto;
            width: var(--bs-toast-max-width)
        }

        .toast.showing {
            opacity: 0
        }

        .toast:not(.show) {
            display: none
        }

        .toast-container {
            --bs-toast-zindex: 1090;
            max-width: 100%;
            pointer-events: none;
            position: absolute;
            width: -moz-max-content;
            width: max-content;
            z-index: var(--bs-toast-zindex)
        }

        .toast-container>:not(:last-child) {
            margin-bottom: var(--bs-toast-spacing)
        }

        .toast-header {
            align-items: center;
            background-clip: padding-box;
            background-color: var(--bs-toast-header-bg);
            border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
            border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
            border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
            color: var(--bs-toast-header-color);
            display: flex;
            padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
        }

        .toast-header .btn-close {
            margin-left: var(--bs-toast-padding-x);
            margin-right: calc(var(--bs-toast-padding-x)*-.5)
        }

        .toast-body {
            padding: var(--bs-toast-padding-x);
            word-wrap: break-word
        }

        .modal {
            --bs-modal-zindex: 1055;
            --bs-modal-width: 500px;
            --bs-modal-padding: 1rem;
            --bs-modal-margin: 0.5rem;
            --bs-modal-color: ;
            --bs-modal-bg: var(--bs-body-bg);
            --bs-modal-border-color: var(--bs-border-color-translucent);
            --bs-modal-border-width: var(--bs-border-width);
            --bs-modal-border-radius: var(--bs-border-radius-lg);
            --bs-modal-box-shadow: var(--bs-box-shadow-sm);
            --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
            --bs-modal-header-padding-x: 1rem;
            --bs-modal-header-padding-y: 1rem;
            --bs-modal-header-padding: 1rem 1rem;
            --bs-modal-header-border-color: var(--bs-border-color);
            --bs-modal-header-border-width: var(--bs-border-width);
            --bs-modal-title-line-height: 1.5;
            --bs-modal-footer-gap: 0.5rem;
            --bs-modal-footer-bg: ;
            --bs-modal-footer-border-color: var(--bs-border-color);
            --bs-modal-footer-border-width: var(--bs-border-width);
            display: none;
            height: 100%;
            left: 0;
            outline: 0;
            overflow-x: hidden;
            overflow-y: auto;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: var(--bs-modal-zindex)
        }

        .modal-dialog {
            margin: var(--bs-modal-margin);
            pointer-events: none;
            position: relative;
            width: auto
        }

        .modal.fade .modal-dialog {
            transform: translateY(-50px);
            transition: transform .3s ease-out
        }

        @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% - var(--bs-modal-margin)*2)
        }

        .modal-dialog-scrollable .modal-content {
            max-height: 100%;
            overflow: hidden
        }

        .modal-dialog-scrollable .modal-body {
            overflow-y: auto
        }

        .modal-dialog-centered {
            align-items: center;
            display: flex;
            min-height: calc(100% - var(--bs-modal-margin)*2)
        }

        .modal-content {
            background-clip: padding-box;
            background-color: var(--bs-modal-bg);
            border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
            border-radius: var(--bs-modal-border-radius);
            color: var(--bs-modal-color);
            display: flex;
            flex-direction: column;
            outline: 0;
            pointer-events: auto;
            position: relative;
            width: 100%
        }

        .modal-backdrop {
            --bs-backdrop-zindex: 1050;
            --bs-backdrop-bg: #000;
            --bs-backdrop-opacity: 0.5;
            background-color: var(--bs-backdrop-bg);
            height: 100vh;
            left: 0;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: var(--bs-backdrop-zindex)
        }

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.show {
            opacity: var(--bs-backdrop-opacity)
        }

        .modal-header {
            align-items: center;
            border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
            border-top-left-radius: var(--bs-modal-inner-border-radius);
            border-top-right-radius: var(--bs-modal-inner-border-radius);
            display: flex;
            flex-shrink: 0;
            padding: var(--bs-modal-header-padding)
        }

        .modal-header .btn-close {
            margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;
            padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)
        }

        .modal-title {
            line-height: var(--bs-modal-title-line-height);
            margin-bottom: 0
        }

        .modal-body {
            flex: 1 1 auto;
            padding: var(--bs-modal-padding);
            position: relative
        }

        .modal-footer {
            align-items: center;
            background-color: var(--bs-modal-footer-bg);
            border-bottom-left-radius: var(--bs-modal-inner-border-radius);
            border-bottom-right-radius: var(--bs-modal-inner-border-radius);
            border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
            display: flex;
            flex-shrink: 0;
            flex-wrap: wrap;
            justify-content: flex-end;
            padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)
        }

        .modal-footer>* {
            margin: calc(var(--bs-modal-footer-gap)*.5)
        }

        @media (min-width:576px) {
            .modal {
                --bs-modal-margin: 1.75rem;
                --bs-modal-box-shadow: var(--bs-box-shadow)
            }

            .modal-dialog {
                margin-left: auto;
                margin-right: auto;
                max-width: var(--bs-modal-width)
            }

            .modal-sm {
                --bs-modal-width: 300px
            }
        }

        @media (min-width:992px) {

            .modal-lg,
            .modal-xl {
                --bs-modal-width: 800px
            }
        }

        @media (min-width:1200px) {
            .modal-xl {
                --bs-modal-width: 1140px
            }
        }

        .modal-fullscreen {
            height: 100%;
            margin: 0;
            max-width: none;
            width: 100vw
        }

        .modal-fullscreen .modal-content {
            border: 0;
            border-radius: 0;
            height: 100%
        }

        .modal-fullscreen .modal-footer,
        .modal-fullscreen .modal-header {
            border-radius: 0
        }

        .modal-fullscreen .modal-body {
            overflow-y: auto
        }

        @media (max-width:575.98px) {
            .modal-fullscreen-sm-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-sm-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-sm-down .modal-footer,
            .modal-fullscreen-sm-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-sm-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:767.98px) {
            .modal-fullscreen-md-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-md-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-md-down .modal-footer,
            .modal-fullscreen-md-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-md-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:991.98px) {
            .modal-fullscreen-lg-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-lg-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-lg-down .modal-footer,
            .modal-fullscreen-lg-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-lg-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:1199.98px) {
            .modal-fullscreen-xl-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-xl-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-xl-down .modal-footer,
            .modal-fullscreen-xl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xl-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:1399.98px) {
            .modal-fullscreen-xxl-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-xxl-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-xxl-down .modal-footer,
            .modal-fullscreen-xxl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xxl-down .modal-body {
                overflow-y: auto
            }
        }

        .tooltip {
            --bs-tooltip-zindex: 1080;
            --bs-tooltip-max-width: 200px;
            --bs-tooltip-padding-x: 0.5rem;
            --bs-tooltip-padding-y: 0.25rem;
            --bs-tooltip-margin: ;
            --bs-tooltip-font-size: 0.875rem;
            --bs-tooltip-color: var(--bs-body-bg);
            --bs-tooltip-bg: var(--bs-emphasis-color);
            --bs-tooltip-border-radius: var(--bs-border-radius);
            --bs-tooltip-opacity: 0.9;
            --bs-tooltip-arrow-width: 0.8rem;
            --bs-tooltip-arrow-height: 0.4rem;
            display: block;
            font-family: var(--bs-font-sans-serif);
            font-size: var(--bs-tooltip-font-size);
            font-style: normal;
            font-weight: 400;
            letter-spacing: normal;
            line-break: auto;
            line-height: 1.5;
            margin: var(--bs-tooltip-margin);
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            white-space: normal;
            word-break: normal;
            word-spacing: normal;
            z-index: var(--bs-tooltip-zindex);
            word-wrap: break-word;
            opacity: 0
        }

        .tooltip.show {
            opacity: var(--bs-tooltip-opacity)
        }

        .tooltip .tooltip-arrow {
            display: block;
            height: var(--bs-tooltip-arrow-height);
            width: var(--bs-tooltip-arrow-width)
        }

        .tooltip .tooltip-arrow:before {
            border-color: transparent;
            border-style: solid;
            content: "";
            position: absolute
        }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
        .bs-tooltip-top .tooltip-arrow {
            bottom: calc(var(--bs-tooltip-arrow-height)*-1)
        }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
        .bs-tooltip-top .tooltip-arrow:before {
            border-top-color: var(--bs-tooltip-bg);
            border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
            top: -1px
        }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
        .bs-tooltip-end .tooltip-arrow {
            height: var(--bs-tooltip-arrow-width);
            left: calc(var(--bs-tooltip-arrow-height)*-1);
            width: var(--bs-tooltip-arrow-height)
        }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
        .bs-tooltip-end .tooltip-arrow:before {
            border-right-color: var(--bs-tooltip-bg);
            border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
            right: -1px
        }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
        .bs-tooltip-bottom .tooltip-arrow {
            top: calc(var(--bs-tooltip-arrow-height)*-1)
        }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
        .bs-tooltip-bottom .tooltip-arrow:before {
            border-bottom-color: var(--bs-tooltip-bg);
            border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
            bottom: -1px
        }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
        .bs-tooltip-start .tooltip-arrow {
            height: var(--bs-tooltip-arrow-width);
            right: calc(var(--bs-tooltip-arrow-height)*-1);
            width: var(--bs-tooltip-arrow-height)
        }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
        .bs-tooltip-start .tooltip-arrow:before {
            border-left-color: var(--bs-tooltip-bg);
            border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
            left: -1px
        }

        .tooltip-inner {
            background-color: var(--bs-tooltip-bg);
            border-radius: var(--bs-tooltip-border-radius);
            color: var(--bs-tooltip-color);
            max-width: var(--bs-tooltip-max-width);
            padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
            text-align: center
        }

        .popover {
            --bs-popover-zindex: 1070;
            --bs-popover-max-width: 276px;
            --bs-popover-font-size: 0.875rem;
            --bs-popover-bg: var(--bs-body-bg);
            --bs-popover-border-width: var(--bs-border-width);
            --bs-popover-border-color: var(--bs-border-color-translucent);
            --bs-popover-border-radius: var(--bs-border-radius-lg);
            --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
            --bs-popover-box-shadow: var(--bs-box-shadow);
            --bs-popover-header-padding-x: 1rem;
            --bs-popover-header-padding-y: 0.5rem;
            --bs-popover-header-font-size: 1rem;
            --bs-popover-header-color: inherit;
            --bs-popover-header-bg: var(--bs-secondary-bg);
            --bs-popover-body-padding-x: 1rem;
            --bs-popover-body-padding-y: 1rem;
            --bs-popover-body-color: var(--bs-body-color);
            --bs-popover-arrow-width: 1rem;
            --bs-popover-arrow-height: 0.5rem;
            --bs-popover-arrow-border: var(--bs-popover-border-color);
            display: block;
            font-family: var(--bs-font-sans-serif);
            font-size: var(--bs-popover-font-size);
            font-style: normal;
            font-weight: 400;
            letter-spacing: normal;
            line-break: auto;
            line-height: 1.5;
            max-width: var(--bs-popover-max-width);
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            white-space: normal;
            word-break: normal;
            word-spacing: normal;
            z-index: var(--bs-popover-zindex);
            word-wrap: break-word;
            background-clip: padding-box;
            background-color: var(--bs-popover-bg);
            border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
            border-radius: var(--bs-popover-border-radius)
        }

        .popover .popover-arrow {
            display: block;
            height: var(--bs-popover-arrow-height);
            width: var(--bs-popover-arrow-width)
        }

        .popover .popover-arrow:after,
        .popover .popover-arrow:before {
            border: 0 solid transparent;
            content: "";
            display: block;
            position: absolute
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
        .bs-popover-top>.popover-arrow {
            bottom: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
        .bs-popover-top>.popover-arrow:after,
        .bs-popover-top>.popover-arrow:before {
            border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
        .bs-popover-top>.popover-arrow:before {
            border-top-color: var(--bs-popover-arrow-border);
            bottom: 0
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
        .bs-popover-top>.popover-arrow:after {
            border-top-color: var(--bs-popover-bg);
            bottom: var(--bs-popover-border-width)
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
        .bs-popover-end>.popover-arrow {
            height: var(--bs-popover-arrow-width);
            left: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
            width: var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
        .bs-popover-end>.popover-arrow:after,
        .bs-popover-end>.popover-arrow:before {
            border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
        .bs-popover-end>.popover-arrow:before {
            border-right-color: var(--bs-popover-arrow-border);
            left: 0
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
        .bs-popover-end>.popover-arrow:after {
            border-right-color: var(--bs-popover-bg);
            left: var(--bs-popover-border-width)
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
        .bs-popover-bottom>.popover-arrow {
            top: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
        .bs-popover-bottom>.popover-arrow:after,
        .bs-popover-bottom>.popover-arrow:before {
            border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
        .bs-popover-bottom>.popover-arrow:before {
            border-bottom-color: var(--bs-popover-arrow-border);
            top: 0
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
        .bs-popover-bottom>.popover-arrow:after {
            border-bottom-color: var(--bs-popover-bg);
            top: var(--bs-popover-border-width)
        }

        .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,
        .bs-popover-bottom .popover-header:before {
            border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
            content: "";
            display: block;
            left: 50%;
            margin-left: calc(var(--bs-popover-arrow-width)*-.5);
            position: absolute;
            top: 0;
            width: var(--bs-popover-arrow-width)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
        .bs-popover-start>.popover-arrow {
            height: var(--bs-popover-arrow-width);
            right: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
            width: var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
        .bs-popover-start>.popover-arrow:after,
        .bs-popover-start>.popover-arrow:before {
            border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
        .bs-popover-start>.popover-arrow:before {
            border-left-color: var(--bs-popover-arrow-border);
            right: 0
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
        .bs-popover-start>.popover-arrow:after {
            border-left-color: var(--bs-popover-bg);
            right: var(--bs-popover-border-width)
        }

        .popover-header {
            background-color: var(--bs-popover-header-bg);
            border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
            border-top-left-radius: var(--bs-popover-inner-border-radius);
            border-top-right-radius: var(--bs-popover-inner-border-radius);
            color: var(--bs-popover-header-color);
            font-size: var(--bs-popover-header-font-size);
            margin-bottom: 0;
            padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)
        }

        .popover-header:empty {
            display: none
        }

        .popover-body {
            color: var(--bs-popover-body-color);
            padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
        }

        .carousel {
            position: relative
        }

        .carousel.pointer-event {
            touch-action: pan-y
        }

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

        .carousel-inner:after {
            clear: both;
            content: "";
            display: block
        }

        .carousel-item {
            backface-visibility: hidden;
            display: none;
            float: left;
            margin-right: -100%;
            position: relative;
            transition: transform .6s ease-in-out;
            width: 100%
        }

        @media (prefers-reduced-motion:reduce) {
            .carousel-item {
                transition: none
            }
        }

        .carousel-item-next,
        .carousel-item-prev,
        .carousel-item.active {
            display: block
        }

        .active.carousel-item-end,
        .carousel-item-next:not(.carousel-item-start) {
            transform: translateX(100%)
        }

        .active.carousel-item-start,
        .carousel-item-prev:not(.carousel-item-end) {
            transform: translateX(-100%)
        }

        .carousel-fade .carousel-item {
            opacity: 0;
            transform: none;
            transition-property: opacity
        }

        .carousel-fade .carousel-item-next.carousel-item-start,
        .carousel-fade .carousel-item-prev.carousel-item-end,
        .carousel-fade .carousel-item.active {
            opacity: 1;
            z-index: 1
        }

        .carousel-fade .active.carousel-item-end,
        .carousel-fade .active.carousel-item-start {
            opacity: 0;
            transition: opacity 0s .6s;
            z-index: 0
        }

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

            .carousel-fade .active.carousel-item-end,
            .carousel-fade .active.carousel-item-start {
                transition: none
            }
        }

        .carousel-control-next,
        .carousel-control-prev {
            align-items: center;
            background: none;
            border: 0;
            bottom: 0;
            color: #fff;
            display: flex;
            justify-content: center;
            opacity: .5;
            padding: 0;
            position: absolute;
            text-align: center;
            top: 0;
            transition: opacity .15s ease;
            width: 15%;
            z-index: 1
        }

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

            .carousel-control-next,
            .carousel-control-prev {
                transition: none
            }
        }

        .carousel-control-next:focus,
        .carousel-control-next:hover,
        .carousel-control-prev:focus,
        .carousel-control-prev:hover {
            color: #fff;
            opacity: .9;
            outline: 0;
            text-decoration: none
        }

        .carousel-control-prev {
            left: 0
        }

        .carousel-control-next {
            right: 0
        }

        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: inline-block;
            height: 2rem;
            width: 2rem
        }

        .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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 0'/%3E%3C/svg%3E")
        }

        .carousel-control-next-icon {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E")
        }

        .carousel-indicators {
            bottom: 0;
            display: flex;
            justify-content: center;
            left: 0;
            margin-bottom: 1rem;
            margin-left: 15%;
            margin-right: 15%;
            padding: 0;
            position: absolute;
            right: 0;
            z-index: 2
        }

        .carousel-indicators [data-bs-target] {
            background-clip: padding-box;
            background-color: #fff;
            border: 0;
            border-bottom: 10px solid transparent;
            border-top: 10px solid transparent;
            box-sizing: content-box;
            cursor: pointer;
            flex: 0 1 auto;
            height: 3px;
            margin-left: 3px;
            margin-right: 3px;
            opacity: .5;
            padding: 0;
            text-indent: -999px;
            transition: opacity .6s ease;
            width: 30px
        }

        @media (prefers-reduced-motion:reduce) {
            .carousel-indicators [data-bs-target] {
                transition: none
            }
        }

        .carousel-indicators .active {
            opacity: 1
        }

        .carousel-caption {
            bottom: 1.25rem;
            color: #fff;
            left: 15%;
            padding-bottom: 1.25rem;
            padding-top: 1.25rem;
            position: absolute;
            right: 15%;
            text-align: center
        }

        .carousel-dark .carousel-control-next-icon,
        .carousel-dark .carousel-control-prev-icon {
            filter: invert(1) grayscale(100)
        }

        .carousel-dark .carousel-indicators [data-bs-target] {
            background-color: #000
        }

        .carousel-dark .carousel-caption {
            color: #000
        }

        [data-bs-theme=dark] .carousel .carousel-control-next-icon,
        [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
        [data-bs-theme=dark].carousel .carousel-control-next-icon,
        [data-bs-theme=dark].carousel .carousel-control-prev-icon {
            filter: invert(1) grayscale(100)
        }

        [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
        [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
            background-color: #000
        }

        [data-bs-theme=dark] .carousel .carousel-caption,
        [data-bs-theme=dark].carousel .carousel-caption {
            color: #000
        }

        .spinner-border,
        .spinner-grow {
            animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
            border-radius: 50%;
            display: inline-block;
            height: var(--bs-spinner-height);
            vertical-align: var(--bs-spinner-vertical-align);
            width: var(--bs-spinner-width)
        }

        @keyframes spinner-border {
            to {
                transform: rotate(1turn)
            }
        }

        .spinner-border {
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-border-width: 0.25em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-border;
            border-right-color: currentcolor;
            border: var(--bs-spinner-border-width) solid;
            border-right: var(--bs-spinner-border-width) solid transparent
        }

        .spinner-border-sm {
            --bs-spinner-width: 1rem;
            --bs-spinner-height: 1rem;
            --bs-spinner-border-width: 0.2em
        }

        @keyframes spinner-grow {
            0% {
                transform: scale(0)
            }

            50% {
                opacity: 1;
                transform: none
            }
        }

        .spinner-grow {
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-grow;
            background-color: currentcolor;
            opacity: 0
        }

        .spinner-grow-sm {
            --bs-spinner-width: 1rem;
            --bs-spinner-height: 1rem
        }

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

            .spinner-border,
            .spinner-grow {
                --bs-spinner-animation-speed: 1.5s
            }
        }

        .offcanvas,
        .offcanvas-lg,
        .offcanvas-md,
        .offcanvas-sm,
        .offcanvas-xl,
        .offcanvas-xxl {
            --bs-offcanvas-zindex: 1045;
            --bs-offcanvas-width: 400px;
            --bs-offcanvas-height: 30vh;
            --bs-offcanvas-padding-x: 1rem;
            --bs-offcanvas-padding-y: 1rem;
            --bs-offcanvas-color: var(--bs-body-color);
            --bs-offcanvas-bg: var(--bs-body-bg);
            --bs-offcanvas-border-width: var(--bs-border-width);
            --bs-offcanvas-border-color: var(--bs-border-color-translucent);
            --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
            --bs-offcanvas-transition: transform 0.3s ease-in-out;
            --bs-offcanvas-title-line-height: 1.5
        }

        @media (max-width:575.98px) {
            .offcanvas-sm {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: var(--bs-offcanvas-transition);
                visibility: hidden;
                z-index: var(--bs-offcanvas-zindex)
            }
        }

        @media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-sm {
                transition: none
            }
        }

        @media (max-width:575.98px) {
            .offcanvas-sm.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0;
                top: 0;
                transform: translateX(-100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-sm.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0;
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-sm.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-sm.offcanvas-bottom,
            .offcanvas-sm.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-sm.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-sm.show:not(.hiding),
            .offcanvas-sm.showing {
                transform: none
            }

            .offcanvas-sm.hiding,
            .offcanvas-sm.show,
            .offcanvas-sm.showing {
                visibility: visible
            }
        }

        @media (min-width:576px) {
            .offcanvas-sm {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-sm .offcanvas-header {
                display: none
            }

            .offcanvas-sm .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (max-width:767.98px) {
            .offcanvas-md {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: var(--bs-offcanvas-transition);
                visibility: hidden;
                z-index: var(--bs-offcanvas-zindex)
            }
        }

        @media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-md {
                transition: none
            }
        }

        @media (max-width:767.98px) {
            .offcanvas-md.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0;
                top: 0;
                transform: translateX(-100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-md.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0;
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-md.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-md.offcanvas-bottom,
            .offcanvas-md.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-md.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-md.show:not(.hiding),
            .offcanvas-md.showing {
                transform: none
            }

            .offcanvas-md.hiding,
            .offcanvas-md.show,
            .offcanvas-md.showing {
                visibility: visible
            }
        }

        @media (min-width:768px) {
            .offcanvas-md {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-md .offcanvas-header {
                display: none
            }

            .offcanvas-md .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (max-width:991.98px) {
            .offcanvas-lg {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: var(--bs-offcanvas-transition);
                visibility: hidden;
                z-index: var(--bs-offcanvas-zindex)
            }
        }

        @media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-lg {
                transition: none
            }
        }

        @media (max-width:991.98px) {
            .offcanvas-lg.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0;
                top: 0;
                transform: translateX(-100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-lg.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0;
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-lg.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-lg.offcanvas-bottom,
            .offcanvas-lg.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-lg.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-lg.show:not(.hiding),
            .offcanvas-lg.showing {
                transform: none
            }

            .offcanvas-lg.hiding,
            .offcanvas-lg.show,
            .offcanvas-lg.showing {
                visibility: visible
            }
        }

        @media (min-width:992px) {
            .offcanvas-lg {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-lg .offcanvas-header {
                display: none
            }

            .offcanvas-lg .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (max-width:1199.98px) {
            .offcanvas-xl {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: var(--bs-offcanvas-transition);
                visibility: hidden;
                z-index: var(--bs-offcanvas-zindex)
            }
        }

        @media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-xl {
                transition: none
            }
        }

        @media (max-width:1199.98px) {
            .offcanvas-xl.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0;
                top: 0;
                transform: translateX(-100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-xl.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0;
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-xl.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-xl.offcanvas-bottom,
            .offcanvas-xl.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-xl.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-xl.show:not(.hiding),
            .offcanvas-xl.showing {
                transform: none
            }

            .offcanvas-xl.hiding,
            .offcanvas-xl.show,
            .offcanvas-xl.showing {
                visibility: visible
            }
        }

        @media (min-width:1200px) {
            .offcanvas-xl {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-xl .offcanvas-header {
                display: none
            }

            .offcanvas-xl .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (max-width:1399.98px) {
            .offcanvas-xxl {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: var(--bs-offcanvas-transition);
                visibility: hidden;
                z-index: var(--bs-offcanvas-zindex)
            }
        }

        @media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-xxl {
                transition: none
            }
        }

        @media (max-width:1399.98px) {
            .offcanvas-xxl.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0;
                top: 0;
                transform: translateX(-100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-xxl.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0;
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-xxl.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-xxl.offcanvas-bottom,
            .offcanvas-xxl.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-xxl.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }

            .offcanvas-xxl.show:not(.hiding),
            .offcanvas-xxl.showing {
                transform: none
            }

            .offcanvas-xxl.hiding,
            .offcanvas-xxl.show,
            .offcanvas-xxl.showing {
                visibility: visible
            }
        }

        @media (min-width:1400px) {
            .offcanvas-xxl {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-xxl .offcanvas-header {
                display: none
            }

            .offcanvas-xxl .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        .offcanvas {
            background-clip: padding-box;
            background-color: var(--bs-offcanvas-bg);
            bottom: 0;
            color: var(--bs-offcanvas-color);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            outline: 0;
            position: fixed;
            transition: var(--bs-offcanvas-transition);
            visibility: hidden;
            z-index: var(--bs-offcanvas-zindex)
        }

        @media (prefers-reduced-motion:reduce) {
            .offcanvas {
                transition: none
            }
        }

        .offcanvas.offcanvas-start {
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            left: 0;
            top: 0;
            transform: translateX(-100%);
            width: var(--bs-offcanvas-width)
        }

        .offcanvas.offcanvas-end {
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            right: 0;
            top: 0;
            transform: translateX(100%);
            width: var(--bs-offcanvas-width)
        }

        .offcanvas.offcanvas-top {
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            top: 0;
            transform: translateY(-100%)
        }

        .offcanvas.offcanvas-bottom,
        .offcanvas.offcanvas-top {
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0
        }

        .offcanvas.offcanvas-bottom {
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas.show:not(.hiding),
        .offcanvas.showing {
            transform: none
        }

        .offcanvas.hiding,
        .offcanvas.show,
        .offcanvas.showing {
            visibility: visible
        }

        .offcanvas-backdrop {
            background-color: #000;
            height: 100vh;
            left: 0;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: 1040
        }

        .offcanvas-backdrop.fade {
            opacity: 0
        }

        .offcanvas-backdrop.show {
            opacity: .5
        }

        .offcanvas-header {
            align-items: center;
            display: flex;
            padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
        }

        .offcanvas-header .btn-close {
            margin: calc(var(--bs-offcanvas-padding-y)*-.5) calc(var(--bs-offcanvas-padding-x)*-.5) calc(var(--bs-offcanvas-padding-y)*-.5) auto;
            padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)
        }

        .offcanvas-title {
            line-height: var(--bs-offcanvas-title-line-height);
            margin-bottom: 0
        }

        .offcanvas-body {
            flex-grow: 1;
            overflow-y: auto;
            padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
        }

        .placeholder {
            background-color: currentcolor;
            cursor: wait;
            display: inline-block;
            min-height: 1em;
            opacity: .5;
            vertical-align: middle
        }

        .placeholder.btn:before {
            content: "";
            display: inline-block
        }

        .placeholder-xs {
            min-height: .6em
        }

        .placeholder-sm {
            min-height: .8em
        }

        .placeholder-lg {
            min-height: 1.2em
        }

        .placeholder-glow .placeholder {
            animation: placeholder-glow 2s ease-in-out infinite
        }

        @keyframes placeholder-glow {
            50% {
                opacity: .2
            }
        }

        .placeholder-wave {
            animation: placeholder-wave 2s linear infinite;
            -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
            mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
            -webkit-mask-size: 200% 100%;
            mask-size: 200% 100%
        }

        @keyframes placeholder-wave {
            to {
                -webkit-mask-position: -200% 0;
                mask-position: -200% 0
            }
        }

        .clearfix:after {
            clear: both;
            content: "";
            display: block
        }

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

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

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

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

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

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

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

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

        .link-primary {
            color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-primary:focus,
        .link-primary:hover {
            color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-secondary {
            color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-secondary:focus,
        .link-secondary:hover {
            color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-success {
            color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-success:focus,
        .link-success:hover {
            color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-info {
            color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-info:focus,
        .link-info:hover {
            color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-warning {
            color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-warning:focus,
        .link-warning:hover {
            color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-danger {
            color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-danger:focus,
        .link-danger:hover {
            color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-light {
            color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-light:focus,
        .link-light:hover {
            color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-dark {
            color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-dark:focus,
        .link-dark:hover {
            color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
        }

        .link-body-emphasis {
            color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
        }

        .link-body-emphasis:focus,
        .link-body-emphasis:hover {
            color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
            text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
        }

        .focus-ring:focus {
            box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
            outline: 0
        }

        .icon-link {
            align-items: center;
            backface-visibility: hidden;
            display: inline-flex;
            gap: .375rem;
            text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
            text-underline-offset: .25em
        }

        .icon-link>.bi {
            flex-shrink: 0;
            height: 1em;
            width: 1em;
            fill: currentcolor;
            transition: transform .2s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .icon-link>.bi {
                transition: none
            }
        }

        .icon-link-hover:focus-visible>.bi,
        .icon-link-hover:hover>.bi {
            transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
        }

        .ratio {
            position: relative;
            width: 100%
        }

        .ratio:before {
            content: "";
            display: block;
            padding-top: var(--bs-aspect-ratio)
        }

        .ratio>* {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

        .ratio-1x1 {
            --bs-aspect-ratio: 100%
        }

        .ratio-4x3 {
            --bs-aspect-ratio: 75%
        }

        .ratio-16x9 {
            --bs-aspect-ratio: 56.25%
        }

        .ratio-21x9 {
            --bs-aspect-ratio: 42.8571428571%
        }

        .fixed-top {
            top: 0
        }

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

        .fixed-bottom {
            bottom: 0
        }

        .sticky-top {
            top: 0
        }

        .sticky-bottom,
        .sticky-top {
            position: sticky;
            z-index: 1020
        }

        .sticky-bottom {
            bottom: 0
        }

        @media (min-width:576px) {
            .sticky-sm-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-sm-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        @media (min-width:768px) {
            .sticky-md-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-md-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        @media (min-width:992px) {
            .sticky-lg-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-lg-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        @media (min-width:1200px) {
            .sticky-xl-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-xl-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        @media (min-width:1400px) {
            .sticky-xxl-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-xxl-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        .hstack {
            align-items: center;
            flex-direction: row
        }

        .hstack,
        .vstack {
            align-self: stretch;
            display: flex
        }

        .vstack {
            flex: 1 1 auto;
            flex-direction: column
        }

        .visually-hidden,
        .visually-hidden-focusable:not(:focus):not(:focus-within) {
            height: 1px !important;
            margin: -1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            width: 1px !important;
            clip: rect(0, 0, 0, 0) !important;
            border: 0 !important;
            white-space: nowrap !important
        }

        .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
        .visually-hidden:not(caption) {
            position: absolute !important
        }

        .stretched-link:after {
            bottom: 0;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1
        }

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

        .vr {
            align-self: stretch;
            background-color: currentcolor;
            display: inline-block;
            min-height: 1em;
            opacity: .25;
            width: var(--bs-border-width)
        }

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

        .object-fit-contain {
            -o-object-fit: contain !important;
            object-fit: contain !important
        }

        .object-fit-cover {
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .object-fit-fill {
            -o-object-fit: fill !important;
            object-fit: fill !important
        }

        .object-fit-scale {
            -o-object-fit: scale-down !important;
            object-fit: scale-down !important
        }

        .object-fit-none {
            -o-object-fit: none !important;
            object-fit: none !important
        }

        .opacity-0 {
            opacity: 0 !important
        }

        .opacity-25 {
            opacity: .25 !important
        }

        .opacity-50 {
            opacity: .5 !important
        }

        .opacity-75 {
            opacity: .75 !important
        }

        .opacity-100 {
            opacity: 1 !important
        }

        .overflow-auto {
            overflow: auto !important
        }

        .overflow-hidden {
            overflow: hidden !important
        }

        .overflow-visible {
            overflow: visible !important
        }

        .overflow-scroll {
            overflow: scroll !important
        }

        .overflow-x-auto {
            overflow-x: auto !important
        }

        .overflow-x-hidden {
            overflow-x: hidden !important
        }

        .overflow-x-visible {
            overflow-x: visible !important
        }

        .overflow-x-scroll {
            overflow-x: scroll !important
        }

        .overflow-y-auto {
            overflow-y: auto !important
        }

        .overflow-y-hidden {
            overflow-y: hidden !important
        }

        .overflow-y-visible {
            overflow-y: visible !important
        }

        .overflow-y-scroll {
            overflow-y: 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-inline-grid {
            display: inline-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: var(--bs-box-shadow) !important
        }

        .shadow-sm {
            box-shadow: var(--bs-box-shadow-sm) !important
        }

        .shadow-lg {
            box-shadow: var(--bs-box-shadow-lg) !important
        }

        .shadow-none {
            box-shadow: none !important
        }

        .focus-ring-primary {
            --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-secondary {
            --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-success {
            --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-info {
            --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-warning {
            --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-danger {
            --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-light {
            --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
        }

        .focus-ring-dark {
            --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
        }

        .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: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-0 {
            border: 0 !important
        }

        .border-top {
            border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-top-0 {
            border-top: 0 !important
        }

        .border-end {
            border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-end-0 {
            border-right: 0 !important
        }

        .border-bottom {
            border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-bottom-0 {
            border-bottom: 0 !important
        }

        .border-start {
            border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-start-0 {
            border-left: 0 !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .border-dark-subtle {
            border-color: var(--bs-dark-border-subtle) !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
        }

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

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

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

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

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

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

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

        .m-2 {
            margin: .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-left: 0 !important;
            margin-right: 0 !important
        }

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

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

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

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

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

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

        .my-0 {
            margin-bottom: 0 !important;
            margin-top: 0 !important
        }

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

        .my-2 {
            margin-bottom: .5rem !important;
            margin-top: .5rem !important
        }

        .my-3 {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important
        }

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

        .my-5 {
            margin-bottom: 3rem !important;
            margin-top: 3rem !important
        }

        .my-auto {
            margin-bottom: auto !important;
            margin-top: auto !important
        }

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

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

        .mt-2 {
            margin-top: .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: .25rem !important
        }

        .me-2 {
            margin-right: .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: .25rem !important
        }

        .mb-2 {
            margin-bottom: .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: .25rem !important
        }

        .ms-2 {
            margin-left: .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: .25rem !important
        }

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

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

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

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

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

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

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

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

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

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

        .py-0 {
            padding-bottom: 0 !important;
            padding-top: 0 !important
        }

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

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

        .py-3 {
            padding-bottom: 1rem !important;
            padding-top: 1rem !important
        }

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

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

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

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

        .pt-2 {
            padding-top: .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: .25rem !important
        }

        .pe-2 {
            padding-right: .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: .25rem !important
        }

        .pb-2 {
            padding-bottom: .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: .25rem !important
        }

        .ps-2 {
            padding-left: .5rem !important
        }

        .ps-3 {
            padding-left: 1rem !important
        }

        .ps-4 {
            padding-left: 1.5rem !important
        }

        .ps-5 {
            padding-left: 3rem !important
        }

        .gap-0 {
            gap: 0 !important
        }

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

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

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

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

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

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

        .column-gap-0 {
            -moz-column-gap: 0 !important;
            column-gap: 0 !important
        }

        .column-gap-1 {
            -moz-column-gap: .25rem !important;
            column-gap: .25rem !important
        }

        .column-gap-2 {
            -moz-column-gap: .5rem !important;
            column-gap: .5rem !important
        }

        .column-gap-3 {
            -moz-column-gap: 1rem !important;
            column-gap: 1rem !important
        }

        .column-gap-4 {
            -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important
        }

        .column-gap-5 {
            -moz-column-gap: 3rem !important;
            column-gap: 3rem !important
        }

        .font-monospace {
            font-family: var(--bs-font-monospace) !important
        }

        .fs-1 {
            font-size: calc(1.375rem + 1.5vw) !important
        }

        .fs-2 {
            font-size: calc(1.325rem + .9vw) !important
        }

        .fs-3 {
            font-size: calc(1.3rem + .6vw) !important
        }

        .fs-4 {
            font-size: calc(1.275rem + .3vw) !important
        }

        .fs-5 {
            font-size: 1.25rem !important
        }

        .fs-6 {
            font-size: 1rem !important
        }

        .fst-italic {
            font-style: italic !important
        }

        .fst-normal {
            font-style: normal !important
        }

        .fw-lighter {
            font-weight: lighter !important
        }

        .fw-light {
            font-weight: 300 !important
        }

        .fw-normal {
            font-weight: 400 !important
        }

        .fw-medium {
            font-weight: 500 !important
        }

        .fw-semibold {
            font-weight: 600 !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
        }

        .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-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-light {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
        }

        .text-dark {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-dark-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(0, 0, 0, .5) !important
        }

        .text-white-50 {
            --bs-text-opacity: 1;
            color: hsla(0, 0%, 100%, .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
        }

        .link-opacity-10,
        .link-opacity-10-hover:hover {
            --bs-link-opacity: 0.1
        }

        .link-opacity-25,
        .link-opacity-25-hover:hover {
            --bs-link-opacity: 0.25
        }

        .link-opacity-50,
        .link-opacity-50-hover:hover {
            --bs-link-opacity: 0.5
        }

        .link-opacity-75,
        .link-opacity-75-hover:hover {
            --bs-link-opacity: 0.75
        }

        .link-opacity-100,
        .link-opacity-100-hover:hover {
            --bs-link-opacity: 1
        }

        .link-offset-1,
        .link-offset-1-hover:hover {
            text-underline-offset: .125em !important
        }

        .link-offset-2,
        .link-offset-2-hover:hover {
            text-underline-offset: .25em !important
        }

        .link-offset-3,
        .link-offset-3-hover:hover {
            text-underline-offset: .375em !important
        }

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

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

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

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

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

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

        .link-underline-light {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
        }

        .link-underline-dark {
            --bs-link-underline-opacity: 1;
            text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
        }

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

        .link-underline-opacity-0,
        .link-underline-opacity-0-hover:hover {
            --bs-link-underline-opacity: 0
        }

        .link-underline-opacity-10,
        .link-underline-opacity-10-hover:hover {
            --bs-link-underline-opacity: 0.1
        }

        .link-underline-opacity-25,
        .link-underline-opacity-25-hover:hover {
            --bs-link-underline-opacity: 0.25
        }

        .link-underline-opacity-50,
        .link-underline-opacity-50-hover:hover {
            --bs-link-underline-opacity: 0.5
        }

        .link-underline-opacity-75,
        .link-underline-opacity-75-hover:hover {
            --bs-link-underline-opacity: 0.75
        }

        .link-underline-opacity-100,
        .link-underline-opacity-100-hover:hover {
            --bs-link-underline-opacity: 1
        }

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

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

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

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

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

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

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

        .bg-dark {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-dark-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
        }

        .user-select-all {
            -webkit-user-select: all !important;
            -moz-user-select: all !important;
            user-select: all !important
        }

        .user-select-auto {
            -webkit-user-select: auto !important;
            -moz-user-select: auto !important;
            user-select: auto !important
        }

        .user-select-none {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            user-select: none !important
        }

        .pe-none {
            pointer-events: none !important
        }

        .pe-auto {
            pointer-events: auto !important
        }

        .rounded {
            border-radius: var(--bs-border-radius) !important
        }

        .rounded-0 {
            border-radius: 0 !important
        }

        .rounded-1 {
            border-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-2 {
            border-radius: var(--bs-border-radius) !important
        }

        .rounded-3 {
            border-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-4 {
            border-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-5 {
            border-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-circle {
            border-radius: 50% !important
        }

        .rounded-pill {
            border-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-top {
            border-top-left-radius: var(--bs-border-radius) !important;
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-top-0 {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important
        }

        .rounded-top-1 {
            border-top-left-radius: var(--bs-border-radius-sm) !important;
            border-top-right-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-top-2 {
            border-top-left-radius: var(--bs-border-radius) !important;
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-top-3 {
            border-top-left-radius: var(--bs-border-radius-lg) !important;
            border-top-right-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-top-4 {
            border-top-left-radius: var(--bs-border-radius-xl) !important;
            border-top-right-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-top-5 {
            border-top-left-radius: var(--bs-border-radius-xxl) !important;
            border-top-right-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-top-circle {
            border-top-left-radius: 50% !important;
            border-top-right-radius: 50% !important
        }

        .rounded-top-pill {
            border-top-left-radius: var(--bs-border-radius-pill) !important;
            border-top-right-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-end {
            border-bottom-right-radius: var(--bs-border-radius) !important;
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-end-0 {
            border-bottom-right-radius: 0 !important;
            border-top-right-radius: 0 !important
        }

        .rounded-end-1 {
            border-bottom-right-radius: var(--bs-border-radius-sm) !important;
            border-top-right-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-end-2 {
            border-bottom-right-radius: var(--bs-border-radius) !important;
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-end-3 {
            border-bottom-right-radius: var(--bs-border-radius-lg) !important;
            border-top-right-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-end-4 {
            border-bottom-right-radius: var(--bs-border-radius-xl) !important;
            border-top-right-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-end-5 {
            border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
            border-top-right-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-end-circle {
            border-bottom-right-radius: 50% !important;
            border-top-right-radius: 50% !important
        }

        .rounded-end-pill {
            border-bottom-right-radius: var(--bs-border-radius-pill) !important;
            border-top-right-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-bottom {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-bottom-right-radius: var(--bs-border-radius) !important
        }

        .rounded-bottom-0 {
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important
        }

        .rounded-bottom-1 {
            border-bottom-left-radius: var(--bs-border-radius-sm) !important;
            border-bottom-right-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-bottom-2 {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-bottom-right-radius: var(--bs-border-radius) !important
        }

        .rounded-bottom-3 {
            border-bottom-left-radius: var(--bs-border-radius-lg) !important;
            border-bottom-right-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-bottom-4 {
            border-bottom-left-radius: var(--bs-border-radius-xl) !important;
            border-bottom-right-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-bottom-5 {
            border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
            border-bottom-right-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-bottom-circle {
            border-bottom-left-radius: 50% !important;
            border-bottom-right-radius: 50% !important
        }

        .rounded-bottom-pill {
            border-bottom-left-radius: var(--bs-border-radius-pill) !important;
            border-bottom-right-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-start {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-top-left-radius: var(--bs-border-radius) !important
        }

        .rounded-start-0 {
            border-bottom-left-radius: 0 !important;
            border-top-left-radius: 0 !important
        }

        .rounded-start-1 {
            border-bottom-left-radius: var(--bs-border-radius-sm) !important;
            border-top-left-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-start-2 {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-top-left-radius: var(--bs-border-radius) !important
        }

        .rounded-start-3 {
            border-bottom-left-radius: var(--bs-border-radius-lg) !important;
            border-top-left-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-start-4 {
            border-bottom-left-radius: var(--bs-border-radius-xl) !important;
            border-top-left-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-start-5 {
            border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
            border-top-left-radius: var(--bs-border-radius-xxl) !important
        }

        .rounded-start-circle {
            border-bottom-left-radius: 50% !important;
            border-top-left-radius: 50% !important
        }

        .rounded-start-pill {
            border-bottom-left-radius: var(--bs-border-radius-pill) !important;
            border-top-left-radius: var(--bs-border-radius-pill) !important
        }

        .visible {
            visibility: visible !important
        }

        .invisible {
            visibility: hidden !important
        }

        .z-n1 {
            z-index: -1 !important
        }

        .z-0 {
            z-index: 0 !important
        }

        .z-1 {
            z-index: 1 !important
        }

        .z-2 {
            z-index: 2 !important
        }

        .z-3 {
            z-index: 3 !important
        }

        @media (min-width:576px) {
            .float-sm-start {
                float: left !important
            }

            .float-sm-end {
                float: right !important
            }

            .float-sm-none {
                float: none !important
            }

            .object-fit-sm-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-sm-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-sm-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-sm-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-sm-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .m-sm-2 {
                margin: .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-left: 0 !important;
                margin-right: 0 !important
            }

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

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

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

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

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

            .mx-sm-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-sm-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

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

            .my-sm-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-sm-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

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

            .my-sm-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-sm-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-sm-0 {
                margin-top: 0 !important
            }

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

            .mt-sm-2 {
                margin-top: .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: .25rem !important
            }

            .me-sm-2 {
                margin-right: .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: .25rem !important
            }

            .mb-sm-2 {
                margin-bottom: .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: .25rem !important
            }

            .ms-sm-2 {
                margin-left: .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: .25rem !important
            }

            .p-sm-2 {
                padding: .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-left: 0 !important;
                padding-right: 0 !important
            }

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

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

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

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

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

            .py-sm-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

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

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

            .py-sm-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

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

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

            .pt-sm-0 {
                padding-top: 0 !important
            }

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

            .pt-sm-2 {
                padding-top: .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: .25rem !important
            }

            .pe-sm-2 {
                padding-right: .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: .25rem !important
            }

            .pb-sm-2 {
                padding-bottom: .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: .25rem !important
            }

            .ps-sm-2 {
                padding-left: .5rem !important
            }

            .ps-sm-3 {
                padding-left: 1rem !important
            }

            .ps-sm-4 {
                padding-left: 1.5rem !important
            }

            .ps-sm-5 {
                padding-left: 3rem !important
            }

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

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

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

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

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

            .gap-sm-5 {
                gap: 3rem !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
            }

            .column-gap-sm-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-sm-1 {
                -moz-column-gap: .25rem !important;
                column-gap: .25rem !important
            }

            .column-gap-sm-2 {
                -moz-column-gap: .5rem !important;
                column-gap: .5rem !important
            }

            .column-gap-sm-3 {
                -moz-column-gap: 1rem !important;
                column-gap: 1rem !important
            }

            .column-gap-sm-4 {
                -moz-column-gap: 1.5rem !important;
                column-gap: 1.5rem !important
            }

            .column-gap-sm-5 {
                -moz-column-gap: 3rem !important;
                column-gap: 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
            }

            .object-fit-md-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-md-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-md-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-md-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-md-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .m-md-2 {
                margin: .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-left: 0 !important;
                margin-right: 0 !important
            }

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

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

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

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

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

            .mx-md-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-md-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

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

            .my-md-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-md-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

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

            .my-md-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-md-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-md-0 {
                margin-top: 0 !important
            }

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

            .mt-md-2 {
                margin-top: .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: .25rem !important
            }

            .me-md-2 {
                margin-right: .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: .25rem !important
            }

            .mb-md-2 {
                margin-bottom: .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: .25rem !important
            }

            .ms-md-2 {
                margin-left: .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: .25rem !important
            }

            .p-md-2 {
                padding: .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-left: 0 !important;
                padding-right: 0 !important
            }

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

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

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

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

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

            .py-md-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

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

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

            .py-md-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

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

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

            .pt-md-0 {
                padding-top: 0 !important
            }

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

            .pt-md-2 {
                padding-top: .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: .25rem !important
            }

            .pe-md-2 {
                padding-right: .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: .25rem !important
            }

            .pb-md-2 {
                padding-bottom: .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: .25rem !important
            }

            .ps-md-2 {
                padding-left: .5rem !important
            }

            .ps-md-3 {
                padding-left: 1rem !important
            }

            .ps-md-4 {
                padding-left: 1.5rem !important
            }

            .ps-md-5 {
                padding-left: 3rem !important
            }

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

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

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

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

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

            .gap-md-5 {
                gap: 3rem !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
            }

            .column-gap-md-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-md-1 {
                -moz-column-gap: .25rem !important;
                column-gap: .25rem !important
            }

            .column-gap-md-2 {
                -moz-column-gap: .5rem !important;
                column-gap: .5rem !important
            }

            .column-gap-md-3 {
                -moz-column-gap: 1rem !important;
                column-gap: 1rem !important
            }

            .column-gap-md-4 {
                -moz-column-gap: 1.5rem !important;
                column-gap: 1.5rem !important
            }

            .column-gap-md-5 {
                -moz-column-gap: 3rem !important;
                column-gap: 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
            }

            .object-fit-lg-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-lg-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-lg-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-lg-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-lg-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .m-lg-2 {
                margin: .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-left: 0 !important;
                margin-right: 0 !important
            }

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

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

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

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

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

            .mx-lg-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-lg-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

            .my-lg-1 {
                margin-bottom: .25rem !important;
                margin-top: .25rem !important
            }

            .my-lg-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-lg-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

            .my-lg-4 {
                margin-bottom: 1.5rem !important;
                margin-top: 1.5rem !important
            }

            .my-lg-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-lg-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-lg-0 {
                margin-top: 0 !important
            }

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

            .mt-lg-2 {
                margin-top: .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: .25rem !important
            }

            .me-lg-2 {
                margin-right: .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: .25rem !important
            }

            .mb-lg-2 {
                margin-bottom: .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: .25rem !important
            }

            .ms-lg-2 {
                margin-left: .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: .25rem !important
            }

            .p-lg-2 {
                padding: .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-left: 0 !important;
                padding-right: 0 !important
            }

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

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

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

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

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

            .py-lg-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

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

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

            .py-lg-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

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

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

            .pt-lg-0 {
                padding-top: 0 !important
            }

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

            .pt-lg-2 {
                padding-top: .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: .25rem !important
            }

            .pe-lg-2 {
                padding-right: .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: .25rem !important
            }

            .pb-lg-2 {
                padding-bottom: .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: .25rem !important
            }

            .ps-lg-2 {
                padding-left: .5rem !important
            }

            .ps-lg-3 {
                padding-left: 1rem !important
            }

            .ps-lg-4 {
                padding-left: 1.5rem !important
            }

            .ps-lg-5 {
                padding-left: 3rem !important
            }

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

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

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

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

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

            .gap-lg-5 {
                gap: 3rem !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
            }

            .column-gap-lg-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-lg-1 {
                -moz-column-gap: .25rem !important;
                column-gap: .25rem !important
            }

            .column-gap-lg-2 {
                -moz-column-gap: .5rem !important;
                column-gap: .5rem !important
            }

            .column-gap-lg-3 {
                -moz-column-gap: 1rem !important;
                column-gap: 1rem !important
            }

            .column-gap-lg-4 {
                -moz-column-gap: 1.5rem !important;
                column-gap: 1.5rem !important
            }

            .column-gap-lg-5 {
                -moz-column-gap: 3rem !important;
                column-gap: 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
            }

            .object-fit-xl-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-xl-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-xl-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-xl-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-xl-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .m-xl-2 {
                margin: .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-left: 0 !important;
                margin-right: 0 !important
            }

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

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

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

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

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

            .mx-xl-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-xl-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

            .my-xl-1 {
                margin-bottom: .25rem !important;
                margin-top: .25rem !important
            }

            .my-xl-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-xl-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

            .my-xl-4 {
                margin-bottom: 1.5rem !important;
                margin-top: 1.5rem !important
            }

            .my-xl-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-xl-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-xl-0 {
                margin-top: 0 !important
            }

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

            .mt-xl-2 {
                margin-top: .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: .25rem !important
            }

            .me-xl-2 {
                margin-right: .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: .25rem !important
            }

            .mb-xl-2 {
                margin-bottom: .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: .25rem !important
            }

            .ms-xl-2 {
                margin-left: .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: .25rem !important
            }

            .p-xl-2 {
                padding: .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-left: 0 !important;
                padding-right: 0 !important
            }

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

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

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

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

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

            .py-xl-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

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

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

            .py-xl-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

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

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

            .pt-xl-0 {
                padding-top: 0 !important
            }

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

            .pt-xl-2 {
                padding-top: .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: .25rem !important
            }

            .pe-xl-2 {
                padding-right: .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: .25rem !important
            }

            .pb-xl-2 {
                padding-bottom: .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: .25rem !important
            }

            .ps-xl-2 {
                padding-left: .5rem !important
            }

            .ps-xl-3 {
                padding-left: 1rem !important
            }

            .ps-xl-4 {
                padding-left: 1.5rem !important
            }

            .ps-xl-5 {
                padding-left: 3rem !important
            }

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

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

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

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

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

            .gap-xl-5 {
                gap: 3rem !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
            }

            .column-gap-xl-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-xl-1 {
                -moz-column-gap: .25rem !important;
                column-gap: .25rem !important
            }

            .column-gap-xl-2 {
                -moz-column-gap: .5rem !important;
                column-gap: .5rem !important
            }

            .column-gap-xl-3 {
                -moz-column-gap: 1rem !important;
                column-gap: 1rem !important
            }

            .column-gap-xl-4 {
                -moz-column-gap: 1.5rem !important;
                column-gap: 1.5rem !important
            }

            .column-gap-xl-5 {
                -moz-column-gap: 3rem !important;
                column-gap: 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:1400px) {
            .float-xxl-start {
                float: left !important
            }

            .float-xxl-end {
                float: right !important
            }

            .float-xxl-none {
                float: none !important
            }

            .object-fit-xxl-contain {
                -o-object-fit: contain !important;
                object-fit: contain !important
            }

            .object-fit-xxl-cover {
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

            .object-fit-xxl-fill {
                -o-object-fit: fill !important;
                object-fit: fill !important
            }

            .object-fit-xxl-scale {
                -o-object-fit: scale-down !important;
                object-fit: scale-down !important
            }

            .object-fit-xxl-none {
                -o-object-fit: none !important;
                object-fit: 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-inline-grid {
                display: inline-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
            }

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

            .m-xxl-2 {
                margin: .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-left: 0 !important;
                margin-right: 0 !important
            }

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

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

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

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

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

            .mx-xxl-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-xxl-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

            .my-xxl-1 {
                margin-bottom: .25rem !important;
                margin-top: .25rem !important
            }

            .my-xxl-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-xxl-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

            .my-xxl-4 {
                margin-bottom: 1.5rem !important;
                margin-top: 1.5rem !important
            }

            .my-xxl-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-xxl-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-xxl-0 {
                margin-top: 0 !important
            }

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

            .mt-xxl-2 {
                margin-top: .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: .25rem !important
            }

            .me-xxl-2 {
                margin-right: .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: .25rem !important
            }

            .mb-xxl-2 {
                margin-bottom: .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: .25rem !important
            }

            .ms-xxl-2 {
                margin-left: .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: .25rem !important
            }

            .p-xxl-2 {
                padding: .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-left: 0 !important;
                padding-right: 0 !important
            }

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

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

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

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

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

            .py-xxl-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

            .py-xxl-1 {
                padding-bottom: .25rem !important;
                padding-top: .25rem !important
            }

            .py-xxl-2 {
                padding-bottom: .5rem !important;
                padding-top: .5rem !important
            }

            .py-xxl-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

            .py-xxl-4 {
                padding-bottom: 1.5rem !important;
                padding-top: 1.5rem !important
            }

            .py-xxl-5 {
                padding-bottom: 3rem !important;
                padding-top: 3rem !important
            }

            .pt-xxl-0 {
                padding-top: 0 !important
            }

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

            .pt-xxl-2 {
                padding-top: .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: .25rem !important
            }

            .pe-xxl-2 {
                padding-right: .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: .25rem !important
            }

            .pb-xxl-2 {
                padding-bottom: .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: .25rem !important
            }

            .ps-xxl-2 {
                padding-left: .5rem !important
            }

            .ps-xxl-3 {
                padding-left: 1rem !important
            }

            .ps-xxl-4 {
                padding-left: 1.5rem !important
            }

            .ps-xxl-5 {
                padding-left: 3rem !important
            }

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

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

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

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

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

            .gap-xxl-5 {
                gap: 3rem !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
            }

            .column-gap-xxl-0 {
                -moz-column-gap: 0 !important;
                column-gap: 0 !important
            }

            .column-gap-xxl-1 {
                -moz-column-gap: .25rem !important;
                column-gap: .25rem !important
            }

            .column-gap-xxl-2 {
                -moz-column-gap: .5rem !important;
                column-gap: .5rem !important
            }

            .column-gap-xxl-3 {
                -moz-column-gap: 1rem !important;
                column-gap: 1rem !important
            }

            .column-gap-xxl-4 {
                -moz-column-gap: 1.5rem !important;
                column-gap: 1.5rem !important
            }

            .column-gap-xxl-5 {
                -moz-column-gap: 3rem !important;
                column-gap: 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: 2.5rem !important
            }

            .fs-2 {
                font-size: 2rem !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-inline-grid {
                display: inline-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
            }
        }
    </style>
    <style>
        @font-face {
            font-family: PoppinsBold;
            font-style: normal;
            font-weight: 400;
            src: url(https://netsoltech.com/_nuxt/Poppins-Bold.C62YTul5.ttf) format("truetype"), url(https://netsoltech.com/_nuxt/Poppins-Bold.C62YTul5.ttf) format("truetype")
        }

        @font-face {
            font-family: PoppinsMedium;
            font-style: normal;
            font-weight: 400;
            src: url(https://netsoltech.com/_nuxt/Poppins-Medium.ChhwLuLx.ttf) format("truetype"), url(https://netsoltech.com/_nuxt/Poppins-Medium.ChhwLuLx.ttf) format("truetype")
        }

        @font-face {
            font-family: PoppinsLight;
            font-style: normal;
            font-weight: 400;
            src: url(https://netsoltech.com/_nuxt/Poppins-Light.Dtvcf0Mr.ttf) format("truetype"), url(https://netsoltech.com/_nuxt/Poppins-Light.Dtvcf0Mr.ttf) format("truetype")
        }

        @font-face {
            font-family: AnakotmaiLight;
            font-style: normal;
            font-weight: 400;
            src: url(https://netsoltech.com/_nuxt/anakotmai-light.7-zkiWD9.woff) format("woff2"), url(https://netsoltech.com/_nuxt/anakotmai-light.7-zkiWD9.woff) format("woff")
        }

        @font-face {
            font-family: PoppinsSemiBold;
            font-style: normal;
            font-weight: 400;
            src: url(https://netsoltech.com/_nuxt/Poppins-SemiBold.ConD-CtJ.ttf) format("truetype"), url(https://netsoltech.com/_nuxt/Poppins-SemiBold.ConD-CtJ.ttf) format("truetype")
        }

        @font-face {
            font-family: PoppinsRegular;
            font-style: normal;
            font-weight: 400;
            src: url(https://netsoltech.com/_nuxt/Poppins-Regular.JiV4gZDp.ttf) format("truetype"), url(https://netsoltech.com/_nuxt/Poppins-Regular.JiV4gZDp.ttf) format("truetype")
        }

        @font-face {
            font-family: Anakotmai;
            font-style: normal;
            font-weight: 400;
            src: url(https://netsoltech.com/_nuxt/anakotmai-medium.Clxn5uOg.woff) format("woff2"), url(https://netsoltech.com/_nuxt/anakotmai-medium.Clxn5uOg.woff) format("woff")
        }

        :root {
            --Anakotmai: "Anakotmai";
            --AnakotmaiLight: "AnakotmaiLight";
            --PoppinsMedium: "PoppinsMedium";
            --PoppinsLight: "PoppinsLight";
            --PoppinsRegular: "PoppinsRegular";
            --PoppinsSemiBold: "PoppinsSemiBold";
            --PoppinsBold: "PoppinsBold";
            --color_blue: #1b75bb;
            --color_blue2: #083451;
            --footerBg: #03243a;
            --videoCircle: #16ebfe;
            --statusColor: #18ebfe;
            --color_green: #30d5c8;
            --colorgreenLight: rgba(48, 212, 199, .3);
            --tag_color: #fff;
            --color_primary: #fff;
            --color_primaryBoth: #000;
            --color_primary50: hsla(0, 0%, 100%, .5);
            --color_primary50: hsla(0, 0%, 100%, .7);
            --border_color: #cfd7e6;
            --border_color2: #767b92;
            --s-border-width: 2px;
            --white: #000;
            --whiteBoth: #fff;
            --black: #000;
            --light_grey: silver;
            --light_grey2: #98a6bf;
            --services_border: #fff;
            --btn_gradient: radial-gradient(163.75% 163.75% at 23.45% 140%, var(--color_blue) 0%, rgba(9, 93, 230, .53) 100%);
            --btn_shadow: 0px 4px 15px 0px #0d93ef inset;
            --btn_border_color: #30d5c8;
            --btn_shadow_hov: #18998e;
            --btn_shadow_hov_inset: 0px 0px 15px 0px #18998e inset;
            --transition: all 0.2s ease;
            --headerHeight: 80px;
            --bannerBlend: linear-gradient(0deg, #ffffff75, rgba(1, 4, 18, 0) 100.14%);
            --baseFontSize: 16px;
            --shadePurpleeffect: #bc43b0
        }

        .light_theme {
            --color_primary: #fff;
            --white: #010412;
            --color_primary50: hsla(0, 0%, 100%, .5);
            --footer_twitterblue: #34aaff;
            --footer_blue: #4566ee;
            --bmw-fill-grey: #bbbcc1;
            --leftborder_blue: #0126cf;
            --color_darkblue: #06185f;
            --color-linkblue: #1b75bb;
            --footer_fontcolor: #515261;
            --tag_color: #fff;
            --border_color: #cfd7e6;
            --services_border: var(--border_color)
        }

        *,
        ol,
        ul {
            margin: 0;
            padding: 0
        }

        li {
            list-style: none
        }

        a {
            text-decoration: none
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: var(--PoppinsSemiBold);
            line-height: 1.2em;
            margin: 0;
            padding-bottom: 10px
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p {
            margin: 0
        }

        h2 {
            font-size: 36px
        }

        body {
            background-color: #fff;
            color: #010412;
            font-family: var(--PoppinsRegular);
            font-size: var(--baseFontSize);
            line-height: 1.4em;
            overflow-x: hidden
        }

        .font-th .h1,
        .font-th .h2,
        .font-th .h3,
        .font-th .h4,
        .font-th .h5,
        .font-th .h6,
        .font-th a,
        .font-th h1,
        .font-th h2,
        .font-th h3,
        .font-th h4,
        .font-th h5,
        .font-th h6,
        .font-th p,
        .font-th span,
        body.font-th {
            font-family: var(--Anakotmai) !important
        }

        .font-th {
            font-family: var(--Anakotmai)
        }

        .font-th .description,
        .font-th .headlines,
        .font-th .headlines_box span,
        .font-th a.header_menu_link {
            font-family: var(--AnakotmaiLight)
        }

        .header,
        .wrapper {
            width: 100%
        }

        .header {
            background: transparent;
            left: 0;
            position: absolute;
            top: 0;
            transition: all .3s ease-in-out;
            z-index: 222
        }

        .site_contain.container {
            margin-bottom: 40px;
            margin-top: 60px;
            max-width: 85%
        }

        .servicingSection_row {
            margin-top: 30px;
            padding: 60px 0
        }

        .header:before {
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .highlight {
            color: #30d4c7
        }

        .blueHighlight {
            color: #0086c9
        }

        .banner-btn:hover:after {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAASCAYAAAC0EpUuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgB7ZPBEUAwEEU/GtCBbUUHSqASpanDiaMbRzd+ZmKEi4R14s+87OSQl2RmN4F/hJRkIBOU0pHFVoFSNqmqWH6xlzgiKSkQHiG1s+9Jbuvhxqc0RhhDN2KWCPukhCY7nevhfP/ui1Q7QL4nBF6aotFXmMA/LZlJhYu2WQF7y0yDEjMnXQAAAABJRU5ErkJggg==) !important;
            transform: translateX(5px)
        }

        .header_main {
            position: relative;
            z-index: 3
        }

        .openSubMenu,
        .stickyHeader .header {
            position: fixed
        }

        .stickyHeader .header:not(.openSubMenu) .header_menu {
            animation: mover 0s alternate both;
            -webkit-backdrop-filter: blur(22.5px);
            backdrop-filter: blur(22.5px);
            background-color: var(--color_primary50)
        }

        .stickyHeader .header:not(.openSubMenu) .requestDemo_header {
            animation: mover 0s
        }

        .header {
            position: fixed;
            transition: background-color .3s ease
        }

        .stickyHeader .header {
            transform: translateY(-100%)
        }

        .hm_products_ps {
            margin: auto;
            max-width: 1440px;
            padding: 0 20px;
            position: relative
        }

        .hm_products_ps .autoContent {
            padding: 0
        }

        @keyframes mover {
            0% {
                transform: translateY(-30px)
            }

            to {
                transform: translateY(0)
            }
        }

        .hidden {
            display: none
        }

        .header_inner {
            align-items: center;
            display: flex;
            justify-content: space-between;
            padding: 20px 0;
            width: 100%
        }

        .logo {
            flex-shrink: 0;
            width: 145px
        }

        .logo a,
        .logo a svg {
            display: block
        }

        .header-transparent {
            background-color: transparent
        }

        .header-background {
            background-color: #052d46
        }

        .header_right {
            display: flex;
            justify-content: space-between;
            width: 100%
        }

        .header_menu {
            margin: auto;
            padding: 10px
        }

        .header_menu>ul {
            align-items: center;
            display: flex
        }

        .header_menu>ul>li {
            padding: 0 20px
        }

        .header_menu_link {
            color: #fff;
            cursor: pointer;
            display: block;
            line-height: 1.4em;
            transition: var(--transition)
        }

        .transcend-retail-header .header_menu_link {
            color: #000;
            font-size: 14px
        }

        .transcend-retail-header .header_menu_link.has_dropdown {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' fill='none' viewBox='0 0 11 10'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1.871 3 4 4 4-4'/%3E%3C/svg%3E") no-repeat 100%
        }

        .header-background.transcend-retail-header .header_menu_link {
            color: #fff
        }

        .header-background.transcend-retail-header .header_menu_link.has_dropdown {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat 100%
        }

        .header-background.transcend-retail-header .logo a svg path {
            fill: #fff !important
        }

        .header_menu_link:hover {
            opacity: .6
        }

        .top-button-slot {
            align-items: center;
            cursor: pointer;
            display: flex;
            justify-content: center;
            margin-top: 25vh;
            padding: 0
        }

        .play-button {
            width: 85px
        }

        .header_menu_link.has_dropdown {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat 100%;
            background-size: 10px auto !important;
            padding-right: 15px
        }

        .header_menu>ul>li.active_li>.header_menu_link {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' fill='none' viewBox='0 0 6 4'%3E%3Cpath fill='%23fff' d='M5.784 2.822 4.445 1.486l-.817-.82a.89.89 0 0 0-1.254.001L.217 2.827a.45.45 0 0 0 .318.767l2.337-.002 2.596-.003c.4 0 .6-.484.316-.767'/%3E%3C/svg%3E") no-repeat 100%;
            opacity: .6
        }

        .subMenu_dropdown {
            display: none;
            height: auto;
            left: 0;
            position: absolute;
            top: 100%;
            width: 50%;
            z-index: 999
        }

        .subMenu_dropdown_inner:after {
            background: radial-gradient(circle at center, #3e64ff59 30%, transparent);
            bottom: 0;
            content: "";
            filter: blur(112px);
            height: 140px;
            position: absolute;
            width: 100%;
            z-index: -3
        }

        .subMenu_dropdown_inner {
            -webkit-backdrop-filter: blur(22.5px);
            backdrop-filter: blur(22.5px);
            background: rgba(1, 4, 18, .5);
            border-bottom: 2px solid #c2cdff;
            position: relative;
            z-index: 2
        }

        .subMenu_dropdown.active {
            display: block
        }

        .subMenu_dropdown_auto {
            display: flex;
            margin: auto;
            position: relative;
            width: 100%;
            z-index: 2
        }

        .subMenu_dropdown_auto:after {
            background: var(--border_color);
            content: "";
            height: 100%;
            left: 50%;
            position: absolute;
            top: 0;
            width: 2px
        }

        .dropdownOverlay {
            height: calc(100vh + 100px);
            left: 0;
            position: fixed;
            top: 84px;
            width: 100%;
            z-index: 1
        }

        .subMenu_list {
            padding: 10% 100px 30px;
            width: 100%
        }

        .subMenu_list ul li {
            display: flex;
            justify-content: left;
            margin-bottom: 20px;
            margin-left: 30%;
            padding-bottom: 20px;
            width: 100%
        }

        .align-row {
            align-items: center;
            display: flex
        }

        .align-row div {
            display: none
        }

        .bar {
            border-radius: 30px;
            height: 5px;
            margin-bottom: 2%;
            margin-right: 8px;
            width: 40px
        }

        .align-row .bar {
            color: transparent;
            display: block
        }

        .submenu_link.active .bar,
        .submenu_link:hover .bar {
            background-color: #fff !important;
            color: #fff !important;
            display: block
        }

        .submenu_link {
            color: #fff !important;
            cursor: pointer;
            display: block !important;
            line-height: 1.4em !important;
            transition: var(--transition)
        }

        .align-row:hover div,
        .submenu_link.active .align-row div {
            display: block
        }

        .subMenu_list ul li .sebmenu_parent {
            text-align: left
        }

        ul.subSubul {
            position: absolute;
            right: -35%;
            top: 0;
            width: 80%
        }

        ul.subSubul li a {
            color: #0a2278 !important;
            font-size: 20px;
            font-weight: 700
        }

        ul.subSubul li {
            margin-bottom: 20px
        }

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

        .subMenu_list ul li a {
            color: var(--white);
            display: block;
            transition: var(--transition)
        }

        .subMenu_list ul li strong {
            display: block;
            font-family: var(--PoppinsRegular);
            font-size: 1.2em;
            font-weight: 500;
            line-height: 1.4em;
            padding-bottom: 10px
        }

        .subMenu_list ul li strong.active,
        .subMenu_list ul li strong:hover {
            color: #fff
        }

        .subMenu_list ul li span {
            color: #98a4b4;
            display: block;
            font-family: var(--PoppinsLight);
            font-size: 18px;
            line-height: 1.4em
        }

        .subMenu_list ul li a:hover {
            opacity: .6
        }

        .subMenu_pop_right {
            background-color: #08384b;
            padding-left: 0;
            text-align: center;
            width: 100%
        }

        .subMenu_avatar {
            border-radius: 50%;
            height: 260px;
            margin: auto auto 30px;
            width: 260px
        }

        .subMenu_avatar img {
            border-radius: 50%;
            display: block;
            height: 100%;
            max-width: none;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .subMenu_avatar_info {
            width: 100%
        }

        .subMenu_avatar_info h2 {
            color: var(--white);
            font-family: var(--PoppinsBold);
            font-size: 1.6em;
            line-height: 1.4em;
            padding-bottom: 20px
        }

        .smr_moreLink {
            align-items: center;
            color: var(--white);
            display: flex;
            font-size: 1.2em;
            gap: 12px;
            justify-content: center;
            line-height: 1.4em
        }

        .smr_moreLink i {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none' viewBox='0 0 24 18'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M15.374.293a1 1 0 1 0-1.415 1.414L20.252 8H1.334a1 1 0 1 0 0 2h18.918l-6.293 6.293a1 1 0 0 0 1.415 1.414l7.986-7.986a.997.997 0 0 0-.002-1.444z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 10px;
            background-size: 18px auto;
            border: 2px solid var(--white);
            border-radius: 50%;
            display: block;
            flex-shrink: 0;
            height: 44px;
            transition: var(--transition);
            width: 44px
        }

        .smr_moreLink:hover i {
            background-position: 14px
        }

        .sbMenuClose {
            display: none
        }

        .autoContent {
            margin: auto;
            max-width: 1720px;
            padding: 0 40px;
            width: 100%
        }

        .header_info {
            align-items: center;
            display: flex;
            gap: 20px;
            justify-content: flex-end
        }

        ul.list-group-normal {
            margin-left: 20px
        }

        .list-group-normal li {
            list-style: disc;
            margin-bottom: 10px
        }

        .hc_cricle {
            align-items: center;
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            border: 1px solid var(--border_color);
            border-radius: 50%;
            display: flex;
            height: 40px;
            justify-content: center;
            position: relative;
            width: 40px
        }

        .hc_cricle img {
            display: block;
            margin: auto;
            max-height: 16px;
            max-width: 22px
        }

        .lanDropdown_menu {
            background-color: var(--color_primary);
            border-color: var(--border_color)
        }

        .lanDropdown_menu .dropdown-item {
            align-items: center;
            color: var(--white);
            cursor: pointer;
            display: flex;
            font-size: .875em
        }

        .lanDropdown_menu i {
            display: block;
            flex-shrink: 0;
            margin-right: 10px;
            width: 22px
        }

        .lanDropdown_menu i img {
            display: block;
            max-height: 16px;
            max-width: 22px
        }

        .dropdown-item:focus,
        .dropdown-item:hover {
            background: var(--btn_gradient);
            color: var(--white)
        }

        .theme_switch {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23FFC661' stroke-linecap='round' stroke-linejoin='round' d='M10 15.417a5.417 5.417 0 1 0 0-10.834 5.417 5.417 0 0 0 0 10.834'/%3E%3Cpath stroke='%23FFC661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15.95 15.95-.108-.108m0-11.684.108-.108zM4.05 15.95l.108-.108zM10 1.733v-.066zm0 16.6v-.066zM1.733 10h-.066zm16.6 0h-.066zM4.158 4.158 4.05 4.05z'/%3E%3C/svg%3E") no-repeat 50%;
            cursor: pointer;
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

        .theme_switch.active {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' d='M1.692 10.35c.3 4.292 3.941 7.783 8.3 7.975 3.075.133 5.825-1.3 7.475-3.558.683-.925.316-1.542-.825-1.334-.559.1-1.134.142-1.734.117-4.075-.167-7.408-3.575-7.425-7.6a7.4 7.4 0 0 1 .625-3.042c.45-1.033-.091-1.525-1.133-1.083-3.3 1.392-5.558 4.717-5.283 8.525'/%3E%3C/svg%3E") no-repeat 50%
        }

        .btn_custom {
            align-items: center;
            background: transparent;
            border: 1px solid var(--btn_border_color);
            border-radius: 5px;
            color: var(--whiteBoth);
            cursor: pointer;
            display: inline-flex;
            font-family: var(--PoppinsSemiBold);
            font-size: 1em;
            justify-content: center;
            padding: 14px 28px;
            text-align: center;
            transition: all .2s ease-in-out
        }

        .btn_custom.btn_about:after {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAASCAYAAAC0EpUuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgB7ZPBEUAwEEU/GtCBbUUHSqASpanDiaMbRzd+ZmKEi4R14s+87OSQl2RmN4F/hJRkIBOU0pHFVoFSNqmqWH6xlzgiKSkQHiG1s+9Jbuvhxqc0RhhDN2KWCPukhCY7nevhfP/ui1Q7QL4nBF6aotFXmMA/LZlJhYu2WQF7y0yDEjMnXQAAAABJRU5ErkJggg==");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: inline-block;
            height: 1em;
            margin-left: 10px;
            transition: transform .2s ease-in-out;
            width: 1em
        }

        a.btn_custom.banner-btn {
            margin-left: 2%
        }

        .btn_custom.btn_about:hover:after {
            transform: translateX(5px)
        }

        .btn_custom.btn_about {
            background: #30d4c7;
            border-radius: 5px;
            box-shadow: none;
            color: #000;
            padding: 14px 28px
        }

        a.btn_custom.btn_outlined.icon_btn.linkedInnIcon {
            background: #0073b1 !important;
            border: solid #0073b1
        }

        .btn_custom.btn_outlined {
            background: none;
            border-color: #cfd7e6;
            box-shadow: none;
            color: var(--white);
            height: 40px;
            padding: 0
        }

        .pppage {
            margin-top: 10%
        }

        .pppage p {
            margin-bottom: 10px
        }

        .pos_text .btn_custom.btn_about {
            color: #000;
            width: 300px
        }

        .btn_custom:hover {
            background: var(--btn_shadow_hov) !important;
            border: 1px solid var(--btn_shadow_hov);
            color: #000
        }

        .btn_custom.btn_outlined:hover {
            background: #30d4c7 !important;
            box-shadow: none !important
        }

        .btn_custom.btn_outlined.icon_btn.linkedInnIcon:hover {
            background: #0073b1 !important;
            border: solid #0073b1;
            box-shadow: none
        }

        .btn_custom.btn_outlined.icon_btn.linkedInnIcon i:hover {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.112 7.889c.49 0 .888.398.888.889v8a.889.889 0 0 1-1.777 0v-8c0-.491.398-.89.889-.89' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.555 8.777a.889.889 0 0 0-1.778 0v8a.889.889 0 0 0 1.778 0v-4.444a2.667 2.667 0 1 1 5.334 0v4.445a.889.889 0 1 0 1.777 0v-4.445a4.444 4.444 0 0 0-7.11-3.556M7 6.111a.889.889 0 1 1-1.777 0 .889.889 0 0 1 1.777 0'/%3E%3C/svg%3E") no-repeat 50%
        }

        .btn_custom.btn_large {
            font-size: 1.5em;
            padding: 10px 32px 12px;
            transition: all .2s ease
        }

        .hm_banner {
            background: var(--color_primary);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            color: var(--white);
            height: 50vw;
            min-height: 100vh;
            overflow: hidden;
            position: relative;
            width: 100%
        }

        .background-video {
            left: 0;
            position: absolute;
            top: 0;
            z-index: -1000
        }

        .background-video,
        .background-video2 {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .background-video2 {
            z-index: -1
        }

        .servicing-banner.home-banner .overlay {
            display: none
        }

        .overlay {
            background-color: #083553;
            height: 100%;
            left: 0;
            opacity: .6;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 0
        }

        section.blogs-banner.hm_banner .overlay {
            background: #000;
            opacity: .6
        }

        .banner_inner {
            position: relative
        }

        .banner_inner,
        .banner_inner_retail {
            width: 100%;
            z-index: 10000
        }

        .banner_headlines {
            max-width: 40vw;
            position: absolute;
            top: 30vh
        }

        .home-banner .banner_headlines {
            max-width: 100%;
            position: relative;
            text-align: center
        }

        .servicing-banner.home-banner .banner_headlines {
            color: #000 !important;
            margin: auto !important;
            text-align: center;
            top: 10vh
        }

        .servicing-banner.home-banner .banner_headlines h1 {
            background: transparent;
            color: var(--black);
            font-family: var(--PoppinsMedium);
            font-size: 68px;
            font-weight: 500;
            letter-spacing: -2.2px;
            line-height: 1.2em;
            padding-bottom: 15px;
            text-transform: none
        }

        .servicing-banner.home-banner .banner_headlines h5 {
            color: var(--white);
            font-family: var(--PoppinsLight);
            font-size: 1.2em;
            font-weight: 300;
            line-height: 1.4em;
            margin-top: 20px
        }

        .banner_headlines h1 span.highlight-new,
        span.highlight-new {
            background: linear-gradient(90deg, #1063a3, #0090ff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent
        }

        .home-banner.main-b .btn_custom {
            align-items: center;
            background: transparent;
            background: linear-gradient(90deg, #1063a3, #0090ff), transparent;
            border: none;
            border-radius: 5px;
            color: var(--whiteBoth);
            cursor: pointer;
            display: inline-flex;
            font-family: var(--PoppinsRegular);
            font-size: 1em;
            gap: 15px;
            justify-content: center;
            padding: 14px 28px;
            position: relative;
            text-align: center;
            transition: all .2s ease-in-out
        }

        .home-banner.main-b .btn_custom.btn_about {
            border-radius: 50px;
            box-shadow: none;
            color: #fff;
            padding: 14px 28px
        }

        .btn-blue.btn_custom.btn_about {
            align-items: center;
            background: transparent;
            background: linear-gradient(90deg, #1063a3, #0090ff), transparent;
            border: none;
            border-radius: 50px;
            box-shadow: none;
            color: var(--whiteBoth);
            cursor: pointer;
            display: inline-flex;
            font-family: var(--PoppinsRegular);
            font-size: 1em;
            gap: 15px;
            justify-content: center;
            position: relative;
            text-align: center;
            transition: all .2s ease-in-out
        }

        .btn-blue.btn_custom.btn_about:before {
            background-color: #fff;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 35px;
            position: absolute;
            right: 13px;
            width: 35px
        }

        .btn-blue.btn_custom.btn_about:after {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB/SURBVHgBpdLdDYAgDATgwwkYgREYQSfUTRzFERxBN9A2IZFEftpyyb1A8pUmOJQTIMud+stKfYQ9qX7CWAI1usZl7Xzn6dnZAuVUfj6vceFbabYCUYuUAGiQGiBGWoAI6QFdRAI0ESlQRTQAZ6MeyD6eFihmGPAJMQM55GHMC+e3RoXZ7xYHAAAAAElFTkSuQmCC);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: inline-block;
            height: 15px;
            margin-left: 0;
            position: relative;
            transform: translateX(5px);
            transition: transform .2s ease-in-out;
            width: 15px;
            z-index: 99
        }

        .quote-icon img {
            display: block;
            width: 65%
        }

        .home-banner.main-b .btn_custom.btn_about:before {
            background-color: #fff;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 35px;
            position: absolute;
            right: 13px;
            width: 35px
        }

        .home-banner.main-b .btn_custom.btn_about:after {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB/SURBVHgBpdLdDYAgDATgwwkYgREYQSfUTRzFERxBN9A2IZFEftpyyb1A8pUmOJQTIMud+stKfYQ9qX7CWAI1usZl7Xzn6dnZAuVUfj6vceFbabYCUYuUAGiQGiBGWoAI6QFdRAI0ESlQRTQAZ6MeyD6eFihmGPAJMQM55GHMC+e3RoXZ7xYHAAAAAElFTkSuQmCC);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: inline-block;
            height: 12px;
            margin-left: 0;
            position: relative;
            transform: translateX(5px);
            transition: transform .2s ease-in-out;
            width: 12px;
            z-index: 99
        }

        .home-banner.main-b .btn_custom:hover {
            background: linear-gradient(90deg, #1063a3, #0090ff), transparent
        }

        .why-netsol .description h2 {
            font-size: 30px !important
        }

        .accordion-item {
            align-items: flex-start;
            display: flex;
            margin-bottom: 10px;
            text-align: left
        }

        .accordion-section .description .headlines h2 {
            font-family: var(--PoppinsMedium);
            font-size: 45px !important;
            margin-bottom: 20px
        }

        .accordion-item .rightSection .intro-image {
            position: absolute;
            right: -40px;
            top: 10%;
            width: 595px
        }

        .lottie-animation {
            height: 100%;
            position: absolute;
            top: 0;
            width: 50%
        }

        .lottie-animation svg {
            margin-left: 5%
        }

        .description.slider .headlines h2 {
            font-family: var(--PoppinsMedium);
            font-size: 45px !important
        }

        .why-netsol.accordion_data .description h2 {
            font-family: var(--PoppinsSemiBold) !important;
            font-size: 25px !important;
            margin-bottom: 0
        }

        .accordion-section {
            margin-top: 30px
        }

        .why-netsol.accordion_data .description {
            display: block
        }

        .why-netsol.accordion_data .headlines {
            padding-bottom: 0
        }

        .image-toggle-section .accordion-item .rightSection .intro-image {
            top: 15%
        }

        .btn_custom2 .lottie-animation2 {
            display: inline-block !important;
            height: auto;
            width: 230px !important;
            z-index: 11
        }

        .image-toggle-section .accordion-title {
            font-family: var(--PoppinsSemiBold);
            font-size: 20px
        }

        .image-toggle-section .accordion-item {
            margin-bottom: 20px
        }

        .image-toggle-section {
            padding: 30px 0
        }

        .servicing-banner.home-banner.main-b.endSec .hm_banner {
            height: 35vw !important;
            min-height: 40vh !important
        }

        .servicing-banner.home-banner.main-b.endSec .banner_headlines {
            top: 15vh
        }

        .servicing-banner.home-banner.video-banner.main-b.video-banner .banner_headlines h1 {
            font-family: var(--PoppinsLight);
            font-size: 60px
        }

        .servicing-banner.home-banner.video-banner.main-b.video-banner .banner_headlines {
            top: 20vh
        }

        .servicing-banner.home-banner.video-banner.main-b.video-banner .overlay {
            display: block
        }

        .servicing-banner.home-banner.video-banner.main-b.video-banner .btn_custom.btn_about {
            background: none;
            text-decoration: underline
        }

        .home-banner.video-banner.main-b.video-banner .banner_headlines h5,
        .home-banner.video-banner.main-b.video-banner .btn_custom.btn_about:before,
        .servicing-banner.home-banner.video-banner.main-b.video-banner .btn_custom.btn_about:after {
            display: none
        }

        .servicing-banner.home-banner.main-b.endSec .banner_headlines h1 {
            color: #fff;
            font-family: var(--PoppinsMedium);
            font-size: 40px;
            letter-spacing: normal
        }

        .servicing-banner.home-banner.main-b.endSec .banner_headlines h5 {
            color: #fff
        }

        .client-name {
            color: #000;
            font-family: var(--PoppinsRegular);
            font-size: 18px;
            font-weight: 700;
            margin-right: 2px
        }

        span.highlight-new {
            background: linear-gradient(90deg, #1063a3, #0090ff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent
        }

        span.highlight-green {
            background: linear-gradient(267deg, #30d4a0 3.45%, #30d4c7 97.56%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -1px
        }

        .retailArticle .btn_custom.btn_about:after {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADcSURBVHgBpZK9yQJBEIbf2Z98kw/ki8YKtAUT69AOLhHMLEBQ7OCswFAQ4VqwA02MTIxMTne8PT0RUWG9J5pl2Yedd4YQSSNZsrJ2lMPPDuPu5vVeIRJlVA+QngVlf4NVu7bQG58Kya4o3Tsp4QcawyWT1xkJcXE85pBO1f5DGLJBBMYYFmAhBPcsLYX/g/W2yIVRj+MpN03FSeZIxKE+ztqcyx+GTHA2HPMaJKyFpveWQRfp7yfd9Leh3HYxq2KqZGWNSL7JAtF7qLVOPskCBrEopCJoKS/zV1ngCvtpWuV817P3AAAAAElFTkSuQmCC)
        }

        .tabs-heading {
            font-family: var(--PoppinsMedium) !important
        }

        .innovation-section .headlines h2,
        .tabs-heading {
            font-size: 45px !important
        }

        .home-banner .banner_headlines h5 {
            width: 100%
        }

        .home-banner .banner_headlines h1 {
            font-size: 70px;
            text-transform: none
        }

        .banner_headlines h1 {
            background: linear-gradient(180deg, #fff 49.51%, var(--light_grey) 89.32%);
            background-clip: text;
            -webkit-background-clip: text;
            color: var(--whiteBoth);
            font-family: var(--PoppinsBold);
            font-size: 3.2em;
            font-weight: 500;
            line-height: 1.2em;
            padding-bottom: 15px;
            text-transform: none
        }

        .blogs-banner .banner_headlines {
            max-width: 50vw;
            position: absolute;
            top: 30vh
        }

        .blogs-banner .banner_headlines p {
            font-family: var(--PoppinsRegular);
            font-size: 1.2em;
            font-weight: 300;
            line-height: 1.4em;
            width: 100%
        }

        .content-details a {
            color: #000;
            text-decoration: underline
        }

        .blogs-banner .banner_headlines h1 {
            color: #fff;
            font-size: 40px;
            line-height: 1.2em
        }

        .blogs-banner .banner_headlines p {
            color: #fff;
            font-family: PoppinsLight;
            line-height: 1.5em
        }

        .banner_cta {
            margin-top: 14px
        }

        .banner_headlines h5 {
            color: var(--whiteBoth);
            font-family: var(--PoppinsRegular);
            font-size: 1.2em;
            font-weight: 300;
            line-height: 1.4em;
            width: 82%
        }

        .hm_banner:after {
            bottom: 0;
            content: "";
            display: none;
            height: 100%;
            left: 0;
            position: absolute;
            width: 100%
        }

        .banner_img {
            right: 0;
            top: 8vh;
            width: 40vw
        }

        .banner_img,
        .banner_img_left {
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute
        }

        .banner_img_left {
            right: 3vw;
            width: 35vw
        }

        .bannerClients {
            background: #fff;
            padding: 25px 0 10px;
            position: relative;
            width: 100%
        }

        .bannerClients.alternate {
            background: transparent;
            bottom: 0;
            position: absolute
        }

        .client_heading {
            font-size: 25px;
            padding-bottom: 20px;
            text-align: center
        }

        .ptab_imgContent {
            padding-bottom: 120px
        }

        .ourClientsBox {
            width: 100%
        }

        .ourClientsBox>ul {
            align-items: center;
            display: flex;
            justify-content: space-around
        }

        .ourClientsBox {
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            background: var(--color_primary50);
            border: 1px solid var(--border_color);
            border-radius: 20px;
            margin: -80px auto auto
        }

        .brandClients .ourClientsBox,
        .ourClientsBox {
            max-width: 1440px;
            padding: 35px 30px;
            position: relative;
            z-index: 4
        }

        .brandClients .ourClientsBox {
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            background: var(--whiteBoth);
            border: 1px solid var(--border_color);
            border-radius: 8px;
            margin: -140px auto auto
        }

        .brandClients .ourClientsBox h5 {
            padding-bottom: 3%;
            text-align: center
        }

        .ourClientsBox>ul li {
            width: 20%
        }

        .brandClients .ourClientsBox>ul li {
            width: auto
        }

        .ourClientsBox>ul li span {
            display: block;
            width: 100%
        }

        .ourClientsBox>ul li span img {
            width: 60%
        }

        .ourClientsBox>ul li span svg {
            display: block;
            margin: auto;
            max-height: 100px;
            max-width: 170px
        }

        .newsletter-section {
            justify-content: space-evenly
        }

        .newsletter-form {
            align-items: center;
            display: flex;
            position: relative
        }

        .newsletter-input {
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 1rem;
            margin-right: 10px;
            padding: 10px 15px
        }

        .hm_products {
            position: relative;
            width: 100%;
            z-index: 2
        }

        .hm_products_inner {
            width: 100%
        }

        .headlines {
            padding-bottom: 20px;
            width: 100%
        }

        .text-container h3 {
            font-size: 30px;
            margin-bottom: 10px
        }

        .text-container p {
            font-size: 16px !important;
            margin-bottom: 20px
        }

        .headlines_box {
            align-items: center;
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            background: #093454;
            border: none;
            border-radius: 25px;
            border-radius: 20px;
            display: inline-flex;
            justify-content: center;
            margin-bottom: 20px;
            padding: 11px 27px
        }

        .headlines_box span {
            color: var(--whiteBoth);
            font-family: var(--PoppinsLight);
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2.2px;
            line-height: normal;
            text-align: center;
            text-transform: uppercase
        }

        .finance_lease {
            padding: 70px 0
        }

        .experience-section .headlines_box,
        .finance_lease .headlines_box {
            background: #093454
        }

        .headlines p {
            color: #000;
            font-family: var(--PoppinsRegular);
            font-size: 18px;
            line-height: 32px
        }

        .headlines h4,
        .pos_features_col h4 {
            color: var(--white);
            font-family: var(--PoppinsSemiBold);
            font-size: 2.25em;
            line-height: 1.2em;
            padding-bottom: 30px
        }

        .main-container.retailArticle .article {
            margin: 30px;
            width: 360px
        }

        .main-container.retailArticle .article .content h3 {
            margin: 10px 20px
        }

        .main-container.retailArticle .article .content {
            margin-top: -65px;
            padding: 0 0 10px
        }

        .main-container.retailArticle .article .container-bottom {
            margin-top: 0
        }

        .main-container.retailArticle .article .btn_custom.btn_about {
            font-family: var(--PoppinsLight)
        }

        .main-container.retailArticle .article .article-image {
            top: -100px
        }

        .main-container.retailArticle h2.text-center {
            padding-bottom: 100px
        }

        .headlines h2 {
            font-family: var(--PoppinsBold)
        }

        .headlines h2,
        .headlines h3 {
            line-height: 1.2em;
            padding-bottom: 10px
        }

        .headlines h3 {
            font-family: var(--PoppinsSemiBold);
            font-size: 30px
        }

        .cta_tab {
            margin-top: 30px
        }

        .headlinesLink {
            color: var(--white);
            display: inline-block;
            font-family: var(--PoppinsSemiBold);
            font-size: 1em;
            line-height: 24px;
            margin-top: 20px;
            text-decoration-line: underline
        }

        .headlinesLink:hover {
            text-decoration: none
        }

        .hm_products .headlines {
            margin: auto;
            max-width: 960px;
            position: relative;
            z-index: 5
        }

        .inner_left_content .image {
            margin-top: -60px;
            max-width: 60%;
            z-index: 0
        }

        .inner_left_content .image img {
            display: block;
            width: 100%
        }

        .inner_left_content {
            display: flex;
            justify-content: space-between
        }

        .product_heading {
            font-family: var(--PoppinsSemiBold);
            font-size: 5.375em;
            font-weight: 500;
            line-height: 1.2em;
            padding-bottom: 40px;
            text-align: center;
            z-index: 2
        }

        .product_heading,
        .product_sec {
            position: relative;
            width: 100%
        }

        .product_list {
            width: 100%
        }

        .product_data {
            align-items: center;
            background: linear-gradient(0deg, #f4f4f4, #f4f4f4), #e9e9e9;
            border-radius: 30px;
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            min-height: 65vh;
            padding: 36px 0;
            position: relative;
            width: 100%;
            z-index: 4
        }

        .review.py-5.reviews-slide {
            margin-top: -100px;
            padding-top: 0 !important
        }

        .product_data_left {
            width: 56%
        }

        .product_img {
            background: url(../_nuxt/Ascent_white-border-2.B5399oFJ.gif) no-repeat 0 0;
            background-size: 100% 100%;
            margin-left: -5%;
            padding: 5.9% 10.2%;
            position: relative;
            width: 100%;
            z-index: 5
        }

        .experience-section.whyNetsol .product_img_lines {
            display: none !important
        }

        .experience-section.whyNetsol .description {
            margin-top: 0 !important
        }

        .slider-para {
            margin: auto;
            width: 70%
        }

        .product_img img {
            display: block;
            height: auto;
            padding: 2%;
            width: 100%
        }

        .bg_shadow {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1111' height='918' fill='none' viewBox='0 0 1111 918'%3E%3Cg filter='url(%23a)' opacity='.5'%3E%3Cpath fill='url(%23b)' d='M626.348 654.814c163.438-39.108 264.143-158.536 224.931-266.751s-203.492-164.237-366.93-125.129-264.143 158.535-224.932 266.75c39.212 108.215 203.493 164.237 366.931 125.13'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientTransform='matrix(-152.95407 232.15213 -262.49867 -172.94797 555.348 458.874)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.276' stop-color='%233E57DA'/%3E%3Cstop offset='.589' stop-color='%2366E3EE'/%3E%3Cstop offset='.755' stop-color='%238098F9'/%3E%3Cstop offset='.962' stop-color='%23F4F7FF'/%3E%3C/radialGradient%3E%3Cfilter id='a' width='1109.44' height='917.44' x='.629' y='.154' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_118_1677' stdDeviation='125.161'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
            background-size: 100% 100%;
            display: block;
            height: 120%;
            left: -200px;
            position: absolute;
            top: -60px;
            width: 160%;
            z-index: -555555
        }

        .product_img i img {
            border-radius: 14px;
            box-shadow: -10px -4px 20px 4px rgba(0, 0, 0, .25);
            padding: 0
        }

        .product_img i {
            filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
            position: absolute;
            right: 0;
            top: 20px;
            transition: all 1s ease;
            width: 220px;
            z-index: 1
        }

        span.product_img_lines {
            display: inline-block;
            left: 20%;
            max-width: 80%;
            position: absolute;
            width: 100%;
            z-index: 0
        }

        .product_img_lines img {
            display: inline-block;
            margin-left: -6vw;
            margin-top: -8vh;
            max-width: 100%
        }

        .product_img i.product_avatar2 {
            bottom: 0;
            top: auto;
            transform: translateX(60%) translateY(20px)
        }

        .filter-main {
            background: #fff;
            border-radius: 10px;
            box-shadow: -57px 68px 25px 0 transparent, -36px 43px 23px 0 rgba(0, 0, 0, .01), -20px 24px 19px 0 rgba(0, 0, 0, .05), -9px 11px 14px 0 rgba(0, 0, 0, .08), -2px 3px 8px 0 rgba(0, 0, 0, .09);
            margin-top: 43px;
            padding: 70px;
            position: relative;
            z-index: 1
        }

        .filter-main .search-container {
            border-radius: 9px;
            box-shadow: 0 4.597px 9.193px 0 rgba(0, 0, 0, .1);
            padding: 12px
        }

        .filter-main .custom-dropdown-icon {
            content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='none' viewBox='0 0 7 5'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-opacity='.5' stroke-width='1.5' d='m1 1 2.647 2.647L6 1'/%3E%3C/svg%3E");
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            right: 10px;
            transition: transform .3s ease;
            width: 10px
        }

        .filter-main .dropdown-toggle:after {
            display: none
        }

        .filter-main .icon-rotate {
            transform: rotate(180deg)
        }

        .filter-main h5.tags-headline {
            cursor: pointer;
            margin-bottom: 0
        }

        .filter-main .tags-headline.dropdown-toggle {
            align-items: center;
            display: flex;
            justify-content: space-between
        }

        .filter-main .search-container .dropdown-menu {
            max-height: 200px;
            overflow-y: auto
        }

        .tags-text {
            cursor: pointer
        }

        .filter-main .search-container .search-bar::-moz-placeholder {
            color: #a3a3a3;
            font-size: 14px
        }

        .filter-main .search-container .search-bar::placeholder,
        .filter-main .search-container .tags-text {
            color: #a3a3a3;
            font-size: 14px
        }

        .filter-main .search-container .search-bar {
            border-bottom: var(--s-border-width) solid #d5d5d5 !important;
            border-radius: 0;
            padding: 0
        }

        .filter-main .search-container .search-bar:focus {
            border-bottom: var(--s-border-width) solid #a7a5a5 !important;
            box-shadow: none;
            color: #a7a5a5
        }

        .filter-main .search-container .tags-headline {
            font-family: PoppinsRegular;
            font-size: 16px;
            font-weight: 600;
            position: relative
        }

        .filter-main .search-container .btn_custom.btn_about:after {
            display: none
        }

        .filter-main .search-container .border-end {
            border-right: var(--s-border-width) var(--bs-border-style) #d5d5d5 !important
        }

        .filtered-main {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-right: 20px;
            max-width: 100%
        }

        .Filtered-badge {
            align-items: center;
            background: #e1e1e1;
            border-radius: 30px;
            color: #7e7e7e;
            display: flex;
            justify-content: space-between;
            padding: 6px 12px
        }

        button.btn.btn-link {
            white-space: nowrap
        }

        .search-container .dropdown-menu.show .dropdown-item {
            cursor: pointer;
            position: relative
        }

        .search-container .dropdown-menu.show .dropdown-item label {
            align-items: center;
            cursor: pointer;
            display: flex;
            font-size: 14px;
            height: 100%;
            padding-left: 15px;
            width: 100%
        }

        .filter-main .search-container .dropdown-menu.show {
            margin-left: -8px
        }

        .search-container .dropdown-item input[type=checkbox i] {
            left: 10px;
            margin-right: 6px;
            pointer-events: none;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

        .me-2.filter-text {
            white-space: nowrap
        }

        .Filtered-badge p {
            color: #7e7e7e;
            font-size: 12px;
            padding: 0
        }

        .text-link,
        .text-link:active,
        .text-link:focus,
        .text-link:hover {
            color: #000
        }

        .Filtered-badge button {
            color: #7e7e7e;
            font-size: 12px;
            font-weight: 700;
            padding: 0 0 0 12px
        }

        .transcend-card .image-container img {
            position: relative;
            z-index: 2
        }

        .transcend-retail .headlines h3 {
            font-family: var(--PoppinsBold)
        }

        .transcend-retail .booking-activation-section .image-container {
            overflow: inherit
        }

        .products_tabs .product_img i.product_avatar1 {
            transform: translateX(60%) translateY(20px)
        }

        .products_tabs .pro_bg_box,
        .products_tabs .product_img {
            transform: translateX(20px);
            transition: all 1.2s ease
        }

        .products_tabs .product_text {
            opacity: 0;
            transform: translateY(20px);
            transition: all 1.2s ease
        }

        .hmps_slider_main .product_text {
            opacity: 0;
            transform: translateX(20px);
            transition: all 1.2s ease
        }

        .hmps_slider_main .hmps_proImg img {
            transform: scale(1) translateX(20px);
            transition: all 1s ease
        }

        .hmps_slider_main .swiper-slide-active .hmps_proImg img {
            opacity: 1;
            transform: scale(1) translateX(0)
        }

        .product_tab_main .tab-pane.fade.active.show .product_img {
            margin-left: 0
        }

        .hmps_slider_main .tab-pane.fade.active.show .product_text,
        .product_tab_main .tab-pane.fade.active.show .pro_bg_box,
        .product_tab_main .tab-pane.fade.active.show .product_img,
        .product_tab_main .tab-pane.fade.active.show .product_text {
            opacity: 1;
            transform: translateX(0)
        }

        .product_tab_main .tab-pane.fade.active.show .product_img {
            transform: translateX(0)
        }

        .product_tab_main .tab-pane.fade.active.show .product_img i {
            transform: translateX(0) translateY(0)
        }

        .aws_partner {
            background-color: #fbae25
        }

        .partner_section {
            display: flex;
            padding: 40px 0
        }

        .partner_badge {
            flex: 0.2
        }

        .text_partner {
            flex: 0.8
        }

        .aws_partner .text_partner .description {
            margin-left: 0;
            max-width: 100%
        }

        .partner_badge img {
            width: 60%
        }

        .aws_partner .cta_tab {
            margin-top: 0
        }

        .product_img_box {
            display: block;
            height: auto;
            width: 100%
        }

        .product_text {
            padding-left: 30px;
            width: 44%
        }

        .product_text h3 {
            color: #1a75bb;
            font-family: var(--PoppinsSemiBold);
            font-size: 50px;
            padding-bottom: 30px
        }

        .slider_container {
            margin-left: 125px
        }

        .product_text p {
            color: #000;
            font-size: 1.25em;
            line-height: 1.5em;
            padding-bottom: 30px
        }

        .product_text a {
            color: var(--whiteBoth);
            font-family: var(--PoppinsSemiBold);
            font-size: 1em;
            line-height: 1.5em
        }

        .product_text a:hover {
            text-decoration: none
        }

        .pro_top_shade {
            height: 300px;
            left: 0;
            overflow: hidden;
            position: absolute;
            top: -20%;
            width: 100%
        }

        .pro_top_shade:after {
            background: #00eaff;
            border-radius: 684.851px;
            filter: blur(112px);
            flex-shrink: 0;
            height: 624.689px;
            top: 60%;
            transform: rotate(5.934deg);
            width: 684.851px
        }

        .pro_top_shade:after,
        .pro_top_shade:before {
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            transform: translateX(-50%)
        }

        .pro_top_shade:before {
            background: url(../_nuxt/productBoxesShape.BzuRBOJ1.png) no-repeat top;
            background-size: 100% auto;
            height: 356px;
            opacity: .3;
            top: 40%;
            width: 482px
        }

        .pro_bg_box {
            -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
            background: var(--color_primary);
            border: 1px solid var(--border_color);
            border-radius: 30px;
            height: 100%;
            max-width: calc(100% - 150px);
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

        .pro_bg_box:after {
            animation: probgBoxZoomer 8s infinite;
            background: var(--color_green);
            border-radius: 1366px;
            content: "";
            filter: blur(275px);
            flex-shrink: 0;
            height: 1146px;
            left: 5%;
            margin-top: -20px;
            position: absolute;
            top: 100%;
            transform: rotate(5.934deg);
            width: 1366px
        }

        @keyframes probgBoxZoomer {
            0% {
                transform: scale(1)
            }

            50% {
                transform: scale(.8)
            }

            to {
                transform: scale(1)
            }
        }

        .product_text_logos {
            align-items: center;
            flex-wrap: wrap;
            padding-bottom: 30px;
            width: 100%
        }

        .product_text_logos li {
            padding-right: 30px
        }

        .product_text_logos li span {
            display: block;
            height: auto
        }

        .product_text_logos li span svg {
            display: block;
            max-height: 36px
        }

        .proShade2 .pro_bg_box:after,
        .proShade2 .pro_top_shade:after {
            background: var(--shadePurpleeffect)
        }

        .proShade3 .pro_bg_box:after,
        .proShade3 .pro_top_shade:after {
            background: var(--color_blue)
        }

        .proShade4 .pro_bg_box:after,
        .proShade4 .pro_top_shade:after {
            background: #6443bc
        }

        .services_list {
            width: 100%
        }

        .services_list ul {
            display: flex;
            flex-wrap: wrap
        }

        .services_list ul li {
            width: 25%
        }

        .services_list p {
            color: var(--white);
            display: block;
            font-size: 1.375em;
            font-style: normal;
            font-weight: 400;
            margin-top: 40px;
            transition: all .3s ease
        }

        .services_box {
            position: relative;
            transition: all .3s ease;
            z-index: 4
        }

        .services_list li {
            border-left: 1px solid var(--services_border);
            border-top: 1px solid var(--services_border);
            display: inline-block;
            padding: 15px 0 15px 29px;
            position: relative;
            transition: all .3s ease-in-out
        }

        .product_services-list .services_list li:after {
            background: var(--color_green);
            left: 50px;
            top: 112%
        }

        .services_list li:hover:after,
        .services_list li:hover:before {
            opacity: 1
        }

        .services_list li:hover p {
            color: var(--white);
            transition: all .3s ease
        }

        .services_list li:hover path {
            stroke: var(--white);
            transition: all .3s ease
        }

        .services_list a {
            color: #0d0d0d;
            font-size: 1em;
            font-weight: 400
        }

        .hm_experience {
            margin-bottom: 80px
        }

        .hm_exp_inner {
            overflow: hidden;
            position: relative;
            width: 100%;
            z-index: 1
        }

        .hm_exp_data {
            position: relative;
            z-index: 4
        }

        .exp_years {
            margin: auto;
            max-width: 700px;
            text-align: center;
            width: 100%
        }

        .exp_years ul {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: space-between;
            padding: 0 0 50px
        }

        .exp_years ul li h2 {
            color: var(--white);
            font-family: var(--PoppinsBold);
            font-size: 4em;
            letter-spacing: 1.28px;
            line-height: 1.1em
        }

        .exp_years ul li p {
            color: var(--white);
            font-size: 1em;
            font-weight: var(--PoppinsSemiBold)
        }

        .exp_years .btn_large {
            display: inline-block;
            vertical-align: top
        }

        .exp_video {
            border: 1px solid var(--videoCircle);
            border-radius: 50%;
            height: 743px;
            left: 50%;
            -o-object-fit: cover;
            object-fit: cover;
            top: 5px;
            transform: translateX(-50%);
            width: 725px
        }

        .exp_video,
        .hm_exp_inner:after {
            display: block;
            position: absolute;
            z-index: 2
        }

        .hm_exp_inner:after {
            background: linear-gradient(0deg, var(--color_primary) 52.43%, transparent 90.37%);
            bottom: 0;
            content: "";
            height: 100%;
            left: 0;
            width: 100%;
            z-index: 3
        }

        .exp_moved_vactor {
            background: url(../_nuxt/exp_vactor.Dh-CJunH.gif) no-repeat top;
            background-size: 100% 100%;
            border-radius: 50%;
            display: block;
            height: 1104px;
            left: 50%;
            margin-left: -552px;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: -187px;
            transform: rotate(-9deg);
            width: 1104px;
            z-index: 3
        }

        .hm_insights_section {
            position: relative;
            z-index: 4
        }

        .hm_insights_section:after {
            animation: pulse 8s infinite;
            background: var(--color_blue2);
            border-radius: 584.851px;
            content: "";
            display: block;
            filter: blur(202px);
            flex-shrink: 0;
            height: 584.689px;
            left: 50%;
            margin-left: -265px;
            opacity: .4;
            position: absolute;
            top: 100px;
            transform: rotate(5.934deg);
            width: 580px
        }

        @keyframes pulse {
            0% {
                transform: scale(1)
            }

            50% {
                transform: scale(.5)
            }

            to {
                transform: scale(1)
            }
        }

        .hm_insights {
            overflow: hidden;
            position: relative;
            z-index: 2
        }

        .hm_insights .swiper {
            overflow: initial !important
        }

        .hm_insights_inner {
            margin: auto;
            max-width: 1300px;
            width: 100%
        }

        .ins_box {
            color: var(--white);
            display: block;
            padding: 0 15px;
            width: 100%
        }

        .ins_img {
            border-radius: 10px;
            height: 250px;
            overflow: hidden;
            width: 100%
        }

        .blog_detailImg img,
        .ins_img img {
            display: block;
            height: 100%;
            margin: auto;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .ins_text {
            padding-top: 24px;
            width: 100%
        }

        .statusLabel {
            background: hsla(0, 0%, 100%, .1);
            border-radius: 5px;
            color: var(--statusColor);
            display: inline-block;
            font-family: var(--PoppinsBold);
            font-size: .875em;
            line-height: 1.4em;
            padding: 8px 10px;
            text-transform: uppercase
        }

        .ins_text h2 {
            font-family: var(--PoppinsSemiBold);
            font-size: 1.5em;
            font-weight: 500;
            line-height: 1.2em;
            padding-bottom: 8px
        }

        .ins_text p {
            font-size: 1.125em;
            line-height: 1.4em;
            opacity: .8
        }

        .mark_img {
            width: 50%
        }

        .mark_text {
            position: relative;
            width: 50%
        }

        .mark_row.flex-row-reverse .headlines,
        .testi_row.d-flex.align-items-center.flex-wrap .headlines {
            max-width: none;
            width: calc(100% + 60px)
        }

        .mark_img img,
        .test_img img {
            display: block;
            height: auto;
            margin: 0 0 0 auto;
            max-width: none;
            width: 75%
        }

        .test_img img {
            border-radius: 20px
        }

        .mark_row .headlines p {
            color: var(--whiteBoth)
        }

        .servicing_text .headlines h2 {
            text-align: center;
            text-transform: uppercase
        }

        .servicing_text .cta_tab,
        .servicing_text .headlines p {
            text-align: center
        }

        .servicing_text {
            margin: 0 auto;
            width: 100%
        }

        .servicingSection {
            background: #e0f4fd;
            position: relative
        }

        .services-list_outer .services_list_inner ul li {
            padding: 15px;
            width: 33%
        }

        .services_list_inner {
            width: 100%
        }

        .services_trans.inner_services.stat .card_content .content {
            padding: 0
        }

        .services_trans {
            padding: 50px 0
        }

        .services_trans.inner_services.stat {
            background: #f8f7fe;
            border-radius: 60px;
            margin: auto;
            max-width: 85%
        }

        .edge_card.card_effect.service_stat {
            background-color: transparent;
            min-height: 150px;
            padding: 15px 10px 10px
        }

        .edge_card.card_effect.service_stat .title.img_sec div {
            margin-right: 5px !important
        }

        .product_services-list .services-list_outer .services_list_inner ul li {
            padding: 10px
        }

        .edge_card.card_effect.service_stat .card_content .content {
            padding: 0
        }

        .edge_card.card_effect.service_stat .card_content .title img {
            border-radius: 15px;
            height: 100% !important;
            width: 100% !important
        }

        .edge_card.card_effect.service_stat.imgicon .card_content .title img {
            height: 75% !important;
            width: 75% !important
        }

        .services_trans {
            padding: 70px 0 10px;
            text-align: center
        }

        .services_list_inner ul {
            display: flex;
            flex-wrap: wrap;
            position: relative;
            z-index: 99
        }

        .services_list_inner li {
            display: inline-block;
            overflow: hidden;
            padding: 15px 0 39px 29px;
            position: relative;
            transition: all .3s ease-in-out
        }

        .edge_card.card_effect .card_content {
            display: flex;
            width: 100%
        }

        .badge {
            background-color: #093454;
            border-radius: 60px;
            color: #fff;
            font-family: PoppinsRegular;
            font-size: 13px;
            font-style: normal;
            letter-spacing: 1.26px;
            line-height: 20px;
            margin-bottom: 1rem;
            max-width: 250px;
            padding: 10px 35px;
            text-align: center;
            text-transform: uppercase;
            text-wrap: wrap
        }

        .edge_card.card_effect.services .card_content {
            align-items: center;
            display: flex;
            width: 100%
        }

        .edge_card.card_effect .card_content p {
            margin-bottom: 12px
        }

        .edge_card.card_effect .card_content span {
            font-size: 14px;
            line-height: 1em
        }

        .prod_services.edge_card .card_content .content {
            padding: 0
        }

        .card_content .content .card_cta {
            margin-top: 20px
        }

        .edge_card p {
            font-family: PoppinsSemiBold
        }

        .stats.main .stat-box {
            flex-shrink: 0;
            text-align: center;
            width: 34%
        }

        .stats.main .stat-box h2 {
            font-size: 80px;
            font-weight: 700;
            margin: 0
        }

        .stats.main .stat-box p {
            color: #000;
            font-size: 25px;
            line-height: 18px;
            margin: 0
        }

        .loader {
            align-items: center;
            background-color: hsla(0, 0%, 100%, .8);
            color: #000;
            display: flex;
            font-size: 1.5rem;
            height: 200px;
            justify-content: center;
            z-index: 999
        }

        .hmPartners .autoContent {
            margin: auto;
            max-width: 1300px
        }

        .footer-bg {
            background: url(../_nuxt/footer_bg.Cni23cMC.png) no-repeat bottom;
            background-color: var(--color_primary);
            background-size: auto 100%;
            display: block;
            height: 270px;
            overflow: hidden;
            width: 100%
        }

        .logo_footer {
            margin-bottom: 20px
        }

        .footer-inner {
            background: var(--footerBg);
            color: #fff;
            font-family: var(--PoppinsLight);
            padding-top: 45px
        }

        footer.footer:before {
            border: 1px solid var(--footer-border_grey);
            content: "";
            position: absolute;
            width: 100%
        }

        .hfooter-content {
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            border-radius: 20px;
            position: relative;
            z-index: 3
        }

        .hfooter-content li path {
            fill: var(--black)
        }

        .hfooter-content ul {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin-top: 20px
        }

        .hfooter-content ul li {
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            border-radius: 10px;
            box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
            display: flex;
            justify-content: center;
            padding: 2%;
            position: relative;
            width: 200px;
            z-index: 3
        }

        .hfooter-content ul li span {
            display: block
        }

        .hfooter-content ul li strong {
            color: var(--white);
            font-family: var(--PoppinsSemiBold);
            font-size: 1.25em;
            font-weight: 400 !important;
            line-height: 1.2em
        }

        .hfooter-content ul li span svg {
            display: block;
            max-height: 90px;
            max-width: 190px
        }

        .footer-content {
            position: relative
        }

        .footer-content.hmPartners {
            padding: 60px 0
        }

        .footer-inner-left img {
            width: 50px
        }

        .inner-left-img ul li {
            padding: 10px 0
        }

        .inner-right-content ul {
            display: flex;
            flex-direction: column;
            justify-content: flex-start
        }

        .inner-right-content ul li ul {
            flex-direction: row
        }

        .footer-inner-right {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .footer-inner-right .footer-rightcontent {
            margin-bottom: 45px;
            width: 25%
        }

        .footer-contact img {
            width: 25px
        }

        .footer-inner-left ul li h5 {
            color: var(--white);
            font-family: var(--PoppinsBold);
            font-size: 1em;
            line-height: 1.4em
        }

        .footer-inner-left ul li p span {
            font-family: var(--PoppinsSemiBold);
            font-size: 1em;
            line-height: 30px
        }

        .footer-inner-left ul li p a {
            color: var(--light_grey2)
        }

        .footer-inner-left ul li p {
            color: var(--light_grey2);
            font-size: .875em;
            line-height: 1.4em
        }

        .footer-contact li {
            padding: 5px
        }

        .socialLinkItem,
        .socialLinkItem svg {
            display: block
        }

        .footer-inner h4 {
            color: #b3bdc4;
            font-family: var(--PoppinsSemiBold);
            font-size: 1em;
            line-height: 1.4em;
            padding-bottom: 10px
        }

        .footer-inner-right ul {
            padding: 0
        }

        .footer-inner-right ul li a {
            color: var(--whiteBoth);
            font-size: 1em;
            font-weight: 400;
            line-height: 1.2em;
            padding: 8px 0;
            text-decoration: none
        }

        .col-12.footer-inner-end {
            background: #021c2e;
            font-family: var(--PoppinsLight)
        }

        .footer-rightcontent ul li {
            align-items: center;
            display: flex;
            gap: 10px
        }

        .footer-end-content {
            display: flex;
            padding: 15px 0
        }

        .footer-end-content p,
        .footer-end-content ul li a {
            color: var(--light_grey2);
            display: block;
            line-height: 1.5em;
            padding: 0 7px
        }

        .footerBottomMenu {
            margin-left: 10%
        }

        .footerBottomMenu ul li {
            margin-left: 3px;
            padding-left: 3px;
            position: relative
        }

        .footerBottomMenu ul li:before {
            background-color: var(--light_grey2);
            content: "";
            display: block;
            height: 14px;
            left: 0;
            margin-top: -7px;
            position: absolute;
            top: 50%;
            width: 1.5px
        }

        .footerBottomMenu ul li:first-child:before {
            display: none
        }

        .footer a:hover {
            text-decoration: underline
        }

        .rising-stars {
            bottom: 0;
            height: 100%;
            left: 50%;
            opacity: .7;
            pointer-events: none;
            position: absolute;
            transform: translate(-50%);
            width: 100%;
            z-index: 1
        }

        .rising-stars-visible div {
            animation: risingStarsAnination linear infinite
        }

        .rising-stars div {
            background: transparent;
            border-radius: 50%
        }

        .rising-stars div:first-child {
            animation-duration: 100s !important;
            box-shadow: 772px 13286px #fff, 1911px 643px #fff, 716px 1875px #fff, 923px 735px #fff, 539px 1524px #fff, 24px 1176px #fff, 1339px 1104px #fff, 403px 514px #fff, 485px 1531px #fff, 888px 1184px #fff, 1266px 1670px #fff, 1724px 355px #fff, 1872px 1093px #fff, 610px 485px #fff, 1953px 554px #fff, 613px 1848px #fff, 1154px 769px #fff, 1871px 428px #fff, 568px 733px #fff, 1077px 616px #fff, 1648px 165px #fff, 279px 934px #fff, 1910px 942px #fff, 1428px 1895px #fff, 11px 365px #fff, 113px 30px #fff, 226px 465px #fff, 1336px 538px #fff, 162px 1229px #fff, 914px 1890px #fff, 1473px 1430px #fff, 647px 1137px #fff, 1966px 816px #fff, 1233px 857px #fff, 670px 1854px #fff, 108px 1910px #fff, 60px 1109px #fff, 1381px 1496px #fff, 1299px 1150px #fff, 1811px 1577px #fff, 486px 1108px #fff, 580px 402px #fff, 444px 294px #fff, 850px 563px #fff, 1300px 46px #fff, 953px 1958px #fff, 1948px 1725px #fff, 776px 1532px #fff, 1780px 6px #fff, 1770px 1213px #fff, 493px 54px #fff, 766px 633px #fff, 421px 1737px #fff, 403px 1088px #fff, 272px 227px #fff, 1279px 1588px #fff, 1053px 631px #fff, 1903px 1082px #fff, 1419px 968px #fff, 429px 1092px #fff, 769px 844px #fff, 476px 1946px #fff, 62px 1576px #fff, 343px 475px #fff, 668px 331px #fff, 927px 1197px #fff, 106px 1872px #fff, 1103px 1849px #fff, 328px 1773px #fff, 1183px 507px #fff, 1998px 1821px #fff, 1774px 1112px #fff, 1774px 500px #fff, 1103px 1738px #fff, 1664px 1235px #fff, 1155px 1057px #fff, 1980px 1303px #fff, 330px 1046px #fff, 935px 1621px #fff, 1322px 1521px #fff, 1659px 1868px #fff, 288px 166px #fff, 42px 585px #fff, 489px 323px #fff, 849px 817px #fff, 1866px 1560px #fff, 1236px 1557px #fff, 731px 1410px #fff, 1513px 612px #fff, 24px 121px #fff, 1943px 575px #fff, 319px 1023px #fff, 469px 1209px #fff, 524px 1690px #fff, 179px 140px #fff, 679px 25px #fff, 1955px 16px #fff, 1907px 424px #fff, 1166px 613px #fff, 166px 1346px #fff, 1458px 153px #fff, 1428px 221px #fff, 1663px 1695px #fff, 864px 971px #fff, 104px 416px #fff, 1254px 1604px #fff, 1380px 705px #fff, 1548px 1967px #fff, 1181px 202px #fff, 1949px 1829px #fff, 1848px 1578px #fff, 21px 1256px #fff, 1865px 1567px #fff, 664px 78px #fff, 1263px 1634px #fff, 1778px 1066px #fff, 758px 1449px #fff, 959px 1774px #fff, 584px 1761px #fff, 1993px 722px #fff, 157px 927px #fff, 1773px 1576px #fff, 1013px 764px #fff, 467px 1354px #fff, 883px 1139px #fff, 1101px 346px #fff, 1170px 954px #fff, 599px 391px #fff, 859px 1334px #fff, 248px 1115px #fff, 1503px 1483px #fff, 1898px 1736px #fff, 797px 138px #fff, 476px 1350px #fff, 788px 5px #fff, 821px 1811px #fff, 1610px 406px #fff, 1860px 546px #fff, 1801px 1676px #fff, 977px 1479px #fff, 410px 312px #fff, 1810px 1715px #fff, 1098px 231px #fff, 77px 978px #fff, 1018px 1669px #fff, 1171px 101px #fff, 380px 1447px #fff, 339px 1116px #fff, 137px 1778px #fff, 1530px 608px #fff, 1488px 1678px #fff, 840px 647px #fff, 1066px 1957px #fff, 1389px 1721px #fff, 994px 288px #fff, 1196px 1188px #fff, 62px 1452px #fff, 1332px 570px #fff, 123px 68px #fff, 658px 1976px #fff, 1669px 853px #fff, 1860px 591px #fff, 1176px 1649px #fff, 1693px 112px #fff, 1016px 854px #fff, 549px 1873px #fff, 134px 844px #fff, 1708px 1284px #fff, 741px 1211px #fff, 753px 1029px #fff, 1597px 1908px #fff, 1287px 1545px #fff, 763px 542px #fff, 362px 1540px #fff, 1258px 1814px #fff, 530px 838px #fff, 692px 1941px #fff, 1444px 1177px #fff, 671px 1787px #fff, 1048px 1431px #fff, 1923px 471px #fff, 253px 200px #fff, 1405px 1871px #fff, 1571px 174px #fff, 1077px 677px #fff, 293px 590px #fff, 880px 1185px #fff, 1645px 1365px #fff, 1674px 126px #fff, 1817px 308px #fff, 1635px 280px #fff, 1657px 1826px #fff, 220px 595px #fff, 942px 1704px #fff, 1869px 915px #fff, 1222px 894px #fff, 898px 1815px #fff, 1511px 381px #fff, 1573px 1589px #fff, 1620px 591px #fff, 1028px 120px #fff, 1528px 1922px #fff, 98px 71px #fff, 929px 891px #fff, 1913px 362px #fff, 1786px 765px #fff, 1083px 1078px #fff, 1737px 305px #fff, 864px 1272px #fff, 620px 1302px #fff, 1514px 1031px #fff, 613px 1732px #fff, 563px 1306px #fff, 155px 1318px #fff, 1918px 758px #fff, 780px 505px #fff, 1617px 405px #fff, 1164px 1282px #fff, 766px 907px #fff, 507px 1354px #fff, 366px 1911px #fff, 1284px 984px #fff, 1258px 1092px #fff, 159px 661px #fff, 1488px 1132px #fff, 1514px 1730px #fff, 1588px 1953px #fff, 1252px 1292px #fff, 267px 755px #fff, 1732px 1195px #fff, 939px 1175px #fff, 663px 979px #fff, 641px 977px #fff, 1528px 1100px #fff, 285px 898px #fff, 1454px 307px #fff, 1987px 239px #fff, 1175px 1859px #fff, 766px 1104px #fff, 1461px 1088px #fff, 1914px 492px #fff, 1727px 456px #fff, 1195px 1300px #fff, 1411px 137px #fff, 632px 1616px #fff, 1133px 674px #fff, 1429px 583px #fff, 850px 1361px #fff, 213px 1426px #fff, 1318px 1678px #fff, 457px 1940px #fff, 410px 712px #fff, 565px 597px #fff, 677px 316px #fff, 76px 568px #fff, 1654px 1104px #fff, 360px 409px #fff, 1121px 1068px #fff, 1510px 989px #fff, 1601px 869px #fff, 813px 1284px #fff, 529px 1070px #fff, 1795px 1390px #fff, 517px 1966px #fff, 547px 169px #fff, 1127px 1728px #fff, 954px 1969px #fff, 974px 1726px #fff, 1721px 1597px #fff, 1723px 858px #fff, 1361px 733px #fff, 1726px 904px #fff, 1921px 1773px #fff, 1054px 1211px #fff, 769px 1063px #fff, 1926px 677px #fff, 1345px 52px #fff, 349px 328px #fff, 88px 228px #fff, 66px 1658px #fff, 1897px 1885px #fff, 1092px 400px #fff, 1065px 1128px #fff, 1038px 1733px #fff, 391px 369px #fff, 1310px 1264px #fff, 1600px 288px #fff, 402px 1007px #fff, 1758px 1772px #fff, 596px 779px #fff, 1824px 1373px #fff, 1133px 123px #fff, 1098px 1263px #fff, 170px 21px #fff, 1510px 910px #fff, 161px 1699px #fff, 177px 1322px #fff, 1180px 1226px #fff, 470px 88px #fff, 358px 1626px #fff, 787px 1468px #fff, 1656px 185px #fff, 1307px 28px #fff, 561px 786px #fff, 1220px 449px #fff, 1732px 1370px #fff, 1597px 797px #fff, 468px 918px #fff, 321px 416px #fff, 443px 42px #fff, 984px 1356px #fff, 1713px 656px #fff, 44px 261px #fff, 822px 1830px #fff, 1886px 139px #fff, 1574px 679px #fff, 1508px 1091px #fff, 286px 1866px #fff, 909px 1566px #fff, 929px 552px #fff, 505px 642px #fff, 1405px 316px #fff, 434px 1345px #fff, 1602px 1751px #fff, 1489px 117px #fff, 1582px 270px #fff, 1252px 445px #fff, 568px 1200px #fff, 1691px 222px #fff, 300px 389px #fff, 1156px 1084px #fff, 875px 757px #fff, 1287px 1682px #fff, 786px 261px #fff, 719px 1390px #fff, 1557px 1982px #fff, 816px 1325px #fff, 1265px 851px #fff, 1897px 491px #fff, 847px 8px #fff, 1625px 218px #fff, 1127px 506px #fff, 1585px 1670px #fff, 1136px 525px #fff, 1690px 1456px #fff, 694px 1894px #fff, 1209px 1984px #fff, 1288px 1762px #fff, 1394px 1169px #fff, 1723px 1952px #fff, 379px 380px #fff, 938px 1557px #fff, 569px 509px #fff, 850px 139px #fff, 960px 215px #fff, 364px 498px #fff, 1896px 695px #fff, 1017px 855px #fff, 1831px 926px #fff, 1797px 1125px #fff, 1639px 1862px #fff, 6px 1111px #fff, 1520px 992px #fff, 622px 248px #fff, 1014px 1173px #fff, 232px 1034px #fff, 1578px 1716px #fff, 1447px 1409px #fff, 1963px 575px #fff, 1111px 1236px #fff, 437px 798px #fff, 1439px 841px #fff, 1888px 434px #fff, 1228px 1790px #fff, 443px 146px #fff, 705px 932px #fff, 511px 69px #fff, 391px 1413px #fff, 1519px 452px #fff, 1959px 1072px #fff, 799px 945px #fff, 1579px 1642px #fff, 1281px 114px #fff, 1712px 69px #fff, 465px 649px #fff, 1966px 1296px #fff, 51px 86px #fff, 728px 218px #fff, 1550px 212px #fff, 1611px 994px #fff, 1353px 1937px #fff, 879px 859px #fff, 1880px 1598px #fff, 305px 413px #fff, 1013px 132px #fff, 929px 525px #fff, 956px 262px #fff, 1098px 1533px #fff, 1952px 1862px #fff, 1614px 1123px #fff, 1922px 357px #fff, 353px 1384px #fff, 1718px 1626px #fff, 186px 1938px #fff, 1367px 1467px #fff, 1466px 740px #fff, 647px 1002px #fff, 1923px 187px #fff, 1998px 190px #fff, 46px 1939px #fff, 1126px 1851px #fff, 1573px 58px #fff, 1410px 1086px #fff, 1399px 1971px #fff, 728px 341px #fff, 1667px 493px #fff, 1212px 351px #fff, 1848px 1340px #fff, 63px 1543px #fff, 621px 954px #fff, 429px 316px #fff, 1936px 1319px #fff, 363px 603px #fff, 73px 1531px #fff, 1562px 618px #fff, 586px 1560px #fff, 1389px 99px #fff, 1596px 1877px #fff, 588px 1491px #fff, 945px 1583px #fff, 1648px 1646px #fff, 28px 233px #fff, 516px 1619px #fff, 180px 1345px #fff, 514px 1924px #fff, 1888px 1758px #fff, 1084px 1815px #fff, 1233px 1891px #fff, 168px 372px #fff, 1604px 996px #fff, 35px 728px #fff, 911px 682px #fff, 1083px 576px #fff, 1494px 610px #fff, 659px 869px #fff, 1120px 291px #fff, 140px 903px #fff, 1499px 1146px #fff, 234px 1531px #fff, 1374px 988px #fff, 1640px 506px #fff, 21px 1375px #fff, 1350px 1193px #fff, 1053px 1281px #fff, 1152px 169px #fff, 1044px 2000px #fff, 916px 1648px #fff, 1580px 147px #fff, 881px 674px #fff, 1071px 1432px #fff, 1706px 1270px #fff, 1323px 1693px #fff, 366px 363px #fff, 289px 206px #fff, 1291px 1350px #fff, 11px 1652px #fff, 545px 105px #fff, 679px 142px #fff, 56px 265px #fff, 1472px 1969px #fff, 860px 1471px #fff, 500px 1939px #fff, 1152px 1343px #fff, 947px 1318px #fff, 1841px 1007px #fff, 1811px 1598px #fff, 1785px 574px #fff, 1704px 10px #fff, 1949px 1780px #fff, 361px 1695px #fff, 85px 1855px #fff, 698px 207px #fff, 1247px 1513px #fff, 892px 1667px #fff, 1841px 1081px #fff, 354px 389px #fff, 156px 221px #fff, 975px 1871px #fff, 54px 112px #fff, 38px 1428px #fff, 1027px 1655px #fff, 978px 524px #fff, 811px 317px #fff, 1775px 1098px #fff, 1961px 90px #fff, 610px 1429px #fff, 293px 439px #fff, 1171px 1034px #fff, 1489px 1499px #fff, 1776px 1319px #fff
        }

        .rising-stars div:nth-child(2) {
            animation-duration: 150s !important;
            box-shadow: 200px 15831px #fff, 1634px 712px #fff, 1887px 1010px #fff, 1436px 1304px #fff, 1694px 948px #fff, 50px 440px #fff, 971px 1383px #fff, 1256px 1966px #fff, 734px 675px #fff, 969px 1017px #fff, 1248px 5px #fff, 1202px 1184px #fff, 1185px 1141px #fff, 1008px 586px #fff, 890px 738px #fff, 1671px 1625px #fff, 1303px 772px #fff, 1812px 1735px #fff, 1628px 1572px #fff, 1711px 161px #fff, 200px 912px #fff, 1849px 661px #fff, 841px 1355px #fff, 394px 1629px #fff, 726px 892px #fff, 498px 1072px #fff, 764px 1857px #fff, 1284px 1225px #fff, 1640px 795px #fff, 539px 350px #fff, 1865px 1250px #fff, 35px 1316px #fff, 546px 1452px #fff, 1368px 947px #fff, 1675px 1926px #fff, 55px 1883px #fff, 1155px 719px #fff, 625px 1374px #fff, 269px 887px #fff, 109px 446px #fff, 1084px 82px #fff, 891px 1702px #fff, 1402px 551px #fff, 1926px 494px #fff, 754px 1193px #fff, 834px 1637px #fff, 255px 472px #fff, 1398px 1932px #fff, 1351px 209px #fff, 1732px 251px #fff, 1651px 239px #fff, 1763px 1507px #fff, 1484px 1465px #fff, 1714px 862px #fff, 911px 763px #fff, 854px 750px #fff, 1882px 1566px #fff, 1244px 1809px #fff, 689px 1857px #fff, 1500px 1378px #fff, 398px 1454px #fff, 967px 1928px #fff, 1678px 1211px #fff, 1153px 664px #fff, 1696px 1465px #fff, 824px 1742px #fff, 1045px 929px #fff, 561px 351px #fff, 385px 1527px #fff, 1388px 1213px #fff, 1091px 1795px #fff, 1501px 1770px #fff, 1646px 196px #fff, 1623px 1749px #fff, 1978px 1138px #fff, 153px 704px #fff, 1035px 856px #fff, 202px 1722px #fff, 710px 1875px #fff, 574px 358px #fff, 1958px 1452px #fff, 1538px 740px #fff, 1528px 1117px #fff, 1797px 730px #fff, 1814px 853px #fff, 948px 490px #fff, 1939px 1840px #fff, 1338px 260px #fff, 1239px 315px #fff, 1054px 445px #fff, 1069px 519px #fff, 696px 1256px #fff, 1691px 1462px #fff, 669px 422px #fff, 956px 840px #fff, 1201px 1501px #fff, 730px 1433px #fff, 1875px 329px #fff, 105px 368px #fff, 1409px 595px #fff, 458px 13px #fff, 1791px 865px #fff, 208px 1493px #fff, 1675px 830px #fff, 1630px 356px #fff, 1093px 1581px #fff, 803px 1444px #fff, 480px 545px #fff, 1624px 1276px #fff, 1219px 840px #fff, 95px 688px #fff, 927px 1041px #fff, 1975px 449px #fff, 841px 1276px #fff, 1101px 978px #fff, 1226px 1047px #fff, 35px 1232px #fff, 1741px 1747px #fff, 1575px 687px #fff, 1636px 1683px #fff, 1967px 1209px #fff, 563px 981px #fff, 181px 316px #fff, 1327px 1821px #fff, 522px 103px #fff, 1238px 1468px #fff, 907px 434px #fff, 340px 1456px #fff, 1818px 328px #fff, 63px 845px #fff, 112px 854px #fff, 144px 1094px #fff, 1103px 331px #fff, 128px 1019px #fff, 41px 1428px #fff, 174px 574px #fff, 1924px 742px #fff, 223px 569px #fff, 510px 1414px #fff, 249px 1551px #fff, 1231px 120px #fff, 110px 98px #fff, 1844px 1675px #fff, 473px 1939px #fff, 791px 530px #fff, 53px 1412px #fff, 1872px 542px #fff, 381px 278px #fff, 796px 1552px #fff, 349px 1290px #fff, 1124px 1660px #fff, 1376px 42px #fff, 1112px 1138px #fff, 1174px 1356px #fff, 1647px 1381px #fff, 169px 1622px #fff, 1568px 1463px #fff, 972px 502px #fff, 533px 591px #fff, 1896px 1534px #fff, 13px 200px #fff, 848px 852px #fff, 708px 721px #fff, 1599px 719px #fff, 1301px 104px #fff, 477px 1967px #fff, 56px 1247px #fff, 1699px 657px #fff, 742px 1687px #fff, 712px 1745px #fff, 1607px 1250px #fff, 635px 458px #fff, 813px 1005px #fff, 1014px 378px #fff, 754px 999px #fff, 304px 1657px #fff, 385px 377px #fff, 240px 931px #fff, 1426px 1277px #fff, 158px 67px #fff, 1408px 1404px #fff, 1783px 687px #fff, 1162px 74px #fff, 178px 1139px #fff, 1334px 6px #fff, 1624px 1707px #fff, 248px 1921px #fff, 57px 494px #fff, 1465px 497px #fff, 485px 1053px #fff, 1665px 341px #fff, 1314px 1342px #fff, 341px 1203px #fff, 562px 541px #fff, 1590px 1028px #fff, 991px 775px #fff, 1171px 1782px #fff, 1833px 1888px #fff, 829px 499px #fff, 1765px 57px #fff, 1715px 362px #fff, 1174px 955px #fff, 765px 1582px #fff, 17px 1511px #fff, 876px 22px #fff, 742px 866px #fff, 1703px 652px #fff, 116px 294px #fff, 1018px 329px #fff, 955px 308px #fff, 1428px 1117px #fff, 1402px 1836px #fff, 1424px 740px #fff, 758px 1330px #fff, 992px 1157px #fff, 648px 1862px #fff, 899px 1646px #fff, 349px 897px #fff, 1279px 1538px #fff, 437px 1471px #fff, 1932px 1370px #fff, 1773px 1092px #fff, 271px 1559px #fff, 848px 77px #fff, 478px 1587px #fff, 639px 761px #fff, 113px 1082px #fff, 1099px 789px #fff, 2px 115px #fff, 1434px 1078px #fff, 605px 598px #fff, 1652px 575px #fff, 365px 857px #fff, 580px 916px #fff, 1129px 779px #fff, 94px 103px #fff, 231px 959px #fff, 1778px 692px #fff, 1930px 843px #fff, 1865px 1405px #fff, 612px 122px #fff, 35px 311px #fff, 976px 1625px #fff, 1717px 1713px #fff, 1556px 920px #fff, 1438px 459px #fff, 360px 339px #fff, 1425px 841px #fff, 742px 393px #fff, 134px 1151px #fff, 803px 1290px #fff, 133px 20px #fff, 1250px 1503px #fff, 781px 498px #fff, 1204px 261px #fff, 1917px 230px #fff, 53px 1756px #fff, 1509px 944px #fff, 971px 61px #fff, 751px 1274px #fff, 1393px 1231px #fff, 1697px 1932px #fff, 750px 314px #fff, 1322px 485px #fff, 716px 1675px #fff, 1834px 1521px #fff, 1035px 344px #fff, 1771px 1036px #fff, 1474px 324px #fff, 213px 68px #fff, 1597px 68px #fff, 1059px 1092px #fff, 821px 1910px #fff, 1247px 137px #fff, 1488px 1486px #fff, 1373px 1665px #fff, 1601px 925px #fff, 515px 1611px #fff, 467px 485px #fff, 1245px 1168px #fff, 178px 537px #fff, 7px 614px #fff, 733px 1086px #fff, 701px 1349px #fff, 49px 916px #fff, 1255px 280px #fff, 1115px 721px #fff, 636px 1138px #fff, 515px 588px #fff, 1862px 1750px #fff, 1000px 837px #fff, 138px 1311px #fff, 1784px 1425px #fff, 339px 115px #fff, 785px 1158px #fff, 1455px 1544px #fff, 708px 1277px #fff, 847px 1860px #fff, 519px 364px #fff, 10px 1185px #fff, 1314px 1850px #fff, 1996px 1398px #fff, 1626px 459px #fff, 704px 1860px #fff, 751px 699px #fff, 621px 536px #fff, 669px 1422px #fff, 1036px 795px #fff, 1685px 1915px #fff, 1662px 1809px #fff, 1053px 158px #fff, 1768px 1976px #fff, 566px 115px #fff, 756px 963px #fff, 16px 695px #fff, 1074px 303px #fff, 705px 385px #fff, 530px 985px #fff, 873px 1962px #fff, 1722px 1295px #fff, 1176px 1746px #fff, 1691px 1799px #fff, 704px 1508px #fff, 79px 1825px #fff, 1268px 790px #fff, 382px 1669px #fff, 334px 721px #fff, 1449px 389px #fff, 1009px 422px #fff, 603px 102px #fff, 468px 1310px #fff, 1455px 1547px #fff, 22px 1108px #fff, 852px 457px #fff, 744px 1311px #fff, 107px 71px #fff, 842px 106px #fff, 942px 404px #fff, 1374px 220px #fff, 1014px 917px #fff, 1576px 1273px #fff, 794px 217px #fff, 995px 1771px #fff, 1900px 1682px #fff, 121px 1825px #fff, 1420px 76px #fff, 1295px 1704px #fff, 1290px 976px #fff, 834px 194px #fff, 1351px 11px #fff, 1737px 1482px #fff, 1518px 542px #fff, 1374px 615px #fff, 808px 552px #fff, 800px 1656px #fff, 1290px 806px #fff, 216px 1279px #fff, 406px 499px #fff, 13px 779px #fff, 285px 1826px #fff, 342px 558px #fff, 1619px 914px #fff, 1014px 1262px #fff, 412px 487px #fff, 1324px 1868px #fff, 1863px 421px #fff, 235px 810px #fff, 1634px 1115px #fff, 205px 101px #fff, 271px 133px #fff, 1706px 1729px #fff, 1024px 9px #fff, 696px 731px #fff, 270px 1312px #fff, 1076px 1409px #fff, 19px 716px #fff, 65px 1201px #fff, 870px 1481px #fff, 508px 566px #fff, 1561px 736px #fff, 1767px 1040px #fff, 449px 1778px #fff, 1238px 1900px #fff, 872px 1105px #fff, 1108px 327px #fff, 1491px 1118px #fff, 638px 1620px #fff, 665px 1173px #fff, 350px 1194px #fff, 748px 1659px #fff, 973px 616px #fff, 689px 1457px #fff, 474px 1162px #fff, 667px 1523px #fff, 1411px 1653px #fff, 161px 1728px #fff, 1005px 301px #fff, 1281px 100px #fff, 1867px 1158px #fff, 673px 543px #fff, 880px 1504px #fff, 958px 1414px #fff, 509px 1949px #fff, 1900px 580px #fff, 1418px 225px #fff, 1108px 354px #fff, 1186px 1447px #fff, 454px 1498px #fff, 985px 920px #fff, 1977px 1238px #fff, 848px 1948px #fff, 1065px 1741px #fff, 1237px 902px #fff, 626px 687px #fff, 1372px 585px #fff, 128px 652px #fff, 1394px 1060px #fff, 669px 1082px #fff, 31px 477px #fff, 867px 304px #fff, 1533px 401px #fff, 1657px 1947px #fff, 1041px 1999px #fff, 670px 776px #fff, 1077px 176px #fff, 1677px 87px #fff, 504px 1052px #fff, 1697px 1544px #fff, 270px 685px #fff, 1247px 417px #fff, 271px 1757px #fff, 1003px 1462px #fff, 34px 368px #fff, 1224px 1123px #fff, 958px 1674px #fff, 1491px 815px #fff, 1037px 1519px #fff, 181px 1793px #fff, 1714px 1026px #fff, 479px 603px #fff, 801px 247px #fff, 1883px 1676px #fff, 254px 940px #fff, 1131px 1628px #fff, 1763px 1811px #fff, 1762px 1260px #fff, 965px 479px #fff, 1938px 1777px #fff, 1451px 380px #fff, 650px 687px #fff, 1921px 1600px #fff, 1965px 1945px #fff, 677px 1936px #fff, 1495px 1230px #fff, 337px 722px #fff, 1456px 389px #fff, 979px 1696px #fff, 1967px 12px #fff, 1225px 453px #fff, 271px 1832px #fff, 375px 1178px #fff, 201px 735px #fff, 135px 954px #fff, 1844px 1631px #fff, 575px 1452px #fff, 893px 1416px #fff, 619px 173px #fff, 996px 1677px #fff, 486px 323px #fff, 783px 303px #fff, 843px 826px #fff, 1739px 287px #fff, 742px 1224px #fff, 1983px 836px #fff, 1041px 1590px #fff, 1940px 282px #fff, 700px 1575px #fff, 261px 104px #fff, 90px 1130px #fff, 1142px 842px #fff, 1146px 1394px #fff, 492px 147px #fff, 1305px 182px #fff, 665px 548px #fff, 133px 1196px #fff, 1528px 450px #fff, 1665px 1596px #fff, 234px 1547px #fff, 1473px 858px #fff, 52px 269px #fff, 10px 258px #fff, 1058px 307px #fff, 766px 384px #fff, 828px 650px #fff, 1607px 732px #fff, 603px 418px #fff, 1601px 136px #fff, 1001px 1763px #fff, 1590px 1117px #fff, 169px 1819px #fff;
            opacity: .5
        }

        .rising-stars div:nth-child(3) {
            animation-duration: 200s !important;
            box-shadow: 279px 11129px #fff, 1757px 1952px #fff, 791px 785px #fff, 565px 1050px #fff, 25px 456px #fff, 168px 728px #fff, 1322px 1224px #fff, 1599px 931px #fff, 1272px 890px #fff, 1978px 565px #fff, 1480px 1734px #fff, 577px 1530px #fff, 118px 1735px #fff, 590px 856px #fff, 838px 1267px #fff, 891px 1353px #fff, 1045px 1962px #fff, 250px 35px #fff, 1453px 822px #fff, 1845px 1056px #fff, 228px 1513px #fff, 1360px 1261px #fff, 511px 553px #fff, 915px 1096px #fff, 714px 101px #fff, 613px 316px #fff, 1377px 639px #fff, 301px 1328px #fff, 84px 1933px #fff, 296px 986px #fff, 1027px 790px #fff, 772px 575px #fff, 1017px 134px #fff, 1287px 1787px #fff, 480px 1554px #fff, 122px 1536px #fff, 99px 1470px #fff, 79px 1770px #fff, 596px 487px #fff, 742px 304px #fff, 1486px 1530px #fff, 1432px 1506px #fff, 1957px 1743px #fff, 1549px 1169px #fff, 442px 1322px #fff, 621px 536px #fff, 1737px 715px #fff, 1645px 1925px #fff, 1782px 1983px #fff, 938px 1879px #fff, 1126px 136px #fff, 64px 1603px #fff, 556px 839px #fff, 355px 198px #fff, 703px 1228px #fff, 1275px 1755px #fff, 1213px 1762px #fff, 113px 1210px #fff, 1319px 648px #fff, 980px 1177px #fff, 1474px 1088px #fff, 1674px 532px #fff, 478px 642px #fff, 436px 922px #fff, 829px 1284px #fff, 470px 1160px #fff, 1663px 1752px #fff, 1371px 1598px #fff, 1752px 1207px #fff, 374px 494px #fff, 292px 1396px #fff, 857px 1992px #fff, 1538px 1608px #fff, 10px 771px #fff, 1161px 396px #fff, 1727px 271px #fff, 1609px 1834px #fff, 1086px 360px #fff, 1985px 788px #fff, 1156px 603px #fff, 643px 17px #fff, 1104px 1392px #fff, 1663px 783px #fff, 1515px 327px #fff, 864px 1480px #fff, 575px 675px #fff, 1572px 831px #fff, 386px 86px #fff, 229px 221px #fff, 635px 242px #fff, 73px 712px #fff, 358px 418px #fff, 1593px 1523px #fff, 1663px 459px #fff, 696px 107px #fff, 1367px 1981px #fff, 165px 1270px #fff, 1674px 124px #fff, 226px 1939px #fff, 1042px 121px #fff, 679px 1939px #fff, 1223px 182px #fff, 1953px 1273px #fff, 721px 673px #fff, 863px 1845px #fff, 1090px 1516px #fff, 1369px 72px #fff, 730px 1151px #fff, 991px 1077px #fff, 1749px 1944px #fff, 1813px 1420px #fff, 398px 1048px #fff, 411px 1200px #fff, 1319px 198px #fff, 1887px 1152px #fff, 329px 1745px #fff, 650px 135px #fff, 1656px 746px #fff, 923px 1264px #fff, 259px 15px #fff, 553px 265px #fff, 693px 13px #fff, 1307px 585px #fff, 291px 888px #fff, 165px 1326px #fff, 432px 1668px #fff, 613px 1999px #fff, 1px 462px #fff, 1853px 676px #fff, 1586px 121px #fff, 118px 562px #fff, 716px 633px #fff, 1467px 945px #fff, 1121px 1037px #fff, 96px 1667px #fff, 565px 731px #fff, 1447px 1956px #fff, 340px 1751px #fff, 1227px 1282px #fff, 704px 451px #fff, 769px 1093px #fff, 1745px 597px #fff, 1645px 1076px #fff, 246px 1673px #fff, 826px 1790px #fff, 1554px 1640px #fff, 861px 1870px #fff, 375px 1328px #fff, 1971px 1306px #fff, 844px 1451px #fff, 433px 278px #fff, 1032px 1837px #fff, 1164px 291px #fff, 1815px 768px #fff, 1506px 247px #fff, 324px 1818px #fff, 1925px 606px #fff, 1712px 1039px #fff, 706px 892px #fff, 1706px 1117px #fff, 500px 1526px #fff, 862px 1949px #fff, 1546px 150px #fff, 1840px 1355px #fff, 1103px 707px #fff, 1491px 1579px #fff, 403px 1568px #fff, 1493px 1067px #fff, 1999px 580px #fff, 1033px 1524px #fff, 1993px 1029px #fff, 1634px 1211px #fff, 1907px 634px #fff, 852px 1204px #fff, 1232px 1534px #fff, 901px 1386px #fff, 1280px 1359px #fff, 1498px 1595px #fff, 1687px 1995px #fff, 240px 1444px #fff, 198px 55px #fff, 209px 1265px #fff, 1717px 1420px #fff, 544px 1037px #fff, 252px 1208px #fff, 465px 583px #fff, 1441px 617px #fff, 1883px 600px #fff, 1617px 759px #fff, 1587px 1764px #fff, 1458px 164px #fff, 1908px 1675px #fff, 1754px 298px #fff, 367px 145px #fff, 1516px 407px #fff, 1178px 1019px #fff, 844px 608px #fff, 296px 1831px #fff, 1961px 1376px #fff, 1296px 1633px #fff, 323px 1945px #fff, 907px 490px #fff, 1735px 449px #fff, 1548px 1381px #fff, 776px 1410px #fff, 1347px 810px #fff, 595px 1996px #fff, 136px 42px #fff, 1312px 859px #fff, 488px 1263px #fff, 1873px 336px #fff, 1132px 1079px #fff, 802px 809px #fff, 847px 1493px #fff, 1175px 1058px #fff, 553px 1921px #fff, 1758px 1095px #fff, 452px 745px #fff, 774px 681px #fff, 1514px 913px #fff, 1650px 446px #fff, 146px 83px #fff, 703px 343px #fff, 1766px 1752px #fff, 1970px 1195px #fff, 1424px 1763px #fff, 493px 1983px #fff, 284px 1087px #fff, 1634px 794px #fff, 773px 1809px #fff, 1310px 1749px #fff, 936px 1808px #fff, 49px 289px #fff, 938px 152px #fff, 410px 1721px #fff, 1677px 60px #fff, 1851px 1607px #fff, 27px 539px #fff, 1238px 515px #fff, 230px 1652px #fff, 1745px 939px #fff, 1189px 1993px #fff, 563px 1356px #fff, 899px 1261px #fff, 1814px 50px #fff, 275px 1473px #fff, 1379px 852px #fff, 1080px 827px #fff, 1428px 1198px #fff, 1119px 1121px #fff, 453px 1887px #fff, 773px 1813px #fff, 1608px 728px #fff, 554px 369px #fff, 522px 1159px #fff, 1131px 1903px #fff, 1044px 1434px #fff, 916px 1021px #fff, 1216px 636px #fff, 969px 288px #fff, 1881px 412px #fff, 741px 1468px #fff, 103px 1975px #fff, 678px 987px #fff, 1055px 1488px #fff, 1823px 395px #fff, 1988px 1637px #fff, 564px 747px #fff, 89px 896px #fff, 255px 1985px #fff, 569px 1873px #fff, 707px 1816px #fff, 19px 781px #fff, 386px 1675px #fff, 81px 725px #fff, 1139px 1326px #fff, 74px 914px #fff, 493px 1257px #fff, 325px 1797px #fff, 422px 398px #fff, 1800px 338px #fff, 259px 813px #fff, 1972px 536px #fff, 488px 1949px #fff, 71px 1349px #fff, 1569px 595px #fff, 352px 332px #fff, 1266px 526px #fff, 1904px 1083px #fff, 1888px 1941px #fff, 38px 1162px #fff, 1616px 1640px #fff, 415px 193px #fff, 1728px 496px #fff, 1080px 1396px #fff, 738px 792px #fff, 215px 407px #fff, 989px 847px #fff, 1779px 1693px #fff, 1607px 115px #fff, 648px 1503px #fff, 643px 1587px #fff, 1012px 1613px #fff, 290px 152px #fff, 133px 491px #fff, 904px 1657px #fff, 269px 419px #fff, 807px 1723px #fff, 132px 227px #fff, 602px 1267px #fff, 1653px 937px #fff, 1872px 130px #fff, 1584px 583px #fff, 1420px 1224px #fff, 1152px 440px #fff, 22px 234px #fff, 566px 1589px #fff, 1147px 1421px #fff, 326px 1520px #fff, 321px 1058px #fff, 752px 210px #fff, 1696px 863px #fff, 1202px 1266px #fff, 150px 95px #fff, 321px 1823px #fff, 1275px 478px #fff, 1415px 787px #fff, 1956px 1477px #fff, 513px 1494px #fff, 1638px 1790px #fff, 1213px 1914px #fff, 1130px 1499px #fff, 13px 1413px #fff, 265px 1621px #fff, 836px 1637px #fff, 925px 345px #fff, 356px 703px #fff, 737px 786px #fff, 1032px 759px #fff, 1559px 639px #fff, 1214px 1871px #fff, 1495px 713px #fff, 880px 621px #fff, 1157px 326px #fff, 1432px 1465px #fff, 1031px 1082px #fff, 1882px 869px #fff, 1908px 1365px #fff, 593px 347px #fff, 1603px 1279px #fff, 856px 1837px #fff, 1575px 1745px #fff, 347px 283px #fff, 1748px 1308px #fff, 988px 537px #fff, 1483px 644px #fff, 982px 663px #fff, 1295px 1298px #fff, 396px 996px #fff, 1182px 1980px #fff, 413px 1290px #fff, 45px 220px #fff, 1669px 841px #fff, 1414px 1862px #fff, 58px 180px #fff, 964px 1267px #fff, 1291px 1425px #fff, 969px 1678px #fff, 298px 1416px #fff, 26px 1118px #fff, 1963px 1198px #fff, 1119px 284px #fff, 23px 1182px #fff, 29px 398px #fff, 997px 1870px #fff, 233px 1555px #fff, 441px 584px #fff, 1285px 1817px #fff, 471px 1459px #fff, 500px 816px #fff, 61px 1361px #fff, 724px 998px #fff, 1040px 1274px #fff, 169px 1216px #fff, 1040px 687px #fff, 571px 1469px #fff, 1634px 960px #fff, 1477px 189px #fff, 1738px 1048px #fff, 1447px 972px #fff, 1436px 1482px #fff, 1217px 1482px #fff, 1565px 1408px #fff, 157px 1982px #fff, 1335px 556px #fff, 1519px 1612px #fff, 532px 1853px #fff, 922px 598px #fff, 1055px 1318px #fff, 1289px 1897px #fff, 833px 444px #fff, 266px 375px #fff, 662px 935px #fff, 1916px 895px #fff, 816px 1243px #fff, 634px 1892px #fff, 1775px 42px #fff, 1954px 1987px #fff, 1361px 50px #fff, 468px 1940px #fff, 138px 75px #fff, 89px 388px #fff, 1682px 517px #fff, 1285px 318px #fff, 1208px 199px #fff, 323px 1161px #fff, 1750px 1775px #fff, 1269px 1334px #fff, 16px 1075px #fff, 1963px 192px #fff, 1755px 93px #fff, 1254px 1726px #fff, 167px 531px #fff, 537px 847px #fff, 988px 161px #fff, 1850px 1165px #fff, 245px 1283px #fff, 1309px 601px #fff, 1490px 647px #fff, 953px 1871px #fff, 467px 1433px #fff, 295px 1592px #fff, 782px 1088px #fff, 1689px 426px #fff, 383px 897px #fff, 72px 1796px #fff, 1504px 1437px #fff, 179px 243px #fff, 1727px 1238px #fff, 576px 1749px #fff, 1626px 1945px #fff, 1639px 1210px #fff, 1125px 184px #fff, 1390px 723px #fff, 882px 212px #fff, 1319px 1841px #fff, 1918px 116px #fff, 308px 728px #fff, 111px 1805px #fff, 349px 1724px #fff, 356px 1155px #fff, 13px 1695px #fff, 369px 1946px #fff, 719px 752px #fff, 697px 1479px #fff, 116px 607px #fff, 1331px 1143px #fff, 1630px 396px #fff, 813px 1089px #fff, 1788px 1493px #fff, 116px 554px #fff, 397px 1202px #fff, 1521px 749px #fff, 1783px 1392px #fff, 151px 1482px #fff, 837px 270px #fff, 1006px 588px #fff, 218px 1228px #fff, 1992px 469px #fff, 1974px 294px #fff, 128px 1638px #fff, 268px 1162px #fff, 912px 513px #fff, 1785px 1367px #fff, 1511px 73px #fff, 192px 844px #fff, 1592px 195px #fff, 1798px 9px #fff, 515px 907px #fff, 22px 949px #fff, 1208px 770px #fff, 338px 1257px #fff, 1673px 1025px #fff, 862px 1062px #fff, 828px 560px #fff, 1256px 29px #fff, 107px 1734px #fff, 67px 1059px #fff, 1146px 1191px #fff, 1712px 1440px #fff, 1674px 271px #fff, 1361px 1372px #fff, 318px 1797px #fff, 1039px 1572px #fff, 1890px 1905px #fff, 1423px 710px #fff, 1371px 240px #fff, 559px 1252px #fff, 911px 1708px #fff, 896px 479px #fff;
            opacity: .3
        }

        @keyframes risingStarsAnination {
            0% {
                transform: translateZ(0) translateY(0)
            }

            to {
                transform: translateZ(0) translateY(-2000px)
            }
        }

        .hamburger-lines {
            cursor: pointer;
            display: none;
            flex-direction: column;
            justify-content: space-between;
            padding: 12.9px 11px
        }

        .hamburger-lines .line {
            background: var(--white);
            border-radius: 10px;
            display: block;
            height: 1.4px;
            width: 100%
        }

        .hamburger-lines .line1 {
            transform-origin: 0 0;
            transition: all .4s ease-in-out
        }

        .hamburger-lines .line2 {
            transition: all .2s ease-in-out
        }

        .hamburger-lines .line3 {
            transform-origin: 0 100%;
            transition: all .4s ease-in-out
        }

        .hamburger-lines.active .line {
            margin-left: 7px
        }

        .hamburger-lines.active .line1 {
            transform: rotate(45deg)
        }

        .hamburger-lines.active .line2 {
            transform: scaleY(0)
        }

        .hamburger-lines.active .line3 {
            transform: rotate(-45deg)
        }

        .progress_row {
            align-items: center;
            bottom: 120px;
            display: flex;
            display: none;
            justify-content: center;
            left: 0;
            margin: auto;
            position: absolute;
            width: 100%;
            z-index: 22
        }

        .progress_row span {
            color: #4c4d5d;
            font-family: var(--PoppinsSemiBold);
            font-size: 12px
        }

        .progress_bar {
            background: #232323;
            border-radius: 100px;
            height: 4px;
            margin: 0 10px;
            max-width: 390px;
            overflow: hidden;
            position: relative;
            width: 100%
        }

        .slider-progress {
            background: radial-gradient(163.75% 163.75% at 23.45% 140%, #0025ce 0, rgba(9, 93, 230, .53) 100%);
            border-radius: 100px;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 0
        }

        .aboutUs_wrap {
            background: url(../_nuxt/about_gradient-light.BRgJF1Js.png) no-repeat top;
            background-size: 100% auto
        }

        .about_banner_inner {
            background: url(../_nuxt/about_top_text.CVg6KFsa.png) no-repeat top;
            margin-top: 100px;
            padding-bottom: 200px;
            padding-top: 70px;
            width: 100%
        }

        .about_banner_inner .headlines {
            margin: auto;
            max-width: 750px
        }

        .about_banner_inner .headlines p {
            color: var(--whiteBoth)
        }

        .about_banner_inner .headlines h2 {
            font-size: 5.3em
        }

        .edge_card {
            background: #f6f6f6;
            border-radius: 10px;
            box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
            min-height: 329px;
            overflow: hidden;
            padding: 28px;
            position: relative;
            width: 100%
        }

        .edge_card.card_effect .card_content .title img {
            height: 85% !important;
            width: 85% !important
        }

        @keyframes rotation {
            0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(180deg)
            }
        }

        .why_netsol_edge ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            list-style: none;
            padding: 0
        }

        .why_netsol_edge ul li {
            padding: 15px;
            width: 60%
        }

        .why_netsol_edge ul li:nth-child(2) {
            padding: 15px;
            width: 40%
        }

        .why_netsol_edge ul li:nth-child(3) {
            width: 30%
        }

        .why_netsol_edge ul li:nth-child(4) {
            width: 70%
        }

        .why_netsol_edge .edge_card {
            box-shadow: none
        }

        .why_netsol_edge ul li:first-child .edge_card {
            background: #d8fffc
        }

        .why_netsol_edge ul li:nth-child(2) .edge_card {
            background: #cfeaff
        }

        .why_netsol_edge ul li:nth-child(3) .edge_card {
            background: #fff5da
        }

        .why_netsol_edge ul li:nth-child(4) .edge_card {
            background: #c9ffd5
        }

        .why_netsol_edge .edge_card p {
            font-family: var(--PoppinsRegular);
            font-size: 16px;
            font-weight: 400
        }

        .edge_card h4 {
            color: var(--white);
            font-family: var(--PoppinsSemiBold);
            font-size: 1.625em;
            line-height: 1.3em;
            padding-bottom: 10px
        }

        .edge_card p {
            color: var(--white);
            font-size: 1.25em;
            line-height: 1.5em
        }

        .edge_card.card_effect.service_stat p {
            font-size: 16px;
            margin-bottom: 8px
        }

        .card_effect {
            position: relative
        }

        @keyframes gradientEffect {
            0% {
                transform: scaleX(1)
            }

            50% {
                opacity: 0;
                transform: scaleX(0)
            }

            to {
                transform: scaleX(1)
            }
        }

        .tabsStyle2 {
            padding-bottom: 190px;
            width: 100%
        }

        .active-nav {
            border-bottom: 3px solid #30d4c7
        }

        .tabsStyle2 .nav-tabs {
            border-bottom: 1px solid var(--services_border);
            width: 100%
        }

        .tabsStyle3 .nav-tabs {
            align-items: center;
            border-bottom: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin: auto;
            width: 80%
        }

        .tabsStyle3 .nav-fill .nav-item {
            margin: 0 10px;
            text-align: center
        }

        .tabsStyle3 .nav-tabs .nav-link.active {
            background-color: transparent;
            border: none
        }

        .tabsStyle3 .nav-tabs .nav-link {
            background-color: transparent;
            border: 1px solid #e9e8e8;
            border-radius: 102.514px;
            box-shadow: 0 1px 2px 0 #1018280d;
            color: #000;
            cursor: pointer;
            font-family: PoppinsRegular;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            outline: none;
            padding: 6px 15px;
            text-decoration: none;
            transition: all .3s ease;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: -moz-fit-content;
            width: fit-content
        }

        .tabsStyle3 .nav-tabs .nav-link.active {
            background: #052d46;
            border: 1px solid #052d46;
            color: #fff
        }

        .tabsStyle2 .nav-tabs .nav-link {
            border: 0 !important;
            border-bottom: 1px solid transparent !important;
            color: var(--white);
            font-family: var(--PoppinsRegular);
            font-size: 1.625em;
            line-height: 1.2em;
            opacity: .6;
            padding: 24px 20px;
            text-align: center;
            transform: var(--transition)
        }

        .tabsStyle2 .nav-tabs .nav-link.active {
            background: linear-gradient(0deg, #0646b8 -427.98%, transparent 78.75%);
            font-family: var(--PoppinsBold);
            opacity: 1
        }

        .tab-content {
            padding-top: 50px;
            width: 100%
        }

        .border_tab_content {
            -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
            background: rgba(1, 4, 18, .3);
            border: 1px solid #62677f;
            border-radius: 0 0 10px 10px !important;
            height: 560px;
            padding: 40px 60px
        }

        .dir_card {
            background: #fff;
            border: 1px solid var(--border_color);
            border-radius: 10px;
            padding: 30px 160px 30px 20px;
            position: relative
        }

        .directors_list {
            padding: 80px 0 30px;
            width: 100%
        }

        .directors_list>ul {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -20px
        }

        .directors_list>ul>li {
            padding: 0 20px 40px;
            width: 33.33%
        }

        .dir_img {
            bottom: 0;
            position: absolute;
            right: 0;
            width: 165px
        }

        .dir_img img {
            border-radius: 0 0 10px 0;
            display: block;
            height: auto;
            max-height: 220px;
            max-width: none;
            mix-blend-mode: luminosity;
            transition: var(--transition);
            width: 100%
        }

        .dir_card:hover .dir_img img {
            mix-blend-mode: normal
        }

        .dir_info {
            position: relative;
            width: 90%;
            z-index: 2
        }

        .dir_info p {
            color: var(--white);
            display: -webkit-box;
            font-size: 1em;
            line-height: 30px;
            margin-bottom: 20px;
            min-height: 86px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            opacity: .9
        }

        .dir_info h3 {
            font-family: var(--PoppinsBold);
            font-size: 1.5em;
            line-height: 1.2em;
            padding-bottom: 6px
        }

        .dir_info ul {
            display: flex
        }

        .dir_info ul li:first-child {
            padding-right: 10px;
            width: 100%
        }

        .dir_info .btn_custom {
            display: block;
            width: 100%
        }

        .icon_btn {
            align-items: center !important;
            display: flex !important;
            height: 40px !important;
            justify-content: center !important;
            padding: 0;
            width: 40px !important
        }

        .linkedInnIcon i {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.112 7.889c.49 0 .888.398.888.889v8a.889.889 0 0 1-1.777 0v-8c0-.491.398-.89.889-.89' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.555 8.777a.889.889 0 0 0-1.778 0v8a.889.889 0 0 0 1.778 0v-4.444a2.667 2.667 0 1 1 5.334 0v4.445a.889.889 0 1 0 1.777 0v-4.445a4.444 4.444 0 0 0-7.11-3.556M7 6.111a.889.889 0 1 1-1.777 0 .889.889 0 0 1 1.777 0'/%3E%3C/svg%3E") no-repeat 50%;
            border-radius: 50%;
            display: block;
            height: 100%;
            width: 100%
        }

        .managementTeam_list .dir_card {
            padding-right: 20px
        }

        .managementTeam_list.directors_list>ul>li {
            width: 25%
        }

        .about_corporate_list {
            padding-bottom: 0;
            width: 100%
        }

        .about_corporate_list>ul {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -20px
        }

        .about_corporate_list>ul>li {
            padding: 0 20px 40px;
            width: 25%
        }

        .corporate_card {
            background: var(--color_primary);
            border: 1px solid var(--border_color);
            border-radius: 10px;
            overflow: hidden;
            padding: 28px;
            position: relative;
            width: 100%
        }

        .corporate_card:before {
            animation: rotation 6s infinite;
            background: #0646b8;
            bottom: -125px;
            content: "";
            display: block;
            filter: blur(112px);
            flex-shrink: 0;
            height: 159.168px;
            left: 76%;
            position: absolute;
            transform: rotate(5.934deg);
            width: 313.934px
        }

        .corporate_card_data {
            position: relative;
            width: 100%;
            z-index: 2
        }

        .corporate_card_data span {
            display: block;
            margin-bottom: 4px
        }

        .corporate_card_data img {
            border-radius: 10px;
            display: block;
            height: auto;
            max-width: none;
            width: 100%
        }

        .corporate_card_data p {
            color: var(--white);
            display: -webkit-box;
            font-size: 1.25em;
            line-height: 1.2em;
            min-height: 122px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 5;
            line-clamp: 5;
            -webkit-box-orient: vertical;
            margin-bottom: 20px
        }

        .corp_download_btn {
            display: block;
            font-size: 1.25em;
            max-width: 200px;
            width: 100%
        }

        .about_future {
            background: url(../_nuxt/aboutGlob.DRw6Ddxk.png) no-repeat 100% 100%;
            background-size: cover;
            border: 1px solid var(--border_color);
            border-radius: 10px;
            margin-bottom: 160px;
            padding: 40px 60px;
            width: 100%
        }

        .about_future:after {
            margin-left: -200px;
            max-width: 400px
        }

        .about_future_text {
            margin: 0;
            max-width: 950px;
            padding: 0 !important
        }

        .about_future_text p {
            color: var(--whiteBoth) !important;
            max-width: 768px;
            padding-bottom: 100px;
            padding-top: 20px
        }

        .future_download_btn {
            font-size: 1.25em
        }

        .nextPrev_row {
            position: relative;
            width: 100%
        }

        .nextPrev_row:before {
            bottom: auto;
            top: 0
        }

        .nextPrev_row ul {
            align-items: center;
            display: flex;
            justify-content: center
        }

        .nextPrev_row ul li {
            padding: 34px 0
        }

        .nextPrev_row ul li:not(:first-child) {
            border-left: 1px solid var(--services_border);
            font-family: var(--PoppinsSemiBold);
            margin-left: 60px;
            padding-left: 60px
        }

        .about_adaptive {
            align-items: center;
            display: flex;
            flex-direction: row-reverse;
            width: 100%
        }

        .about_adaptive_img {
            padding-left: 60px;
            width: 60%
        }

        .about_adaptive_left {
            margin: auto;
            max-width: 500px;
            padding: 0
        }

        .about_adaptive_img img,
        .about_adaptive_img span {
            display: block;
            width: 100%
        }

        .about_adaptive_img img {
            height: auto;
            max-width: none
        }

        .smr_prevLink i {
            transform: rotate(-180deg)
        }

        .swiper-button-prev {
            left: 20px !important
        }

        .swiper-button-next {
            right: 20px !important
        }

        .pro_tabsBtns_box {
            align-items: center;
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            background: rgba(1, 4, 18, .5);
            border: 1px solid #31364f;
            border-radius: 36px;
            display: flex;
            justify-content: center;
            margin: auto auto 30px;
            max-width: 592px;
            padding: 5px;
            vertical-align: top;
            width: 100%
        }

        .pro_tabsBtn {
            background: none;
            border: 0;
            border-radius: 100px;
            display: block;
            font-size: 24px;
            font-weight: 400;
            line-height: 1.4em;
            opacity: .7;
            outline: none;
            padding: 8px 20px 6px;
            text-align: center;
            width: 100%
        }

        .pro_tabsBtn span {
            background: linear-gradient(180deg, #fff 49.51%, silver 89.32%);
            -webkit-background-clip: text;
            background-clip: text
        }

        section.product_slider_main {
            padding: 10px 0 50px
        }

        .pro_tabsBtn.active {
            background: linear-gradient(90deg, #02125c -1.72%, #03081f 101.21%)
        }

        .hmps_proImg {
            align-items: center;
            display: flex;
            justify-content: center;
            min-height: 540px;
            padding: 30px 0;
            text-align: center
        }

        .hmps_list .pro_bg_box {
            max-width: none;
            width: 100%
        }

        .hmps_proImg img {
            max-width: 100%
        }

        .hmps_list .pro_bg_box:after,
        .hmps_list .pro_top_shade:after {
            background: #0025ce
        }

        .hmps_list .product_text p {
            opacity: .9
        }

        .product-content .about_banner_inner {
            background: none !important;
            margin-top: 0;
            padding-bottom: 120px;
            padding-top: 90px;
            position: relative;
            z-index: 6
        }

        .product-content .about_banner_inner .headlines {
            margin: auto;
            max-width: 1100px
        }

        .product-content .headlines h3 {
            font-family: var(--PoppinsSemiBold);
            font-size: 3.5em;
            font-weight: 500;
            line-height: 1.1em;
            padding-bottom: 20px;
            text-align: center
        }

        .product_tabs .tabsStyle2 {
            padding-bottom: 100px
        }

        .product_tabs .pro_tabsBtns_box {
            margin-bottom: 88px;
            max-width: 840px;
            position: relative;
            z-index: 1
        }

        .product_tabs .pro_tabsBtns_box li {
            border: 0;
            border-radius: 100px;
            outline: none;
            padding: 0 !important
        }

        .product_tabs .tabsStyle2 .nav-tabs .nav-link.active {
            background: linear-gradient(90deg, #02125c -1.72%, #03081f 101.21%);
            border-bottom: none !important;
            opacity: 1
        }

        .product_tabs .tabsStyle2 .nav-tabs .nav-link {
            background: none;
            border: 0;
            border-radius: 100px;
            color: #fff;
            font-family: var(--PoppinsRegular);
            font-size: 1.5em;
            opacity: .7;
            outline: none;
            padding: 10px
        }

        .product-tab-content {
            display: flex;
            justify-content: center;
            position: relative
        }

        .productTab_img {
            position: relative
        }

        .ptabImg-shadow {
            background: linear-gradient(0deg, #010412 -1.79%, rgba(1, 4, 18, 0) 43.77%);
            border-radius: 10px;
            bottom: 0;
            height: 100%;
            left: 0;
            position: absolute;
            width: 100%;
            z-index: 11
        }

        .product-tab-content .pro_top_shade {
            z-index: -1
        }

        .productTab_img span {
            display: block
        }

        .productTab_img img {
            border-radius: 14px;
            width: 100%
        }

        .ptab_imgContent {
            position: relative;
            z-index: 5
        }

        .ptab_imgContent .border_tab_content {
            -webkit-backdrop-filter: initial !important;
            backdrop-filter: none !important;
            background: #000;
            background-clip: padding-box;
            /* !importanté */
            border: 1px solid transparent;
            /* !importanté */
            border-radius: 10px 10px 10px 10px !important;
            position: relative
        }

        .ptab_imgContent .border_tab_content:before {
            background: linear-gradient(to bottom, var(--border_color), #010412);
            border-radius: inherit;
            /* !importanté */
            bottom: 0;
            content: "";
            left: 0;
            margin: -1px;
            /* !importanté */
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1
        }

        .border_tab_content .swiper {
            background: #010412;
            border-radius: 10px
        }

        .product-cards {
            padding-bottom: 100px;
            width: 100%
        }

        .product-cards>ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin: 0 -20px
        }

        .product-cards>ul>li {
            padding: 0 20px 40px;
            width: 33.33%
        }

        .accordion-button:focus {
            box-shadow: none
        }

        .product-cards .pcards-inner {
            background: var(--color_primary);
            border: 1px solid var(--border_color);
            border-radius: 10px;
            height: 100%;
            overflow: hidden;
            padding: 20px;
            position: relative;
            width: 100%;
            z-index: 1
        }

        .pcard-items h5 {
            color: var(--white);
            font-size: 1.625em;
            font-weight: 500;
            line-height: 39px;
            padding-bottom: 20px
        }

        .pcard-items p {
            font-size: 1.25em;
            font-weight: 400;
            line-height: 30px
        }

        .pcard-items a,
        .pcard-items p {
            color: var(--white);
            opacity: .8;
            padding-bottom: 28px
        }

        .pcard-items a {
            font-size: 1em;
            font-weight: 500;
            line-height: 24px;
            text-decoration-line: underline
        }

        .pcard-tag-list {
            width: 75%
        }

        .pcard-tag-list ul {
            display: flex;
            flex-wrap: wrap;
            margin-left: -5px;
            margin-right: -5px;
            margin-top: 20px
        }

        .pcard-tag-list ul li {
            padding: 5px
        }

        .mg_tags {
            align-items: center;
            background: var(--tag_color);
            border: 1px solid var(--border_color);
            border-radius: 20px;
            color: var(--white);
            display: inline-flex;
            font-family: var(--PoppinsBold);
            font-size: .83em;
            gap: 10px;
            justify-content: center;
            line-height: 1.2em;
            padding: 10px 15px;
            text-decoration-line: none !important;
            text-transform: uppercase;
            transition: var(--transition)
        }

        .mg_tags:hover {
            background-color: var(--color_green);
            border-color: var(--color_green);
            color: var(--black)
        }

        .mg_boxshade {
            border-radius: 380.631px;
            filter: blur(112px);
            height: 347.193px;
            left: 13%;
            opacity: .5;
            position: absolute;
            top: 90%;
            width: 380.631px;
            z-index: -1
        }

        .bshade_sgreen {
            background: var(--color_green)
        }

        .product_clientBox {
            padding-bottom: 40px;
            padding-top: 40px
        }

        .product_clientBox .ourClientsBox {
            border: none;
            margin-bottom: 40px
        }

        .product_clientBox .ourClientsBox>ul li span {
            opacity: .6
        }

        .product_region-tabs {
            padding: 40px 0 100px
        }

        .ptab2_region-inner ul {
            display: flex;
            flex-direction: row-reverse;
            flex-wrap: wrap;
            padding: 0 35px
        }

        .ptab2_region-inner ul li {
            width: 50%
        }

        .ptab2-inner-content .accordion-body {
            color: var(--white);
            font-size: 1.2em;
            font-weight: 400;
            line-height: 1.8em;
            opacity: .8
        }

        .accordion-button:after {
            background-color: var(--color_green) !important;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 10h10M10 15V5'/%3E%3C/svg%3E") !important;
            background-position: 50%;
            border-radius: 50%;
            color: #010412 !important;
            height: 18px !important;
            left: -3%;
            position: absolute;
            width: 18px !important
        }

        .accordion-button:not(.collapsed):after {
            background-color: var(--color_green);
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none' viewBox='0 0 20 21'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 10.5h10'/%3E%3C/svg%3E") !important;
            background-position: 50%;
            transform: var(--bs-accordion-btn-icon-transform)
        }

        .accordion-item {
            border: none !important
        }

        .accordion-button:not(.collapsed) {
            box-shadow: none !important
        }

        .ourClientsTitle {
            background: linear-gradient(180deg, #fff 49.51%, silver 89.32%);
            background-clip: text;
            -webkit-background-clip: text;
            display: block;
            font-family: var(--PoppinsSemiBold);
            font-size: 1.25em;
            font-weight: 400 !important;
            line-height: 1.2em;
            text-transform: uppercase;
            white-space: nowrap
        }

        .ptab2_region-inner .accordion-button:after {
            background-color: var(--color_green) !important;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 10h10M10 15V5'/%3E%3C/svg%3E") !important;
            background-position: 50%;
            border-radius: 50%;
            color: var(--color_primary) !important;
            height: 18px !important;
            left: -3%;
            position: absolute;
            width: 18px !important
        }

        .ptab2_region-inner .accordion-button:not(.collapsed):after {
            background-color: var(--color_green);
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none' viewBox='0 0 20 21'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 10.5h10'/%3E%3C/svg%3E") !important;
            background-position: 50%;
            transform: var(--bs-accordion-btn-icon-transform)
        }

        .ptab2_region-inner .accordion-item {
            border: none !important
        }

        .ptab2_region-inner .accordion-button:not(.collapsed) {
            box-shadow: none !important
        }

        .product_region-tabs .tabsStyle2 .nav-tabs .nav-link.active {
            background: linear-gradient(0deg, var(--color_green) -427.98%, #010412 78.75%);
            border-bottom: 1px solid var(--color_green) !important;
            color: var(--white);
            font-family: var(--PoppinsBold);
            opacity: 1
        }

        .ptab2_region-inner button {
            font-size: 1.2em
        }

        .ptab2-inner-content {
            padding-top: 75px;
            width: 100%
        }

        .product_services-list .services_list ul li {
            border: none;
            text-align: left;
            width: 50%
        }

        .lender-content .product_services-list {
            max-width: 650px !important
        }

        .product_services-list .services_list p {
            font-family: var(--PoppinsSemiBold);
            font-size: 18px;
            font-weight: 500;
            line-height: 1.2em;
            margin-top: 15px;
            padding-bottom: 8px
        }

        .product_services-list .services_list span {
            color: var(--white);
            display: block;
            font-size: 16px;
            line-height: 1.4em;
            margin-top: 12px;
            opacity: .8;
            transition: all .3s ease
        }

        .product_services-list .services_list span svg path {
            transition: all .3s ease
        }

        .product_corporate-list {
            padding: 40px 0
        }

        .product_corporate-list .about_corporate_list>ul>li {
            width: 33.33%
        }

        .product_corporate-list .about_corporate_list>ul>li h4 {
            font-size: 1.625em;
            font-weight: 500;
            line-height: 39px;
            padding: 15px 0
        }

        .product_corporate-list .about_corporate_list>ul>li p {
            font-size: 1.2em;
            font-weight: 400;
            line-height: 30px;
            opacity: .8
        }

        .product_corporate-list .corporate_card:before {
            background: var(--color_green);
            bottom: -155px;
            left: 24%
        }

        .product_corporate-list .corporate_card {
            padding: 25px
        }

        .pedge-card-content {
            padding: 12px 164px 12px 0
        }

        .product_edge-card .headlines h2 {
            padding: 0 58px
        }

        .proAscent_highlighted_cards .edge_card {
            border-color: #01abbe;
            height: 100%;
            min-height: 400px;
            position: relative
        }

        .proAscent_highlighted_cards .pedge-card-img {
            display: none !important
        }

        .proAscent_highlighted_cards .pedge-card-content {
            padding-right: 0 !important
        }

        .proAscent_highlighted_cards .pedge-card-content p {
            padding-bottom: 20px
        }

        .proAscent_highlighted_cards .pedge-card-content a {
            color: var(--white);
            font-family: var(--PoppinsSemiBold);
            font-size: 1em;
            text-decoration: underline;
            z-index: 11
        }

        .proAscent_highlighted_cards .pedge-card-content a:hover {
            text-decoration: none
        }

        .proAscent_highlighted_cards .edge_card:before {
            height: 349.792px;
            left: 50%;
            margin-left: -240px;
            top: 110%;
            transform: rotate(9.064deg);
            width: 588.554px
        }

        .proAscent_highlighted_cards .pcard-tag-list {
            position: relative;
            z-index: 22
        }

        .pedge-card-img {
            bottom: 0;
            position: absolute;
            right: 0;
            width: 165px
        }

        .product_edge-card .edge_card:before {
            background: var(--color_green);
            z-index: 11
        }

        .pedge-card-img img {
            display: block;
            height: auto;
            max-height: 220px;
            max-width: none;
            width: 100%
        }

        .footer-header {
            padding-bottom: 20px
        }

        .testimonial_content {
            padding: 20px 0 0;
            width: 100%
        }

        .testimonial_content.whynetsol_testimonial {
            margin-bottom: 100px
        }

        .testimonial_slider {
            background: #e8f5ff;
            margin: auto;
            width: 100%
        }

        .play_icon img {
            border-radius: 90px;
            bottom: 17%;
            height: 90px;
            position: relative;
            right: 9%;
            width: 90px !important;
            z-index: 1000
        }

        button.play_icon {
            background: none;
            border: none;
            bottom: 14%;
            position: absolute;
            right: 9%
        }

        .testi_slide {
            padding: 50px 0 20px;
            width: 100%
        }

        .test_img img {
            width: 65%
        }

        .testi_row {
            align-items: center;
            display: flex;
            justify-content: center;
            width: 100%
        }

        .testi_row p {
            width: 100%
        }

        .testi_right {
            width: 50%
        }

        .testi_info {
            position: relative;
            width: 50%;
            z-index: 3
        }

        .test_img {
            width: 50%
        }

        .testi_info h3 {
            color: var(--white);
            font-family: var(--PoppinsSemiBold);
            font-size: 1.5em;
            font-weight: 400;
            line-height: 1.2em;
            padding-bottom: 20px;
            padding-top: 84px;
            position: relative;
            width: 100%
        }

        .testi_imgCard {
            border: 1px solid var(--border_color);
            border-radius: 10px;
            height: auto;
            overflow: hidden;
            padding-top: 40px;
            position: relative;
            width: 100%
        }

        .testi_imgCard span {
            align-items: flex-end;
            display: flex;
            height: 100%;
            justify-content: flex-end;
            position: relative;
            width: 100%;
            z-index: 2
        }

        .testi_imgCard img {
            display: block;
            filter: grayscale(100%);
            height: auto;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: none;
            transition: var(--transition);
            width: 80%
        }

        .testi_imgCard:after {
            background: #0646b8;
            border-radius: 387.799px;
            content: "";
            filter: blur(112px);
            flex-shrink: 0;
            height: 387.799px;
            left: 0;
            position: absolute;
            top: 100%;
            transform: rotate(5.254deg);
            width: 376.126px
        }

        .testi_row:hover .testi_imgCard img {
            filter: grayscale(0)
        }

        .testi_reviewBy {
            margin-top: 20px
        }

        .testi_reviewBy strong {
            color: var(--white);
            display: block;
            font-family: var(--PoppinsSemiBold);
            font-size: 1.25em;
            font-weight: 400;
            line-height: 1.2em;
            padding-bottom: 6px
        }

        .testi_reviewBy p {
            font-size: 1em;
            line-height: 29px
        }

        .testi_info .progress_row {
            display: inline-flex;
            display: none;
            justify-content: flex-start;
            position: static
        }

        .testi_info .progress_bar {
            max-width: 200px
        }

        .pdetail-banner-inner .headlines h2,
        .pdetail-powerbyAI .headlines h2 {
            font-size: 5.3em;
            padding-bottom: 27px
        }

        .product_detail-content .pdetail-banner-inner span {
            display: block
        }

        .product-content .headlines p {
            opacity: .8
        }

        .product_detail-content .ptab_imgContent .border_tab_content {
            border-radius: 14px 14px 10px 10px !important
        }

        .product_detail-content .proShade2 .pro_top_shade:after {
            background: var(--shadePurpleeffect)
        }

        .product_detail-content.product-content .about_banner_inner {
            padding-bottom: 174px
        }

        .headlines.headline-width-md {
            max-width: 868px
        }

        .headlines.headline-width-lg {
            max-width: 1180px
        }

        .pdetail-powerbyAI {
            padding-bottom: 160px;
            padding-top: 60px
        }

        .pdetail-powerbyAI .headlines {
            max-width: 100%;
            padding: 0 30px
        }

        .pdetail-banner-inner {
            background: none !important;
            margin-top: 0;
            padding-bottom: 120px;
            padding-top: 90px;
            position: relative;
            z-index: 6
        }

        .mobility-inner {
            display: flex;
            flex-direction: column
        }

        .mobility-inner-content h4 {
            font-size: 2.25em;
            font-weight: 500;
            padding-bottom: 20px
        }

        .mobility-inner-content p {
            font-size: 1.25em;
            font-weight: 400;
            line-height: 30px;
            opacity: .8;
            padding-bottom: 20px;
            padding-right: 156px
        }

        .mobility-inner-list ul {
            display: flex;
            flex-direction: column
        }

        .mobility-inner-list ul li {
            font-size: 1.25em;
            font-weight: 400;
            line-height: 34px;
            opacity: .8;
            position: relative;
            width: 100%
        }

        .mobility-inner-list ul li:before {
            background: var(--shadePurpleeffect);
            border-radius: 50%;
            bottom: 8px;
            content: "";
            height: 16px;
            left: -36px;
            position: absolute;
            width: 16px
        }

        .prod_mobility .productTab_img img {
            padding-top: 54px
        }

        .product_detail-content .product_corporate-list h3 {
            font-size: 9.37em;
            font-weight: 700;
            letter-spacing: 3px;
            opacity: .1
        }

        .product_detail-content .product_corporate-list h4 {
            margin-top: -48px
        }

        .product_detail-content .corporate_card:before {
            background: var(--shadePurpleeffect);
            bottom: -168px
        }

        .product_detail-content .about_banner_inner .headlines {
            max-width: 934px
        }

        .pro-detail-works .pdetail-banner-inner {
            padding-bottom: 40px !important;
            padding-top: 160px
        }

        .potoz_edge-card.product_edge-card .edge_card:before {
            background: var(--shadePurpleeffect)
        }

        .prodetail-nextPrev {
            padding-top: 80px
        }

        .nextPrev_row ul li {
            padding: 34px 34px 34px 0
        }

        .nextPrev_row ul li:not(:first-child) {
            margin-left: 0
        }

        .appexNow_content.product-content .headlines h3 {
            margin: 0 -24px
        }

        .appex_plist-content .corporate_card {
            margin-top: -93px;
            padding-top: 115px !important
        }

        .appex_plist-content .about_corporate_list>ul>li h4 {
            display: -webkit-box;
            font-size: 1.25em;
            line-height: 1.4em;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            font-weight: 900;
            margin-bottom: 20px;
            min-height: 86px;
            padding: 0
        }

        .appexlist-img {
            position: relative;
            text-align: center;
            z-index: 11
        }

        .appexlist-img span,
        .appexlist-img span img {
            display: block;
            position: relative;
            z-index: 2
        }

        .appexlist-img span img {
            margin: auto;
            max-height: 230px;
            max-width: 80%;
            width: auto
        }

        .appexlist-img h3 {
            font-size: 2.25em;
            font-weight: 500;
            padding-bottom: 20px;
            position: relative;
            text-align: center;
            z-index: 111
        }

        .appex_product-list .corporate_card:before,
        .appexlist-img span:after {
            background: var(--color_blue2)
        }

        .appexlist-img span:after {
            content: "";
            display: block;
            filter: blur(67px);
            flex-shrink: 0;
            height: 100.628px;
            left: 50%;
            position: absolute;
            top: 0;
            transform: translateX(-50%) rotate(5.934deg);
            width: 100.46px
        }

        .appex_underlinetxt {
            color: var(--white);
            font-size: 1em;
            font-weight: 500;
            text-align: center;
            text-decoration: underline;
            z-index: 11
        }

        .appex-watchDemo {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M6.558 17.733a3.65 3.65 0 0 1-1.833-.475c-1.3-.75-2.017-2.275-2.017-4.283V7.033c0-2.016.717-3.533 2.017-4.283s2.975-.608 4.725.4l5.142 2.967c1.741 1.008 2.708 2.391 2.708 3.891s-.958 2.884-2.708 3.892L9.45 16.867c-1.008.575-1.992.866-2.892.866m0-14.216c-.45 0-.85.1-1.208.308-.9.517-1.392 1.658-1.392 3.208v5.934c0 1.55.492 2.683 1.392 3.208s2.133.375 3.475-.4l5.142-2.967c1.341-.775 2.083-1.766 2.083-2.808s-.742-2.033-2.083-2.808L8.825 4.225c-.817-.467-1.583-.708-2.267-.708'/%3E%3C/svg%3E") no-repeat 0;
            background-size: 20px auto !important;
            padding-left: 25px
        }

        .appex_plist-content .about_corporate_list>ul>li {
            padding: 0 20px 120px
        }

        .appex_plist-content .corporate_card_data p {
            -webkit-line-clamp: 4;
            line-clamp: 4;
            margin-bottom: 30px
        }

        .footer_glob {
            background-color: var(--color_primaryBoth)
        }

        .footerSaprator {
            margin-top: 150px
        }

        .newsletter {
            background-color: #f4f4f4;
            padding: 50px 0
        }

        .newsletter-section {
            display: flex;
            justify-content: space-around;
            padding: 50px 0 0
        }

        h5.newsletter-text {
            font-size: 26px;
            line-height: 35px;
            width: 38%
        }

        .newsletter-form form {
            align-items: center;
            display: flex
        }

        .newsletter-form form .input {
            margin-right: 10px
        }

        .newsletter-form form .hs-input {
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 1rem;
            margin-right: 10px;
            padding: 10px 15px
        }

        .newsletter-form form .hs-button {
            align-items: center;
            border: none;
            border-radius: 4px;
            color: #000;
            cursor: pointer;
            display: flex;
            font-size: 1rem;
            height: auto;
            margin-right: 12px;
            margin-top: 0;
            padding: 9px 20px;
            width: 170px
        }

        .newsletter-form form .hs-button:after {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAASCAYAAAC0EpUuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgB7ZPBEUAwEEU/GtCBbUUHSqASpanDiaMbRzd+ZmKEi4R14s+87OSQl2RmN4F/hJRkIBOU0pHFVoFSNqmqWH6xlzgiKSkQHiG1s+9Jbuvhxqc0RhhDN2KWCPukhCY7nevhfP/ui1Q7QL4nBF6aotFXmMA/LZlJhYu2WQF7y0yDEjMnXQAAAABJRU5ErkJggg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: inline-block;
            height: 1em;
            margin-left: 10px;
            transition: transform .2s ease-in-out;
            width: 1em
        }

        .newsletter-form form label {
            display: none
        }

        .experience-section .description .headlines h2 {
            font-size: 46px !important
        }

        .blogs_banner-inner.about_banner_inner {
            background: url(../_nuxt/Resources-d.DeRGuYjY.jpg) no-repeat top;
            background-size: 100% auto;
            padding-bottom: 70px
        }

        .blogs_banner-inner.about_banner_inner .headlines {
            max-width: 1100px
        }

        .latest_topblogs {
            padding-bottom: 120px
        }

        .latest_topblogs ul {
            display: flex;
            flex-wrap: wrap;
            width: 100%
        }

        .blogs_wrap .ins_box {
            cursor: pointer
        }

        .tblog-leftbox .ins_img,
        .tblog-rightbox .ins_img {
            height: auto
        }

        .latest_topblogs_right ul li {
            padding-bottom: 30px
        }

        .ins_text small {
            opacity: .6;
            padding-right: 15px
        }

        .latest_topblogs .ins_text h2,
        .latest_topblogs .ins_text p {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .tblog-rightbox.ins_box {
            padding-bottom: 15px
        }

        .blog_txt.ins_text p {
            padding-bottom: 20px
        }

        .blog_tabs {
            border-top: 1px solid var(--services_border);
            padding: 30px 0
        }

        .blog_tabs ul {
            border-bottom: none;
            justify-content: flex-start
        }

        .blog_tabs .nav-tabs .nav-item.show .nav-link,
        .blog_tabs .nav-tabs .nav-link.active {
            background-color: var(--color_blue);
            border: none;
            color: var(--whiteBoth) !important
        }

        .blog_tabs .nav-tabs .nav-link {
            border: none;
            border-radius: 100px;
            color: var(--white);
            font-size: 1.35em;
            font-weight: 500;
            padding: 10px 30px
        }

        .blog-searchtab {
            align-items: center;
            display: flex;
            justify-content: flex-start;
            padding: 30px 0
        }

        .blog-searchtab form {
            padding-left: 30px
        }

        .blog-searchtab .form-control {
            height: auto
        }

        .blog-searchtab span {
            border-right: 1px solid var(--services_border);
            font-family: var(--PoppinsBold);
            padding-right: 30px
        }

        .blogs_list ul {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -20px
        }

        .blogs_list ul li {
            padding-bottom: 80px;
            width: 33.33%
        }

        .blogs_list .ins_text p {
            padding-bottom: 12px
        }

        .blogdetail-inner {
            display: flex;
            flex-direction: row-reverse;
            flex-wrap: wrap;
            padding: 40px 0 0
        }

        .rightblog-tablist .card_effect:after {
            left: 81%;
            max-width: 150px
        }

        .blogs_breadcrumb a {
            color: var(--white)
        }

        .blogs_breadcrumb .breadcrumb-item.active {
            color: var(--white);
            opacity: .3
        }

        .blogs_breadcrumb .breadcrumb-item+.breadcrumb-item:before {
            color: var(--white)
        }

        .rightblog-tablist ul {
            flex-direction: column;
            padding: 15px 0
        }

        .rightblog-tablist h5 {
            border-bottom: 1px solid var(--services_border);
            font-size: 1.625em;
            font-weight: 500;
            padding-bottom: 12px
        }

        .rightblog-tablist ul li a {
            color: var(--white);
            font-size: 1.25em;
            font-weight: 400;
            opacity: .8
        }

        .rightblog-tablist .nav-link {
            padding-left: 0
        }

        .rightblog-tablist.product-cards {
            position: sticky;
            top: 120px
        }

        .blog-headlines h3 {
            font-size: 3.5em;
            font-weight: 500
        }

        .blog_detailImg img {
            border-radius: 10px;
            padding-bottom: 20px
        }

        .blog_txt p {
            font-size: 1.125em;
            opacity: .8
        }

        .blog_txt h6,
        .blog_txt p {
            line-height: 1.4em;
            padding-bottom: 30px
        }

        .blog_txt h6 {
            font-size: 1.5em;
            font-weight: 500
        }

        .services_banner-inner.about_banner_inner {
            background: url(../_nuxt/Services-banner1.CNOehzGK.png) no-repeat top;
            background-size: 100% auto;
            padding-bottom: 70px;
            padding-top: 115px
        }

        .services_banner-inner .headlines {
            margin-top: -4%;
            max-width: 1460px
        }

        .services-inner-content {
            align-items: center;
            display: flex;
            flex-direction: column;
            padding-bottom: 160px;
            position: relative
        }

        .service_centerImg {
            left: 35%;
            max-width: 30%;
            position: absolute
        }

        .service_centerImg span {
            display: block;
            max-width: 100%
        }

        .portfolio-imgback img,
        .service_centerImg img {
            display: block;
            width: 100%
        }

        .services-inner-content .services_inner-list ul {
            border-bottom: none;
            display: flex;
            flex-wrap: wrap;
            gap: 36%
        }

        .services-inner-content .services_inner-list li {
            border-left: none;
            margin-bottom: 15px;
            padding: 0;
            position: relative;
            width: 32%
        }

        .service-boxlist {
            overflow: hidden;
            position: relative;
            transition: all .3s ease-in-out
        }

        .services-inner-content .tab-content {
            padding-top: 0
        }

        .services-inner-content .services_box {
            padding: 0 20px 10px
        }

        .services_inner-list .nav-tabs .nav-link.active {
            background: linear-gradient(0deg, #0646b8 -427.98%, transparent 78.75%);
            opacity: 1
        }

        .services_inner-list .nav-tabs .nav-link {
            border: 0 !important;
            border-bottom: 1px solid var(--services_border);
            color: var(--white);
            opacity: .6;
            transform: var(--transition)
        }

        .services_inner-list .nav-tabs .nav-link.active:after {
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
            bottom: 0;
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            transition: all .3s ease-in-out;
            width: 100%;
            z-index: 1
        }

        .services_inner-list .nav-link.active:before {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none' viewBox='0 0 34 34'%3E%3Cpath fill='%2302061D' stroke='%236C6786' d='M16.971.736 33.235 17 16.97 33.263.708 17z'/%3E%3C/svg%3E")no-repeat 100%;
            background-size: 200% auto !important;
            bottom: 100px;
            content: "";
            display: block;
            height: 34px;
            position: absolute;
            right: -16px;
            transition: all .3s ease-in-out;
            width: 16px;
            z-index: 1
        }

        .services_inner-list li:nth-child(2n+0) .nav-link.active:before {
            background-position: 0 !important;
            left: -16px;
            right: auto
        }

        .services-inner-content .services_inner-list span {
            font-size: 1.25em;
            font-weight: 400;
            line-height: 30px;
            opacity: .8
        }

        .services-inner-content .services_inner-list p {
            font-size: 1.625em;
            margin-top: 25px;
            padding-bottom: 5px
        }

        .services_explore ul {
            display: flex;
            flex-wrap: wrap
        }

        .services_explore ul li {
            padding: 0 20px 40px;
            width: 50%
        }

        .services_explore .edge_card {
            height: 100%
        }

        .services_explore .pedge-card-content {
            padding: 0
        }

        .services_explore .pedge-card-content ul li {
            padding: 20px 32px 20px 20px;
            position: relative;
            width: auto
        }

        .services_explore .pedge-card-content ul li:before {
            background-color: #0646b8;
            border-radius: 50%;
            content: "";
            height: 12px;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 12px
        }

        .service_portfolio {
            padding: 80px 0
        }

        .portfolio-inner {
            margin-bottom: 80px;
            padding: 40px;
            width: 100%
        }

        .Delphi-Vision {
            background: #1b998f
        }

        .Orion {
            background: #202831
        }

        .fare-share {
            background: #1c2351
        }

        .mtj-Foundation {
            background: #32746c
        }

        .gradient-Zero {
            background: #6443bc
        }

        .portfolio-content h5 {
            color: var(--whiteBoth);
            font-size: 2.25em;
            font-weight: 500;
            padding-bottom: 20px
        }

        .portfolio-content p {
            display: -webkit-box;
            font-size: 1.5em;
            font-weight: 400;
            line-height: 34px;
            opacity: .8;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            color: var(--whiteBoth)
        }

        .portfolio-img {
            align-items: center;
            display: flex;
            justify-content: center
        }

        .portfolio-img span {
            height: auto;
            width: 902px
        }

        .service_portfolio .headlines {
            padding-bottom: 40px
        }

        .portfolio-img img {
            display: block;
            width: 100%
        }

        .services_application-tabs {
            padding: 40px 20px
        }

        .services_application-tabs .tabsStyle2 {
            padding-bottom: 0
        }

        .service_app-content {
            flex-wrap: wrap
        }

        .service_app-content,
        .service_content-reverse {
            display: flex;
            flex-direction: row
        }

        .service-appInner ul {
            align-items: center;
            display: flex;
            flex-wrap: wrap
        }

        .service-imgtab img {
            display: block;
            width: 100%
        }

        .service-imgtab .edge_card {
            padding: 0 40px
        }

        .service-imgtab .edge_card:before {
            animation: none;
            left: 5%;
            top: 90%;
            width: 739.55px
        }

        .service-appInner ul li {
            padding: 0 60px 35px 0
        }

        .service-appInner ul li span {
            display: block
        }

        .service-appInner ul li img {
            display: block;
            filter: brightness(0) invert(1)
        }

        .service_card-content {
            padding: 12px 85px 12px 0
        }

        .service_card-content h2 {
            font-size: 3em;
            font-weight: 500;
            padding-bottom: 20px
        }

        .service_card-content h5 {
            font-size: 1.625em;
            font-weight: 500;
            padding-bottom: 20px
        }

        .service_card-content p {
            font-size: 1.2em;
            font-weight: 400;
            line-height: 1.65em;
            opacity: .8;
            padding-bottom: 20px
        }

        .service_app-content .service_tab {
            padding-bottom: 60px;
            width: 50%
        }

        .service-benefit ul {
            display: flex;
            flex-wrap: wrap
        }

        .service-benefit li {
            font-size: 1.2em;
            font-weight: 400;
            line-height: 1.5em;
            opacity: .8;
            padding: 0 20px 15px 22px;
            position: relative;
            width: 50%
        }

        .service-benefit {
            padding-bottom: 80px;
            width: 100%
        }

        .service-benefit .edge_card {
            min-height: auto
        }

        .service-benefit .edge_card ul li:before {
            background-color: #0646b8;
            border-radius: 50%;
            content: "";
            height: 12px;
            left: 0;
            position: absolute;
            top: 6px;
            width: 12px
        }

        .expertise-tabs {
            padding-bottom: 30px
        }

        .expertise-tabs span {
            color: var(--white);
            font-size: 1.625em;
            font-weight: 700;
            line-height: 2.437em;
            padding-bottom: 5px
        }

        .expertise-tabs ul li {
            padding: 5px 35px 0 0;
            position: relative
        }

        .expertise-tabs ul li span {
            background: #fb0;
            border-radius: 35px;
            color: var(--black);
            font-size: .875em;
            line-height: 2.2em;
            padding: 5px 18px
        }

        .expertise-tabs ul li:after {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='12' fill='none' viewBox='0 0 30 12'%3E%3Cpath fill='%23fff' d='M30 6 20 .226v11.548zM0 7h15V5H0zm15 0h6V5h-6z'/%3E%3C/svg%3E") no-repeat 100%;
            background-size: contain;
            border-radius: 50%;
            bottom: 14px;
            content: "";
            height: 12px;
            position: absolute;
            right: 4px;
            width: 25px
        }

        .expertise-tabs ul li:last-child:after {
            display: none
        }

        .service-benefit .edge_card:before {
            animation: none;
            left: 26%
        }

        .transcend {
            background: #f9fafb;
            padding-top: 70px;
            position: relative
        }

        .frontOffice_detail_content {
            padding-top: 40px
        }

        .frontOffice_detail_content .autoContent {
            max-width: 1480px
        }

        .pos_text {
            margin: auto;
            position: relative;
            text-align: center;
            width: 50%
        }

        .pos_img img {
            display: block;
            height: auto;
            margin: auto;
            max-width: none;
            width: 90%
        }

        .pos_row {
            width: 100%
        }

        .pos_row .headlines {
            text-align: center
        }

        .pos_row.flex-row-reverse .headlines {
            max-width: none;
            width: calc(68% + 60px)
        }

        .pos_features_row {
            margin: 0 -20px;
            padding-bottom: 140px
        }

        .pos_features_col {
            padding: 0 20px;
            width: 33.33%
        }

        .pos_features_col ul li {
            color: var(--white);
            font-size: 1.5em;
            line-height: 1.2em;
            padding: 0 0 18px 36px;
            position: relative
        }

        .pos_features_col ul li:before {
            background-color: #00d1e6;
            border-radius: 50%;
            content: "";
            height: 16px;
            left: 0;
            position: absolute;
            top: 6px;
            width: 16px
        }

        .pos_features_ul {
            padding-top: 40px
        }

        .pos_features_ul li {
            color: var(--white);
            font-size: 1.25em;
            line-height: 1.4em;
            padding: 0 0 18px 38px;
            position: relative
        }

        .pos_features_ul li:before {
            background-color: #00d1e6 !important;
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23090E1D' stroke-width='2' d='m2.5 10 2.879 2.879a3 3 0 0 0 4.242 0L17.5 5'/%3E%3C/svg%3E") no-repeat 50%;
            border-radius: 50%;
            content: "";
            height: 24px;
            left: 0;
            position: absolute;
            top: 3px;
            width: 24px
        }

        .pos_features_list .edge_card {
            min-height: 100%
        }

        .pos_features_list .edge_card:before {
            background-color: var(--color_green)
        }

        .swiper-pagination {
            bottom: -30px !important;
            display: inline-flex !important;
            left: 50% !important;
            position: relative !important;
            transform: translateX(-50%) !important;
            transform: scale(0);
            transition: all .3s ease-in-out;
            width: auto !important;
            z-index: 99999 !important
        }

        .bg-shadow_full {
            position: relative
        }

        .bg-shadow_full:before {
            background: url(https://netsoltech.com/_nuxt/bg-shadow.DqfwInl-.svg) top no-repeat;
            background-size: cover;
            content: "";
            display: block;
            min-height: 78vw;
            position: absolute;
            top: 110px;
            width: 100vw
        }

        .swiper-pagination .swiper-pagination-bullet {
            background-color: #185d92;
            border-radius: 10px;
            height: 14px;
            transition: all .3s ease-in-out;
            width: 14px
        }

        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: 50px
        }

        .activeSlidePagination .swiper-pagination {
            opacity: 1;
            transform: scale(1);
            visibility: visible
        }

        .swiper.retail-slider .swiper-pagination {
            bottom: -20px !important
        }

        .swiper.retail-slider .swiper-pagination .swiper-pagination-bullet {
            background-color: #1a75bb;
            border-radius: 10px;
            height: 10px;
            transition: all .3s ease-in-out;
            width: 10px
        }

        .swiper.retail-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: 10px
        }

        .swiper.swiper-initialized.swiper-horizontal.swiper-autoheight.retail-slider.swiper-backface-hidden {
            padding-bottom: 20px
        }

        .light_theme .expertise-tabs ul li:after {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='12' fill='none' viewBox='0 0 30 12'%3E%3Cpath fill='%23010412' d='M30 6 20 .226v11.548zM0 7h15V5H0zm15 0h6V5h-6z'/%3E%3C/svg%3E") no-repeat 100%
        }

        .light_theme .submenu_link.sebmenu_parent {
            transition: background-image .3s ease
        }

        .light_theme .submenu_link.sebmenu_parent.active {
            color: #fff
        }

        .light_theme .hm_experience {
            background-color: var(--white)
        }

        .light_theme .header_menu>ul>li.active_li>.header_menu_link {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 5 4-4 4 4'/%3E%3C/svg%3E") no-repeat 100%
        }

        .light_theme .pro_tabsBtns_box {
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            background: hsla(0, 0%, 100%, .5);
            border: 1px solid #cfd7e6;
            border-radius: 36px
        }

        .pro_tabsBtn.active {
            background: linear-gradient(90deg, #f0f3ff -1.72%, #fff 101.21%);
            opacity: 1
        }

        .light_theme .pro_bg_box {
            background: #010412
        }

        .light_theme .subMenu_dropdown_inner {
            background-color: #052d46
        }

        .light_theme .statusLabel {
            background: rgba(1, 38, 206, .1);
            color: #0126ce
        }

        .light_theme .hfooter-content li path,
        .light_theme .ourClientsBox ul li path:not(.bmw_svg_fillnone) {
            fill: var(--black)
        }

        .light_theme .bmwsvg-fill {
            fill: var(--bmw-fill-grey)
        }

        .light_theme .services_list li:hover path {
            stroke: var(--color_primary)
        }

        .light_theme .services_list li path {
            stroke: var(--black)
        }

        .light_theme .hm_exp_data,
        .light_theme .hm_exp_inner,
        .light_theme .hm_experience {
            background-color: #fff
        }

        .light_theme .hm_exp_inner:after {
            background: none
        }

        .hm_experience {
            padding-top: 7px
        }

        .light_theme .hm_exp_data p {
            color: #000
        }

        .light_theme .hm_exp_data .headlinesLink {
            color: var(--whiteBoth)
        }

        .light_theme .hfooter-content {
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            background: hsla(0, 0%, 100%, .5);
            border-radius: 20px;
            margin-top: -2px
        }

        .light_theme .hmPartners .footer-bg {
            background-color: var(--white)
        }

        .light_theme .hm_insights_section:after {
            background: none
        }

        .light_theme .subMenu_avatar_info h2,
        .light_theme .subMenu_list ul li a,
        .light_theme .subMenu_list ul li span {
            color: #8f8f8f
        }

        .light_theme .smr_moreLink {
            color: var(--color-linkblue)
        }

        .light_theme .subMenu_list ul li {
            border-bottom: none;
            cursor: pointer;
            padding-bottom: 0
        }

        .light_theme .subMenu_list ul li.subSubitem {
            border-bottom: none
        }

        .light_theme .subMenu_dropdown_auto:after {
            background: transparent
        }

        .light_theme .smr_moreLink i {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none' viewBox='0 0 24 18'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%231B75BB' fill-rule='evenodd' d='M15.374.293a1 1 0 1 0-1.415 1.414L20.252 8H1.334a1 1 0 1 0 0 2h18.918l-6.293 6.293a1 1 0 0 0 1.415 1.414l7.986-7.986a.997.997 0 0 0-.002-1.444z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 10px;
            background-size: 18px auto;
            border: 2px solid var(--color-linkblue);
            transition: var(--transition)
        }

        .light_theme .smr_moreLink:hover i {
            background-position: 14px
        }

        .light_theme .aboutUs_wrap {
            background: url(../_nuxt/about_gradient-light.BRgJF1Js.png) no-repeat top;
            background-size: 100% auto
        }

        .light_theme .border_tab_content {
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
            background: rgba(1, 4, 18, .04);
            border-color: var(--services_border);
            border-top: 0
        }

        .light_theme .testi_reviewBy p {
            text-shadow: none
        }

        .light_theme .about_banner_inner {
            background: url(../_nuxt/about_top_text-light.EEPi9Lrz.png) no-repeat top;
            background-size: 50%
        }

        .light_theme .contactUs_banner_inner {
            background: url(../_nuxt/Contact-banner-light.Cai49ViS.png) no-repeat top;
            background-size: 50%
        }

        .light_theme .appex_underlinetxt {
            color: #0c5fe7
        }

        .light_theme .appex-watchDemo {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230C5FE7' d='M6.558 17.733a3.65 3.65 0 0 1-1.833-.475c-1.3-.75-2.017-2.275-2.017-4.283V7.033c0-2.016.717-3.533 2.017-4.283s2.975-.608 4.725.4l5.142 2.967c1.741 1.008 2.708 2.391 2.708 3.891s-.958 2.884-2.708 3.892L9.45 16.867c-1.008.575-1.992.866-2.892.866m0-14.216c-.45 0-.85.1-1.208.308-.9.517-1.392 1.658-1.392 3.208v5.934c0 1.55.492 2.683 1.392 3.208s2.133.375 3.475-.4l5.142-2.967c1.341-.775 2.083-1.766 2.083-2.808s-.742-2.033-2.083-2.808L8.825 4.225c-.817-.467-1.583-.708-2.267-.708'/%3E%3C/svg%3E") no-repeat 0
        }

        .light_theme .blogs_banner-inner.about_banner_inner {
            background: url(../_nuxt/Resource-bannertop-light.D9Hzi913.png) no-repeat top;
            background-size: 50%
        }

        .light_theme .services_banner-inner.about_banner_inner {
            background: url(../_nuxt/Services-banner1-light.CSIq_b3L.png) no-repeat top;
            background-size: 50%
        }

        .light_theme .services_inner-list .nav-link.active:before {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none' viewBox='0 0 34 34'%3E%3Cpath fill='%23fff' stroke='%23CFD7E6' d='M16.97.736 33.232 17 16.969 33.263.706 17z'/%3E%3C/svg%3E") no-repeat 100%
        }

        .light_theme label.checkBoxContainer,
        .light_theme label.checkBoxContainer a {
            color: #fff !important
        }

        .form-check-input {
            -moz-appearance: checkbox !important;
            appearance: checkbox !important;
            -webkit-appearance: checkbox !important
        }

        fieldset.form-columns-1,
        fieldset.form-columns-2 {
            margin-bottom: 15px !important;
            max-width: 100% !important
        }

        fieldset.form-columns-1 {
            width: 100%
        }

        .hs-input {
            background-clip: padding-box;
            background-color: #fff;
            border: 1px solid #dee2e6;
            border-radius: .375rem;
            color: #000 !important;
            display: block;
            font-size: 1rem;
            font-weight: 400;
            height: 40px;
            line-height: 1.5;
            padding: .375rem .75rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 100% !important
        }

        .hs-country__dropdown_ .input,
        .hs_company .input,
        .hs_email .input,
        .hs_firstname .input,
        .hs_how_did_you_hear_about_us_ .input,
        .hs_lastname .input,
        .hs_message .input {
            margin-top: 6px !important
        }

        label.hs-error-msg.hs-main-font-element {
            color: red;
            font-size: 14px !important;
            padding-top: 10px
        }

        .hs-input:focus {
            background-color: var(--bs-body-bg);
            border-color: #86b7fe;
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            color: var(--bs-body-color);
            outline: 0
        }

        .hs-button {
            background: #30d4c7;
            border: none;
            border-radius: 10px;
            color: #000;
            flex-shrink: 0;
            font-weight: 900;
            height: 50px;
            margin-top: 15px;
            width: 100%
        }

        .hs-button:hover {
            background: var(--btn_shadow_hov) !important;
            border: 1px solid var(--btn_shadow_hov);
            color: #000
        }

        input[type=checkbox].hs-input {
            float: left;
            width: 20px !important
        }

        input[type=checkbox].hs-input:focus {
            border: none;
            box-shadow: none;
            width: 20px !important
        }

        label {
            color: #000;
            display: inline-block
        }

        label.hs-form-checkbox-display {
            padding-bottom: 0;
            padding-top: 0;
            width: 100%
        }

        li.hs-form-checkbox {
            float: left;
            height: 40px;
            width: 200px
        }

        .hs-form-checkbox span {
            float: left;
            font-size: 16px;
            margin-left: 8px;
            margin-top: 8px
        }

        .legal-consent-container .hs-form-booleancheckbox-display>span {
            display: block;
            margin-left: 20px
        }

        .legal-consent-container .hs-form-booleancheckbox-display p {
            color: #000;
            display: inline-block !important;
            font-size: 14px;
            margin-left: 10px !important;
            margin: 0;
            padding-top: 8px
        }

        label.hs-form-booleancheckbox-display {
            padding: 0
        }

        .actions {
            display: flex;
            justify-content: center
        }

        .generalText h2 {
            font-family: var(--PoppinsSemiBold)
        }

        .generalText h2,
        .generalText h4,
        .generalText h6 {
            margin-bottom: 20px
        }

        .generalText p {
            color: var(--white);
            font-size: 16px;
            line-height: 28px;
            margin-bottom: 28px
        }

        .generalText ul {
            margin-bottom: 20px;
            padding-left: 20px
        }

        .generalText li {
            list-style: disc
        }

        .generalText li p {
            margin-bottom: 0
        }

        p.leadText {
            font-size: 20px;
            line-height: 34px
        }

        .facts h3 {
            font-size: 8rem
        }

        .about_future_text .btn_custom.btn_outlined {
            color: var(--whiteBoth) !important
        }

        .about_future .headlines h2 {
            -webkit-text-fill-color: var(--whiteBoth)
        }

        .light_theme .services_box svg path {
            stroke: var(--color_primaryBoth) !important
        }

        .light_theme .product_services-list .services_list li:hover .services_box svg path {
            stroke: var(--whiteBoth) !important
        }

        .servicetabs li {
            font-size: 15px;
            padding: 0 !important
        }

        .hs-richtext.hs-main-font-element p {
            color: #000;
            font-size: 20px;
            margin-bottom: 2%
        }

        .event_location_img img {
            border-radius: 8px;
            display: block;
            height: 100%;
            margin: auto auto 35px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .blogs_list>ul>li {
            padding: 0 20px 40px
        }

        .framer-parent {
            opacity: 0 !important
        }

        .description h2 {
            font-size: 36px !important
        }

        .nav-fill .nav-item {
            flex: none;
            text-align: center
        }

        .blog-content-wrapper .content-details ol,
        .blog-content-wrapper .content-details ul {
            margin-bottom: 20px;
            padding-left: 35px
        }

        .blog-content-wrapper .content-details p {
            font-size: 18px;
            line-height: 30px;
            margin-bottom: 20px
        }

        .blog-content-wrapper .content-details ol li,
        .blog-content-wrapper .content-details ul li {
            color: #000;
            font-size: 18px;
            line-height: 30px;
            margin-top: 5px
        }

        .blog-content-wrapper .content-details li {
            list-style: disc
        }

        .mgntop-20 {
            margin-top: 20px !important
        }

        .mgnbot-0 {
            margin-bottom: 0 !important
        }

        .mgnbot-10 {
            margin-bottom: 10px !important
        }

        .quotationcls {
            padding: 20px;
            position: relative;
            text-align: left !important
        }

        .quoteimg {
            left: -20px;
            padding-right: 5px;
            position: absolute;
            top: -3%;
            width: 70px;
            z-index: -1
        }

        .quotetxt {
            font-size: 40px;
            font-style: normal;
            line-height: 48px;
            padding-left: 30px;
            text-align: left !important
        }

        .quotewriter {
            display: inline-block;
            margin-top: 15px;
            width: 100%
        }

        .artboxfull {
            align-items: start;
            display: flex;
            width: 100%
        }

        .artboxlft {
            display: inline-block !important;
            margin-right: 18px;
            width: 70%
        }

        .artboxrgt {
            background: #fff;
            border: 1px solid #1c72b8;
            border-radius: 10px;
            color: #000;
            display: inline-block;
            padding: 15px;
            width: 25.6%
        }

        .artboxnew,
        .artboxrgt {
            font-size: 15px;
            font-weight: 700
        }

        .artboxnew {
            align-items: center;
            background: #083451;
            border-radius: 0;
            color: #fff;
            display: flex;
            margin-bottom: 20px;
            padding: 40px;
            width: 100%
        }

        .artboxnum {
            color: #000;
            float: left;
            font-size: 45px !important;
            font-weight: 700;
            margin-bottom: 8%;
            margin-top: 5%;
            padding-left: 15px
        }

        .artboxtxt {
            display: inline-block;
            font-size: 17px;
            margin-left: 15px;
            width: 90%
        }

        .artboxfull2,
        .artboxfull3 {
            display: inline-block;
            width: 100%
        }

        .blog-content-wrapper ol li {
            margin-bottom: 12px
        }

        .artboxnew .artboxnum {
            margin-bottom: 0;
            margin-top: 0
        }

        .artboxrgt.Newartboxrgt {
            border: 2px solid #c8c8c8;
            border-radius: 0;
            margin-bottom: 20px;
            width: 100%
        }

        .Newartboxrgt .artboxtxt {
            display: unset;
            font-weight: 400;
            margin-left: 0
        }

        .artboxnumb {
            display: inline-block;
            font-family: PoppinsBold;
            font-size: 40px;
            font-weight: 900;
            padding-right: 10px;
            padding-top: 7px
        }

        .quotationcls.Newquotationcls {
            background: #f3f3f3
        }

        .quotationcls.Newquotationcls .quotetxt {
            font-size: 28px;
            font-weight: 600;
            line-height: 42px
        }

        .quotationcls.quotationBg {
            background: #e8f5ff
        }

        .quotationcls.quotationBg .quotetxt {
            display: block;
            font-size: 28px;
            font-weight: 400;
            line-height: 42px;
            width: 90%
        }

        .quotationcls.quotationBg .quoteimg {
            margin-bottom: 3%;
            padding-left: 30px;
            position: unset;
            width: 100px
        }

        .quotationBg .quotewriter {
            text-align: right
        }

        .quotationBg .writer-name {
            display: block;
            font-family: PoppinsSemiBold;
            font-size: 25px
        }

        .mainbox {
            border: 2px solid #000;
            border-radius: 20px;
            float: right;
            margin-bottom: 23px;
            margin-top: 20px;
            padding: 20px;
            width: 100%
        }

        .firstparagraph {
            float: left;
            font-size: 18px;
            width: 100%
        }

        .imageparagraph {
            float: left;
            font-size: 18px;
            width: 63%
        }

        .imageright {
            float: right;
            width: 35%
        }

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

        .messages {
            height: 480px !important
        }

        @media (max-width:720px) {
            .messages {
                height: 400px !important
            }

            .lottie-animation svg {
                margin-left: 0;
                margin-top: 3%
            }
        }

        p.textconuter {
            line-height: 30px !important
        }
    </style>
    <style>
        @media (min-width:1920px) {
            span.product_img_lines {
                max-width: 100%
            }

            .product_img_lines img {
                max-width: 80%
            }

            .product_img i {
                right: 30px;
                width: 260px
            }

            .product_text h3 {
                font-size: 60px
            }

            .product_text {
                width: 35%
            }

            .slider_container {
                margin-left: 150px
            }

            .bannerClients.alternate {
                bottom: 25px
            }

            .btn_custom2 .lottie-animation2 {
                width: 260px !important
            }

            .hm_banner.retail_banner {
                height: 45vw;
                min-height: 90vh
            }
        }

        @media (max-width:1920px) {
            .bannerClients.alternate {
                bottom: 0
            }

            .banner_img {
                width: 50vw
            }

            .product_img_lines img {
                margin-top: -11vh
            }

            .font-th .product_img_lines img {
                margin-top: -22vh
            }
        }

        @media (min-width:1501px) and (max-width:1900px) {
            .product_heading {
                font-size: 3.5em;
                padding-bottom: 20px
            }

            .product_data {
                padding: 26px 0
            }

            .product_data_left {
                width: 50%
            }

            .product_text {
                width: 44%
            }
        }

        @media (max-width:1496px) {
            .bannerClients.alternate {
                bottom: 35px
            }
        }

        @media (max-width:1366px) {
            .bannerClients.alternate {
                bottom: -40px
            }
        }

        @media (max-width:1150px) {
            .servicing-banner.home-banner .banner_headlines h1 {
                font-size: 45px
            }
        }

        @media (min-width:1366px) and (max-width:1500px) {
            :root {
                --baseFontSize: 14px
            }

            span.product_img_lines {
                left: 0;
                max-width: 75%
            }

            .product_img_lines img {
                margin-left: 10vw
            }

            .ourClientsBox {
                padding: 10px 15px
            }

            .product_heading {
                font-size: 3.2em;
                padding-bottom: 20px
            }

            .product_list {
                padding-top: 70px
            }

            .servicing-banner.home-banner .banner_headlines h1,
            .servicing-banner.home-banner.video-banner.main-b.video-banner .banner_headlines h1 {
                font-size: 50px
            }

            .product_data_left {
                width: 50%
            }

            .product_text {
                max-width: 500px;
                width: 44%
            }

            .product_img {
                margin-left: -30px
            }

            .header_info {
                gap: 15px
            }

            .header_menu>ul>li {
                padding: 0 15px
            }

            .about_banner_inner {
                background-size: 75% auto;
                margin-top: 40px;
                padding-bottom: 160px;
                padding-top: 110px
            }

            .subMenu_list ul li span {
                font-size: 15px
            }

            .subMenu_list ul li strong {
                font-size: 1.4em
            }

            .subMenu_avatar {
                height: 240px;
                width: 240px
            }

            .subMenu_dropdown_inner {
                padding-bottom: 25px;
                padding-top: 25px
            }

            .tabsStyle2 .nav-tabs .nav-link {
                font-size: 1.25em;
                padding: 16px 15px
            }

            .about_exp_years ul li h2 {
                font-size: 7em
            }

            .about_exp_years ul li {
                padding-bottom: 50px
            }

            .tabsStyle2 {
                padding-bottom: 150px
            }

            .managementTeam_list .dir_card {
                padding: 15px
            }

            .about_future_text {
                max-width: 820px
            }

            .nextPrev_row ul li:not(:first-child) {
                padding: 15px 0 15px 60px
            }
        }

        @media (max-width:1450px) {
            .pedge-card-content {
                padding: 12px 100px 12px 0
            }
        }

        @media (min-width:1280px) and (max-width:1365px) {
            :root {
                --baseFontSize: 13px
            }

            .banner_headlines {
                max-width: 970px
            }

            .ourClientsBox {
                padding: 10px 15px
            }

            .product_heading {
                font-size: 4.2em
            }

            .stats.main {
                white-space: normal !important
            }

            .header_right {
                padding-left: 15px
            }

            .header_menu>ul>li {
                padding: 0 12px
            }

            .header_info {
                gap: 12px
            }

            .product_img {
                margin-left: -40px
            }

            .managementTeam_list.directors_list>ul>li {
                width: 33.33%
            }

            .about_banner_inner {
                background-size: 75% auto;
                margin-top: 40px;
                padding-bottom: 160px;
                padding-top: 110px
            }

            .subMenu_list ul li span {
                font-size: 15px
            }

            .subMenu_list ul li strong {
                font-size: 1.4em
            }

            .subMenu_avatar {
                height: 240px;
                width: 240px
            }

            .subMenu_dropdown_inner {
                padding-bottom: 25px;
                padding-top: 25px
            }

            .tabsStyle2 .nav-tabs .nav-link {
                font-size: 1.25em;
                padding: 16px 15px
            }

            .about_exp_years ul li h2 {
                font-size: 7em
            }

            .about_exp_years ul li {
                padding-bottom: 50px
            }

            .tabsStyle2 {
                padding-bottom: 150px
            }

            .managementTeam_list .dir_card {
                padding: 15px
            }

            .about_future_text {
                max-width: 820px
            }

            .nextPrev_row ul li:not(:first-child) {
                padding: 15px 0 15px 60px
            }
        }

        @media (max-width:1100px) {
            .d-flex.align-items-center.justify-content-around.mt-4.mx-auto.filtersection {
                justify-content: space-between !important
            }

            .filter-main {
                padding: 30px
            }

            .search-container .row {
                align-items: center
            }

            .search-container .text-black .btn_custom.btn_about {
                padding: 13px 20px
            }
        }

        @media (min-width:1024px) and (max-width:1279px) {
            :root {
                --baseFontSize: 13px
            }

            .banner_headlines,
            .blogs-banner .banner_headlines {
                max-width: 850px
            }

            .ourClientsBox {
                padding: 10px 15px
            }

            .product_heading {
                font-size: 4.2em
            }

            .mark_img.bodymovinanim svg {
                height: 450px !important;
                width: 450px !important
            }

            .header_right {
                padding-left: 15px
            }

            .header_menu>ul>li {
                padding: 0 12px
            }

            .header_info {
                gap: 12px
            }

            .product_img i {
                width: 180px
            }

            .tabsStyle3 .nav-tabs {
                width: 100%
            }

            .stats.main {
                white-space: normal !important
            }

            .stats.main .stat-box h2 {
                font-size: 60px
            }

            .stats.main .stat-box p {
                font-size: 20px
            }

            .footer-inner-right .footer-rightcontent {
                margin-left: 10px;
                width: 31.33%
            }

            button.play_icon {
                bottom: 20%
            }

            .play_icon img {
                height: 70px;
                width: 70px !important
            }

            .requestDemo_header {
                display: none
            }

            .about_banner_inner {
                background-size: 80% auto;
                padding-bottom: 100px;
                padding-top: 70px
            }

            .tabsStyle2 .nav-tabs .nav-link {
                font-size: 1.2em;
                padding: 14px 10px
            }

            .border_tab_content {
                padding: 20px
            }

            .about_adaptive_img {
                flex-shrink: 0;
                padding-left: 30px;
                width: 50%
            }

            .about_exp_years ul li {
                padding-bottom: 50px;
                text-align: center
            }

            .about_exp_years ul li h2 {
                font-size: 6em
            }

            .about_edge_list ul {
                margin: 0 -10px
            }

            .about_edge_list>ul>li {
                padding: 0 10px 20px;
                width: 50%
            }

            .directors_list>ul {
                margin: 0 -10px
            }

            .directors_list>ul>li {
                padding: 0 10px 20px;
                width: 50%
            }

            .dir_card {
                padding-right: 200px
            }

            .dir_img {
                width: 190px
            }

            .about_corporate_list>ul {
                margin: 0 -10px
            }

            .about_corporate_list>ul>li {
                padding: 0 10px 20px;
                width: 50%
            }

            .nextPrev_row ul li:not(:first-child) {
                padding: 15px 0 15px 60px
            }

            .about_future {
                padding: 30px
            }

            .managementTeam_list.directors_list>ul>li {
                width: 33.33%
            }

            .about_future_text p {
                max-width: 550px
            }

            .product-cards>ul {
                margin: 0 -10px
            }

            .product-cards>ul>li {
                padding: 0 10px 20px
            }

            .product-cards .pcards-inner,
            .product_corporate-list .corporate_card,
            .product_edge-card .edge_card {
                padding: 15px
            }

            .appex_plist-content .about_corporate_list>ul>li h4 {
                min-height: 68px
            }

            .mobility-inner-content p {
                padding-right: 50px
            }

            .blogDetMenu {
                width: 20% !important
            }

            .blogDetContent {
                padding-right: 3% !important;
                width: 80%
            }

            .blog_tabs .nav-tabs .nav-link {
                font-size: 1.2em;
                padding: 6px 16px
            }

            .services-inner-content .services_box {
                padding-bottom: 10px
            }

            .services_explore .pedge-card-content ul li:before {
                height: 10px;
                width: 10px
            }

            .pedge-card-content {
                padding: 12px 75px 12px 0
            }
        }

        @media (max-width:1024px) {
            .header_right {
                padding-left: 15px
            }

            .header_menu>ul>li {
                padding: 0 12px
            }

            .stats.main .stat-box h2 {
                font-size: 53px;
                font-weight: 700
            }

            .stats.main .stat-box p {
                font-size: 16px
            }

            .header_menu_link {
                font-size: 14px
            }

            .experience-section .description {
                margin: 11vh auto 0 !important;
                max-width: 100% !important
            }

            .product_img i {
                width: 140px
            }

            .mark_img.bodymovinanim svg {
                height: 400px !important;
                width: 400px !important
            }

            .mark_img {
                height: 340px !important
            }
        }

        @media (max-width:991.98px) {
            .home-banner .banner_headlines h1 {
                font-size: 60px;
                text-transform: none
            }

            .tabsStyle3 .nav-tabs {
                width: 100%
            }

            .tabsStyle3 .nav-fill .nav-item {
                margin: 0 5px;
                text-align: center
            }

            .headlines h2 {
                font-size: 40px
            }

            .pos_text {
                width: 100%
            }

            .experience-section .description .headlines h2 {
                font-size: 40px !important
            }

            .mark_img {
                height: 460px !important;
                width: 40%
            }

            .why_netsol_edge ul li {
                width: 100% !important
            }
        }

        @media (min-width:768px) and (max-width:1023px) {
            :root {
                --baseFontSize: 13px;
                --headerHeight: 60px
            }

            .banner_headlines {
                max-width: 850px;
                padding-bottom: 100px;
                padding-top: 100px
            }

            .blogs-banner .banner_headlines {
                max-width: 850px;
                padding-top: 0
            }

            .ourClientsBox {
                overflow-x: auto;
                padding: 20px 15px;
                -webkit-overflow-scrolling: touch
            }

            .ourClientsBox>ul {
                justify-content: flex-start
            }

            .ourClientsBox>ul li {
                padding: 0 25px;
                width: auto
            }

            .ourClientsBox>ul li span svg {
                max-height: 32px;
                max-width: 120px
            }

            .product_heading {
                padding-bottom: 10px
            }

            .banner_headlines h1,
            .product_heading {
                font-size: 2.8em;
                line-height: 1.2em
            }

            .logo {
                width: 110px
            }

            .header_right {
                padding-left: 12px
            }

            .header_menu {
                animation: none !important;
                -webkit-backdrop-filter: blur(22.5px);
                backdrop-filter: blur(22.5px);
                background-color: var(--color_primary50);
                border: 0;
                border-radius: 0;
                height: 0;
                left: 0;
                opacity: 0;
                padding: 60px 0 0;
                position: fixed;
                top: 0;
                top: -50%;
                transition: all .4s ease;
                visibility: hidden;
                width: 100%;
                z-index: 22;
                z-index: -11
            }

            .open_mobile_menu .header_menu {
                height: 100%;
                opacity: 1;
                top: 0;
                visibility: visible;
                z-index: 222
            }

            .open_mobile_menu {
                overflow: hidden
            }

            .header_menu>ul {
                display: block;
                max-height: calc(100% - 60px);
                overflow-y: auto;
                text-align: center
            }

            .header_menu>ul>li a {
                font-size: 1.6em;
                padding: 12px 15px
            }

            .requestDemo_header {
                display: none
            }

            .header_info {
                gap: 10px;
                width: 100%
            }

            .header_inner {
                padding: 10px 0
            }

            .hamburger-lines {
                display: flex;
                position: relative;
                z-index: 224
            }

            .autoContent {
                padding: 0 15px
            }

            .btn_custom.btn_large {
                font-size: 1em;
                padding: 8px 20px
            }

            .light_theme .hamburger-lines {
                background: #fff !important
            }

            .footer-inner-right .footer-rightcontent {
                margin-left: 10px;
                width: 31.33%
            }

            .footer-inner-left ul {
                margin-bottom: 25px
            }

            .footer-inner-right .footer-rightcontent {
                width: 28%
            }

            .footer-end-content {
                align-items: center;
                flex-direction: column;
                justify-content: center
            }

            .product_data {
                flex-direction: column;
                padding: 20px 0
            }

            .product_data_left {
                width: 100%
            }

            .product_text {
                margin: auto;
                max-width: none;
                padding: 30px 15px 0;
                width: 88%
            }

            .pro_bg_box {
                height: 80%;
                max-width: none;
                top: 20%;
                width: 100%
            }

            .product_img {
                margin-left: -16px;
                padding: 5.9% 9.8%;
                width: 95%
            }

            .pro_top_shade {
                height: auto;
                left: -15px;
                overflow: initial;
                top: -10px;
                width: calc(100% + 30px)
            }

            .pro_top_shade:after {
                filter: blur(92px);
                height: 124px;
                top: 84%;
                width: 135px
            }

            .pro_top_shade:before {
                background-size: 300px auto
            }

            .hm_products {
                overflow-x: hidden;
                overflow-y: initial
            }

            .product_list {
                margin-bottom: 80px
            }

            .hfooter-content ul li span svg {
                max-height: 36px;
                max-width: 140px
            }

            .footer-bg {
                height: 200px
            }

            .subMenu_list ul li strong {
                font-size: .9em
            }

            .subMenu_list ul li span {
                font-size: .7em
            }

            .subMenu_avatar {
                height: 200px;
                width: 200px
            }

            .subMenu_list {
                padding-right: 20px
            }

            .sbMenuClose {
                background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19' fill='none' viewBox='0 0 24 19'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.354 9.993 21.333.014M9.348 17.998 1.353 9.993l8.005-7.995'/%3E%3C/svg%3E") no-repeat 50%;
                display: block;
                height: 42px;
                left: 14px;
                position: absolute;
                top: 8px;
                width: 42px;
                z-index: 3
            }

            .subMenu_dropdown {
                background: rgba(1, 4, 18, .5);
                display: block;
                height: 100%;
                left: 0;
                opacity: 0;
                overflow: hidden;
                padding-top: 60px;
                position: fixed;
                top: -100%;
                transition: all .3s ease;
                visibility: hidden;
                width: 100%
            }

            .subMenu_dropdown.active {
                opacity: 1;
                top: 0;
                visibility: visible
            }

            .subMenu_dropdown_inner {
                max-height: calc(100vh - 60px);
                padding: 0 0 50px
            }

            .subMenu_list ul li {
                margin-bottom: 0;
                padding-bottom: 0
            }

            .about_banner_inner {
                background-size: 80% auto;
                padding-bottom: 100px;
                padding-top: 70px
            }

            .tabsStyle2 .nav-tabs .nav-link {
                font-size: 1.2em;
                padding: 14px 10px
            }

            .border_tab_content {
                padding: 20px
            }

            .about_adaptive_img {
                flex-shrink: 0;
                padding-left: 30px;
                width: 50%
            }

            .about_exp_section {
                display: block
            }

            .about_exp_left {
                padding: 0 0 40px;
                text-align: center;
                width: 100%
            }

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

            .about_exp_years {
                width: 100%
            }

            .about_exp_years ul li {
                min-width: 30%;
                padding-bottom: 50px;
                text-align: center
            }

            .about_exp_years ul li h2 {
                font-size: 6em
            }

            .about_edge_list>ul>li {
                width: 100%
            }

            .edge_card {
                min-height: 0
            }

            .directors_list>ul {
                margin: 0 -10px
            }

            .directors_list>ul>li {
                padding: 0 10px 20px;
                width: 50%
            }

            .dir_card {
                padding-right: 134px
            }

            .dir_img {
                width: 140px
            }

            .about_corporate_list>ul {
                margin: 0 -10px
            }

            .about_corporate_list>ul>li {
                padding: 0 10px 20px;
                width: 50%
            }

            .nextPrev_row ul li:not(:first-child) {
                padding: 15px 0 15px 60px
            }

            .about_future {
                background: none;
                padding: 30px
            }

            .managementTeam_list.directors_list>ul>li {
                width: 50%
            }

            .product-cards>ul>li,
            .product_corporate-list .about_corporate_list>ul>li {
                width: 100%
            }

            .product_services-list .services_list ul li {
                width: 50%
            }

            .product_corporate-list {
                padding: 0
            }

            .ptab2_region-inner ul li {
                width: 100%
            }

            .ptab2-inner-content {
                padding-left: 25px;
                padding-top: 10px
            }

            .ptab2_region-inner ul {
                padding: 0
            }

            .ptab2_region-inner button {
                font-size: 1em
            }

            .appex_plist-content .about_corporate_list>ul>li {
                width: 50% !important
            }

            .appex_plist-content .about_corporate_list>ul>li h4 {
                min-height: 66px
            }

            .prod_mobility .ptab2_region-inner ul {
                padding: 0 30px
            }

            .pro-detail-works .product_corporate-list .about_corporate_list>ul>li {
                width: 33.33%
            }

            .product_corporate-list .corporate_card {
                padding: 15px
            }

            .product_detail-content .product_corporate-list h3 {
                font-size: 6em
            }

            .pro-detail-works .product_corporate-list {
                padding-bottom: 60px
            }

            .product_edge-card .about_edge_list ul {
                margin: 0 -10px
            }

            .product_edge-card .about_edge_list>ul>li {
                padding: 0 10px 20px;
                width: 50%
            }

            .product_edge-card .edge_card {
                padding: 15px
            }

            .pedge-card-content {
                padding-right: 70px
            }

            .pedge-card-img {
                width: 100px
            }

            .product-content .headlines h3 {
                font-size: 2em;
                line-height: 1.4em
            }

            .blogDetContent,
            .blogDetMenu {
                width: 100% !important
            }

            .rightblog-tablist ul {
                align-items: center;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                padding-bottom: 0
            }

            .pos_row.flex-row-reverse .headlines {
                width: 100%
            }

            .pos_row .headlines {
                margin: auto;
                max-width: 85%
            }

            .pos_features_row {
                margin: 0
            }

            .pos_features_col {
                padding: 0 0 40px;
                width: 50%
            }

            .pos_features_col:first-child {
                width: 100%
            }

            .pos_features_col ul li {
                font-size: 1.2em
            }

            .headlines h4,
            .pos_features_col h4 {
                font-size: 1.8em
            }

            .pos_features_ul li:before {
                background-size: 14px auto !important;
                height: 20px;
                top: 1px;
                width: 20px
            }

            .services-inner-content .services_box {
                padding: 10px
            }

            .service_card-content,
            .services-inner-content .nav-link {
                padding: 0
            }

            .services-inner-content .services_inner-list span {
                line-height: 26px
            }

            .services-inner-content {
                padding-bottom: 80px
            }

            .services_explore .pedge-card-content ul {
                padding-top: 10px
            }

            .services_explore .pedge-card-content ul li:before {
                height: 10px;
                width: 10px
            }

            .service-benefit li,
            .service_app-content .service_tab {
                width: 100%
            }

            .service_content-reverse {
                flex-direction: column-reverse
            }

            .service-benefit .edge_card:before {
                left: 12%
            }

            .mob_has_marque,
            .ourClientsBox {
                overflow: hidden
            }

            .mob_has_marque ul,
            .ourClientsBox ul {
                display: table;
                overflow: hidden;
                table-layout: fixed;
                white-space: nowrap
            }

            .mob_has_marque ul li,
            .ourClientsBox ul li {
                display: table-cell;
                vertical-align: middle
            }

            @keyframes marquee {
                0% {
                    transform: translateX(50%)
                }

                to {
                    transform: translateX(-100%)
                }
            }

            .mob_has_marque ul,
            .ourClientsBox ul {
                animation: marquee 14s linear infinite;
                animation-play-state: running
            }

            .mob_has_marque ul:hover,
            .ourClientsBox ul:hover {
                animation-play-state: paused
            }

            .hfooter-content ul li {
                padding-right: 50px !important
            }

            .header_menu {
                background: #052d46
            }

            .mark_img {
                height: 0 !important;
                width: 50% !important
            }

            .mark_img svg {
                height: 460px !important;
                width: 460px !important
            }
        }

        @media only screen and (max-width:767px) {
            :root {
                --baseFontSize: 13px;
                --headerHeight: 60px
            }

            .home-banner .banner_headlines h1 {
                font-size: 30px !important;
                letter-spacing: normal;
                text-transform: none
            }

            .accordion-item {
                display: block
            }

            .servicing-banner.home-banner.main-b.endSec .hm_banner {
                height: 70vh !important;
                min-height: 70vh !important
            }

            .servicing-banner.home-banner.main-b.endSec .banner_headlines {
                top: -14vh
            }

            .servicing-banner.home-banner.video-banner.main-b.video-banner .banner_headlines {
                top: -25vh
            }

            .accordion-item .rightSection .intro-image {
                position: relative;
                right: 0;
                width: 50%
            }

            .lottie-animation {
                margin: auto;
                position: relative;
                width: 70%
            }

            .accordion-item {
                text-align: center
            }

            .client_container {
                display: block !important;
                text-align: center
            }

            .quote-icon img {
                display: block;
                height: 4vh;
                width: 100%
            }

            .services-list_outer .services_list_inner ul li {
                padding: 15px;
                width: 50%
            }

            .accordion-section .headlines h2 {
                text-align: center !important
            }

            .mark_row.flex-row-reverse .headlines,
            .testi_row.d-flex.align-items-center.flex-wrap .headlines {
                width: 100% !important
            }

            .ai-lab-slider .mobile-slider .swiper-button-next,
            .ai-lab-slider .mobile-slider .swiper-button-prev {
                bottom: 40px !important
            }

            .test_img img {
                margin-top: 10px;
                width: 100%
            }

            .banner_headlines {
                max-width: 850px;
                padding-bottom: 100px;
                padding-top: 100px
            }

            .ourClientsBox {
                overflow-x: auto;
                padding: 20px 15px;
                -webkit-overflow-scrolling: touch
            }

            .ourClientsBox>ul {
                justify-content: flex-start
            }

            .ourClientsBox>ul li {
                padding: 0 25px;
                width: auto
            }

            .ourClientsBox>ul li span svg {
                max-height: 32px;
                max-width: 120px
            }

            .product_heading {
                padding-bottom: 10px
            }

            .banner_headlines h1,
            .blogs-banner .banner_headlines h1,
            .product_heading {
                font-size: 2.2em;
                line-height: 1.2em
            }

            .logo {
                width: 110px
            }

            .header_right {
                padding-left: 12px
            }

            .header_menu {
                animation: none !important;
                -webkit-backdrop-filter: blur(22.5px);
                backdrop-filter: blur(22.5px);
                background-color: var(--color_primary50);
                border: 0;
                border-radius: 0;
                height: 0;
                left: 0;
                opacity: 0;
                padding: 60px 0 0;
                position: fixed;
                top: 0;
                top: -50%;
                transition: all .4s ease;
                visibility: hidden;
                width: 100%;
                z-index: 22;
                z-index: -11
            }

            .open_mobile_menu .header_menu {
                height: 100%;
                opacity: 1;
                top: 0;
                visibility: visible;
                z-index: 222
            }

            .open_mobile_menu {
                overflow: hidden
            }

            .header_menu>ul {
                display: block;
                max-height: calc(100% - 60px);
                overflow-y: auto;
                text-align: center
            }

            .header_menu>ul>li>a {
                font-size: 1.6em;
                padding: 12px 15px
            }

            .requestDemo_header {
                display: none
            }

            .header_info {
                gap: 10px;
                width: 100%
            }

            .header_inner {
                padding: 10px 0
            }

            .hamburger-lines {
                display: flex;
                position: relative;
                z-index: 224
            }

            .light_theme .hamburger-lines {
                background: #fff !important
            }

            .light_theme .header_menu {
                background: #052d46
            }

            .light_theme .transcend-retail-header .header_menu .header_menu_link {
                color: #fff
            }

            .transcend-retail-header .header_menu_link.has_dropdown {
                background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat 100%
            }

            .autoContent {
                padding: 0 15px
            }

            .btn_custom.btn_large {
                font-size: 1em;
                padding: 8px 20px
            }

            .footer-inner-right .footer-rightcontent {
                width: 45%
            }

            .footer-end-content {
                align-items: center;
                flex-direction: column;
                justify-content: center
            }

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

            .footer-end-content ul {
                flex-wrap: wrap;
                justify-content: center
            }

            .footer-inner-left ul {
                margin-bottom: 25px
            }

            .product_img i {
                min-width: 70px;
                width: 20%
            }

            .product_data {
                flex-direction: column-reverse;
                min-height: auto;
                padding: 20px 0
            }

            .product_img {
                margin-left: -16px;
                padding: 5.9% 10.5%
            }

            .product_data_left {
                width: 100%
            }

            .bg_shadow {
                left: -400px;
                top: -78px
            }

            .product_text {
                padding: 30px 15px 0;
                width: 100%
            }

            .pro_bg_box {
                height: 80%;
                max-width: none;
                top: 20%;
                width: 100%
            }

            .description.slider .headlines h2 {
                text-align: center
            }

            .product_slider_main .site_contain.container {
                margin-bottom: 0
            }

            .product_text h3 {
                font-size: 20px;
                text-align: center
            }

            .product_text p {
                font-size: 16px !important;
                text-align: center
            }

            .slider_container {
                margin-left: 0;
                padding: 0 15px
            }

            .pro_top_shade {
                height: auto;
                left: -15px;
                overflow: initial;
                top: -10px;
                width: calc(100% + 30px)
            }

            .pro_top_shade:after {
                filter: blur(92px);
                height: 124px;
                top: 84%;
                width: 135px
            }

            .pro_top_shade:before {
                background-size: 300px auto
            }

            .hm_products {
                overflow-x: hidden;
                overflow-y: initial
            }

            .product_list {
                margin-bottom: 80px
            }

            .headlines {
                padding-bottom: 40px
            }

            .headlines h2 {
                font-size: 2.5em;
                line-height: 1.2em
            }

            .services_list {
                padding-bottom: 100px
            }

            .slide-content .services_list {
                padding-bottom: 0
            }

            .slide-content .leftSection {
                margin-top: -30px
            }

            .slide-content,
            .static-slide {
                display: block !important
            }

            .full-width {
                margin-left: 0 !important
            }

            .rightSection .services_list {
                padding-bottom: 0
            }

            .services_list ul li {
                width: 100%
            }

            .services_list ul {
                border-right: 0
            }

            .hm_exp_inner {
                padding-top: 150px
            }

            .exp_video {
                height: 320px;
                width: 320px
            }

            .hm_exp_inner:after {
                bottom: auto;
                height: 398px;
                top: -20px
            }

            .exp_moved_vactor {
                height: 500px;
                margin-left: -250px;
                top: -82px;
                width: 500px
            }

            .exp_years ul {
                justify-content: center
            }

            .hm_experience {
                margin-bottom: 100px
            }

            .wrapper {
                overflow-x: hidden
            }

            .swiper-button-next,
            .swiper-button-prev {
                background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M9.57 18.07 3.5 12l6.07-6.07M20.5 12H3.67'/%3E%3C/svg%3E") no-repeat 50%;
                background-color: #fff !important;
                border: 1px solid transparent !important;
                border-radius: 100px !important;
                bottom: 5px !important;
                display: block !important;
                height: 40px !important;
                margin: 0 !important;
                top: auto !important;
                width: calc(50% - 25px) !important
            }

            .swiper-button-next {
                background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M14.43 5.93 20.5 12l-6.07 6.07M3.5 12h16.83'/%3E%3C/svg%3E") no-repeat 50%
            }

            .swiper-button-next.swiper-button-lock,
            .swiper-button-next:after,
            .swiper-button-prev.swiper-button-lock,
            .swiper-button-prev:after {
                display: none !important
            }

            .swiper-button-next:hover,
            .swiper-button-prev:hover {
                opacity: .8 !important
            }

            .ptab_imgContent .border_tab_content:before {
                height: calc(100% - 40px)
            }

            .hm_insights {
                padding-bottom: 50px
            }

            .hfooter-content {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch
            }

            .hfooter-content ul {
                justify-content: flex-start
            }

            .hfooter-content ul li {
                padding-right: 40px !important
            }

            .hfooter-content ul li span svg {
                max-height: 40px;
                max-width: 140px
            }

            .footer-bg {
                height: 100px
            }

            .subMenu_dropdown_auto:after {
                display: none
            }

            .subMenu_dropdown_auto {
                display: block;
                padding: 0
            }

            .subMenu_list {
                padding: 0 0 30px;
                width: 100%
            }

            .subMenu_pop_right {
                padding: 0;
                width: 100%
            }

            .subMenu_list ul li strong {
                font-size: 1.2em
            }

            .subMenu_list ul li span {
                font-size: 1em
            }

            .subMenu_avatar {
                height: 200px;
                width: 200px
            }

            .sbMenuClose {
                background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19' fill='none' viewBox='0 0 24 19'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.354 9.993 21.333.014M9.348 17.998 1.353 9.993l8.005-7.995'/%3E%3C/svg%3E") no-repeat 50%;
                display: block;
                height: 42px;
                left: 14px;
                position: absolute;
                top: 8px;
                width: 42px;
                z-index: 3
            }

            .subMenu_dropdown {
                background: rgba(1, 4, 18, .5);
                display: block;
                height: 100%;
                left: -100%;
                opacity: 0;
                overflow: hidden;
                padding-top: 60px;
                position: fixed;
                top: 0;
                transition: all .3s ease;
                visibility: hidden;
                width: 100%
            }

            .subMenu_dropdown.active {
                left: 0;
                opacity: 1;
                visibility: visible
            }

            .subMenu_dropdown_inner {
                max-height: calc(100vh - 60px);
                padding: 0 0 50px
            }

            .dropdownOverlay {
                display: none
            }

            .subMenu_list ul li {
                margin-bottom: 0;
                padding-bottom: 0
            }

            .subMenu_list ul li a {
                padding: 10px 15px
            }

            .hmps_list .pro_bg_box {
                height: 100%;
                top: 0
            }

            .hmps_proImg img {
                max-width: 80%
            }

            .hmps_proImg {
                min-height: 0;
                padding-bottom: 0
            }

            .pro_tabsBtn {
                font-size: 12px;
                padding-left: 10px;
                padding-right: 10px
            }

            .pro_tabsBtns_box {
                width: calc(100% - 20px)
            }

            .about_banner_inner {
                margin-top: 30px;
                padding-bottom: 100px;
                padding-top: 40px
            }

            .tabsStyle2 .nav-tabs .nav-link {
                font-size: 1.25em;
                padding: 10px
            }

            .border_tab_content {
                padding: 15px
            }

            .about_adaptive {
                display: block
            }

            .about_adaptive_left {
                max-width: none;
                padding-bottom: 10px !important;
                text-align: center !important;
                width: 100%
            }

            .about_adaptive_img {
                padding: 0 0 30px;
                width: 100%
            }

            .tabsStyle2 {
                padding-bottom: 100px
            }

            .about_exp_section {
                display: block;
                padding-bottom: 60px
            }

            .about_exp_left {
                padding: 0 0 40px;
                text-align: center;
                width: 100%
            }

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

            .about_exp_years {
                width: 100%
            }

            .about_exp_years ul {
                justify-content: center
            }

            .about_exp_years ul li {
                min-width: 50%;
                padding-bottom: 50px;
                text-align: center
            }

            .about_exp_years ul li h2 {
                font-size: 6em
            }

            .about_edge_list {
                padding-bottom: 80px
            }

            .about_edge_list ul {
                margin: 0 -10px
            }

            .about_edge_list>ul>li {
                padding: 0 10px 20px;
                width: 100%
            }

            .directors_list>ul {
                margin: 0 -10px
            }

            .directors_list>ul>li {
                padding: 0 10px 20px;
                width: 100%
            }

            .tab-content {
                padding-top: 30px
            }

            .managementTeam_list.directors_list>ul>li {
                width: 100%
            }

            .about_corporate_list>ul {
                margin: 0 -10px
            }

            .about_corporate_list>ul>li {
                padding: 0 10px 20px;
                width: 100%
            }

            .about_future {
                background: none;
                margin-bottom: 80px;
                padding: 20px
            }

            .nextPrev_row ul li {
                padding: 12px 0 12px 10px
            }

            .nextPrev_row ul li:not(:first-child) {
                margin-left: 10px;
                padding: 12px 0 12px 10px
            }

            .smr_moreLink i {
                background-position: 6px !important;
                background-size: 14px auto !important;
                height: 32px;
                width: 32px
            }

            .about_future_text p {
                padding-bottom: 30px
            }

            .edge_card {
                min-height: 0;
                padding: 20px
            }

            .testi_row {
                display: block;
                text-align: center
            }

            .testi_right {
                margin: auto auto -60px;
                width: 65%
            }

            .testi_info {
                width: 100%
            }

            .testi_info h3 {
                font-size: 2em;
                width: 100%
            }

            .testimonial_content {
                padding-bottom: 0
            }

            .site_contain.container {
                max-width: 100%
            }

            .buttonTitleClass {
                font-size: 14px !important;
                width: 40% !important
            }

            .banner_headlines {
                max-width: 100% !important;
                padding-bottom: 0;
                padding-top: 0;
                top: -14vh
            }

            .bannerClients.alternate {
                bottom: 0;
                position: relative
            }

            .servicing-banner.home-banner .banner_headlines {
                top: -14vh
            }

            .blogs-banner .banner_headlines {
                padding: 0 15px 0 0;
                top: 12vh
            }

            .description h2 {
                font-size: 30px !important;
                margin-top: 36px;
                width: 100% !important
            }

            .stats-section .stats {
                display: block !important;
                overflow: hidden;
                padding-left: 0;
                padding-right: 0;
                width: 110% !important
            }

            .headlines_box.inner {
                margin-top: 50px
            }

            .hm_banner {
                min-height: 60vh
            }

            .headlines_box span {
                padding: 3px 10px
            }

            .ourClientsBox {
                margin-bottom: 40px !important
            }

            .tabsStyle3 .nav-tabs .nav-link.active {
                width: 100%
            }

            .subMenu_list ul li {
                margin-left: 0
            }

            .testi_info .progress_row {
                justify-content: center
            }

            .corporate_card_data p {
                min-height: 0
            }

            .hm_banner {
                align-items: center;
                display: flex;
                justify-content: center
            }

            .about_banner_inner .headlines h2 {
                font-size: 3em
            }

            .product-content .headlines h3 {
                font-size: 2em;
                line-height: 1.4em;
                padding-bottom: 12px
            }

            .about_banner_inner .headlines ul {
                flex-wrap: wrap;
                gap: 10px
            }

            .hm_products_inner .product_list {
                margin-bottom: 0
            }

            .hm_products_inner {
                padding-bottom: 100px;
                padding-left: 15px;
                padding-right: 15px
            }

            .product-cards>ul {
                margin: 0 -10px
            }

            .product-cards>ul>li {
                padding: 0 10px 20px;
                width: 100%
            }

            .product-cards {
                padding-bottom: 40px
            }

            .product_corporate-list .about_corporate_list>ul>li,
            .product_services-list .services_list ul li {
                width: 100%
            }

            .product_corporate-list {
                padding: 0
            }

            .ptab2_region-inner ul li {
                width: 100%
            }

            .ptab2-inner-content {
                padding-left: 25px;
                padding-top: 10px
            }

            .ptab2_region-inner ul {
                padding: 0
            }

            .ptab2_region-inner button {
                font-size: 20px;
                padding: 9px 0 8px 20px
            }

            .prod_mobility .productTab_img img {
                padding: 0 0 20px
            }

            .mobility-inner-content p {
                padding-right: 0
            }

            .mobility-inner-list ul li {
                padding-left: 30px
            }

            .mobility-inner-list ul li:before {
                left: 0
            }

            .pro-detail-works .pdetail-banner-inner {
                padding-top: 90px
            }

            .product_detail-content .product_corporate-list h3 {
                font-size: 6em
            }

            .pdetail-powerbyAI .headlines {
                padding: 0
            }

            .product_detail-content .headlines h2 {
                font-size: 3em
            }

            .pdetail-powerbyAI {
                padding-bottom: 90px
            }

            .pedge-card-content {
                padding: 0
            }

            .pedge-card-img {
                display: none
            }

            .product_edge-card .headlines h2 {
                padding-left: 0;
                padding-right: 0
            }

            .footer-inner-end .autoContent {
                padding: 0
            }

            .footer_glob {
                height: 200px !important
            }

            .appex_plist-content .about_corporate_list>ul>li h4 {
                min-height: 0
            }

            .appexNow_content.product-content .headlines h3 {
                margin: 0
            }

            .appex_plist-content .corporate_card_data {
                text-align: center
            }

            .appexlist-img h3 {
                font-size: 1.8em
            }

            .pdetail-banner-inner .headlines h2,
            .pdetail-powerbyAI .headlines h2 {
                font-size: 3em
            }

            .blogs_list ul li {
                width: 100%
            }

            .blogdetail-inner {
                flex-direction: column
            }

            .blog_detailImg {
                height: 100%
            }

            .blog-headlines h3 {
                font-size: 2em;
                line-height: 1.4em
            }

            .blog_txt h6 {
                padding-bottom: 15px
            }

            .blog_tabs .nav-tabs .nav-link {
                font-size: 1.25em
            }

            .blog_tabs .nav.nav-tabs {
                flex-wrap: nowrap;
                overflow-x: auto;
                overflow-y: hidden;
                padding-bottom: 10px
            }

            .blog_tabs .nav.nav-tabs li {
                white-space: nowrap
            }

            .blog-searchtab {
                padding: 15px 0
            }

            .rightblog-tablist ul {
                align-items: center;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: center;
                overflow-x: auto;
                overflow-y: hidden;
                padding-bottom: 10px
            }

            .rightblog-tablist ul li {
                white-space: nowrap
            }

            .pos_row {
                padding-bottom: 80px
            }

            .pos_img,
            .pos_row.flex-row-reverse .headlines,
            .pos_text {
                width: 100%
            }

            .pos_img {
                padding-bottom: 30px
            }

            .pos_features_row {
                margin: 0;
                padding-bottom: 40px
            }

            .pos_features_col {
                padding: 0 0 40px;
                width: 100%
            }

            .pos_features_col ul li {
                font-size: 1.2em
            }

            .headlines h4,
            .pos_features_col h4 {
                font-size: 1.8em
            }

            .pos_row .headlines {
                max-width: none
            }

            .pos_features_ul li:before {
                background-size: 14px auto !important;
                height: 20px;
                top: 1px;
                width: 20px
            }

            .service_centerImg,
            .services_inner-list .nav-link.active:before {
                display: none
            }

            .services-inner-content .services_inner-list li,
            .services_explore ul li {
                padding-left: 0;
                padding-right: 0;
                width: 100%
            }

            .services_banner-inner.about_banner_inner {
                padding-bottom: 10px
            }

            .services-inner-content {
                padding-bottom: 60px
            }

            .service_portfolio .swiper-wrapper {
                padding-bottom: 20px
            }

            .services_explore .pedge-card-content ul li:before {
                height: 10px;
                width: 10px
            }

            .service-benefit li,
            .service_app-content .service_tab {
                width: 100%
            }

            .service_content-reverse {
                flex-direction: column-reverse
            }

            .service_card-content {
                padding: 0
            }

            .service-benefit .edge_card:before {
                left: 0
            }

            .expertise-tabs ul li {
                padding-bottom: 10px
            }

            .cardW {
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
                border-top-right-radius: 0
            }

            .offices_section {
                margin-bottom: 60px
            }

            .offices_slider_main .swiper-wrapper {
                padding-bottom: 60px
            }

            .offices_slider_main .swiper-button-prev {
                background-color: #fff !important;
                background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M9.57 18.07 3.5 12l6.07-6.07M20.5 12H3.67'/%3E%3C/svg%3E") no-repeat 50%
            }

            .offices_slider_main .swiper-button-next,
            .offices_slider_main .swiper-button-prev {
                border-radius: 100px;
                bottom: 0;
                display: block;
                height: 40px;
                margin: 0;
                top: auto;
                width: 44%
            }

            .offices_slider_main .swiper-button-next {
                background-color: #fff !important;
                background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M14.43 5.93 20.5 12l-6.07 6.07M3.5 12h16.83'/%3E%3C/svg%3E") no-repeat 50%
            }

            .offices_slider_main .swiper-button-next:after,
            .offices_slider_main .swiper-button-next:before {
                display: none
            }

            .offices_slider_main .swiper-button-next::hover {
                opacity: .8
            }

            .swiper-button-prev:after,
            .swiper-rtl .swiper-button-next:after {
                display: none
            }

            .services_explore .pedge-card-content ul li {
                padding: 10px 10px 10px 20px
            }

            .service-appInner>ul {
                margin: 0 -10px
            }

            .service-appInner>ul>li {
                padding: 10px
            }

            .service-appInner>ul>li img,
            .service_card>ul>li img {
                max-height: 30px;
                max-width: 60px
            }

            .service-benefit {
                padding-bottom: 0
            }

            .service_portfolio .headlines {
                padding-bottom: 20px
            }

            .service-appInner ul li {
                padding-right: 20px
            }

            .expertise-tabs ul li:after {
                display: none
            }

            .services_application-tabs {
                padding: 20px 0
            }

            .portfolio-inner {
                padding: 20px
            }

            .mob_has_marque,
            .ourClientsBox {
                overflow: hidden
            }

            .mob_has_marque ul,
            .ourClientsBox ul {
                display: table;
                overflow: hidden;
                table-layout: fixed;
                white-space: nowrap
            }

            .mob_has_marque ul li,
            .ourClientsBox ul li {
                display: table-cell;
                vertical-align: middle
            }

            @keyframes marquee {
                0% {
                    transform: translateX(50%)
                }

                to {
                    transform: translateX(-100%)
                }
            }

            .mob_has_marque ul,
            .ourClientsBox ul {
                animation: marquee 14s linear infinite;
                animation-play-state: running
            }

            .mob_has_marque ul:hover,
            .ourClientsBox ul:hover {
                animation-play-state: paused
            }

            .proAscent_highlighted_cards .pedge-card-content {
                padding-bottom: 20px !important
            }

            .proAscent_highlighted_cards .edge_card {
                min-height: 0 !important
            }

            .mark_text {
                position: relative;
                width: 100%
            }

            .mark_img {
                width: 90% !important
            }

            .mark_img svg {
                height: 495px !important;
                width: 495px !important
            }

            .leftSection {
                margin-top: -110px
            }

            .ourClientsBox {
                margin-top: 0;
                text-align: center
            }

            .partner_badge {
                margin: auto;
                text-align: center
            }

            .partner_section {
                display: block;
                padding: 40px 0
            }

            .aws_partner .cta_tab {
                margin-top: 0;
                text-align: center
            }

            .tabsStyle3 .nav-fill .nav-item:nth-child(4),
            .tabsStyle3 .nav-fill .nav-item:nth-child(5) {
                margin-top: 20px;
                text-align: center
            }

            .tabsStyle3 .nav-tabs {
                width: 80%
            }

            .experience-section .description {
                max-width: 105% !important
            }

            .experience-section .description .headlines h2 {
                margin-left: 0
            }

            .experience-section .description {
                margin-top: -4vh !important
            }

            .booking-activation-section {
                flex-direction: column
            }

            .text-container .headlines.pb-0.text-start {
                text-align: center !important
            }

            .mobile-slider .swiper-button-prev,
            .swiper-rtl .swiper-button-next {
                position: relative
            }

            .headlines_box {
                padding: 8px 20px
            }

            .mainbox {
                width: 100%
            }

            .firstparagraph {
                float: left;
                font-size: 14px;
                width: 100%
            }

            article#post-7947 p {
                font-size: 14px
            }

            .artboxtxt {
                display: inline-block;
                font-size: 17px
            }

            .quotetxt {
                font-size: 30px
            }

            .imageparagraph {
                float: left;
                width: 100%
            }

            .imageright {
                width: 100%
            }

            .artboxlft {
                padding-bottom: 40px;
                width: 100%
            }

            .artboxrgt {
                width: 100%
            }

            .artboxfull {
                display: block;
                margin-bottom: 30px
            }

            .artboxfull2 {
                margin-bottom: 160px
            }

            .frame-main .hm_banner {
                max-height: 75vh;
                min-height: 75vh
            }

            .transcend-card .image-container img {
                margin-bottom: 20px !important
            }

            .headlines p {
                font-size: 16px;
                line-height: 25px
            }

            .review.py-5.reviews-slide {
                margin-top: 0;
                padding-top: 3rem !important
            }

            .filter-main .search-container {
                box-shadow: none;
                padding: 0
            }

            .filter-main {
                padding: 20px
            }

            .filter-main .search-container .border-end {
                align-content: center;
                align-items: center;
                border-bottom: var(--s-border-width) var(--bs-border-style) #d5d5d5 !important;
                border-right: none !important;
                display: flex;
                flex-wrap: wrap;
                margin-bottom: 10px
            }

            .filter-main .search-container .tags-headline {
                width: 100%
            }

            .filter-main .tags-headline.dropdown-toggle {
                display: block
            }

            .search-container .text-black .btn_custom.btn_about {
                margin-top: 10px;
                width: 30%
            }

            .main-container.retailArticle .article {
                margin: 30px 0
            }

            .content-details p img {
                width: 100% !important
            }
        }

        @media (min-width:500px) and (max-width:767px) {
            .services_list ul li {
                width: 50% !important
            }

            .experience-section {
                align-items: center;
                flex-direction: column;
                margin-top: -10% !important;
                padding: 0 !important
            }

            .stats {
                margin-bottom: 20px
            }

            .partner_badge img {
                width: 25%
            }

            .stat-box {
                height: auto;
                max-width: 33%;
                width: 100%
            }

            .stat-box h2 {
                font-size: 50px !important
            }

            .stat-box p {
                font-size: 15px !important
            }

            .experience-button {
                margin-bottom: 10px
            }

            .mark_img {
                width: 100% !important
            }

            .mark_img svg {
                height: 390px !important;
                width: 390px !important
            }

            .play_icon img {
                border-radius: 90px;
                bottom: 15%;
                height: 50px;
                position: absolute;
                right: 28%;
                width: 50px !important;
                z-index: 1000
            }

            button.play_icon {
                background: none;
                border: none;
                bottom: 10%;
                position: absolute;
                right: 28%
            }

            .product_services-list {
                max-width: 100% !important
            }
        }

        @media only screen and (max-width:568px) {
            .product_img_lines img {
                margin-top: -7vh
            }

            .main-container.retailArticle .article {
                margin-bottom: 110px
            }

            .main-container.retailArticle .article:last-child {
                margin-bottom: 30px
            }

            span.product_img_lines {
                display: inline-block;
                left: 30%;
                max-width: 60%;
                position: absolute;
                width: 100%;
                z-index: 0
            }

            .artboxnew .artboxnum {
                margin-bottom: 8%;
                padding-left: 0
            }

            .headlines h2 {
                margin-bottom: 0 !important
            }

            .stat-box {
                height: auto;
                max-width: 50%;
                scale: none !important;
                transform: translate(0) !important;
                width: 100%
            }

            .stats {
                flex-wrap: wrap;
                justify-content: center;
                margin-bottom: 20px;
                white-space: normal !important
            }

            .services-list_outer .services_list_inner ul li {
                padding: 15px 0;
                width: 100% !important
            }

            .testi_row p {
                font-size: 13px;
                line-height: 20px;
                width: 100%
            }

            .mark_row.flex-row-reverse .headlines,
            .testi_row.d-flex.align-items-center.flex-wrap .headlines {
                max-width: none;
                width: 100%
            }

            .mark_img img,
            .test_img img {
                margin: 0 auto
            }

            .services_trans.inner_services.stat {
                padding: 0
            }

            .finance_lease {
                padding: 20px 0
            }

            .mark_img {
                width: 100% !important
            }

            .mark_img svg {
                height: 390px !important;
                width: 390px !important
            }

            .play_icon img {
                border-radius: 90px;
                bottom: 15%;
                height: 50px;
                position: absolute;
                right: 28%;
                width: 50px !important;
                z-index: 1000
            }

            .tabsStyle3 .nav-tabs .nav-link {
                font-size: 12px;
                padding: 5px 12px
            }

            .headlines {
                padding-bottom: 20px
            }

            .headlines h2 {
                font-size: 20px !important;
                line-height: 1.2em
            }

            .inner_text p {
                font-size: 16px !important
            }

            .headlines h3 {
                font-size: 20px
            }

            .pos_text .btn_custom.btn_about {
                color: #000;
                margin-bottom: 20px;
                width: 200px
            }

            .client_heading {
                font-size: 20px
            }

            .experience-section .description {
                max-width: 100% !important
            }

            .experience-section[data-v-e08dea8f] {
                padding: 0;
                position: relative
            }

            .experience-section .description .headlines h2 {
                font-size: 30px !important;
                margin-top: 0
            }

            .experience-section {
                margin-top: -20%
            }

            .partner_badge img {
                width: 25%
            }

            .experience-section .description {
                margin-top: 0 !important
            }

            .artboxnew {
                display: block
            }

            .artboxtxt {
                line-height: 20px;
                margin: 0;
                width: 100%
            }

            .blog-content-wrapper .content-details p {
                line-height: 30px
            }

            .testi_reviewBy h2 {
                font-size: 20px
            }

            .image {
                left: 0 !important;
                margin: auto !important;
                max-width: 100% !important
            }

            .quotationcls.Newquotationcls .quotetxt {
                font-size: 20px;
                font-weight: 600;
                line-height: 25px
            }

            .quotationcls.quotationBg .quotetxt {
                display: block;
                font-size: 20px;
                font-weight: 400;
                line-height: 25px;
                width: 100%
            }
        }

        @media only screen and (max-width:460px) {
            .image-toggle-section {
                padding: 0
            }

            .mainTabs .componentContainer {
                padding-top: 0 !important
            }

            .static-slide .leftSection {
                margin-top: -110px !important
            }

            .bannerClients.alternate {
                bottom: 60px
            }

            .lottie-animation {
                width: 80%
            }

            .stat-box {
                height: auto;
                max-width: 100%;
                scale: none !important;
                transform: translate(0) !important;
                width: 100% !important
            }

            .servicing-banner.home-banner.main-b .banner_headlines h1 {
                display: block !important;
                font-size: 25px !important
            }

            .background-Image.hm_banner.retail_banner {
                max-height: 50vh;
                min-height: 50vh
            }

            .bg-shadow_full:before {
                min-height: 100vh;
                top: -33px;
                width: 100vw
            }

            .lottie-animation2 {
                width: 35% !important
            }

            .top-button-slot .lottie-animation2 {
                height: 100px !important;
                width: 100px !important
            }

            .top-button-slot {
                margin-top: 30vh
            }

            .accordion-section .description .headlines h2,
            .description.slider .headlines h2,
            .innovation-section .headlines h2 {
                font-size: 25px !important
            }

            .testimonial-section {
                padding: 0 !important
            }

            .tab_toggle {
                top: -30px !important
            }

            .description.slider .headlines h2 {
                margin-top: 0
            }

            section.product_slider_main {
                margin-bottom: 20px;
                padding: 0 0 50px
            }

            .bg_shadow {
                left: -200px;
                top: -60px
            }

            .product_text {
                height: 230px
            }

            .swiper.retail-slider .swiper-pagination {
                bottom: 45px !important
            }

            .headlines.pb-0.text-start {
                width: 100% !important
            }

            .services_trans {
                padding: 30px 0
            }

            .stat-box h2 {
                font-size: 30px !important
            }

            .stat-box p {
                font-size: 16px !important
            }

            .experience-section {
                margin-top: 0 !important;
                padding: 0 !important;
                position: relative
            }

            .product_img_lines img {
                margin-top: -18vh
            }

            .experience-section .description {
                margin-top: -8vh !important
            }

            .newsletter-form {
                align-items: normal
            }

            .newsletter-form form {
                display: block
            }

            .actions {
                justify-content: flex-start;
                margin-top: 5%
            }

            .newsletter-form form .hs-button {
                width: 130px
            }

            .quotationcls.quotationBg .quotetxt {
                padding-left: 12px
            }

            .quotationcls.quotationBg .quoteimg {
                padding-left: 10px;
                width: 55px
            }

            .quotationBg .quotewriter {
                font-size: 14px;
                text-align: right
            }

            .quotationBg .writer-name {
                font-size: 18px
            }

            .artboxnumb {
                font-size: 30px
            }
        }

        @media (min-width:430px) and (max-width:500px) {
            .static-slide .leftSection {
                margin-top: -110px !important
            }

            .banner_headlines {
                padding-bottom: 0;
                padding-top: 0;
                top: -25vw
            }

            .services_box {
                text-align: center !important
            }

            .product_services-list .services_list ul li {
                padding: 15px 20px;
                width: 100%
            }

            .product_services-list .services_list span {
                margin: auto
            }

            .text-container .headlines p {
                line-height: 25px
            }

            .text-container h3 {
                margin-bottom: 0;
                margin-top: 15px
            }

            .banner_cta {
                margin-top: 15px
            }

            .bannerClients {
                margin: 45px 0
            }

            .slide {
                min-width: 100px
            }

            .headlines {
                padding-bottom: 20px
            }

            .stats {
                margin-bottom: 40px
            }

            .mark_img {
                width: 100% !important
            }

            .mark_img svg {
                height: 390px !important;
                width: 390px !important
            }

            .description h2,
            .why-netsol .description h2 {
                font-size: 20px !important;
                width: 100% !important
            }

            .services_trans.inner_services.stat .description h2 {
                padding: 40px 40px 0
            }

            .aiSection h2 {
                line-height: 36px !important;
                padding: 15px 0 !important
            }

            .aiSection h2,
            .review h5 {
                font-size: 20px !important
            }

            .servicing_text .headlines h2 {
                font-size: 20px
            }

            .servicing_text {
                margin: 0 auto;
                width: 100%
            }

            .tabsStyle3 .nav-tabs {
                width: 100%
            }

            .image img {
                display: block;
                margin: auto;
                width: 60% !important
            }

            button.play_icon {
                background: none;
                border: none;
                bottom: 12%;
                position: absolute;
                right: 28%
            }
        }

        @media only screen and (max-width:430px) {
            .banner_headlines {
                padding-bottom: 0;
                padding-top: 0;
                top: -25vw
            }

            .why-netsol.accordion_data .description h2 {
                font-size: 20px
            }

            .servicing-banner.home-banner.main-b.endSec .banner_headlines {
                top: -25vw
            }

            .servicing-banner.home-banner.main-b .banner_headlines h1 {
                display: block !important;
                font-size: 25px !important
            }

            .description h2,
            .why-netsol .description h2 {
                font-size: 20px !important;
                width: 100% !important
            }

            .product_services-list .services_list ul li {
                padding: 15px 20px;
                width: 100%
            }

            .product_services-list .services_list span {
                margin: auto
            }

            .services_box {
                text-align: center !important
            }

            .banner_cta {
                margin-top: 15px
            }

            .bannerClients {
                margin: 45px 0
            }

            .slide {
                min-width: 100px
            }

            .headlines {
                padding-bottom: 20px
            }

            .stats {
                margin-bottom: 40px
            }

            .tabsStyle3 .nav-fill .nav-item,
            .tabsStyle3 .nav-tabs {
                width: 100%
            }

            .tabsStyle3 .nav-tabs .nav-link {
                margin-bottom: 13px;
                width: 100%
            }

            .tabsStyle3 .nav-fill .nav-item:nth-child(4),
            .tabsStyle3 .nav-fill .nav-item:nth-child(5) {
                margin-top: 0;
                text-align: center
            }

            .background-Image {
                background-position: 100%
            }

            .text-container .headlines p {
                line-height: 25px
            }

            .text-container h3 {
                margin-bottom: 0;
                margin-top: 15px
            }

            .text-container p {
                font-size: 14px !important;
                margin-bottom: 20px
            }

            .booking-activation-section {
                padding: 0
            }

            .mobile-slider .swiper-button-prev,
            .swiper-rtl .swiper-button-next {
                margin-top: 4% !important;
                position: relative
            }

            button.play_icon {
                background: none;
                border: none;
                bottom: 12%;
                position: absolute;
                right: 28%
            }
        }

        @media only screen and (max-width:400px) {
            .mark_img {
                margin-right: 5%
            }

            .servicing-banner.home-banner.main-b.endSec .banner_headlines {
                top: -25vh
            }
        }

        @media only screen and (max-width:390px) {
            a.btn_custom.mob-btn {
                display: block;
                margin: 3% auto auto;
                width: 200px
            }

            .home-banner.main-b a.btn_custom.mob-btn {
                width: auto
            }

            .background-Image.hm_banner.retail_banner {
                min-height: 68vh
            }

            .servicing-banner.home-banner .banner_headlines {
                top: -24vh
            }
        }

        @media only screen and (max-width:320px) {
            .background-Image.hm_banner.retail_banner {
                min-height: 70vh
            }

            .mobile-clients-container {
                margin-top: 100px
            }

            .servicing-banner.home-banner .banner_headlines {
                top: -27vh
            }
        }
    </style>
    <style>
        .iti {
            display: inline-block;
            position: relative
        }

        .iti * {
            box-sizing: border-box
        }

        .iti__hide {
            display: none
        }

        .iti__v-hide {
            visibility: hidden
        }

        .iti input.iti__tel-input,
        .iti input.iti__tel-input[type=tel],
        .iti input.iti__tel-input[type=text] {
            margin-bottom: 0 !important;
            margin-right: 0;
            margin-top: 0 !important;
            padding-right: 36px;
            position: relative;
            z-index: 0
        }

        .iti__flag-container {
            bottom: 0;
            padding: 1px;
            position: absolute;
            right: 0;
            top: 0
        }

        .iti__selected-flag {
            align-items: center;
            display: flex;
            height: 100%;
            padding: 0 6px 0 8px;
            position: relative;
            z-index: 1
        }

        .iti__arrow {
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555;
            height: 0;
            margin-left: 6px;
            width: 0
        }

        [dir=rtl] .iti__arrow {
            margin-left: 0;
            margin-right: 6px
        }

        .iti__arrow--up {
            border-bottom: 4px solid #555;
            border-top: none
        }

        .iti__dropdown-content {
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
            margin-left: -1px;
            max-height: 200px;
            overflow-y: scroll;
            position: absolute;
            z-index: 2;
            -webkit-overflow-scrolling: touch
        }

        .iti__dropdown-content--dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .iti__search-input {
            border-width: 0;
            width: 100%
        }

        .iti__country-list {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .iti--flexible-dropdown-width .iti__country-list {
            white-space: nowrap
        }

        @media (max-width:500px) {
            .iti--flexible-dropdown-width .iti__country-list {
                white-space: normal
            }
        }

        .iti__flag-box {
            display: inline-block;
            width: 20px
        }

        .iti__divider {
            border-bottom: 1px solid #ccc;
            margin-bottom: 5px;
            padding-bottom: 5px
        }

        .iti__country {
            align-items: center;
            display: flex;
            outline: none;
            padding: 5px 10px
        }

        .iti__dial-code {
            color: #999
        }

        .iti__country.iti__highlight {
            background-color: rgba(0, 0, 0, .05)
        }

        .iti__country-name,
        .iti__flag-box {
            margin-right: 6px
        }

        [dir=rtl] .iti__country-name,
        [dir=rtl] .iti__flag-box {
            margin-left: 6px;
            margin-right: 0
        }

        .iti--allow-dropdown input.iti__tel-input,
        .iti--allow-dropdown input.iti__tel-input[type=tel],
        .iti--allow-dropdown input.iti__tel-input[type=text],
        .iti--separate-dial-code input.iti__tel-input,
        .iti--separate-dial-code input.iti__tel-input[type=tel],
        .iti--separate-dial-code input.iti__tel-input[type=text] {
            margin-left: 0;
            padding-left: 52px;
            padding-right: 6px
        }

        [dir=rtl] .iti--allow-dropdown input.iti__tel-input,
        [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
        [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
        [dir=rtl] .iti--separate-dial-code input.iti__tel-input,
        [dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel],
        [dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text] {
            margin-right: 0;
            padding-left: 6px;
            padding-right: 52px
        }

        .iti--allow-dropdown .iti__flag-container,
        .iti--separate-dial-code .iti__flag-container {
            left: 0;
            right: auto
        }

        [dir=rtl] .iti--allow-dropdown .iti__flag-container,
        [dir=rtl] .iti--separate-dial-code .iti__flag-container {
            left: auto;
            right: 0
        }

        .iti--allow-dropdown .iti__flag-container:hover {
            cursor: pointer
        }

        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
            background-color: rgba(0, 0, 0, .05)
        }

        .iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,
        .iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover {
            cursor: default
        }

        .iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,
        .iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag {
            background-color: transparent
        }

        .iti--separate-dial-code .iti__selected-flag {
            background-color: rgba(0, 0, 0, .05)
        }

        .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
            margin-left: 6px
        }

        [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
            margin-left: 0;
            margin-right: 6px
        }

        .iti--container {
            left: -1000px;
            padding: 1px;
            position: absolute;
            top: -1000px;
            z-index: 1060
        }

        .iti--container:hover {
            cursor: pointer
        }

        .iti--fullscreen-popup.iti--container {
            background-color: rgba(0, 0, 0, .5);
            bottom: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            left: 0;
            padding: 30px;
            position: fixed;
            right: 0;
            top: 0
        }

        .iti--fullscreen-popup.iti--container.iti--country-search {
            justify-content: flex-start
        }

        .iti--fullscreen-popup .iti__dropdown-content {
            max-height: 100%;
            position: relative
        }

        .iti--fullscreen-popup .iti__country {
            line-height: 1.5em;
            padding: 10px
        }

        .iti__flag {
            width: 20px
        }

        .iti__flag.iti__be {
            width: 18px
        }

        .iti__flag.iti__ch {
            width: 15px
        }

        .iti__flag.iti__mc {
            width: 19px
        }

        .iti__flag.iti__ne {
            width: 18px
        }

        .iti__flag.iti__np {
            width: 13px
        }

        .iti__flag.iti__va {
            width: 15px
        }

        @media (-webkit-min-device-pixel-ratio:2),
        (min-resolution:2x) {
            .iti__flag {
                background-size: 5762px 15px
            }
        }

        .iti__flag.iti__ac {
            background-position: 0 0;
            height: 10px
        }

        .iti__flag.iti__ad {
            background-position: -22px 0;
            height: 14px
        }

        .iti__flag.iti__ae {
            background-position: -44px 0;
            height: 10px
        }

        .iti__flag.iti__af {
            background-position: -66px 0;
            height: 14px
        }

        .iti__flag.iti__ag {
            background-position: -88px 0;
            height: 14px
        }

        .iti__flag.iti__ai {
            background-position: -110px 0;
            height: 10px
        }

        .iti__flag.iti__al {
            background-position: -132px 0;
            height: 15px
        }

        .iti__flag.iti__am {
            background-position: -154px 0;
            height: 10px
        }

        .iti__flag.iti__ao {
            background-position: -176px 0;
            height: 14px
        }

        .iti__flag.iti__aq {
            background-position: -198px 0;
            height: 14px
        }

        .iti__flag.iti__ar {
            background-position: -220px 0;
            height: 13px
        }

        .iti__flag.iti__as {
            background-position: -242px 0;
            height: 10px
        }

        .iti__flag.iti__at {
            background-position: -264px 0;
            height: 14px
        }

        .iti__flag.iti__au {
            background-position: -286px 0;
            height: 10px
        }

        .iti__flag.iti__aw {
            background-position: -308px 0;
            height: 14px
        }

        .iti__flag.iti__ax {
            background-position: -330px 0;
            height: 13px
        }

        .iti__flag.iti__az {
            background-position: -352px 0;
            height: 10px
        }

        .iti__flag.iti__ba {
            background-position: -374px 0;
            height: 10px
        }

        .iti__flag.iti__bb {
            background-position: -396px 0;
            height: 14px
        }

        .iti__flag.iti__bd {
            background-position: -418px 0;
            height: 12px
        }

        .iti__flag.iti__be {
            background-position: -440px 0;
            height: 15px
        }

        .iti__flag.iti__bf {
            background-position: -460px 0;
            height: 14px
        }

        .iti__flag.iti__bg {
            background-position: -482px 0;
            height: 12px
        }

        .iti__flag.iti__bh {
            background-position: -504px 0;
            height: 12px
        }

        .iti__flag.iti__bi {
            background-position: -526px 0;
            height: 12px
        }

        .iti__flag.iti__bj {
            background-position: -548px 0;
            height: 14px
        }

        .iti__flag.iti__bl {
            background-position: -570px 0;
            height: 14px
        }

        .iti__flag.iti__bm {
            background-position: -592px 0;
            height: 10px
        }

        .iti__flag.iti__bn {
            background-position: -614px 0;
            height: 10px
        }

        .iti__flag.iti__bo {
            background-position: -636px 0;
            height: 14px
        }

        .iti__flag.iti__bq {
            background-position: -658px 0;
            height: 14px
        }

        .iti__flag.iti__br {
            background-position: -680px 0;
            height: 14px
        }

        .iti__flag.iti__bs {
            background-position: -702px 0;
            height: 10px
        }

        .iti__flag.iti__bt {
            background-position: -724px 0;
            height: 14px
        }

        .iti__flag.iti__bv {
            background-position: -746px 0;
            height: 15px
        }

        .iti__flag.iti__bw {
            background-position: -768px 0;
            height: 14px
        }

        .iti__flag.iti__by {
            background-position: -790px 0;
            height: 10px
        }

        .iti__flag.iti__bz {
            background-position: -812px 0;
            height: 12px
        }

        .iti__flag.iti__ca {
            background-position: -834px 0;
            height: 10px
        }

        .iti__flag.iti__cc {
            background-position: -856px 0;
            height: 10px
        }

        .iti__flag.iti__cd {
            background-position: -878px 0;
            height: 15px
        }

        .iti__flag.iti__cf {
            background-position: -900px 0;
            height: 14px
        }

        .iti__flag.iti__cg {
            background-position: -922px 0;
            height: 14px
        }

        .iti__flag.iti__ch {
            background-position: -944px 0;
            height: 15px
        }

        .iti__flag.iti__ci {
            background-position: -961px 0;
            height: 14px
        }

        .iti__flag.iti__ck {
            background-position: -983px 0;
            height: 10px
        }

        .iti__flag.iti__cl {
            background-position: -1005px 0;
            height: 14px
        }

        .iti__flag.iti__cm {
            background-position: -1027px 0;
            height: 14px
        }

        .iti__flag.iti__cn {
            background-position: -1049px 0;
            height: 14px
        }

        .iti__flag.iti__co {
            background-position: -1071px 0;
            height: 14px
        }

        .iti__flag.iti__cp {
            background-position: -1093px 0;
            height: 14px
        }

        .iti__flag.iti__cq {
            background-position: -1115px 0;
            height: 12px
        }

        .iti__flag.iti__cr {
            background-position: -1137px 0;
            height: 12px
        }

        .iti__flag.iti__cu {
            background-position: -1159px 0;
            height: 10px
        }

        .iti__flag.iti__cv {
            background-position: -1181px 0;
            height: 12px
        }

        .iti__flag.iti__cw {
            background-position: -1203px 0;
            height: 14px
        }

        .iti__flag.iti__cx {
            background-position: -1225px 0;
            height: 10px
        }

        .iti__flag.iti__cy {
            background-position: -1247px 0;
            height: 14px
        }

        .iti__flag.iti__cz {
            background-position: -1269px 0;
            height: 14px
        }

        .iti__flag.iti__de {
            background-position: -1291px 0;
            height: 12px
        }

        .iti__flag.iti__dg {
            background-position: -1313px 0;
            height: 10px
        }

        .iti__flag.iti__dj {
            background-position: -1335px 0;
            height: 14px
        }

        .iti__flag.iti__dk {
            background-position: -1357px 0;
            height: 15px
        }

        .iti__flag.iti__dm {
            background-position: -1379px 0;
            height: 10px
        }

        .iti__flag.iti__do {
            background-position: -1401px 0;
            height: 14px
        }

        .iti__flag.iti__dz {
            background-position: -1423px 0;
            height: 14px
        }

        .iti__flag.iti__ea {
            background-position: -1445px 0;
            height: 14px
        }

        .iti__flag.iti__ec {
            background-position: -1467px 0;
            height: 14px
        }

        .iti__flag.iti__ee {
            background-position: -1489px 0;
            height: 13px
        }

        .iti__flag.iti__eg {
            background-position: -1511px 0;
            height: 14px
        }

        .iti__flag.iti__eh {
            background-position: -1533px 0;
            height: 10px
        }

        .iti__flag.iti__er {
            background-position: -1555px 0;
            height: 10px
        }

        .iti__flag.iti__es {
            background-position: -1577px 0;
            height: 14px
        }

        .iti__flag.iti__et {
            background-position: -1599px 0;
            height: 10px
        }

        .iti__flag.iti__eu {
            background-position: -1621px 0;
            height: 14px
        }

        .iti__flag.iti__ez {
            background-position: -1643px 0;
            height: 14px
        }

        .iti__flag.iti__fi {
            background-position: -1665px 0;
            height: 12px
        }

        .iti__flag.iti__fj {
            background-position: -1687px 0;
            height: 10px
        }

        .iti__flag.iti__fk {
            background-position: -1709px 0;
            height: 10px
        }

        .iti__flag.iti__fm {
            background-position: -1731px 0;
            height: 11px
        }

        .iti__flag.iti__fo {
            background-position: -1753px 0;
            height: 15px
        }

        .iti__flag.iti__fr {
            background-position: -1775px 0;
            height: 14px
        }

        .iti__flag.iti__fx {
            background-position: -1797px 0;
            height: 14px
        }

        .iti__flag.iti__ga {
            background-position: -1819px 0;
            height: 15px
        }

        .iti__flag.iti__gb {
            background-position: -1841px 0;
            height: 10px
        }

        .iti__flag.iti__gd {
            background-position: -1863px 0;
            height: 12px
        }

        .iti__flag.iti__ge {
            background-position: -1885px 0;
            height: 14px
        }

        .iti__flag.iti__gf {
            background-position: -1907px 0;
            height: 14px
        }

        .iti__flag.iti__gg {
            background-position: -1929px 0;
            height: 14px
        }

        .iti__flag.iti__gh {
            background-position: -1951px 0;
            height: 14px
        }

        .iti__flag.iti__gi {
            background-position: -1973px 0;
            height: 10px
        }

        .iti__flag.iti__gl {
            background-position: -1995px 0;
            height: 14px
        }

        .iti__flag.iti__gm {
            background-position: -2017px 0;
            height: 14px
        }

        .iti__flag.iti__gn {
            background-position: -2039px 0;
            height: 14px
        }

        .iti__flag.iti__gp {
            background-position: -2061px 0;
            height: 14px
        }

        .iti__flag.iti__gq {
            background-position: -2083px 0;
            height: 14px
        }

        .iti__flag.iti__gr {
            background-position: -2105px 0;
            height: 14px
        }

        .iti__flag.iti__gs {
            background-position: -2127px 0;
            height: 10px
        }

        .iti__flag.iti__gt {
            background-position: -2149px 0;
            height: 13px
        }

        .iti__flag.iti__gu {
            background-position: -2171px 0;
            height: 11px
        }

        .iti__flag.iti__gw {
            background-position: -2193px 0;
            height: 10px
        }

        .iti__flag.iti__gy {
            background-position: -2215px 0;
            height: 12px
        }

        .iti__flag.iti__hk {
            background-position: -2237px 0;
            height: 14px
        }

        .iti__flag.iti__hm {
            background-position: -2259px 0;
            height: 10px
        }

        .iti__flag.iti__hn {
            background-position: -2281px 0;
            height: 10px
        }

        .iti__flag.iti__hr {
            background-position: -2303px 0;
            height: 10px
        }

        .iti__flag.iti__ht {
            background-position: -2325px 0;
            height: 12px
        }

        .iti__flag.iti__hu {
            background-position: -2347px 0;
            height: 10px
        }

        .iti__flag.iti__ic {
            background-position: -2369px 0;
            height: 14px
        }

        .iti__flag.iti__id {
            background-position: -2391px 0;
            height: 14px
        }

        .iti__flag.iti__ie {
            background-position: -2413px 0;
            height: 10px
        }

        .iti__flag.iti__il {
            background-position: -2435px 0;
            height: 15px
        }

        .iti__flag.iti__im {
            background-position: -2457px 0;
            height: 10px
        }

        .iti__flag.iti__in {
            background-position: -2479px 0;
            height: 14px
        }

        .iti__flag.iti__io {
            background-position: -2501px 0;
            height: 10px
        }

        .iti__flag.iti__iq {
            background-position: -2523px 0;
            height: 14px
        }

        .iti__flag.iti__ir {
            background-position: -2545px 0;
            height: 12px
        }

        .iti__flag.iti__is {
            background-position: -2567px 0;
            height: 15px
        }

        .iti__flag.iti__it {
            background-position: -2589px 0;
            height: 14px
        }

        .iti__flag.iti__je {
            background-position: -2611px 0;
            height: 12px
        }

        .iti__flag.iti__jm {
            background-position: -2633px 0;
            height: 10px
        }

        .iti__flag.iti__jo {
            background-position: -2655px 0;
            height: 10px
        }

        .iti__flag.iti__jp {
            background-position: -2677px 0;
            height: 14px
        }

        .iti__flag.iti__ke {
            background-position: -2699px 0;
            height: 14px
        }

        .iti__flag.iti__kg {
            background-position: -2721px 0;
            height: 12px
        }

        .iti__flag.iti__kh {
            background-position: -2743px 0;
            height: 13px
        }

        .iti__flag.iti__ki {
            background-position: -2765px 0;
            height: 10px
        }

        .iti__flag.iti__km {
            background-position: -2787px 0;
            height: 12px
        }

        .iti__flag.iti__kn {
            background-position: -2809px 0;
            height: 14px
        }

        .iti__flag.iti__kp {
            background-position: -2831px 0;
            height: 10px
        }

        .iti__flag.iti__kr {
            background-position: -2853px 0;
            height: 14px
        }

        .iti__flag.iti__kw {
            background-position: -2875px 0;
            height: 10px
        }

        .iti__flag.iti__ky {
            background-position: -2897px 0;
            height: 10px
        }

        .iti__flag.iti__kz {
            background-position: -2919px 0;
            height: 10px
        }

        .iti__flag.iti__la {
            background-position: -2941px 0;
            height: 14px
        }

        .iti__flag.iti__lb {
            background-position: -2963px 0;
            height: 14px
        }

        .iti__flag.iti__lc {
            background-position: -2985px 0;
            height: 10px
        }

        .iti__flag.iti__li {
            background-position: -3007px 0;
            height: 12px
        }

        .iti__flag.iti__lk {
            background-position: -3029px 0;
            height: 10px
        }

        .iti__flag.iti__lr {
            background-position: -3051px 0;
            height: 11px
        }

        .iti__flag.iti__ls {
            background-position: -3073px 0;
            height: 14px
        }

        .iti__flag.iti__lt {
            background-position: -3095px 0;
            height: 12px
        }

        .iti__flag.iti__lu {
            background-position: -3117px 0;
            height: 12px
        }

        .iti__flag.iti__lv {
            background-position: -3139px 0;
            height: 10px
        }

        .iti__flag.iti__ly {
            background-position: -3161px 0;
            height: 10px
        }

        .iti__flag.iti__ma {
            background-position: -3183px 0;
            height: 14px
        }

        .iti__flag.iti__mc {
            background-position: -3205px 0;
            height: 15px
        }

        .iti__flag.iti__md {
            background-position: -3226px 0;
            height: 10px
        }

        .iti__flag.iti__me {
            background-position: -3248px 0;
            height: 10px
        }

        .iti__flag.iti__mf {
            background-position: -3270px 0;
            height: 14px
        }

        .iti__flag.iti__mg {
            background-position: -3292px 0;
            height: 14px
        }

        .iti__flag.iti__mh {
            background-position: -3314px 0;
            height: 11px
        }

        .iti__flag.iti__mk {
            background-position: -3336px 0;
            height: 10px
        }

        .iti__flag.iti__ml {
            background-position: -3358px 0;
            height: 14px
        }

        .iti__flag.iti__mm {
            background-position: -3380px 0;
            height: 14px
        }

        .iti__flag.iti__mn {
            background-position: -3402px 0;
            height: 10px
        }

        .iti__flag.iti__mo {
            background-position: -3424px 0;
            height: 14px
        }

        .iti__flag.iti__mp {
            background-position: -3446px 0;
            height: 10px
        }

        .iti__flag.iti__mq {
            background-position: -3468px 0;
            height: 14px
        }

        .iti__flag.iti__mr {
            background-position: -3490px 0;
            height: 14px
        }

        .iti__flag.iti__ms {
            background-position: -3512px 0;
            height: 10px
        }

        .iti__flag.iti__mt {
            background-position: -3534px 0;
            height: 14px
        }

        .iti__flag.iti__mu {
            background-position: -3556px 0;
            height: 14px
        }

        .iti__flag.iti__mv {
            background-position: -3578px 0;
            height: 14px
        }

        .iti__flag.iti__mw {
            background-position: -3600px 0;
            height: 14px
        }

        .iti__flag.iti__mx {
            background-position: -3622px 0;
            height: 12px
        }

        .iti__flag.iti__my {
            background-position: -3644px 0;
            height: 10px
        }

        .iti__flag.iti__mz {
            background-position: -3666px 0;
            height: 14px
        }

        .iti__flag.iti__na {
            background-position: -3688px 0;
            height: 14px
        }

        .iti__flag.iti__nc {
            background-position: -3710px 0;
            height: 10px
        }

        .iti__flag.iti__ne {
            background-position: -3732px 0;
            height: 15px
        }

        .iti__flag.iti__nf {
            background-position: -3752px 0;
            height: 10px
        }

        .iti__flag.iti__ng {
            background-position: -3774px 0;
            height: 10px
        }

        .iti__flag.iti__ni {
            background-position: -3796px 0;
            height: 12px
        }

        .iti__flag.iti__nl {
            background-position: -3818px 0;
            height: 14px
        }

        .iti__flag.iti__no {
            background-position: -3840px 0;
            height: 15px
        }

        .iti__flag.iti__np {
            background-position: -3862px 0;
            height: 15px
        }

        .iti__flag.iti__nr {
            background-position: -3877px 0;
            height: 10px
        }

        .iti__flag.iti__nu {
            background-position: -3899px 0;
            height: 10px
        }

        .iti__flag.iti__nz {
            background-position: -3921px 0;
            height: 10px
        }

        .iti__flag.iti__om {
            background-position: -3943px 0;
            height: 10px
        }

        .iti__flag.iti__pa {
            background-position: -3965px 0;
            height: 14px
        }

        .iti__flag.iti__pe {
            background-position: -3987px 0;
            height: 14px
        }

        .iti__flag.iti__pf {
            background-position: -4009px 0;
            height: 14px
        }

        .iti__flag.iti__pg {
            background-position: -4031px 0;
            height: 15px
        }

        .iti__flag.iti__ph {
            background-position: -4053px 0;
            height: 10px
        }

        .iti__flag.iti__pk {
            background-position: -4075px 0;
            height: 14px
        }

        .iti__flag.iti__pl {
            background-position: -4097px 0;
            height: 13px
        }

        .iti__flag.iti__pm {
            background-position: -4119px 0;
            height: 14px
        }

        .iti__flag.iti__pn {
            background-position: -4141px 0;
            height: 10px
        }

        .iti__flag.iti__pr {
            background-position: -4163px 0;
            height: 14px
        }

        .iti__flag.iti__ps {
            background-position: -4185px 0;
            height: 10px
        }

        .iti__flag.iti__pt {
            background-position: -4207px 0;
            height: 14px
        }

        .iti__flag.iti__pw {
            background-position: -4229px 0;
            height: 13px
        }

        .iti__flag.iti__py {
            background-position: -4251px 0;
            height: 11px
        }

        .iti__flag.iti__qa {
            background-position: -4273px 0;
            height: 8px
        }

        .iti__flag.iti__re {
            background-position: -4295px 0;
            height: 14px
        }

        .iti__flag.iti__ro {
            background-position: -4317px 0;
            height: 14px
        }

        .iti__flag.iti__rs {
            background-position: -4339px 0;
            height: 14px
        }

        .iti__flag.iti__ru {
            background-position: -4361px 0;
            height: 14px
        }

        .iti__flag.iti__rw {
            background-position: -4383px 0;
            height: 14px
        }

        .iti__flag.iti__sa {
            background-position: -4405px 0;
            height: 14px
        }

        .iti__flag.iti__sb {
            background-position: -4427px 0;
            height: 10px
        }

        .iti__flag.iti__sc {
            background-position: -4449px 0;
            height: 10px
        }

        .iti__flag.iti__sd {
            background-position: -4471px 0;
            height: 10px
        }

        .iti__flag.iti__se {
            background-position: -4493px 0;
            height: 13px
        }

        .iti__flag.iti__sg {
            background-position: -4515px 0;
            height: 14px
        }

        .iti__flag.iti__sh {
            background-position: -4537px 0;
            height: 10px
        }

        .iti__flag.iti__si {
            background-position: -4559px 0;
            height: 10px
        }

        .iti__flag.iti__sj {
            background-position: -4581px 0;
            height: 15px
        }

        .iti__flag.iti__sk {
            background-position: -4603px 0;
            height: 14px
        }

        .iti__flag.iti__sl {
            background-position: -4625px 0;
            height: 14px
        }

        .iti__flag.iti__sm {
            background-position: -4647px 0;
            height: 15px
        }

        .iti__flag.iti__sn {
            background-position: -4669px 0;
            height: 14px
        }

        .iti__flag.iti__so {
            background-position: -4691px 0;
            height: 14px
        }

        .iti__flag.iti__sr {
            background-position: -4713px 0;
            height: 14px
        }

        .iti__flag.iti__ss {
            background-position: -4735px 0;
            height: 10px
        }

        .iti__flag.iti__st {
            background-position: -4757px 0;
            height: 10px
        }

        .iti__flag.iti__su {
            background-position: -4779px 0;
            height: 10px
        }

        .iti__flag.iti__sv {
            background-position: -4801px 0;
            height: 12px
        }

        .iti__flag.iti__sx {
            background-position: -4823px 0;
            height: 14px
        }

        .iti__flag.iti__sy {
            background-position: -4845px 0;
            height: 14px
        }

        .iti__flag.iti__sz {
            background-position: -4867px 0;
            height: 14px
        }

        .iti__flag.iti__ta {
            background-position: -4889px 0;
            height: 10px
        }

        .iti__flag.iti__tc {
            background-position: -4911px 0;
            height: 10px
        }

        .iti__flag.iti__td {
            background-position: -4933px 0;
            height: 14px
        }

        .iti__flag.iti__tf {
            background-position: -4955px 0;
            height: 14px
        }

        .iti__flag.iti__tg {
            background-position: -4977px 0;
            height: 13px
        }

        .iti__flag.iti__th {
            background-position: -4999px 0;
            height: 14px
        }

        .iti__flag.iti__tj {
            background-position: -5021px 0;
            height: 10px
        }

        .iti__flag.iti__tk {
            background-position: -5043px 0;
            height: 10px
        }

        .iti__flag.iti__tl {
            background-position: -5065px 0;
            height: 10px
        }

        .iti__flag.iti__tm {
            background-position: -5087px 0;
            height: 14px
        }

        .iti__flag.iti__tn {
            background-position: -5109px 0;
            height: 14px
        }

        .iti__flag.iti__to {
            background-position: -5131px 0;
            height: 10px
        }

        .iti__flag.iti__tr {
            background-position: -5153px 0;
            height: 14px
        }

        .iti__flag.iti__tt {
            background-position: -5175px 0;
            height: 12px
        }

        .iti__flag.iti__tv {
            background-position: -5197px 0;
            height: 10px
        }

        .iti__flag.iti__tw {
            background-position: -5219px 0;
            height: 14px
        }

        .iti__flag.iti__tz {
            background-position: -5241px 0;
            height: 14px
        }

        .iti__flag.iti__ua {
            background-position: -5263px 0;
            height: 14px
        }

        .iti__flag.iti__ug {
            background-position: -5285px 0;
            height: 14px
        }

        .iti__flag.iti__uk {
            background-position: -5307px 0;
            height: 10px
        }

        .iti__flag.iti__um {
            background-position: -5329px 0;
            height: 11px
        }

        .iti__flag.iti__un {
            background-position: -5351px 0;
            height: 14px
        }

        .iti__flag.iti__us {
            background-position: -5373px 0;
            height: 11px
        }

        .iti__flag.iti__uy {
            background-position: -5395px 0;
            height: 14px
        }

        .iti__flag.iti__uz {
            background-position: -5417px 0;
            height: 10px
        }

        .iti__flag.iti__va {
            background-position: -5439px 0;
            height: 15px
        }

        .iti__flag.iti__vc {
            background-position: -5456px 0;
            height: 14px
        }

        .iti__flag.iti__ve {
            background-position: -5478px 0;
            height: 14px
        }

        .iti__flag.iti__vg {
            background-position: -5500px 0;
            height: 10px
        }

        .iti__flag.iti__vi {
            background-position: -5522px 0;
            height: 14px
        }

        .iti__flag.iti__vn {
            background-position: -5544px 0;
            height: 14px
        }

        .iti__flag.iti__vu {
            background-position: -5566px 0;
            height: 12px
        }

        .iti__flag.iti__wf {
            background-position: -5588px 0;
            height: 14px
        }

        .iti__flag.iti__ws {
            background-position: -5610px 0;
            height: 10px
        }

        .iti__flag.iti__xk {
            background-position: -5632px 0;
            height: 15px
        }

        .iti__flag.iti__ye {
            background-position: -5654px 0;
            height: 14px
        }

        .iti__flag.iti__yt {
            background-position: -5676px 0;
            height: 14px
        }

        .iti__flag.iti__za {
            background-position: -5698px 0;
            height: 14px
        }

        .iti__flag.iti__zm {
            background-position: -5720px 0;
            height: 14px
        }

        .iti__flag.iti__zw {
            background-position: -5742px 0;
            height: 10px
        }

        .iti__flag {
            background-color: #dbdbdb;
            background-image: url(../_nuxt/flags.BMGzDaSLc4ca.png?1);
            background-position: 20px 0;
            background-repeat: no-repeat;
            box-shadow: 0 0 1px 0 #888;
            height: 15px
        }

        @media (-webkit-min-device-pixel-ratio:2),
        (min-resolution:2x) {
            .iti__flag {
                background-image: url(../_nuxt/flags_2x.DTOyOn_-c4ca.png?1)
            }
        }

        .iti__flag.iti__np {
            background-color: transparent
        }
    
        @tailwind base;
        @tailwind components;
        @tailwind utilities;
   
        [data-aos][data-aos][data-aos-duration="50"],
        body[data-aos-duration="50"] [data-aos] {
            transition-duration: 50ms
        }

        [data-aos][data-aos][data-aos-delay="50"],
        body[data-aos-delay="50"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="50"].aos-animate,
        body[data-aos-delay="50"] [data-aos].aos-animate {
            transition-delay: 50ms
        }

        [data-aos][data-aos][data-aos-duration="100"],
        body[data-aos-duration="100"] [data-aos] {
            transition-duration: .1s
        }

        [data-aos][data-aos][data-aos-delay="100"],
        body[data-aos-delay="100"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="100"].aos-animate,
        body[data-aos-delay="100"] [data-aos].aos-animate {
            transition-delay: .1s
        }

        [data-aos][data-aos][data-aos-duration="150"],
        body[data-aos-duration="150"] [data-aos] {
            transition-duration: .15s
        }

        [data-aos][data-aos][data-aos-delay="150"],
        body[data-aos-delay="150"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="150"].aos-animate,
        body[data-aos-delay="150"] [data-aos].aos-animate {
            transition-delay: .15s
        }

        [data-aos][data-aos][data-aos-duration="200"],
        body[data-aos-duration="200"] [data-aos] {
            transition-duration: .2s
        }

        [data-aos][data-aos][data-aos-delay="200"],
        body[data-aos-delay="200"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="200"].aos-animate,
        body[data-aos-delay="200"] [data-aos].aos-animate {
            transition-delay: .2s
        }

        [data-aos][data-aos][data-aos-duration="250"],
        body[data-aos-duration="250"] [data-aos] {
            transition-duration: .25s
        }

        [data-aos][data-aos][data-aos-delay="250"],
        body[data-aos-delay="250"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="250"].aos-animate,
        body[data-aos-delay="250"] [data-aos].aos-animate {
            transition-delay: .25s
        }

        [data-aos][data-aos][data-aos-duration="300"],
        body[data-aos-duration="300"] [data-aos] {
            transition-duration: .3s
        }

        [data-aos][data-aos][data-aos-delay="300"],
        body[data-aos-delay="300"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="300"].aos-animate,
        body[data-aos-delay="300"] [data-aos].aos-animate {
            transition-delay: .3s
        }

        [data-aos][data-aos][data-aos-duration="350"],
        body[data-aos-duration="350"] [data-aos] {
            transition-duration: .35s
        }

        [data-aos][data-aos][data-aos-delay="350"],
        body[data-aos-delay="350"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="350"].aos-animate,
        body[data-aos-delay="350"] [data-aos].aos-animate {
            transition-delay: .35s
        }

        [data-aos][data-aos][data-aos-duration="400"],
        body[data-aos-duration="400"] [data-aos] {
            transition-duration: .4s
        }

        [data-aos][data-aos][data-aos-delay="400"],
        body[data-aos-delay="400"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="400"].aos-animate,
        body[data-aos-delay="400"] [data-aos].aos-animate {
            transition-delay: .4s
        }

        [data-aos][data-aos][data-aos-duration="450"],
        body[data-aos-duration="450"] [data-aos] {
            transition-duration: .45s
        }

        [data-aos][data-aos][data-aos-delay="450"],
        body[data-aos-delay="450"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="450"].aos-animate,
        body[data-aos-delay="450"] [data-aos].aos-animate {
            transition-delay: .45s
        }

        [data-aos][data-aos][data-aos-duration="500"],
        body[data-aos-duration="500"] [data-aos] {
            transition-duration: .5s
        }

        [data-aos][data-aos][data-aos-delay="500"],
        body[data-aos-delay="500"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="500"].aos-animate,
        body[data-aos-delay="500"] [data-aos].aos-animate {
            transition-delay: .5s
        }

        [data-aos][data-aos][data-aos-duration="550"],
        body[data-aos-duration="550"] [data-aos] {
            transition-duration: .55s
        }

        [data-aos][data-aos][data-aos-delay="550"],
        body[data-aos-delay="550"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="550"].aos-animate,
        body[data-aos-delay="550"] [data-aos].aos-animate {
            transition-delay: .55s
        }

        [data-aos][data-aos][data-aos-duration="600"],
        body[data-aos-duration="600"] [data-aos] {
            transition-duration: .6s
        }

        [data-aos][data-aos][data-aos-delay="600"],
        body[data-aos-delay="600"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="600"].aos-animate,
        body[data-aos-delay="600"] [data-aos].aos-animate {
            transition-delay: .6s
        }

        [data-aos][data-aos][data-aos-duration="650"],
        body[data-aos-duration="650"] [data-aos] {
            transition-duration: .65s
        }

        [data-aos][data-aos][data-aos-delay="650"],
        body[data-aos-delay="650"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="650"].aos-animate,
        body[data-aos-delay="650"] [data-aos].aos-animate {
            transition-delay: .65s
        }

        [data-aos][data-aos][data-aos-duration="700"],
        body[data-aos-duration="700"] [data-aos] {
            transition-duration: .7s
        }

        [data-aos][data-aos][data-aos-delay="700"],
        body[data-aos-delay="700"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="700"].aos-animate,
        body[data-aos-delay="700"] [data-aos].aos-animate {
            transition-delay: .7s
        }

        [data-aos][data-aos][data-aos-duration="750"],
        body[data-aos-duration="750"] [data-aos] {
            transition-duration: .75s
        }

        [data-aos][data-aos][data-aos-delay="750"],
        body[data-aos-delay="750"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="750"].aos-animate,
        body[data-aos-delay="750"] [data-aos].aos-animate {
            transition-delay: .75s
        }

        [data-aos][data-aos][data-aos-duration="800"],
        body[data-aos-duration="800"] [data-aos] {
            transition-duration: .8s
        }

        [data-aos][data-aos][data-aos-delay="800"],
        body[data-aos-delay="800"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="800"].aos-animate,
        body[data-aos-delay="800"] [data-aos].aos-animate {
            transition-delay: .8s
        }

        [data-aos][data-aos][data-aos-duration="850"],
        body[data-aos-duration="850"] [data-aos] {
            transition-duration: .85s
        }

        [data-aos][data-aos][data-aos-delay="850"],
        body[data-aos-delay="850"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="850"].aos-animate,
        body[data-aos-delay="850"] [data-aos].aos-animate {
            transition-delay: .85s
        }

        [data-aos][data-aos][data-aos-duration="900"],
        body[data-aos-duration="900"] [data-aos] {
            transition-duration: .9s
        }

        [data-aos][data-aos][data-aos-delay="900"],
        body[data-aos-delay="900"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="900"].aos-animate,
        body[data-aos-delay="900"] [data-aos].aos-animate {
            transition-delay: .9s
        }

        [data-aos][data-aos][data-aos-duration="950"],
        body[data-aos-duration="950"] [data-aos] {
            transition-duration: .95s
        }

        [data-aos][data-aos][data-aos-delay="950"],
        body[data-aos-delay="950"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="950"].aos-animate,
        body[data-aos-delay="950"] [data-aos].aos-animate {
            transition-delay: .95s
        }

        [data-aos][data-aos][data-aos-duration="1000"],
        body[data-aos-duration="1000"] [data-aos] {
            transition-duration: 1s
        }

        [data-aos][data-aos][data-aos-delay="1000"],
        body[data-aos-delay="1000"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
        body[data-aos-delay="1000"] [data-aos].aos-animate {
            transition-delay: 1s
        }

        [data-aos][data-aos][data-aos-duration="1050"],
        body[data-aos-duration="1050"] [data-aos] {
            transition-duration: 1.05s
        }

        [data-aos][data-aos][data-aos-delay="1050"],
        body[data-aos-delay="1050"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
        body[data-aos-delay="1050"] [data-aos].aos-animate {
            transition-delay: 1.05s
        }

        [data-aos][data-aos][data-aos-duration="1100"],
        body[data-aos-duration="1100"] [data-aos] {
            transition-duration: 1.1s
        }

        [data-aos][data-aos][data-aos-delay="1100"],
        body[data-aos-delay="1100"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
        body[data-aos-delay="1100"] [data-aos].aos-animate {
            transition-delay: 1.1s
        }

        [data-aos][data-aos][data-aos-duration="1150"],
        body[data-aos-duration="1150"] [data-aos] {
            transition-duration: 1.15s
        }

        [data-aos][data-aos][data-aos-delay="1150"],
        body[data-aos-delay="1150"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
        body[data-aos-delay="1150"] [data-aos].aos-animate {
            transition-delay: 1.15s
        }

        [data-aos][data-aos][data-aos-duration="1200"],
        body[data-aos-duration="1200"] [data-aos] {
            transition-duration: 1.2s
        }

        [data-aos][data-aos][data-aos-delay="1200"],
        body[data-aos-delay="1200"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
        body[data-aos-delay="1200"] [data-aos].aos-animate {
            transition-delay: 1.2s
        }

        [data-aos][data-aos][data-aos-duration="1250"],
        body[data-aos-duration="1250"] [data-aos] {
            transition-duration: 1.25s
        }

        [data-aos][data-aos][data-aos-delay="1250"],
        body[data-aos-delay="1250"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
        body[data-aos-delay="1250"] [data-aos].aos-animate {
            transition-delay: 1.25s
        }

        [data-aos][data-aos][data-aos-duration="1300"],
        body[data-aos-duration="1300"] [data-aos] {
            transition-duration: 1.3s
        }

        [data-aos][data-aos][data-aos-delay="1300"],
        body[data-aos-delay="1300"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
        body[data-aos-delay="1300"] [data-aos].aos-animate {
            transition-delay: 1.3s
        }

        [data-aos][data-aos][data-aos-duration="1350"],
        body[data-aos-duration="1350"] [data-aos] {
            transition-duration: 1.35s
        }

        [data-aos][data-aos][data-aos-delay="1350"],
        body[data-aos-delay="1350"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
        body[data-aos-delay="1350"] [data-aos].aos-animate {
            transition-delay: 1.35s
        }

        [data-aos][data-aos][data-aos-duration="1400"],
        body[data-aos-duration="1400"] [data-aos] {
            transition-duration: 1.4s
        }

        [data-aos][data-aos][data-aos-delay="1400"],
        body[data-aos-delay="1400"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
        body[data-aos-delay="1400"] [data-aos].aos-animate {
            transition-delay: 1.4s
        }

        [data-aos][data-aos][data-aos-duration="1450"],
        body[data-aos-duration="1450"] [data-aos] {
            transition-duration: 1.45s
        }

        [data-aos][data-aos][data-aos-delay="1450"],
        body[data-aos-delay="1450"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
        body[data-aos-delay="1450"] [data-aos].aos-animate {
            transition-delay: 1.45s
        }

        [data-aos][data-aos][data-aos-duration="1500"],
        body[data-aos-duration="1500"] [data-aos] {
            transition-duration: 1.5s
        }

        [data-aos][data-aos][data-aos-delay="1500"],
        body[data-aos-delay="1500"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
        body[data-aos-delay="1500"] [data-aos].aos-animate {
            transition-delay: 1.5s
        }

        [data-aos][data-aos][data-aos-duration="1550"],
        body[data-aos-duration="1550"] [data-aos] {
            transition-duration: 1.55s
        }

        [data-aos][data-aos][data-aos-delay="1550"],
        body[data-aos-delay="1550"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
        body[data-aos-delay="1550"] [data-aos].aos-animate {
            transition-delay: 1.55s
        }

        [data-aos][data-aos][data-aos-duration="1600"],
        body[data-aos-duration="1600"] [data-aos] {
            transition-duration: 1.6s
        }

        [data-aos][data-aos][data-aos-delay="1600"],
        body[data-aos-delay="1600"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
        body[data-aos-delay="1600"] [data-aos].aos-animate {
            transition-delay: 1.6s
        }

        [data-aos][data-aos][data-aos-duration="1650"],
        body[data-aos-duration="1650"] [data-aos] {
            transition-duration: 1.65s
        }

        [data-aos][data-aos][data-aos-delay="1650"],
        body[data-aos-delay="1650"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
        body[data-aos-delay="1650"] [data-aos].aos-animate {
            transition-delay: 1.65s
        }

        [data-aos][data-aos][data-aos-duration="1700"],
        body[data-aos-duration="1700"] [data-aos] {
            transition-duration: 1.7s
        }

        [data-aos][data-aos][data-aos-delay="1700"],
        body[data-aos-delay="1700"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
        body[data-aos-delay="1700"] [data-aos].aos-animate {
            transition-delay: 1.7s
        }

        [data-aos][data-aos][data-aos-duration="1750"],
        body[data-aos-duration="1750"] [data-aos] {
            transition-duration: 1.75s
        }

        [data-aos][data-aos][data-aos-delay="1750"],
        body[data-aos-delay="1750"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
        body[data-aos-delay="1750"] [data-aos].aos-animate {
            transition-delay: 1.75s
        }

        [data-aos][data-aos][data-aos-duration="1800"],
        body[data-aos-duration="1800"] [data-aos] {
            transition-duration: 1.8s
        }

        [data-aos][data-aos][data-aos-delay="1800"],
        body[data-aos-delay="1800"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
        body[data-aos-delay="1800"] [data-aos].aos-animate {
            transition-delay: 1.8s
        }

        [data-aos][data-aos][data-aos-duration="1850"],
        body[data-aos-duration="1850"] [data-aos] {
            transition-duration: 1.85s
        }

        [data-aos][data-aos][data-aos-delay="1850"],
        body[data-aos-delay="1850"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
        body[data-aos-delay="1850"] [data-aos].aos-animate {
            transition-delay: 1.85s
        }

        [data-aos][data-aos][data-aos-duration="1900"],
        body[data-aos-duration="1900"] [data-aos] {
            transition-duration: 1.9s
        }

        [data-aos][data-aos][data-aos-delay="1900"],
        body[data-aos-delay="1900"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
        body[data-aos-delay="1900"] [data-aos].aos-animate {
            transition-delay: 1.9s
        }

        [data-aos][data-aos][data-aos-duration="1950"],
        body[data-aos-duration="1950"] [data-aos] {
            transition-duration: 1.95s
        }

        [data-aos][data-aos][data-aos-delay="1950"],
        body[data-aos-delay="1950"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
        body[data-aos-delay="1950"] [data-aos].aos-animate {
            transition-delay: 1.95s
        }

        [data-aos][data-aos][data-aos-duration="2000"],
        body[data-aos-duration="2000"] [data-aos] {
            transition-duration: 2s
        }

        [data-aos][data-aos][data-aos-delay="2000"],
        body[data-aos-delay="2000"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
        body[data-aos-delay="2000"] [data-aos].aos-animate {
            transition-delay: 2s
        }

        [data-aos][data-aos][data-aos-duration="2050"],
        body[data-aos-duration="2050"] [data-aos] {
            transition-duration: 2.05s
        }

        [data-aos][data-aos][data-aos-delay="2050"],
        body[data-aos-delay="2050"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
        body[data-aos-delay="2050"] [data-aos].aos-animate {
            transition-delay: 2.05s
        }

        [data-aos][data-aos][data-aos-duration="2100"],
        body[data-aos-duration="2100"] [data-aos] {
            transition-duration: 2.1s
        }

        [data-aos][data-aos][data-aos-delay="2100"],
        body[data-aos-delay="2100"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
        body[data-aos-delay="2100"] [data-aos].aos-animate {
            transition-delay: 2.1s
        }

        [data-aos][data-aos][data-aos-duration="2150"],
        body[data-aos-duration="2150"] [data-aos] {
            transition-duration: 2.15s
        }

        [data-aos][data-aos][data-aos-delay="2150"],
        body[data-aos-delay="2150"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
        body[data-aos-delay="2150"] [data-aos].aos-animate {
            transition-delay: 2.15s
        }

        [data-aos][data-aos][data-aos-duration="2200"],
        body[data-aos-duration="2200"] [data-aos] {
            transition-duration: 2.2s
        }

        [data-aos][data-aos][data-aos-delay="2200"],
        body[data-aos-delay="2200"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
        body[data-aos-delay="2200"] [data-aos].aos-animate {
            transition-delay: 2.2s
        }

        [data-aos][data-aos][data-aos-duration="2250"],
        body[data-aos-duration="2250"] [data-aos] {
            transition-duration: 2.25s
        }

        [data-aos][data-aos][data-aos-delay="2250"],
        body[data-aos-delay="2250"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
        body[data-aos-delay="2250"] [data-aos].aos-animate {
            transition-delay: 2.25s
        }

        [data-aos][data-aos][data-aos-duration="2300"],
        body[data-aos-duration="2300"] [data-aos] {
            transition-duration: 2.3s
        }

        [data-aos][data-aos][data-aos-delay="2300"],
        body[data-aos-delay="2300"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
        body[data-aos-delay="2300"] [data-aos].aos-animate {
            transition-delay: 2.3s
        }

        [data-aos][data-aos][data-aos-duration="2350"],
        body[data-aos-duration="2350"] [data-aos] {
            transition-duration: 2.35s
        }

        [data-aos][data-aos][data-aos-delay="2350"],
        body[data-aos-delay="2350"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
        body[data-aos-delay="2350"] [data-aos].aos-animate {
            transition-delay: 2.35s
        }

        [data-aos][data-aos][data-aos-duration="2400"],
        body[data-aos-duration="2400"] [data-aos] {
            transition-duration: 2.4s
        }

        [data-aos][data-aos][data-aos-delay="2400"],
        body[data-aos-delay="2400"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
        body[data-aos-delay="2400"] [data-aos].aos-animate {
            transition-delay: 2.4s
        }

        [data-aos][data-aos][data-aos-duration="2450"],
        body[data-aos-duration="2450"] [data-aos] {
            transition-duration: 2.45s
        }

        [data-aos][data-aos][data-aos-delay="2450"],
        body[data-aos-delay="2450"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
        body[data-aos-delay="2450"] [data-aos].aos-animate {
            transition-delay: 2.45s
        }

        [data-aos][data-aos][data-aos-duration="2500"],
        body[data-aos-duration="2500"] [data-aos] {
            transition-duration: 2.5s
        }

        [data-aos][data-aos][data-aos-delay="2500"],
        body[data-aos-delay="2500"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
        body[data-aos-delay="2500"] [data-aos].aos-animate {
            transition-delay: 2.5s
        }

        [data-aos][data-aos][data-aos-duration="2550"],
        body[data-aos-duration="2550"] [data-aos] {
            transition-duration: 2.55s
        }

        [data-aos][data-aos][data-aos-delay="2550"],
        body[data-aos-delay="2550"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
        body[data-aos-delay="2550"] [data-aos].aos-animate {
            transition-delay: 2.55s
        }

        [data-aos][data-aos][data-aos-duration="2600"],
        body[data-aos-duration="2600"] [data-aos] {
            transition-duration: 2.6s
        }

        [data-aos][data-aos][data-aos-delay="2600"],
        body[data-aos-delay="2600"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
        body[data-aos-delay="2600"] [data-aos].aos-animate {
            transition-delay: 2.6s
        }

        [data-aos][data-aos][data-aos-duration="2650"],
        body[data-aos-duration="2650"] [data-aos] {
            transition-duration: 2.65s
        }

        [data-aos][data-aos][data-aos-delay="2650"],
        body[data-aos-delay="2650"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
        body[data-aos-delay="2650"] [data-aos].aos-animate {
            transition-delay: 2.65s
        }

        [data-aos][data-aos][data-aos-duration="2700"],
        body[data-aos-duration="2700"] [data-aos] {
            transition-duration: 2.7s
        }

        [data-aos][data-aos][data-aos-delay="2700"],
        body[data-aos-delay="2700"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
        body[data-aos-delay="2700"] [data-aos].aos-animate {
            transition-delay: 2.7s
        }

        [data-aos][data-aos][data-aos-duration="2750"],
        body[data-aos-duration="2750"] [data-aos] {
            transition-duration: 2.75s
        }

        [data-aos][data-aos][data-aos-delay="2750"],
        body[data-aos-delay="2750"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
        body[data-aos-delay="2750"] [data-aos].aos-animate {
            transition-delay: 2.75s
        }

        [data-aos][data-aos][data-aos-duration="2800"],
        body[data-aos-duration="2800"] [data-aos] {
            transition-duration: 2.8s
        }

        [data-aos][data-aos][data-aos-delay="2800"],
        body[data-aos-delay="2800"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
        body[data-aos-delay="2800"] [data-aos].aos-animate {
            transition-delay: 2.8s
        }

        [data-aos][data-aos][data-aos-duration="2850"],
        body[data-aos-duration="2850"] [data-aos] {
            transition-duration: 2.85s
        }

        [data-aos][data-aos][data-aos-delay="2850"],
        body[data-aos-delay="2850"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
        body[data-aos-delay="2850"] [data-aos].aos-animate {
            transition-delay: 2.85s
        }

        [data-aos][data-aos][data-aos-duration="2900"],
        body[data-aos-duration="2900"] [data-aos] {
            transition-duration: 2.9s
        }

        [data-aos][data-aos][data-aos-delay="2900"],
        body[data-aos-delay="2900"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
        body[data-aos-delay="2900"] [data-aos].aos-animate {
            transition-delay: 2.9s
        }

        [data-aos][data-aos][data-aos-duration="2950"],
        body[data-aos-duration="2950"] [data-aos] {
            transition-duration: 2.95s
        }

        [data-aos][data-aos][data-aos-delay="2950"],
        body[data-aos-delay="2950"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
        body[data-aos-delay="2950"] [data-aos].aos-animate {
            transition-delay: 2.95s
        }

        [data-aos][data-aos][data-aos-duration="3000"],
        body[data-aos-duration="3000"] [data-aos] {
            transition-duration: 3s
        }

        [data-aos][data-aos][data-aos-delay="3000"],
        body[data-aos-delay="3000"] [data-aos] {
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
        body[data-aos-delay="3000"] [data-aos].aos-animate {
            transition-delay: 3s
        }

        [data-aos][data-aos][data-aos-easing=linear],
        body[data-aos-easing=linear] [data-aos] {
            transition-timing-function: cubic-bezier(.25, .25, .75, .75)
        }

        [data-aos][data-aos][data-aos-easing=ease],
        body[data-aos-easing=ease] [data-aos] {
            transition-timing-function: ease
        }

        [data-aos][data-aos][data-aos-easing=ease-in],
        body[data-aos-easing=ease-in] [data-aos] {
            transition-timing-function: ease-in
        }

        [data-aos][data-aos][data-aos-easing=ease-out],
        body[data-aos-easing=ease-out] [data-aos] {
            transition-timing-function: ease-out
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out],
        body[data-aos-easing=ease-in-out] [data-aos] {
            transition-timing-function: ease-in-out
        }

        [data-aos][data-aos][data-aos-easing=ease-in-back],
        body[data-aos-easing=ease-in-back] [data-aos] {
            transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-back],
        body[data-aos-easing=ease-out-back] [data-aos] {
            transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-back],
        body[data-aos-easing=ease-in-out-back] [data-aos] {
            transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-sine],
        body[data-aos-easing=ease-in-sine] [data-aos] {
            transition-timing-function: cubic-bezier(.47, 0, .745, .715)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-sine],
        body[data-aos-easing=ease-out-sine] [data-aos] {
            transition-timing-function: cubic-bezier(.39, .575, .565, 1)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-sine],
        body[data-aos-easing=ease-in-out-sine] [data-aos] {
            transition-timing-function: cubic-bezier(.445, .05, .55, .95)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-quad],
        body[data-aos-easing=ease-in-quad] [data-aos] {
            transition-timing-function: cubic-bezier(.55, .085, .68, .53)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-quad],
        body[data-aos-easing=ease-out-quad] [data-aos] {
            transition-timing-function: cubic-bezier(.25, .46, .45, .94)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-quad],
        body[data-aos-easing=ease-in-out-quad] [data-aos] {
            transition-timing-function: cubic-bezier(.455, .03, .515, .955)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-cubic],
        body[data-aos-easing=ease-in-cubic] [data-aos] {
            transition-timing-function: cubic-bezier(.55, .085, .68, .53)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-cubic],
        body[data-aos-easing=ease-out-cubic] [data-aos] {
            transition-timing-function: cubic-bezier(.25, .46, .45, .94)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
        body[data-aos-easing=ease-in-out-cubic] [data-aos] {
            transition-timing-function: cubic-bezier(.455, .03, .515, .955)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-quart],
        body[data-aos-easing=ease-in-quart] [data-aos] {
            transition-timing-function: cubic-bezier(.55, .085, .68, .53)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-quart],
        body[data-aos-easing=ease-out-quart] [data-aos] {
            transition-timing-function: cubic-bezier(.25, .46, .45, .94)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-quart],
        body[data-aos-easing=ease-in-out-quart] [data-aos] {
            transition-timing-function: cubic-bezier(.455, .03, .515, .955)
        }

        [data-aos^=fade][data-aos^=fade] {
            opacity: 0;
            transition-property: opacity, transform
        }

        [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            transform: translateZ(0)
        }

        [data-aos=fade-up] {
            transform: translate3d(0, 100px, 0)
        }

        [data-aos=fade-down] {
            transform: translate3d(0, -100px, 0)
        }

        [data-aos=fade-right] {
            transform: translate3d(-100px, 0, 0)
        }

        [data-aos=fade-left] {
            transform: translate3d(100px, 0, 0)
        }

        [data-aos=fade-up-right] {
            transform: translate3d(-100px, 100px, 0)
        }

        [data-aos=fade-up-left] {
            transform: translate3d(100px, 100px, 0)
        }

        [data-aos=fade-down-right] {
            transform: translate3d(-100px, -100px, 0)
        }

        [data-aos=fade-down-left] {
            transform: translate3d(100px, -100px, 0)
        }

        [data-aos^=zoom][data-aos^=zoom] {
            opacity: 0;
            transition-property: opacity, transform
        }

        [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            transform: translateZ(0) scale(1)
        }

        [data-aos=zoom-in] {
            transform: scale(.6)
        }

        [data-aos=zoom-in-up] {
            transform: translate3d(0, 100px, 0) scale(.6)
        }

        [data-aos=zoom-in-down] {
            transform: translate3d(0, -100px, 0) scale(.6)
        }

        [data-aos=zoom-in-right] {
            transform: translate3d(-100px, 0, 0) scale(.6)
        }

        [data-aos=zoom-in-left] {
            transform: translate3d(100px, 0, 0) scale(.6)
        }

        [data-aos=zoom-out] {
            transform: scale(1.2)
        }

        [data-aos=zoom-out-up] {
            transform: translate3d(0, 100px, 0) scale(1.2)
        }

        [data-aos=zoom-out-down] {
            transform: translate3d(0, -100px, 0) scale(1.2)
        }

        [data-aos=zoom-out-right] {
            transform: translate3d(-100px, 0, 0) scale(1.2)
        }

        [data-aos=zoom-out-left] {
            transform: translate3d(100px, 0, 0) scale(1.2)
        }

        [data-aos^=slide][data-aos^=slide] {
            transition-property: transform
        }

        [data-aos^=slide][data-aos^=slide].aos-animate {
            transform: translateZ(0)
        }

        [data-aos=slide-up] {
            transform: translate3d(0, 100%, 0)
        }

        [data-aos=slide-down] {
            transform: translate3d(0, -100%, 0)
        }

        [data-aos=slide-right] {
            transform: translate3d(-100%, 0, 0)
        }

        [data-aos=slide-left] {
            transform: translate3d(100%, 0, 0)
        }

        [data-aos^=flip][data-aos^=flip] {
            backface-visibility: hidden;
            transition-property: transform
        }

        [data-aos=flip-left] {
            transform: perspective(2500px) rotateY(-100deg)
        }

        [data-aos=flip-left].aos-animate {
            transform: perspective(2500px) rotateY(0)
        }

        [data-aos=flip-right] {
            transform: perspective(2500px) rotateY(100deg)
        }

        [data-aos=flip-right].aos-animate {
            transform: perspective(2500px) rotateY(0)
        }

        [data-aos=flip-up] {
            transform: perspective(2500px) rotateX(-100deg)
        }

        [data-aos=flip-up].aos-animate {
            transform: perspective(2500px) rotateX(0)
        }

        [data-aos=flip-down] {
            transform: perspective(2500px) rotateX(100deg)
        }

        [data-aos=flip-down].aos-animate {
            transform: perspective(2500px) rotateX(0)
        }
    </style>
    <style>
        ul#componentContainer {
            display: inline-flex;
            list-style-type: none;
            padding-inline-start: 0
        }

        ul#componentContainer a {
            align-items: center;
            display: flex;
            justify-content: center;
            text-decoration: none
        }
    </style>
    <style>
        .modal[data-v-3e965880] {
            align-items: center;
            -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
            background-color: rgba(0, 0, 0, .5);
            display: flex;
            height: 100%;
            justify-content: center;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%
        }

        .modal-body[data-v-3e965880]::-webkit-scrollbar {
            display: none
        }

        .modal-content[data-v-3e965880] {
            -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
            background: #fff;
            border: 1px solid #62677f;
            border-radius: 10px;
            color: #fff;
            display: flex;
            flex-direction: column;
            height: 70vh;
            padding: 2%;
            width: 60vw
        }

        .modal-header[data-v-3e965880] {
            align-items: center;
            border-bottom: 0;
            display: flex;
            justify-content: space-between;
            padding: 0 20px
        }

        .modal-body[data-v-3e965880] {
            max-height: calc(80vh - 70px);
            overflow-y: auto;
            padding: 20px;
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .modal-body[data-v-3e965880]::-webkit-scrollbar {
            width: 8px
        }

        .modal-body[data-v-3e965880]::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px
        }

        .modal-body[data-v-3e965880]::-webkit-scrollbar-thumb {
            background-color: #62677f;
            border-radius: 10px
        }

        .modal-body[data-v-3e965880]::-webkit-scrollbar-thumb:hover {
            background-color: #41455d
        }

        .closeImg[data-v-3e965880] {
            height: 100%;
            width: 100%
        }

        .btn-close[data-v-3e965880] {
            background: none;
            border: none;
            cursor: pointer;
            font-size: 24px;
            --bs-btn-close-bg: url(../_nuxt/close.Do9h7_ug.png)
        }

        @media (max-width:768px) {
            .modal-content[data-v-3e965880] {
                height: 60vh;
                width: 100vw
            }

            .modal-body[data-v-3e965880] {
                max-height: calc(70vh - 70px)
            }
        }
    </style>
    <style>
        .fade-enter-active[data-v-7f7b745c],
        .fade-leave-active[data-v-7f7b745c] {
            transition: opacity .5s, max-height .5s ease
        }

        .fade-enter-from[data-v-7f7b745c],
        .fade-leave-to[data-v-7f7b745c] {
            max-height: 0;
            opacity: 0
        }

        .fade-enter-to[data-v-7f7b745c],
        .fade-leave-from[data-v-7f7b745c] {
            max-height: 1000px;
            opacity: 1
        }

        .toggle-box[data-v-7f7b745c] {
            background-color: #333;
            border: 1px solid #01abbe;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
            box-sizing: border-box;
            color: #fff;
            height: 100%;
            min-height: 400px;
            padding: 10px;
            position: absolute;
            right: 0;
            z-index: 6
        }

        .card_effect[data-v-7f7b745c] {
            background: #010412;
            border: 1px solid #31364f;
            border-radius: 10px;
            margin: 0 1%;
            min-height: 280px;
            overflow: hidden;
            padding: 28px;
            width: 30%
        }

        .header[data-v-7f7b745c] {
            align-items: center;
            display: flex;
            justify-content: space-between
        }

        .toggle-icon[data-v-7f7b745c] {
            cursor: pointer;
            font-size: 20px
        }

        .toggle-box-expanded[data-v-7f7b745c] {
            background: #010412;
            border: 1px solid #31364f
        }

        .edge_card[data-v-7f7b745c]:before {
            background: #00eaff;
            z-index: 11
        }

        .card_effect[data-v-7f7b745c]:before {
            animation: rotation-7f7b745c 6s infinite;
            background: #0646b8;
            border-radius: 629.55px;
            filter: blur(112px);
            flex-shrink: 0;
            height: 349.792px;
            height: 347.193px;
            left: 50%;
            left: 70%;
            margin-left: -240px;
            top: 110%;
            top: 100%;
            transform: rotate(9.064deg);
            transform: rotate(5.934deg);
            width: 588.554px;
            width: 629.55px
        }

        .card_effect[data-v-7f7b745c]:after,
        .card_effect[data-v-7f7b745c]:before {
            content: "";
            display: block;
            position: absolute
        }

        .card_effect[data-v-7f7b745c]:after {
            animation: gradientEffect-7f7b745c 4s infinite;
            background: linear-gradient(90deg, hsla(0, 0%, 7%, 0), #fff 50%, hsla(0, 0%, 7%, 0));
            bottom: 0;
            height: 1.5px;
            left: 50%;
            margin-left: -150px;
            max-width: 300px;
            width: 100%
        }

        .content[data-v-7f7b745c] {
            margin-top: 10px
        }

        @keyframes rotation-7f7b745c {
            0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(180deg)
            }
        }

        @keyframes gradientEffect-7f7b745c {
            0% {
                transform: scaleX(1)
            }

            50% {
                opacity: 0;
                transform: scaleX(0)
            }

            to {
                transform: scaleX(1)
            }
        }

        .pitch-us-block[data-v-7f7b745c] {
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
            padding: 20px
        }

        .pitch-us-title[data-v-7f7b745c] {
            color: #333;
            margin-bottom: 20px;
            text-align: center
        }

        .pitch-us-content p[data-v-7f7b745c] {
            margin: 10px 0
        }

        .pitch-us-content input[data-v-7f7b745c] {
            border: none;
            border-bottom: 1px solid #333;
            margin: 0 5px
        }

        .contactBlock.pitchBlock .text .cFormInput[data-v-7f7b745c] {
            width: auto
        }

        .contactBlock.pitchBlock .text .cFormInput[data-target=contactNameInpt][data-v-7f7b745c] {
            min-width: 75px
        }

        .contactBlock.pitchBlock .text .cFormInput[data-target=contactMailInpt][data-v-7f7b745c] {
            min-width: 80px
        }

        .contactBlock.pitchBlock .text .cFormInput[data-target=contactProjectInpt][data-v-7f7b745c] {
            min-width: 82px
        }

        .contactBlock.pitchBlock .text .cFormInput[data-v-7f7b745c] {
            color: #54b6bd;
            display: inline-block;
            font-family: Montserrat, sans-serif;
            font-size: 14px;
            font-weight: 400;
            max-width: 240px;
            position: relative;
            vertical-align: top;
            -webkit-user-modify: read-write;
            -moz-user-modify: read-write;
            user-modify: read-write;
            word-wrap: break-word;
            -webkit-line-break: after-white-space;
            -moz-line-break: after-white-space;
            opacity: 1;
            outline: none;
            transition: all .3s ease-in-out;
            white-space: nowrap
        }

        .contactBlock.pitchBlock .text .cFormInput[data-v-7f7b745c]:after {
            color: #54b6bd;
            font-family: Montserrat, sans-serif;
            font-size: 14px;
            left: 0;
            position: absolute;
            transition: all .3s ease
        }

        .contactBlock.pitchBlock .text input[data-v-7f7b745c] {
            left: -999999px;
            position: absolute;
            visibility: hidden
        }

        .contactBlock.pitchBlock .text .cFormInput[data-v-7f7b745c]:empty:after {
            content: attr(data-placeholder)
        }

        .contactBlock.pitchBlock .text .cFormInput[data-v-7f7b745c]:not(:empty):after {
            display: none
        }

        @media only screen and (max-width:600px) {
            .card_effect[data-v-7f7b745c] {
                padding: 10px;
                width: 100%
            }

            .contactBlock.pitchBlock .text .cFormInput[data-v-7f7b745c] {
                font-size: 12px
            }
        }

        .cFormInput[data-v-7f7b745c]:empty:before {
            color: #aaa;
            content: attr(data-placeholder);
            opacity: .7
        }

        .contactBlock.pitchBlock .text .cFormInput[data-target=contactMailInpt][data-v-7f7b745c]:after {
            content: "your e-mail"
        }

        .contactBlock.pitchBlock .text .cFormInput[data-target=contactNameInpt][data-v-7f7b745c]:after {
            content: "your name"
        }

        .contactBlock.pitchBlock .text .cFormInput[data-target=contactProjectInpt][data-v-7f7b745c]:after {
            content: "this project"
        }

        .contactBlock.pitchBlock .text .cFormInput[data-v-7f7b745c]:after:focus {
            opacity: 0
        }

        .cFormInput.typing[data-v-7f7b745c]:focus {
            width: -moz-fit-content;
            width: fit-content
        }

        .contactBlock.pitchBlock .text .cFormInput.invalid-input[data-v-7f7b745c]:after,
        .contactBlock.pitchBlock .text .cFormInput.invalid-input[data-v-5181fd21][data-v-7f7b745c],
        .invalid-input[data-v-7f7b745c] {
            color: red
        }

        .btn_custom[data-v-7f7b745c] {
            margin-top: 25px
        }
    </style>
    <style>
        [data-v-e8a9708a] .modal-dialog .modal-content {
            max-height: 30vh !important
        }
    </style>
    <style>
        .news-ticker[data-v-1733ef84] {
            background-color: #052d46;
            color: #fff;
            overflow: hidden;
            padding: 10px 0;
            position: relative;
            white-space: nowrap;
            z-index: 199
        }

        .ticker-content[data-v-1733ef84] {
            display: inline-block;
            will-change: transform
        }

        .ticker-item[data-v-1733ef84] {
            margin-right: 50px
        }
    </style>
    <style>
        .header-wrapper[data-v-eaf710f1] {
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            word-spacing: 2px;
            z-index: 1000
        }

        .header-background[data-v-eaf710f1] {
            padding-top: 0
        }
    </style>
    <style>
        .mgnlft {
            margin-left: 5vw
        }

        .footer-heading {
            font-size: 16px;
            margin-bottom: 2%
        }

        .footer-rightcontent ul li.about-us {
            display: block;
            margin-top: 15px
        }
    </style>
    <style>
        .cookie-control[data-v-9510cee9] {
            background-color: #fff;
            bottom: 0;
            color: #000;
            padding: 20px;
            position: fixed;
            text-align: center;
            width: 100%;
            z-index: 9999
        }

        .cookie-banner[data-v-9510cee9] {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 0 auto
        }

        .cookie-text[data-v-9510cee9] {
            text-align: center;
            width: 80%
        }

        .cookie-banner h2[data-v-9510cee9] {
            font-size: 1.5em;
            margin-top: 0
        }

        .cookie-banner p[data-v-9510cee9] {
            font-size: 1em;
            margin: 1em 0
        }

        .cookie-buttons[data-v-9510cee9] {
            display: flex;
            flex-direction: row;
            gap: 10px;
            max-width: 450px;
            width: 100%
        }

        .cookie-buttons button[data-v-9510cee9] {
            background-color: #30d4c7;
            border: none;
            border-radius: 5px;
            color: #fff;
            cursor: pointer;
            font-size: 1em;
            padding: 10px;
            width: 250px
        }

        .cookie-buttons button[data-v-9510cee9]:hover {
            background-color: #30d4c7;
            color: #000;
            transition: all .2s ease-in-out
        }
    </style>
    <style>
        .beta-label {
            background-color: #f0ad4e;
            border-radius: 5px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
            color: #fff;
            content: "Beta Version";
            font-size: .7em;
            margin: 5vh;
            padding: 5px 60px;
            position: fixed;
            right: 0;
            top: 0;
            transform: translateX(50%) translateY(-50%) rotate(45deg);
            z-index: 1001
        }
    </style>
    <style>
        .error-page {
            height: 100vh;
            justify-content: center;
            padding: 20px;
            text-align: center
        }

        .error-content,
        .error-page {
            align-items: center;
            display: flex
        }

        .error-content {
            justify-content: space-between;
            max-width: 900px;
            width: 100%
        }

        .left-side {
            flex: 1;
            padding-right: 20px
        }

        .right-side {
            flex: 1;
            padding-left: 20px
        }

        .left-side h1 {
            font-size: 3rem;
            margin-bottom: 20px
        }

        .left-side p {
            font-size: 1.5rem;
            margin-bottom: 20px
        }

        .right-side img {
            height: auto;
            max-width: 100%
        }
   
        .content[data-v-fa6c0c4a] {
            background-color: #fff
        }

        .description h2[data-v-fa6c0c4a] {
            margin: 20px auto;
            width: 60%
        }

        .content .row[data-v-fa6c0c4a] {
            margin-top: 0
        }

        img[data-v-fa6c0c4a] {
            height: 90%;
            padding: 5% 0 0 5%
        }

        .content .servicingSection h2[data-v-fa6c0c4a] {
            color: #3e3737;
            font-family: PoppinsBold;
            font-size: 55px;
            font-style: normal;
            font-weight: 800;
            line-height: 122.22px;
            text-align: center;
            width: 100vh
        }

        .content .servicingSection p[data-v-fa6c0c4a] {
            color: #000;
            font-family: Helvetica;
            font-size: 30px;
            font-style: normal;
            font-weight: 400;
            line-height: 40.74px;
            margin-top: -30px;
            text-align: center
        }

        .headlines_banner[data-v-fa6c0c4a] {
            font-weight: 700
        }

        .aiSection[data-v-fa6c0c4a] {
            background-color: #f5f5f5;
            margin-bottom: 2%
        }

        .serviceHeading[data-v-fa6c0c4a] {
            font-family: PoppinsBold;
            font-size: 50px;
            font-weight: 800
        }

        .serviceParagraph[data-v-fa6c0c4a] {
            align-self: center;
            display: flex;
            margin-left: 15%;
            max-width: 70%;
            text-align: center
        }

        @media (max-width:768px) {
            .content .row[data-v-fa6c0c4a] {
                align-items: center;
                display: flex;
                flex-direction: column;
                justify-content: center
            }
        }
  
        .autoContent[data-v-963e72c3] {
            height: 10px;
            position: relative;
            z-index: 2
        }

        .banner-btn[data-v-963e72c3]:after {
            background-image: url(../_nuxt/arrow-icon.white.Ctj8HQJl.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: inline-block;
            height: 1em;
            margin-left: 10px;
            transition: transform .2s ease-in-out;
            width: 1em
        }

        .banner-btn[data-v-963e72c3]:hover:after {
            transform: translateX(5px)
        }

        .site_contain.container[data-v-963e72c3] {
            position: relative;
            z-index: 3
        }

        .background-color[data-v-963e72c3] {
            background-color: #052d46
        }

        .clip-path[data-v-963e72c3] {
            clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%)
        }

        .background-Image[data-v-963e72c3] {
            background: url(../_nuxt/banner-background.DsKkFJDF.png) no-repeat;
            background-position: bottom;
            background-size: cover
        }

        .servicing-banner .banner_headlines[data-v-963e72c3] {
            max-width: 50%
        }

        .serv_slide[data-v-963e72c3] {
            padding: 5% 0
        }

        .background-Image[data-v-963e72c3] {
            background-position: top
        }

        @media (max-width:767.98px) {
            .banner-btn[data-v-963e72c3] {
                margin-top: 10px
            }

            .servicing-banner .banner_headlines[data-v-963e72c3] {
                font-size: .75rem;
                justify-content: center;
                max-width: 60%;
                min-width: 100%;
                padding: 0 1%
            }

            .hm_banner[data-v-963e72c3] {
                max-height: 70vh;
                min-height: 70vh
            }

            .banner_img[data-v-963e72c3] {
                height: 90%;
                left: 0;
                -o-object-fit: cover;
                object-fit: cover;
                opacity: .6;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 1
            }

            .serv_slide[data-v-963e72c3] {
                padding: 10% 0
            }

            .intro_section[data-v-963e72c3],
            .reviews[data-v-963e72c3],
            .stats_section[data-v-963e72c3] {
                margin-top: -20px
            }
        }

        .btn_custom2[data-v-963e72c3] {
            align-items: center;
            cursor: pointer;
            display: inline-flex;
            justify-content: center;
            text-align: center
        }

        @media (max-width:767.98px) {
            .servicing-banner .banner_headlines[data-v-963e72c3] {
                font-size: .8rem;
                max-width: 100%;
                padding: 0 1%
            }

            .serv_slide[data-v-963e72c3] {
                padding: 12% 0
            }

            .intro_section[data-v-963e72c3],
            .reviews[data-v-963e72c3],
            .stats_section[data-v-963e72c3] {
                margin-top: -30px
            }
        }

        @media (max-width:430px) {
            .desc[data-v-963e72c3] {
                margin-top: -1rem;
                max-width: 130vw !important;
                max-width: 100vw;
                min-width: 85vw !important;
                width: 100% !important;
                word-wrap: break-word;
                display: flex;
                flex-direction: column;
                overflow: hidden
            }

            .desc[data-v-963e72c3]:after {
                content: "";
                display: block;
                white-space: pre-line
            }

            .heading[data-v-963e72c3] {
                font-size: 6vw;
                max-width: 130vw !important;
                min-width: 85vw !important;
                white-space: normal;
                word-wrap: break-word;
                display: flex;
                flex-direction: column;
                overflow: hidden
            }

            .heading[data-v-963e72c3]:after {
                content: "";
                display: block;
                white-space: pre-line
            }
        }
   
        .intro-section[data-v-248f5471] {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 20px;
            position: relative;
            width: 100%
        }

        .intro-section[data-v-248f5471]:before {
            animation: rotation 6s infinite;
            background: #1a75bb8f;
            border-radius: 629.55px;
            content: "";
            display: block;
            filter: blur(220px);
            flex-shrink: 0;
            height: 550px;
            left: -20%;
            position: absolute;
            top: 5%;
            transform: rotate(5.934deg);
            width: 550px
        }

        .componentContainer[data-v-248f5471] {
            color: #fff;
            display: grid;
            gap: 20px;
            grid-template-columns: 1fr;
            justify-content: space-between;
            padding: 30px 0 40px;
            position: relative;
            text-align: center
        }

        .leftSection[data-v-248f5471],
        .rightSection[data-v-248f5471] {
            flex: 1;
            width: 100%
        }

        .brandsClass[data-v-248f5471] {
            padding-bottom: 20px;
            text-align: center
        }

        .product_services-list[data-v-248f5471] {
            max-width: 600px
        }

        .slide-content[data-v-248f5471],
        .static-slide[data-v-248f5471] {
            display: flex;
            gap: 20px;
            justify-content: space-between
        }

        .services-slider[data-v-248f5471] {
            position: relative;
            width: 100%
        }

        .swiper-button-next[data-v-248f5471],
        .swiper-button-prev[data-v-248f5471] {
            border: 1px solid #9a9eb2 !important;
            border-radius: 100px !important;
            bottom: 5px !important;
            cursor: pointer;
            display: block !important;
            height: 40px !important;
            margin: 0 !important;
            position: absolute;
            top: 0;
            width: 50px !important;
            z-index: 10
        }

        .swiper-button-prev[data-v-248f5471] {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M9.57 18.07 3.5 12l6.07-6.07M20.5 12H3.67'/%3E%3C/svg%3E") no-repeat 50%;
            right: 80px
        }

        .swiper-button-next[data-v-248f5471] {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23010412' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M14.43 5.93 20.5 12l-6.07 6.07M3.5 12h16.83'/%3E%3C/svg%3E") no-repeat 50%;
            right: 10px
        }

        .swiper-button-next[data-v-248f5471]:after,
        .swiper-button-prev[data-v-248f5471]:after,
        .swiper-rtl .swiper-button-next[data-v-248f5471]:after,
        .swiper-rtl .swiper-button-prev[data-v-248f5471]:after {
            display: none
        }

        .swiper-button-prev[data-v-248f5471] {
            left: auto !important
        }

        .full-width[data-v-248f5471] {
            margin-left: 80px;
            max-width: 700px
        }

        .full-width .services_list li[data-v-248f5471] {
            padding: 15px 0 15px 15px
        }
   
        .slide-track[data-v-f793cc2b] {
            align-items: center;
            display: flex;
            justify-content: center;
            max-width: 100%;
            overflow: hidden;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .main-container-slide[data-v-f793cc2b] {
            animation: scroll-f793cc2b 15s linear 0s infinite normal none running;
            justify-content: space-around;
            min-width: 100%
        }

        .main-container-slide[data-v-f793cc2b],
        .slide[data-v-f793cc2b] {
            align-items: center;
            display: flex;
            flex-shrink: 0
        }

        .slide[data-v-f793cc2b] {
            height: 100px;
            justify-content: center;
            padding: 0 20px
        }

        .slide-container[data-v-f793cc2b] {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            padding: 5px;
            width: 130px
        }

        .slide-container img[data-v-f793cc2b] {
            max-height: 50px;
            width: auto
        }

        @keyframes scroll-f793cc2b {
            0% {
                transform: translateX(0)
            }

            to {
                transform: translateX(-100%)
            }
        }

        @media (max-width:568px) {
            .slide[data-v-f793cc2b] {
                padding: 0 14px;
                position: relative
            }

            .slide[data-v-f793cc2b]:before {
                border-right: 1px solid #ebecf2;
                content: "";
                height: 50%;
                position: absolute;
                right: 0;
                top: 25%
            }

            .slide-container[data-v-f793cc2b] {
                width: 110px
            }

            .slide-container img[data-v-f793cc2b] {
                max-height: 40px;
                max-height: 50px;
                max-height: 30px;
                width: 100px
            }
        }

        @media (max-width:460px) {
            .slide-container img[data-v-f793cc2b] {
                max-height: 50px;
                max-height: 30px;
                width: 100px
            }
        }
    
    
        .headlines_box.inner[data-v-cea55b24] {
            background-color: #093454
        }

        .headlines[data-v-cea55b24] {
            text-transform: none
        }

        .description[data-v-cea55b24] {
            align-items: baseline;
            display: inline-flex;
            flex: 1;
            flex-direction: column;
            max-width: 500px;
            text-align: left
        }

        .experience-button[data-v-cea55b24] {
            align-items: center;
            -webkit-backdrop-filter: blur(32.5px);
            backdrop-filter: blur(32.5px);
            background-color: #093454;
            border: 1px solid var(--border_color);
            border-radius: 20px;
            color: #fff;
            display: inline-flex;
            justify-content: center;
            margin-bottom: 20px;
            padding: 4px 20px 5px
        }

        .description h2[data-v-cea55b24] {
            color: #000;
            font-weight: 700;
            margin-bottom: 20px;
            word-spacing: 2px
        }

        .description p[data-v-cea55b24] {
            color: #000;
            font-size: 16px;
            font-weight: 100;
            line-height: 30px;
            margin-bottom: 20px
        }

        .sentece_case[data-v-cea55b24] {
            text-transform: none !important
        }

        @media (max-width:768px) {
            .description[data-v-cea55b24] {
                align-items: center;
                margin-left: 0;
                max-width: 100%;
                text-align: center
            }

            .experience-button[data-v-cea55b24] {
                justify-content: center;
                margin-bottom: 10px;
                margin-top: 50px
            }

            .buttonTitle[data-v-cea55b24] {
                align-self: center
            }
        }
    
    
        .image_container[data-v-c329d632] {
            align-items: center;
            background: rgba(27, 117, 186, .1);
            border-radius: 50%;
            box-sizing: border-box;
            display: flex;
            height: calc(9vw + 22px);
            justify-content: center;
            max-height: 60px;
            max-width: 60px;
            padding: 15px;
            width: calc(9vw + 22px)
        }

        img[data-v-c329d632] {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            width: 100%
        }

        @media (min-width:768px) {
            .image_container[data-v-c329d632] {
                height: 68px;
                width: 68px
            }
        }

        .services_list ul[data-v-c329d632] {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .services_box[data-v-c329d632] {
            margin-bottom: 20px;
            text-align: left
        }

        p[data-v-c329d632],
        span[data-v-c329d632] {
            display: block;
            margin-top: 10px
        }
    
    
        .edge_card[data-v-35ce4bf2] {
            align-items: center;
            background-color: #f9fafb;
            border-radius: 10px;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            min-height: 250px;
            overflow: hidden;
            position: relative;
            transition: transform .3s
        }

        .edge_card[data-v-35ce4bf2]:hover {
            transform: translateY(-10px)
        }

        .card_content .title img[data-v-35ce4bf2] {
            margin-right: 15px
        }

        .card_content .content[data-v-35ce4bf2] {
            text-align: left
        }

        .card_cta[data-v-35ce4bf2] {
            margin-top: 20px
        }

        .card_cta a[data-v-35ce4bf2] {
            bottom: 12%;
            color: #000;
            font-size: 15px;
            font-weight: 600;
            position: absolute
        }

        .card_cta a[data-v-35ce4bf2],
        .card_cta a[data-v-35ce4bf2]:hover {
            text-decoration: underline
        }
    
    
        .edge_card[data-v-e0df650c] {
            align-items: center;
            background-color: #f9fafb;
            border-radius: 10px;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            min-height: 250px;
            overflow: hidden;
            position: relative;
            text-align: left;
            transition: transform .3s
        }

        .edge_card[data-v-e0df650c]:hover {
            transform: translateY(-10px)
        }

        .card_content .title img[data-v-e0df650c] {
            margin-right: 15px
        }

        .card_content .content[data-v-e0df650c] {
            text-align: left
        }

        .card_cta[data-v-e0df650c] {
            margin-top: 20px
        }

        .card_cta a[data-v-e0df650c] {
            bottom: 12%;
            color: #000;
            font-size: 15px;
            font-weight: 600;
            position: absolute
        }

        .card_cta a[data-v-e0df650c],
        .card_cta a[data-v-e0df650c]:hover {
            text-decoration: underline
        }
   
        .servicing_text .headlines h2[data-v-c0b4f847] {
            text-align: center !important;
            text-transform: none !important
        }
    
        .main-container[data-v-c5d16b0e] {
            background-color: #fff;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin: 60px 0;
            width: 100%
        }

        h2.text-center[data-v-c5d16b0e] {
            padding-bottom: 60px
        }
   
        .article[data-v-04f6916c] {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
            flex-direction: column;
            margin: 20px;
            width: 400px
        }

        .article[data-v-04f6916c],
        .image-container[data-v-04f6916c] {
            display: flex;
            overflow: visible;
            position: relative
        }

        .image-container[data-v-04f6916c] {
            justify-content: center;
            width: 100%
        }

        .article-image[data-v-04f6916c] {
            border-radius: 10px;
            height: auto;
            height: 240px;
            -o-object-fit: cover;
            object-fit: cover;
            position: relative;
            top: -60px;
            width: 80%
        }

        .content[data-v-04f6916c] {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            justify-content: space-between;
            margin-top: -30px;
            padding: 0 20px 20px;
            text-align: left
        }

        h3[data-v-04f6916c] {
            font-size: 18px;
            margin: 20px 0
        }

        .container-bottom[data-v-04f6916c] {
            border-top: 1px solid #ddd;
            margin-top: 20px;
            padding-top: 10px;
            text-align: center
        }

        .btn_custom[data-v-04f6916c] {
            background-color: transparent;
            border-radius: 5px;
            border-width: 0;
            color: #000;
            display: inline-flex;
            padding: 10px 20px;
            text-decoration: none;
            transition: color .3s
        }

        .btn_custom[data-v-04f6916c]:hover {
            background-color: transparent !important;
            border-width: 0;
            color: #000
        }

        @media (max-width:1300px) {
            .main-container[data-v-04f6916c] {
                align-items: center;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                margin: 60px 0;
                width: 100%
            }

            .article[data-v-04f6916c] {
                margin-bottom: 60px;
                max-width: 500px;
                width: 50%;
                width: 90%
            }
        }
.title:before{
        top: 95px !important;
    }
     @media (max-width:576px) {
        .title:before{
        top: 95px !important;
    }
          } 
   @media (max-width:768px) {
           .title:before{
       display: none !important;
    }  }
       
    .badge{
        height: 30px !important;
        width: 210px !important;
        padding-top: 10px !important;
        border-radius: 50px !important;
    }
        @media (max-width:780px) {
            .article[data-v-04f6916c] {
                margin-bottom: 60px;
                width: 100%
            }
        }
   
        .btn_custom[data-v-069e6640] {
            padding: 10px 28px
        }

        .newsletter-button[data-v-069e6640]:hover {
            outline: 0
        }

        #hubspotNewsForm .hs-button[data-v-069e6640] {
            background-color: #30d4c7
        }

        #hubspotNewsForm .hs-button.primary.large[data-v-069e6640] {
            background-color: #30d4c7 !important
        }

        .btn_custom.btn_about[data-v-069e6640]:after {
            display: none
        }

        .is-invalid[data-v-069e6640] {
            border: 1px solid red
        }

        .error-message[data-v-069e6640] {
            color: red;
            display: block;
            font-size: .9rem;
            margin-top: 18%;
            position: absolute
        }

        @media (min-width:0px) and (max-width:768px) {
            .newsletter-section[data-v-069e6640] {
                flex-direction: column !important;
                padding: 20px !important
            }

            .newsletter-text[data-v-069e6640] {
                color: #333 !important;
                font-size: 1.5rem !important;
                font-weight: 600 !important;
                margin-bottom: 20px !important;
                max-width: 100% !important;
                min-width: 100% !important
            }

            .newsletter-button[data-v-069e6640],
            .newsletter-input[data-v-069e6640] {
                padding: 10px !important
            }
        }
       #contentwhy{
        padding-top: 40px;
        }
        .headlines_box {
    align-items: center;
    -webkit-backdrop-filter: blur(32.5px);
    backdrop-filter: blur(32.5px);
    background: #093454;
    border: none;
    border-radius: 25px;
    border-radius: 20px;
    display: inline-flex;
    margin-top: 50px;

    justify-content: center;
    margin-bottom: 20px;
    padding: 11px 27px;
}
/* Navbar should be above everything */
.navbar {
  position: relative;
  z-index: 1000;
}

/* Fix for dropdown click issue */
.dropdown-menu {
  position: absolute !important;
  z-index: 9999 !important;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  top: 100%; /* ensure dropdown comes below */
  left: 0;
}

/* Show dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
}

/* Optional: remove any parent overflow issues */
.header, .container, .banner {
  overflow: visible !important;
}
.navbar-nav .nav-link::before{
  display: none !important;
}
 @media (max-width: 991.98px){
              #contentwhy{
        margin-top: 100px !important;
        }
        }
      @media (max-width: 767.98px) {
  #contentwhy {
    margin-top: 160px !important;
  }
}
.title::before{
  top: 50px !important;
}