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

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

body {
    margin: 0;
    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);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

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

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

@media (min-width: 1200px) {
    h1 {
        font-size: 2.5rem
    }
}

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

@media (min-width: 1200px) {
    h2 {
        font-size: 2rem
    }
}

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

@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem
    }
}

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

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

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

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

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

address {
    margin-bottom: 1rem;
    font-style: normal;

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

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

    body {
        margin: 0;
        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);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

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

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

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

    @media (min-width: 1200px) {
        h1 {
            font-size: 2.5rem
        }
    }

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

    @media (min-width: 1200px) {
        h2 {
            font-size: 2rem
        }
    }

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

    @media (min-width: 1200px) {
        h3 {
            font-size: 1.75rem
        }
    }

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

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

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }

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

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

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

    ol,
    ul {
        padding-left: 2rem
    }

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

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-bottom: .5rem;
        margin-left: 0
    }

    blockquote {
        margin: 0 0 1rem
    }

    b,
    strong {
        font-weight: bolder
    }

    small {
        font-size: .875em
    }

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

    sub,
    sup {
        position: relative;
        font-size: .75em;
        line-height: 0;
        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
    }

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

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

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

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

    a>code {
        color: inherit
    }

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

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

    figure {
        margin: 0 0 1rem
    }

    img,
    svg {
        vertical-align: middle
    }

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

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

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

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

    label {
        display: inline-block
    }

    button {
        border-radius: 0
    }

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

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

    button,
    select {
        text-transform: none
    }

    [role=button] {
        cursor: pointer
    }

    select {
        word-wrap: normal
    }

    select:disabled {
        opacity: 1
    }

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

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

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

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

    textarea {
        resize: vertical
    }

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

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

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

    legend+* {
        clear: left
    }

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

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

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

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

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

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

    output {
        display: inline-block
    }

    iframe {
        border: 0
    }

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

    progress {
        vertical-align: baseline
    }

    [hidden] {
        display: none !important
    }

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

    .container-xxl,
    .container-xl,
    .container-lg,
    .container {
        max-width: 540px
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container {
        max-width: 720px
    }

    @media (min-width: 768px) {

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

    @media (min-width: 1280px) {

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

    @media (min-width: 1440px) {

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

    :root {
        --bs-breakpoint-xs: 0;
        --bs-breakpoint-lg: 768px;
        --bs-breakpoint-xl: 1280px;
        --bs-breakpoint-xxl: 1440px
    }

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

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

    .col {
        flex: 1 0 0%
    }

    .row-cols-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-1>* {
        flex: 0 0 auto;
        width: 100
    }

    .row-cols-2>* {
        flex: 0 0 auto;
        width: 50
    }

    .row-cols-3>* {
        flex: 0 0 auto;
        width: 33.3333333333
    }

    .row-cols-4>* {
        flex: 0 0 auto;
        width: 25
    }

    .row-cols-5>* {
        flex: 0 0 auto;
        width: 20
    }

    .row-cols-6>* {
        flex: 0 0 auto;
        width: 16.6666666667
    }

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

    .col-1 {
        flex: 0 0 auto;
        width: 8.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: .25rem
    }

    .g-1,
    .gy-1 {
        --bs-gutter-y: .25rem
    }

    .g-2,
    .gx-2 {
        --bs-gutter-x: .5rem
    }

    .g-2,
    .gy-2 {
        --bs-gutter-y: .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: 768px) {
        .col-lg {
            flex: 1 0 0%
        }

        .row-cols-lg-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-lg-1>* {
            flex: 0 0 auto;
            width: 100
        }

        .row-cols-lg-2>* {
            flex: 0 0 auto;
            width: 50
        }

        .row-cols-lg-3>* {
            flex: 0 0 auto;
            width: 33.3333333333
        }

        .row-cols-lg-4>* {
            flex: 0 0 auto;
            width: 25
        }

        .row-cols-lg-5>* {
            flex: 0 0 auto;
            width: 20
        }

        .row-cols-lg-6>* {
            flex: 0 0 auto;
            width: 16.6666666667
        }

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

        .col-lg-1 {
            flex: 0 0 auto;
            width: 8.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: .25rem
        }

        .g-lg-1,
        .gy-lg-1 {
            --bs-gutter-y: .25rem
        }

        .g-lg-2,
        .gx-lg-2 {
            --bs-gutter-x: .5rem
        }

        .g-lg-2,
        .gy-lg-2 {
            --bs-gutter-y: .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: 1280px) {
        .col-xl {
            flex: 1 0 0%
        }

        .row-cols-xl-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-xl-1>* {
            flex: 0 0 auto;
            width: 100
        }

        .row-cols-xl-2>* {
            flex: 0 0 auto;
            width: 50
        }

        .row-cols-xl-3>* {
            flex: 0 0 auto;
            width: 33.3333333333
        }

        .row-cols-xl-4>* {
            flex: 0 0 auto;
            width: 25
        }

        .row-cols-xl-5>* {
            flex: 0 0 auto;
            width: 20
        }

        .row-cols-xl-6>* {
            flex: 0 0 auto;
            width: 16.6666666667
        }

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

        .col-xl-1 {
            flex: 0 0 auto;
            width: 8.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: .25rem
        }

        .g-xl-1,
        .gy-xl-1 {
            --bs-gutter-y: .25rem
        }

        .g-xl-2,
        .gx-xl-2 {
            --bs-gutter-x: .5rem
        }

        .g-xl-2,
        .gy-xl-2 {
            --bs-gutter-y: .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: 1440px) {
        .col-xxl {
            flex: 1 0 0%
        }

        .row-cols-xxl-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-xxl-1>* {
            flex: 0 0 auto;
            width: 100
        }

        .row-cols-xxl-2>* {
            flex: 0 0 auto;
            width: 50
        }

        .row-cols-xxl-3>* {
            flex: 0 0 auto;
            width: 33.3333333333
        }

        .row-cols-xxl-4>* {
            flex: 0 0 auto;
            width: 25
        }

        .row-cols-xxl-5>* {
            flex: 0 0 auto;
            width: 20
        }

        .row-cols-xxl-6>* {
            flex: 0 0 auto;
            width: 16.6666666667
        }

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

        .col-xxl-1 {
            flex: 0 0 auto;
            width: 8.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: .25rem
        }

        .g-xxl-1,
        .gy-xxl-1 {
            --bs-gutter-y: .25rem
        }

        .g-xxl-2,
        .gx-xxl-2 {
            --bs-gutter-x: .5rem
        }

        .g-xxl-2,
        .gy-xxl-2 {
            --bs-gutter-y: .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
        }
    }

    .accordion {
        --bs-accordion-color: var(--bs-body-color);
        --bs-accordion-bg: var(--bs-body-bg);
        --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
        --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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-icon-width: 1.25rem;
        --bs-accordion-btn-icon-transform: rotate(-180deg);
        --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-focus-border-color: #86b7fe;
        --bs-accordion-btn-focus-box-shadow: 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 {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
        font-size: 1rem;
        color: var(--bs-accordion-btn-color);
        text-align: left;
        background-color: var(--bs-accordion-btn-bg);
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: var(--bs-accordion-transition)
    }

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

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

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

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

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

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

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

    .accordion-header {
        margin-bottom: 0
    }

    .accordion-item {
        color: var(--bs-accordion-color);
        background-color: var(--bs-accordion-bg);
        border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-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-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-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

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

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

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

    .accordion-flush .accordion-collapse {
        border-width: 0
    }

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

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

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

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

    [data-bs-theme=dark] .accordion-button:after {
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
    }

    .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 {
        width: 0;
        height: auto;
        transition: width .35s ease
    }

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

    .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 {
        object-fit: contain !important
    }

    .object-fit-cover {
        object-fit: cover !important
    }

    .object-fit-fill {
        object-fit: fill !important
    }

    .object-fit-scale {
        object-fit: scale-down !important
    }

    .object-fit-none {
        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: 0 .5rem 1rem #00000026 !important
    }

    .shadow-sm {
        box-shadow: 0 .125rem .25rem #00000013 !important
    }

    .shadow-lg {
        box-shadow: 0 1rem 3rem #0000002d !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: translate(-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: .1
    }

    .border-opacity-25 {
        --bs-border-opacity: .25
    }

    .border-opacity-50 {
        --bs-border-opacity: .5
    }

    .border-opacity-75 {
        --bs-border-opacity: .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-right: 0 !important;
        margin-left: 0 !important
    }

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

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

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

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

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

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

    .my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

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

    .mt-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

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

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

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

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

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

    .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

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

    .pt-1 {
        padding-top: .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 {
        column-gap: 0 !important
    }

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

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

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

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

    .column-gap-5 {
        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: #00000080 !important
    }

    .text-white-50 {
        --bs-text-opacity: 1;
        color: #ffffff80 !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: .25
    }

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

    .text-opacity-75 {
        --bs-text-opacity: .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: .1
    }

    .link-opacity-25,
    .link-opacity-25-hover:hover {
        --bs-link-opacity: .25
    }

    .link-opacity-50,
    .link-opacity-50-hover:hover {
        --bs-link-opacity: .5
    }

    .link-opacity-75,
    .link-opacity-75-hover:hover {
        --bs-link-opacity: .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: .1
    }

    .link-underline-opacity-25,
    .link-underline-opacity-25-hover:hover {
        --bs-link-underline-opacity: .25
    }

    .link-underline-opacity-50,
    .link-underline-opacity-50-hover:hover {
        --bs-link-underline-opacity: .5
    }

    .link-underline-opacity-75,
    .link-underline-opacity-75-hover:hover {
        --bs-link-underline-opacity: .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: .1
    }

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

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

    .bg-opacity-75 {
        --bs-bg-opacity: .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;
        user-select: all !important
    }

    .user-select-auto {
        -webkit-user-select: auto !important;
        user-select: auto !important
    }

    .user-select-none {
        -webkit-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-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important
    }

    .rounded-end-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .rounded-end-1 {
        border-top-right-radius: var(--bs-border-radius-sm) !important;
        border-bottom-right-radius: var(--bs-border-radius-sm) !important
    }

    .rounded-end-2 {
        border-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important
    }

    .rounded-end-3 {
        border-top-right-radius: var(--bs-border-radius-lg) !important;
        border-bottom-right-radius: var(--bs-border-radius-lg) !important
    }

    .rounded-end-4 {
        border-top-right-radius: var(--bs-border-radius-xl) !important;
        border-bottom-right-radius: var(--bs-border-radius-xl) !important
    }

    .rounded-end-5 {
        border-top-right-radius: var(--bs-border-radius-xxl) !important;
        border-bottom-right-radius: var(--bs-border-radius-xxl) !important
    }

    .rounded-end-circle {
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important
    }

    .rounded-end-pill {
        border-top-right-radius: var(--bs-border-radius-pill) !important;
        border-bottom-right-radius: var(--bs-border-radius-pill) !important
    }

    .rounded-bottom {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important
    }

    .rounded-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .rounded-bottom-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm) !important;
        border-bottom-left-radius: var(--bs-border-radius-sm) !important
    }

    .rounded-bottom-2 {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important
    }

    .rounded-bottom-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg) !important;
        border-bottom-left-radius: var(--bs-border-radius-lg) !important
    }

    .rounded-bottom-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl) !important;
        border-bottom-left-radius: var(--bs-border-radius-xl) !important
    }

    .rounded-bottom-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
        border-bottom-left-radius: var(--bs-border-radius-xxl) !important
    }

    .rounded-bottom-circle {
        border-bottom-right-radius: 50% !important;
        border-bottom-left-radius: 50% !important
    }

    .rounded-bottom-pill {
        border-bottom-right-radius: var(--bs-border-radius-pill) !important;
        border-bottom-left-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: 768px) {
        .float-lg-start {
            float: left !important
        }

        .float-lg-end {
            float: right !important
        }

        .float-lg-none {
            float: none !important
        }

        .object-fit-lg-contain {
            object-fit: contain !important
        }

        .object-fit-lg-cover {
            object-fit: cover !important
        }

        .object-fit-lg-fill {
            object-fit: fill !important
        }

        .object-fit-lg-scale {
            object-fit: scale-down !important
        }

        .object-fit-lg-none {
            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-right: 0 !important;
            margin-left: 0 !important
        }

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

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

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

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

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

        .mx-lg-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }

        .my-lg-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .my-lg-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }

        .my-lg-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }

        .my-lg-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }

        .my-lg-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }

        .my-lg-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }

        .my-lg-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }

        .mt-lg-0 {
            margin-top: 0 !important
        }

        .mt-lg-1 {
            margin-top: .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-right: 0 !important;
            padding-left: 0 !important
        }

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

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

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

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

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

        .py-lg-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-lg-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .py-lg-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

        .py-lg-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .py-lg-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .py-lg-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }

        .pt-lg-0 {
            padding-top: 0 !important
        }

        .pt-lg-1 {
            padding-top: .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 {
            column-gap: 0 !important
        }

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

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

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

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

        .column-gap-lg-5 {
            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: 1280px) {
        .float-xl-start {
            float: left !important
        }

        .float-xl-end {
            float: right !important
        }

        .float-xl-none {
            float: none !important
        }

        .object-fit-xl-contain {
            object-fit: contain !important
        }

        .object-fit-xl-cover {
            object-fit: cover !important
        }

        .object-fit-xl-fill {
            object-fit: fill !important
        }

        .object-fit-xl-scale {
            object-fit: scale-down !important
        }

        .object-fit-xl-none {
            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-right: 0 !important;
            margin-left: 0 !important
        }

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

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

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

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

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

        .mx-xl-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }

        .my-xl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .my-xl-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }

        .my-xl-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }

        .my-xl-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }

        .my-xl-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }

        .my-xl-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }

        .my-xl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }

        .mt-xl-0 {
            margin-top: 0 !important
        }

        .mt-xl-1 {
            margin-top: .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-right: 0 !important;
            padding-left: 0 !important
        }

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

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

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

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

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

        .py-xl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-xl-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .py-xl-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

        .py-xl-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .py-xl-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .py-xl-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }

        .pt-xl-0 {
            padding-top: 0 !important
        }

        .pt-xl-1 {
            padding-top: .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 {
            column-gap: 0 !important
        }

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

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

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

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

        .column-gap-xl-5 {
            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: 1440px) {
        .float-xxl-start {
            float: left !important
        }

        .float-xxl-end {
            float: right !important
        }

        .float-xxl-none {
            float: none !important
        }

        .object-fit-xxl-contain {
            object-fit: contain !important
        }

        .object-fit-xxl-cover {
            object-fit: cover !important
        }

        .object-fit-xxl-fill {
            object-fit: fill !important
        }

        .object-fit-xxl-scale {
            object-fit: scale-down !important
        }

        .object-fit-xxl-none {
            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-right: 0 !important;
            margin-left: 0 !important
        }

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

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

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

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

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

        .mx-xxl-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }

        .my-xxl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .my-xxl-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }

        .my-xxl-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }

        .my-xxl-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }

        .my-xxl-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }

        .my-xxl-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }

        .my-xxl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }

        .mt-xxl-0 {
            margin-top: 0 !important
        }

        .mt-xxl-1 {
            margin-top: .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-right: 0 !important;
            padding-left: 0 !important
        }

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

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

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

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

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

        .py-xxl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-xxl-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .py-xxl-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

        .py-xxl-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .py-xxl-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .py-xxl-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }

        .pt-xxl-0 {
            padding-top: 0 !important
        }

        .pt-xxl-1 {
            padding-top: .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 {
            column-gap: 0 !important
        }

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

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

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

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

        .column-gap-xxl-5 {
            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
        }
    }

    .modal {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 500px;
        --bs-modal-padding: 1rem;
        --bs-modal-margin: .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: 0 .125rem .25rem rgba(0, 0, 0, .075);
        --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: .5rem;
        --bs-modal-footer-bg: ;
        --bs-modal-footer-border-color: var(--bs-border-color);
        --bs-modal-footer-border-width: var(--bs-border-width);
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-modal-zindex);
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0
    }

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

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

    @media (prefers-reduced-motion: reduce) {
        .modal.fade .modal-dialog {
            transition: none
        }
    }

    .modal.show .modal-dialog {
        transform: none
    }

    .modal.modal-static .modal-dialog {
        transform: scale(1.02)
    }

    .modal-dialog-scrollable {
        height: calc(100% - 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 {
        display: flex;
        align-items: center;
        min-height: calc(100% - var(--bs-modal-margin) * 2)
    }

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

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

    .modal-backdrop.fade {
        opacity: 0
    }

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

    .modal-header {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-modal-header-padding);
        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)
    }

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

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

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

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

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

    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
    }

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

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

    @media (min-width: 768px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .nav-link {
        display: block;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        color: var(--bs-nav-link-color);
        text-decoration: none;
        background: none;
        border: 0;
        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:hover,
    .nav-link:focus {
        color: var(--bs-nav-link-hover-color)
    }

    .nav-link:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 .25rem #0d6efd40
    }

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

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

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

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

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

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

    .nav-pills {
        --bs-nav-pills-border-radius: var(--bs-border-radius);
        --bs-nav-pills-link-active-color: #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 {
        color: var(--bs-nav-pills-link-active-color);
        background-color: var(--bs-nav-pills-link-active-bg)
    }

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

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

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

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

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

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

    .nav-fill .nav-item .nav-link,
    .nav-justified .nav-item .nav-link {
        width: 100%
    }

    .tab-content>.tab-pane {
        display: none
    }

    .tab-content>.active {
        display: block
    }

    @font-face {
        font-family: Circular Std;
        src: url(../fonts/CircularStd-Book/CircularStd-Book.eot);
        src: local("@"), url(../fonts/CircularStd-Book/CircularStd-Book.ttf) format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Circular Bold;
        src: url(../fonts/CircularStd-Bold/CircularStd-Bold.eot);
        src: local("@"), url(../fonts/CircularStd-Bold/CircularStd-Bold.ttf) format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Helvetica;
        src: url(../fonts/HelveticaNeue/HelveticaNeue.eot);
        src: local("@"), url(../fonts/HelveticaNeue/HelveticaNeue.ttf) format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Helvetica Bold;
        src: url(../fonts/HelveticaNeue/HelveticaNeueBold.eot);
        src: local("@"), url(../fonts/HelveticaNeue/HelveticaNeueBold.ttf) format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: icomoon;
        src: url(../fonts/icons/icomoon.eot?ln483k);
        src: url(../fonts/icons/icomoon.eot?ln483k#iefix) format("embedded-opentype"), url(../fonts/icons/icomoon.ttf?ln483k) format("truetype"), url(../fonts/icons/icomoon.woff?ln483k) format("woff"), url(../fonts/icons/icomoon.svg?ln483k#icomoon) format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: block
    }

    [class^=icon-]:before,
    [class*=" icon-"]:before {
        font-family: icomoon !important;
        speak: never;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-icon-cuenta:before {
        content: "";
        color: #006fb9
    }

    .icon-icon-avatar:before {
        content: "";
        color: #ffffff
    }

    .icon-icon-lugares:before {
        content: "";
        color: #006fb9
    }

    .icon-chevron-bottom:before {
        content: "";
        color: #006fb9
    }

    .icon-icon-close:before {
        content: "";
        color: #006fb9
    }

    .icon-chevrons-white:before {
        content: "";
        color: #fff
    }

    .icon-icon-ayuda:before {
        content: "";
        color: #ffffff
    }

    .icon-icon-dinero:before {
        content: "";
        color: #595955
    }

    .icon-icon-ham:before {
        content: "";
        color: #05297a
    }

    .icon-icon-ham-m:before {
        content: "";
        color: #ffffff
    }

    .icon-icon-place:before {
        content: "";
        color: #ffffff
    }

    .icon-icon-place-m:before {
        content: "";
        color: #006fb9
    }

    .icon-icon-tienda:before {
        content: "";
        color: #595955
    }

    :root {
        --color-azul50: #fafbfc;
        --color-azul100: #f1f4fa;
        --color-azul150: #d9e3f2;
        --color-azul200: #a1b8de;
        --color-azul300: #006fb9;
        --color-azul400: #145b97;
        --color-azul500: #194b7b;
        --color-azul600: #103151;
        --color-azul-claro: #d3eaff;
        --color-azul-medio: #9cd7ff;
        --color-azul-bajo: #F3F3F3;
        --color-azul-muybajo: #f3faff;
        --color-pencil: #1b1a16;
        --color-blanco: #ffffff;
        --color-amarillo200: #ffec99;
        --color-amarillo300: #ffdd35;
        --color-gris100: #bdbdbd;
        --color-gris300: #9b9a98;
        --color-gris600: #3b3a37;
        --color-gris500: #595955;
        --color-error400: #ba4b44;
        --color-overlay: rgba(27, 26, 22, .16);
        --color-gradienteaur: linear-gradient(107deg, #0d0b79 5.77%, #046ac0 33.9%, #1dacba 62.04%, #accc05 95.67%);
        --color-gradiente-azul: radial-gradient(50% 50% at 50% 50%, rgba(22, 155, 243, .8) 0%, rgba(22, 155, 243, 0) 100%);
        --color-shadow-default: 0px 6px 16px 0px rgba(25, 75, 123, .08);
        --shadow-flotante: 0px 4px 48px 0px rgba(95, 171, 221, .16);
        --shadow-hover: 0px 6px 24px 0px rgba(25, 75, 123, .12);
        --font-family-primary-book: "Circular Std";
        --font-family-primary-bold: "Circular Bold";
        --font-family-secondary-regular: "Helvetica";
        --font-family-secondary-bold: "Helvetica Bold";
        --text-decoration-underline: underline;
        --spacing01: .25rem;
        --spacing02: .5rem;
        --spacing03: 1rem;
        --spacing04: 1.5rem;
        --spacing05: 2rem;
        --spacing06: 2.5rem;
        --spacing07: 3rem;
        --spacing08: 4rem;
        --spacing09: 5rem;
        --spacing10: 6rem;
        --radius-2xl: 5rem;
        --radius-xl: 2.5rem;
        --radius-lg: 1.5rem;
        --radius-md: 1rem;
        --radius-sm: .5rem
    }

    body {
        background: var(--color-blanco);
        color: var(--color-pencil);
        font-family: var(--font-family-primary-book)
    }

    body h1,
    body h2,
    body h3,
    body h4,
    body h5,
    body h6,
    body p,
    body li,
    body figure,
    body a {
        margin: 0
    }

    body strong {
        font-weight: 400
    }

    body .custom-container {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 768px) {
        body .custom-container {
            --bs-gutter-x: 128px;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-right: auto;
            margin-left: auto
        }
    }

    @media (min-width: 1280px) {
        body .custom-container {
            --bs-gutter-x: 192px;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-right: auto;
            margin-left: auto
        }
    }

    @media (min-width: 1440px) {
        body .custom-container {
            --bs-gutter-x: auto;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-right: auto;
            margin-left: auto;
            max-width: 1174px
        }
    }

    body .font-secondary {
        font-family: var(--font-family-secondary-regular)
    }

    body .text-2xl {
        font-size: 4.375rem;
        line-height: 5.4688rem
    }

    body .text-lg-36 {
        font-size: 2.25rem;
        line-height: 2.75rem
    }

    body .text-med {
        font-size: 1.75rem;
        line-height: 2.3275rem
    }

    body .text-md-20 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .text-sm-16 {
        font-size: 1rem;
        line-height: 1.5rem
    }

    body .text-xs-14 {
        font-size: .875rem;
        line-height: 1rem
    }

    body .text-xs-12 {
        font-size: .75rem;
        line-height: 1rem
    }

    body .title-underline {
        display: grid;
        place-items: center;
        text-align: center;
        row-gap: 1rem;
        font-family: var(--font-family-primary-bold);
        font-size: 1.5rem;
        line-height: 2rem
    }

    body .title-underline:after {
        content: "";
        display: block;
        width: 40px;
        height: 8px;
        background: var(--color-amarillo300)
    }

    body .link {
        font-family: var(--font-family-secondary-bold);
        color: var(--color-azul300);
        width: max-content
    }

    body .link-icon {
        font-family: var(--font-family-secondary-bold);
        color: var(--color-azul300);
        width: max-content;
        display: flex;
        align-items: center;
        column-gap: 12px;
        text-decoration: none
    }

    body .link-icon span {
        text-decoration: underline
    }

    body .link-icon:after {
        content: "";
        font-family: icomoon !important;
        font-size: x-large
    }

    body .link-back a {
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--color-azul300);
        font-family: var(--font-family-secondary-bold);
        display: inline-flex;
        column-gap: 8px;
        text-decoration: none
    }

    body:has(.header--subnivel.show) {
        overflow: hidden
    }

    body:has(.header--subnivel.show) .header .overlay {
        animation: overlay .3s forwards
    }

    @keyframes hide {
        to {
            opacity: 0;
            visibility: hidden
        }
    }

    @keyframes show {
        0% {
            opacity: 0;
            visibility: hidden
        }

        to {
            opacity: 1;
            visibility: visible
        }
    }

    body .hide-opacity {
        animation: hide forwards .3s ease-in-out
    }

    body .show-opacity {
        animation: show forwards .3s ease-in-out
    }

    body .btn-whatssap {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 110px;
        right: var(--spacing03);
        background: url(../img/button-whatsapp.svg) no-repeat center/cover;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        z-index: 100
    }

    body .btn-chat {
        cursor: pointer;
        position: fixed;
        width: 120px;
        height: 46px;
        bottom: 115px;
        right: 90px;
        background-image: url(../img/chat_logo.png);
        color: #fff;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        z-index: 100
    }

    @media (min-width: 1280px) {
        body .title-underline {
            font-size: 2.25rem;
            line-height: 2.75rem
        }
    }

    body .headerBancoppel {
        z-index: 999;
        position: sticky;
        top: 0;
        width: 100%;
        height: 56px
    }

    @keyframes overlay {
        0% {
            transform: scale(1)
        }

        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    @keyframes overlay-close {
        0% {
            opacity: 1;
            transform: scale(1)
        }

        to {
            transform: scale(0);
            transform: scale(1)
        }
    }

    body .headerBancoppel .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: var(--color-overlay);
        transform: scale(0);
        transform-origin: center;
        opacity: 0;
        transition: .3s ease-in-out all;
        z-index: 0
    }

    body .headerBancoppel .overlay.open {
        animation: overlay .3s forwards
    }

    body .headerBancoppel .overlay.close {
        animation: overlay-close .3s forwards
    }

    body .headerBancoppel:has(.headerBancoppel--subnivel.show, .headerBancoppel--subnivel.collapsing):before {
        transform: scaleX(1)
    }

    body .headerBancoppel:has(.headerBancoppel--subnivel.show, .headerBancoppel--subnivel.collapsing) .headerBancoppel--subnivel {
        transform: translate(0)
    }

    body .headerBancoppel--nav {
        width: 100%;
        height: 100%
    }

    body .headerBancoppel .navbar-toggler {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        height: 24px;
        width: 24px;
        padding: 0;
        font-size: 24px;
        background: none
    }

    body .headerBancoppel--sup {
        background: #05297A;
        box-shadow: var(--shadow-flotante);
        height: 100%;
        display: flex
    }

    body .headerBancoppel--sup .row {
        height: 100%;
        align-items: center
    }

    body .headerBancoppel--sup--main a:not(#link-logo) {
        display: none
    }

    body .headerBancoppel--sup--main h5 {
        font-family: var(--font-family-secondary-regular)
    }

    body .headerBancoppel--sup--accesos {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        column-gap: var(--spacing03);
        height: 100%
    }

    body .headerBancoppel--sup--accesos a[data-name=Banca] {
        display: none;
        text-decoration: none
    }

    body .headerBancoppel--sup--accesos .headerBancoppel-icon {
        width: 24px;
        height: 24px;
        position: relative;
        display: grid;
        place-items: center;
        text-decoration: none;
        font-size: 24px
    }

    body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-avatar {
        font-size: 20px
    }

    body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-place,
    body .headerBancoppel--sup--accesos .headerBancoppel-icon span {
        display: none
    }

    body .headerBancoppel--subnivel {
        background: var(--color-blanco);
        position: fixed;
        top: 0;
        right: 0;
        width: calc(100% - 64px);
        height: 100vh;
        transform: translate(100%);
        overflow-y: scroll;
        transition: .3s ease-in-out all !important;
        z-index: 1
    }

    body .headerBancoppel--subnivel.collapse {
        display: block
    }

    body .headerBancoppel--subnivel.collapsing {
        display: block !important
    }

    body .headerBancoppel--subnivel--logo {
        padding: var(--spacing04);
        display: flex;
        justify-content: space-between;
        background-color: #ffffff;
    }

    body .headerBancoppel--subnivel--logo .navbar-toggler:before {
        content: ""
    }

    body .headerBancoppel--subnivel .custom-container {
        padding: 0
    }

    body .headerBancoppel--subnivel--uno {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column
    }

    body .headerBancoppel--subnivel--uno li {
        font-size: 1rem;
        line-height: 1.5rem;
        position: relative;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        transition: .3s ease;
        font-family: var(--font-family-secondary-regular);
        border-left: 4px solid transparent
    }

    body .headerBancoppel--subnivel--uno li:after {
        display: none
    }

    body .headerBancoppel--subnivel--uno li.active {
        border-left: 4px solid var(--color-azul300)
    }

    body .headerBancoppel--subnivel--uno li>span {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: var(--spacing03) var(--spacing04)
    }

    body .headerBancoppel--subnivel--uno li>span:after {
        content: "";
        color: #006fb9;
        font-family: icomoon !important;
        font-size: 10px;
        margin-left: initial;
        transition: .3s ease
    }

    body .headerBancoppel--subnivel--uno li>span[aria-expanded=true] {
        background: #ffffff;
        font-family: var(--font-family-secondary-bold)
    }

    body .headerBancoppel--subnivel--uno li>span[aria-expanded=true]:after {
        transform: rotate(180deg)
    }

    body .headerBancoppel--subnivel--uno li>span[aria-expanded=false] {
        background: var(--color-blanco);
        color: #081754;
    }

    body .headerBancoppel--subnivel--uno li:has(.headerBancoppel--subnivel--title) li {
        padding-left: var(--spacing06)
    }

    body .headerBancoppel--subnivel--uno li:has(.btn.secundario) .link-monetizacion {
        display: none
    }

    body .headerBancoppel--subnivel--title {
        display: flex;
        align-items: center;
        column-gap: var(--spacing03);
        width: 100%
    }

    body .headerBancoppel--subnivel--title h5 {
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-primary-bold)
    }

    body .headerBancoppel--subnivel--dos {
        width: 100%;
        background: #ffffff;
        padding: 0 24px
    }

    body .headerBancoppel--subnivel--dos ul {
        display: flex;
        flex-direction: column;
        row-gap: var(--spacing04);
        list-style: none;
        padding: var(--spacing03)
    }

    body .headerBancoppel--subnivel--dos ul:has(.headerBancoppel--subnivel--title) {
        padding: var(--spacing03) 0
    }

    body .headerBancoppel--subnivel--dos li {
        width: 100%;
        justify-content: space-between;
        padding: 0
    }

    body .headerBancoppel--subnivel--dos li a {
        text-decoration: none
    }

    body .headerBancoppel--menu-bottom {
        border-top: 1px solid var(--color-gris100)
    }

    body .headerBancoppel--menu-bottom a {
        text-decoration: none
    }

    body .headerBancoppel--menu-bottom li {
        display: flex;
        align-items: center;
        flex-direction: row;
        column-gap: var(--spacing03);
        padding: var(--spacing03);
        color: #081754;
    }

    body .headerBancoppel--menu-bottom li:before {
        font-size: 24px
    }

    @media (min-width: 768px) {
        body .headerBancoppel--subnivel {
            width: 537px
        }
    }

    @media (min-width: 1280px) {
        body .headerBancoppel {
            height: auto
        }

        body .headerBancoppel .overlay.open {
            animation: overlay .3s forwards
        }

        body .headerBancoppel .overlay.close {
            animation: overlay-close .3s forwards
        }

        body .headerBancoppel .navbar-toggler {
            display: none
        }

        body .headerBancoppel--nav {
            z-index: 1;
            position: relative
        }

        body .headerBancoppel--sup {
            padding: 0
        }

        body .headerBancoppel--sup--main a:not(#link-logo) {
            display: block
        }

        body .headerBancoppel--sup--main #link-logo {
            padding: var(--spacing03) var(--spacing04)
        }

        body .headerBancoppel--sup--main #link-logo img {
            height: 32px
        }

        body .headerBancoppel--sup--main a:not(#link-logo, .headerBancoppel-icon) {
            text-decoration: none;
            position: relative;
            display: inline-block
        }

        body .headerBancoppel--sup--main a:not(#link-logo, .headerBancoppel-icon).active:after {
            content: "";
            position: absolute;
            bottom: 0;
            display: block;
            height: 4px;
            width: 100%;
            background: #ffffff;
        }

        body .headerBancoppel--sup--main h5 {
            font-size: 1rem;
            line-height: 1.5rem;
            line-height: 2;
            padding: var(--spacing03);
            color: #ffffff;
            transition: .3s ease-in-out;
            height: 100%
        }
    }

    @media (min-width: 1280px) and (hover: hover) {
        body .headerBancoppel--sup--main h5:hover {
            background: #081454
        }

        body .headerBancoppel--sup--main h5 a:after {
            background: var(--color-azul100)
        }
    }

    @media (min-width: 1280px) {
        body .headerBancoppel--sup--accesos a[data-name=Banca] {
            display: block
        }

        body .headerBancoppel--sup--accesos .headerBancoppel-icon {
            display: flex;
            justify-content: center
        }

        body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-avatar {
            display: none
        }

        body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-place {
            display: flex
        }

        body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-place-m {
            display: flex
        }
    }

    @media (min-width: 1280px) and (hover: hover) {
        body .headerBancoppel--sup--accesos .headerBancoppel-icon:hover span {
            display: block
        }
    }

    @media (min-width: 1280px) {
        body .headerBancoppel--sup--accesos .headerBancoppel-icon span {
            position: absolute;
            background: var(--color-gris600);
            padding: 10px;
            border-radius: var(--radius-sm);
            color: var(--color-blanco);
            font-size: .875rem;
            line-height: 1rem;
            top: 160%;
            width: max-content;
            z-index: 2;
            font-family: var(--font-family-secondary-regular);
            transition: .5s ease-in-out all
        }

        body .headerBancoppel--sup [class*=col-xl-] {
            display: flex;
            align-items: stretch;
            height: 100%
        }

        body .headerBancoppel--sup [class*=col-xl-].headerBancoppel--sup--accesos {
            justify-content: flex-end;
            align-items: center
        }

        body .headerBancoppel--subnivel {
            position: relative;
            transform: none;
            width: auto;
            overflow-y: initial;
            height: auto;
            background: #ffffff
        }

        body .headerBancoppel--subnivel .custom-container {
            padding: 0 calc(var(--bs-gutter-x) * .5)
        }

        body .headerBancoppel--subnivel--logo {
            display: none
        }

        body .headerBancoppel--subnivel--uno {
            flex-direction: row;
            margin-bottom: 0;
            border: 0
        }

        body .headerBancoppel--subnivel--uno li {
            color: #081754;
            width: auto;
            padding: var(--spacing03);
            background: none !important;
            border: 0 !important
        }

        body .headerBancoppel--subnivel--uno li .headerBancoppel--subnivel--dos {
            display: flex
        }

        body .headerBancoppel--subnivel--uno li.active:after {
            content: "";
            display: block;
            background: var(--color-azul300);
            height: 3px;
            width: calc(100% + 48px);
            position: relative;
            bottom: -14px;
            left: -24px
        }

        body .headerBancoppel--subnivel--uno li:has(.monetizacion) {
            position: inherit
        }

        body .headerBancoppel--subnivel--uno li:has(.monetizacion) .headerBancoppel--subnivel--dos {
            right: 0;
            margin: auto;
            max-width: 100%
        }

        body .headerBancoppel--subnivel--uno li:has(.link-monetizacion) .btn.secundario {
            display: none
        }

        body .headerBancoppel--subnivel--uno li:has(.link-monetizacion) .link-monetizacion {
            display: flex !important
        }

        body .headerBancoppel--subnivel--uno li span {
            padding: 0;
            background: none !important;
            color: #081754;
            font-weight: 400 !important
        }

        body .headerBancoppel--subnivel--uno li span:after {
            display: none
        }

        body .headerBancoppel--subnivel--uno li span[aria-expanded=true] {
            font-family: var(--font-family-secondary-regular)
        }

        @keyframes fade-in {
            to {
                opacity: 1;
                visibility: visible
            }
        }
    }

    @media (min-width: 1280px) and (hover: hover) {
        body .headerBancoppel--subnivel--uno li:hover {
            background: #F3F3F3 !important
        }

        body .headerBancoppel--subnivel--uno li:hover .headerBancoppel--subnivel--dos {
            animation: fade-in .5s forwards
        }
    }

    @media (min-width: 1280px) {
        body .headerBancoppel--subnivel--uno li:nth-last-child(-n+2) .headerBancoppel--subnivel--dos {
            right: 0;
            left: 0
        }

        body .headerBancoppel--subnivel--title {
            display: flex;
            align-items: center;
            column-gap: var(--spacing02);
            padding: 0 var(--spacing03) var(--spacing03);
            border-bottom: 1px solid var(--color-azul-medio);
            width: 100%
        }

        body .headerBancoppel--subnivel--title h5 {
            font-size: 1rem;
            line-height: 1.5rem
        }

        body .headerBancoppel--subnivel--dos {
            opacity: 0;
            column-gap: var(--spacing04);
            align-items: flex-start;
            position: absolute;
            top: 101%;
            left: 0;
            box-shadow: var(--shadow-flotante);
            border-radius: var(--radius-md);
            width: max-content;
            row-gap: var(--spacing01);
            background: var(--color-blanco);
            padding: var(--spacing03);
            visibility: hidden
        }

        body .headerBancoppel--subnivel--dos ul {
            max-width: 320px;
            list-style: none;
            padding: 0;
            row-gap: var(--spacing01)
        }

        body .headerBancoppel--subnivel--dos ul:has(.headerBancoppel--subnivel--title) {
            padding: 0
        }

        body .headerBancoppel--subnivel--dos ul li {
            padding: 0;
            width: 100%;
            border-radius: var(--spacing01);
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            flex-direction: row;
            column-gap: var(--spacing03);
            transition: .3s ease-in-out all
        }

        body .headerBancoppel--subnivel--dos ul li:after {
            content: "";
            display: block;
            font-family: icomoon !important;
            color: transparent;
            margin-right: 4px;
            transition: .3s ease-in-out
        }
    }

    @media (min-width: 1280px) and (hover: hover) {
        body .headerBancoppel--subnivel--dos ul li:hover {
            background: #F3F3F3 !important
        }

        body .headerBancoppel--subnivel--dos ul li:hover:after {
            content: "";
            font-family: icomoon !important;
            color: var(--color-azul300)
        }
    }

    @media (min-width: 1280px) {
        body .headerBancoppel--subnivel--dos ul li a {
            text-decoration: none;
            padding: 10px 9px 10px 10px;
            width: 100%
        }

        body .headerBancoppel--menu-bottom {
            display: none
        }
    }

    body .footerBancoppel {
        padding: var(--spacing04) 0 0;
        background: #05297a;
        color: var(--color-blanco);
        font-family: var(--font-family-secondary-regular)
    }

    body .footerBancoppel .row {
        row-gap: var(--spacing04);
        padding-bottom: 40px;
        margin-top: 32px
    }

    body .footerBancoppel .desplegable {
        font-size: .875rem;
        line-height: 1rem
    }

    body .footerBancoppel strong {
        font-family: var(--font-family-secondary-bold)
    }

    body .footerBancoppel h3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--color-azul100);
        font-family: var(--font-family-secondary-bold)
    }

    body .footerBancoppel--acordeon {
        flex-direction: column;
        align-items: flex-start
    }

    body .footerBancoppel--acordeon h3 {
        margin: 0;
        color: var(--color-azul100);
        font-family: var(--font-family-secondary-bold)
    }

    body .footerBancoppel--acordeon h3:after {
        content: "";
        font-family: icomoon !important;
        font-size: 12px;
        transition: .3s ease-in-out
    }

    body .footerBancoppel--acordeon h3[aria-expanded=true]:after {
        transform: rotate(180deg)
    }

    body .footerBancoppel--acordeon ul {
        padding: var(--spacing04) 0 0
    }

    body .footerBancoppel #accordion-acerca {
        margin-top: var(--spacing04)
    }

    body .footerBancoppel ul {
        padding: 0;
        display: grid;
        margin: 0;
        row-gap: var(--spacing04)
    }

    body .footerBancoppel ul li {
        list-style: none;
        font-size: 1rem;
        line-height: 1.5rem
    }

    body .footerBancoppel ul li a {
        text-decoration: none
    }

    body .footerBancoppel--socials {
        display: flex;
        column-gap: var(--spacing06);
        margin: var(--spacing04) 0
    }

    body .footerBancoppel--sponsors {
        display: flex;
        column-gap: var(--spacing04)
    }

    body .footerBancoppel--sponsors a {
        max-height: 45px;
        width: 80px;
        cursor: pointer
    }

    body .footerBancoppel--sponsors a img {
        width: 100%;
        height: 100%;
        object-position: left
    }

    body .footerBancoppel--legales {
        background: #081754;
        color: var(--color-azul150);
        font-family: var(--font-family-secondary-regular);
        padding: var(--spacing04) 0
    }

    body .footerBancoppel--legales .col-12 {
        padding: var(--spacing04) 0;
        display: grid;
        row-gap: var(--spacing03)
    }

    body .footerBancoppel--legales h4 {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: var(--spacing02)
    }

    body .footerBancoppel--legales h4#copyright {
        text-align: right;
        margin-bottom: 0
    }

    body .footerBancoppel--legales p {
        margin-bottom: 16px;
        font-size: .875rem;
        line-height: 1rem;
        line-height: 22px
    }

    body .footerBancoppel--legales p strong {
        font-weight: 500
    }

    body .footerBancoppel--legales p span {
        color: var(--color-amarillo300);
        font-family: var(--font-family-primary-book);
        display: none
    }

    body .footerBancoppel--legales p a {
        text-decoration: underline;
        position: relative;
        cursor: pointer;
        font-family: var(--font-family-secondary-bold)
    }

    body .footerBancoppel--legales p a:after {
        content: "";
        display: inline-flex;
        vertical-align: middle;
        margin: 0 2px 0 8px;
        width: 1px;
        height: 15px;
        background: var(--color-amarillo300)
    }

    body .footerBancoppel--legales p a:last-child:after {
        display: none
    }

    body .footerBancoppel--legales--logos {
        display: flex;
        flex-flow: row wrap;
        gap: var(--spacing04)
    }

    body .footerBancoppel--legales--logos a {
        cursor: pointer
    }

    @media (min-width: 1280px) {
        body .footerBancoppel {
            padding: var(--spacing06) 0 0
        }

        body .footerBancoppel .row {
            padding-bottom: var(--spacing10)
        }

        body .footerBancoppel .accordion-button:after {
            display: none
        }

        body .footerBancoppel #accordion-acerca {
            display: block
        }

        body .footerBancoppel--socials {
            column-gap: var(--spacing04)
        }
    }

    @media (min-width: 1280px) and (hover: hover) {
        body .footerBancoppel ul li a:hover {
            text-decoration: underline
        }
    }

    @media (min-width: 1280px) {
        body .footerBancoppel--legales {
            padding: var(--spacing05) 0
        }

        body .footerBancoppel--legales .col-12 {
            padding: 0;
            display: flex;
            flex-flow: row wrap
        }

        body .footerBancoppel--legales--conoce {
            column-gap: var(--spacing02);
            justify-content: space-between;
            align-items: flex-start
        }

        body .footerBancoppel--legales--conoce-info {
            flex-basis: 57%;
            display: grid;
            row-gap: var(--spacing03)
        }

        body .footerBancoppel--legales--logos {
            flex-basis: 40%;
            padding-top: 40px;
            justify-content: space-between
        }

        body .footerBancoppel--legales h4 {
            width: 100%
        }
    }

    body .home {
        overflow-x: hidden
    }

    body .home .accesos {
        padding: var(--spacing05) 0;
        border-bottom: 1px solid var(--color-azul150)
    }

    body .home .accesos .custom-container {
        padding-right: 0;
        padding-left: 0
    }

    body .home .accesos .title-underline {
        margin-bottom: var(--spacing04);
        padding-right: var(--spacing04);
        padding-left: var(--spacing04)
    }

    body .home .accesos .swiper a {
        text-decoration: none
    }

    body .home .accesos .swiper-slide {
        height: auto;
        flex: 0 0 144px;
        margin: 0 6px
    }

    body .home .accesos .swiper-slide:first-child {
        margin-left: 24px
    }

    body .home .accesos .swiper-slide:last-child {
        margin-right: 24px
    }

    body .home .accesos .swiper .swiper-pagination {
        margin-right: calc(var(--bs-gutter-x) * .5)
    }

    body .home .accesos .card-icon {
        background: var(--color-azul-bajo);
        border-radius: var(--radius-md);
        padding: 12px;
        column-gap: var(--spacing02);
        height: 100%;
        align-items: center;
        box-shadow: none
    }

    body .home .accesos .card-icon picture {
        background: none;
        padding: 0
    }

    body .home .accesos .card-icon picture img {
        width: 100%;
        height: 100%
    }

    body .home .accesos .card-icon .contenido {
        font-family: var(--font-family-primary-book)
    }

    body .home .accesos .card-icon h5 {
        font-size: .875rem;
        line-height: 1rem;
        line-height: 22px !important;
        font-family: var(--font-family-primary-book)
    }

    body .home .accesos .card-icon h5 strong {
        font-weight: 400
    }

    body .home .digital {
        padding: var(--spacing07) 0
    }

    body .home .digital .title-underline {
        margin-bottom: var(--spacing05)
    }

    body .home .digital--imagen--mockup,
    body .home .digital--imagen--qr {
        display: none
    }

    body .home .digital .card-links h4 {
        font-family: var(--font-family-primary-bold)
    }

    body .home .digital--cards {
        margin-top: var(--spacing04);
        display: grid;
        row-gap: var(--spacing04)
    }

    body .home .digital--cards .card-icon p {
        font-family: var(--font-family-secondary-regular);
        line-height: 22px
    }

    body .home .digital--cards .card-icon p span {
        color: var(--color-azul300);
        text-decoration: underline
    }

    body .home .digital--cards .card-icon .link-icon {
        font-size: 1rem;
        line-height: 1.5rem
    }

    body .home .digital--cards .card-icon picture {
        background: var(--color-azul300)
    }

    body .home .digital #link-card-uno {
        display: none
    }

    body .home .digital h6 {
        font-size: .75rem;
        line-height: 1rem;
        font-family: var(--font-family-secondary-regular);
        margin-top: var(--spacing06)
    }

    body .home .productos {
        padding: var(--spacing06) 0;
        border-radius: var(--radius-xl);
        background: var(--color-azul100)
    }

    body .home .productos .custom-container {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }

    body .home .productos .title-underline {
        padding-right: var(--spacing04);
        padding-left: var(--spacing04);
        margin-bottom: var(--spacing05)
    }

    body .home .productos--tarjeta {
        padding-right: 36px;
        padding-left: 36px
    }

    body .home .productos--tarjeta--card {
        background: var(--color-blanco);
        border-radius: var(--radius-lg);
        overflow: hidden
    }

    body .home .productos--tarjeta--card h3 {
        padding: var(--spacing04);
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .home .productos--tarjeta--card h3 span {
        color: var(--color-azul300);
        font-family: var(--font-family-primary-bold)
    }

    body .home .productos--tarjeta--card figure {
        position: relative
    }

    body .home .productos--tarjeta--card .img-logo-float {
        position: absolute;
        bottom: var(--spacing03);
        left: var(--spacing03);
        width: 140px;
        height: 88.46px;
        overflow: hidden;
        object-fit: cover;
        z-index: 1
    }

    body .home .productos--tarjeta--card picture {
        display: block;
        border-radius: 16px 16px 40px;
        overflow: hidden
    }

    body .home .productos--slider {
        padding: var(--spacing04) 0 0 calc(var(--bs-gutter-x) * .5)
    }

    body .home .productos--slider .swiper a {
        text-decoration: none
    }

    body .home .productos--slider .swiper-slide {
        height: auto;
        flex: 0 0 310px;
        margin: 0 8px
    }

    body .home .productos--slider .swiper-slide:first-child {
        padding-left: 24px;
        margin-left: 0
    }

    body .home .productos--slider .swiper-slide:last-child {
        padding-right: 24px;
        margin-right: 0
    }

    body .home .productos--slider .swiper-slide .card-icon p {
        margin-bottom: 0;
        font-family: var(--font-family-secondary-regular)
    }

    body .home .productos--slider .swiper-slide .card-icon picture {
        background: var(--color-azul300)
    }

    body .home .productos--slider .swiper .swiper-pagination {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    body .home .campanas {
        padding: var(--spacing07) 0
    }

    body .home .campanas .nav-tabs {
        margin: var(--spacing05) 0;
        padding-right: 24px;
        padding-left: 24px
    }

    body .home .campanas .container-slide {
        padding-right: 0;
        padding-left: 0
    }

    body .home .campanas .swiper a {
        text-decoration: none;
        cursor: pointer
    }

    body .home .campanas .swiper-slide {
        height: auto;
        width: 300px;
        margin: 0 12px
    }

    body .home .campanas .swiper-slide:first-child {
        margin-left: 24px
    }

    body .home .campanas .swiper-slide:last-child {
        margin-right: 24px
    }

    body .home .campanas .swiper-slide .card-simple {
        height: 100%
    }

    body .home .campanas .swiper-slide .card-simple picture {
        height: 166px
    }

    body .home .campanas .swiper .swiper-pagination {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--spacing06)
    }

    body .home .campanas .link-icon {
        margin: var(--spacing04) auto 0
    }

    body .home .blog {
        background: var(--color-azul100);
        display: none
    }

    body .home .blog--wrapper {
        background: var(--color-gradiente-azul) var(--color-azul300);
        border-radius: var(--radius-xl) 0 var(--radius-2xl) 0;
        overflow: hidden;
        padding: var(--spacing07) 0
    }

    body .home .blog .title-underline {
        color: var(--color-blanco);
        text-align: left;
        place-items: flex-start;
        margin-bottom: var(--spacing06)
    }

    body .home .blog .container-slide {
        padding-right: 0;
        padding-left: 0
    }

    body .home .blog .swiper {
        margin-bottom: var(--spacing06)
    }

    body .home .blog .swiper-slide {
        height: auto;
        width: 306px
    }

    body .home .blog .swiper-slide:first-child {
        padding-left: 8px
    }

    body .home .blog .swiper-slide:last-child {
        padding-right: 24px
    }

    body .home .blog .swiper-slide .card-simple {
        height: 100%
    }

    body .home .blog .swiper-pagination-bullet {
        background: var(--color-blanco)
    }

    body .home .blog .link-icon {
        color: var(--color-blanco);
        text-align: center;
        margin: auto
    }

    body .home .seguridad {
        padding: var(--spacing07) 0;
        background: var(--color-azul100);
        border-radius: 0 0 var(--radius-xl) var(--radius-xl);
        overflow: hidden
    }

    body .home .seguridad--title {
        margin: var(--spacing04) 0
    }

    body .home .seguridad .title-underline {
        text-align: left;
        place-items: flex-start
    }

    body .home .seguridad figure {
        position: relative
    }

    body .home .seguridad figure picture {
        overflow: hidden;
        border-radius: var(--radius-md);
        display: block
    }

    body .home .seguridad .img-logo-float {
        position: absolute;
        bottom: -16px;
        right: var(--spacing03);
        width: 124px;
        height: 80px;
        object-fit: cover;
        border-radius: 8px
    }

    body .home .dudas {
        padding: var(--spacing07) 0
    }

    body .home .dudas .container-slide {
        padding-right: 0;
        padding-left: 0
    }

    body .home .dudas .swiper {
        padding-top: var(--spacing05)
    }

    body .home .dudas .swiper a {
        text-decoration: none
    }

    body .home .dudas .swiper-slide {
        height: auto;
        width: 306px;
        margin: 0 12px
    }

    body .home .dudas .swiper-slide:first-child {
        margin-left: 24px
    }

    body .home .dudas .swiper-slide:last-child {
        margin-right: 24px
    }

    body .home .dudas .swiper-slide .card-simple {
        height: 100%
    }

    body .home .dudas .swiper .swiper-pagination {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--spacing06)
    }

    body .home .dudas .card {
        border: 1px solid var(--color-azul150);
        row-gap: 0;
        box-shadow: none;
        border-radius: 32px
    }

    body .home .dudas .card picture {
        padding: var(--spacing04) var(--spacing04) 0;
        aspect-ratio: 11/7
    }

    body .home .dudas .card picture img {
        object-fit: contain
    }

    body .home .dudas .card a {
        color: var(--color-azul300);
        font-family: var(--font-family-secondary-bold);
        text-decoration: underline
    }

    body .home .dudas .link-icon {
        margin: var(--spacing04) auto 0
    }

    body .home .seo {
        padding: var(--spacing07) 0
    }

    body .home .seo .row {
        row-gap: var(--spacing04)
    }

    body .home .seo .col-12 {
        display: grid;
        row-gap: var(--spacing04)
    }

    body .home .seo__item {
        display: grid;
        row-gap: var(--spacing02)
    }

    body .home .seo__item h5 {
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-primary-bold)
    }

    body .home .seo__item p {
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-secondary-regular)
    }

    body .home .seo__item p a {
        font-family: var(--font-family-secondary-bold);
        color: var(--color-azul300)
    }

    @media (min-width: 768px) {
        body .home .accesos {
            padding: var(--spacing06) 0 var(--spacing06)
        }

        body .home .accesos .swiper-wrapper {
            justify-content: center
        }

        body .home .accesos .swiper-slide {
            flex: 0 0 206px
        }

        body .home .accesos .card-icon {
            padding: 12px var(--spacing04);
            column-gap: 12px
        }

        body .home .accesos .card-icon picture {
            width: 38px;
            height: 38px;
            flex: 1 0 auto
        }

        body .home .accesos .card-icon picture img {
            height: 100%
        }

        body .home .accesos .card-icon h5 {
            font-size: 1rem;
            line-height: 1.5rem
        }

        body .home .digital--cards {
            margin-top: 0
        }

        body .home .digital .card-links__info .btn {
            width: 100%
        }

        body .home .digital .card-links__info .link {
            margin: auto
        }

        body .home .digital .card-icon.fila {
            height: 100%
        }

        body .home .productos {
            padding: var(--spacing08) 0
        }

        body .home .productos .custom-container {
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5)
        }

        body .home .productos .title-underline {
            margin-bottom: var(--spacing06)
        }

        body .home .productos--tarjeta {
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5)
        }

        body .home .productos--slider {
            padding: 0 calc(var(--bs-gutter-x) * .5)
        }

        body .home .productos--slider .swiper {
            overflow: initial
        }

        body .home .productos--slider .swiper-wrapper {
            flex-direction: column;
            row-gap: var(--spacing04);
            margin-bottom: 0
        }

        body .home .productos--slider .swiper-slide {
            flex: 1 1 auto;
            margin: 0 !important;
            padding: 0 !important
        }

        body .home .productos--slider .swiper-pagination {
            display: none
        }

        body .home .campanas {
            padding: var(--spacing08) 0
        }

        body .home .campanas .nav-tabs {
            margin: var(--spacing06) auto;
            padding-right: 64px;
            padding-left: 64px
        }

        body .home .campanas .swiper-slide {
            width: 318px;
            padding: 0 !important
        }

        body .home .blog--wrapper {
            border-radius: var(--radius-xl) 0 96px 0
        }

        body .home .blog .swiper-slide:first-child {
            padding-left: 48px
        }

        body .home .seguridad {
            padding: var(--spacing08) 0
        }

        body .home .seguridad .row {
            align-items: center
        }

        body .home .dudas {
            padding: var(--spacing08) 0
        }
    }

    @media (min-width: 1280px) {
        body .home .accesos {
            border-bottom: 0
        }

        body .home .accesos .custom-container {
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5)
        }

        body .home .accesos .title-underline {
            padding-right: 0;
            padding-left: 0;
            margin-bottom: var(--spacing06);
            font-size: 1.75rem;
            line-height: 2.3275rem
        }

        body .home .accesos .swiper-wrapper {
            justify-content: center;
            column-gap: var(--spacing03)
        }

        body .home .accesos .swiper-slide {
            flex: 0 0 202px;
            margin: 0 !important
        }

        body .home .accesos .card-icon {
            border-radius: var(--radius-lg);
            transition: .3s ease-in-out
        }
    }

    @media (min-width: 1280px) and (hover: hover) {
        body .home .accesos .card-icon:hover {
            background: var(--color-azul-claro)
        }
    }

    @media (min-width: 1280px) {
        body .home .accesos .card-icon picture {
            width: 38;
            height: 38
        }

        body .home .accesos .card-icon picture img {
            width: 100%
        }

        body .home .digital {
            padding: 0;
            position: relative;
            background: linear-gradient(to right, rgb(0, 111, 185) 0%, rgb(0, 111, 185) 20%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 100%)
        }

        body .home .digital--card-app {
            display: none
        }

        body .home .digital--imagen--app {
            position: relative;
            left: -96px;
            width: 50vw;
            max-width: 960px;
            display: grid;
            row-gap: 200px;
            border-radius: 0 320px 80px 0;
            background: var(--color-azul300);
            padding: var(--spacing09) 0 var(--spacing09) 96px
        }

        body .home .digital--imagen--app .title-underline {
            font-size: 2.25rem;
            line-height: 2.75rem;
            color: var(--color-blanco);
            text-align: left;
            place-items: flex-start;
            width: 60%;
            max-width: 520px
        }

        body .home .digital--imagen--mockup {
            position: absolute;
            right: calc(-205px + 800 * (100vw - 1280px) / 1920);
            width: 674px;
            top: 70px;
            display: block
        }

        body .home .digital--imagen--qr {
            display: grid;
            row-gap: var(--spacing03)
        }

        body .home .digital--imagen--qr picture {
            display: grid;
            width: 198px;
            place-content: center;
            border-radius: 32px;
            padding: var(--spacing04);
            background: var(--color-blanco);
            aspect-ratio: 1/1
        }

        body .home .digital--imagen--qr picture img {
            height: 100%;
            width: 100%
        }

        body .home .digital--imagen--qr figcaption {
            font-size: 1.25rem;
            line-height: 1.75rem;
            color: var(--color-blanco);
            font-family: var(--font-family-primary-bold)
        }

        body .home .digital--imagen .card {
            display: none
        }

        body .home .digital--cards {
            place-content: center
        }

        body .home .digital--cards #link-card-uno {
            display: block
        }

        body .home .digital--cards .card-links__info>a {
            margin: auto
        }

        body .home .digital--cards .card-icon.fila {
            width: 346px
        }

        body .home .digital--cards .card-icon.fila .contenido h5 {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        body .home .digital--cards .card-icon.fila .contenido p {
            font-size: 1rem;
            line-height: 1.5rem
        }

        body .home .digital h6 {
            position: absolute;
            bottom: var(--spacing06);
            margin-left: 48%;
            margin-left: calc(605px + .46875*(100vw - 1280px));
            width: min(100%, 385px)
        }

        body .home .productos {
            padding: var(--spacing09) 0 0;
            border-radius: var(--radius-2xl)
        }

        body .home .productos .title-underline {
            margin-bottom: 0
        }

        body .home .productos--tarjeta {
            padding-top: var(--spacing08)
        }

        body .home .productos--tarjeta--card {
            border-radius: 24px 24px 80px;
            transition: .3s ease-in-out
        }

        body .home .productos--tarjeta--card figure picture {
            height: 232px
        }

        body .home .productos--tarjeta--card figure picture img {
            height: 100%;
            object-fit: cover
        }

        body .home .productos--tarjeta--card .img-logo-float {
            top: var(--spacing03);
            bottom: auto;
            right: var(--spacing03);
            left: auto
        }

        body .home .productos--tarjeta--card picture img {
            transition: .3s ease-in-out
        }
    }

    @media (min-width: 1280px) and (hover: hover) {
        body .home .productos--tarjeta--card:hover {
            box-shadow: var(--shadow-hover)
        }

        body .home .productos--tarjeta--card:hover picture img {
            transform: scale(1.1)
        }
    }

    @media (min-width: 1280px) {
        body .home .productos--tarjeta--card h3 {
            font-size: 1.5rem;
            line-height: 2rem
        }

        body .home .productos--slider {
            padding: var(--spacing08) calc(var(--bs-gutter-x) * .5) var(--spacing09) 24px
        }

        body .home .productos--slider .swiper {
            height: 100%
        }

        body .home .productos--slider .swiper-wrapper {
            display: flex;
            flex-flow: row wrap;
            gap: var(--spacing04)
        }

        body .home .productos--slider .swiper-slide {
            flex: 1 1 47%;
            height: 180px;
            padding: var(--spacing02) !important
        }

        body .home .productos--slider .swiper-slide .card-icon {
            height: 100%
        }

        body .home .productos--slider .swiper-slide .card-icon picture {
            width: 54px;
            height: 54px;
            flex: 0 0 54px
        }

        body .home .productos--slider .swiper-slide .card-icon .contenido h5 {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        body .home .productos--slider .swiper-slide .card-icon .contenido p {
            font-size: 1rem;
            line-height: 1.5rem
        }

        body .home .productos[data-slide="2"] {
            padding-bottom: var(--spacing09)
        }

        body .home .productos[data-slide="2"] .productos--slider {
            padding-bottom: 0
        }

        body .home .productos[data-slide="2"] .swiper-slide {
            height: 100%
        }

        body .home .productos[data-slide="2"] .swiper-slide .card {
            flex-direction: column;
            align-items: flex-start
        }

        body .home .productos[data-slide="3"] .swiper-slide:first-child {
            flex-basis: 100%;
            padding: 0 8px !important
        }

        body .home .campanas {
            padding: var(--spacing10) 0
        }

        body .home .campanas .container-slide {
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5)
        }

        body .home .campanas .nav-tabs {
            padding-right: 0;
            padding-left: 0
        }

        body .home .campanas .swiper-wrapper {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            padding-bottom: var(--spacing03)
        }

        body .home .campanas .swiper-slide {
            margin: initial !important;
            padding: var(--spacing02) !important
        }

        body .home .campanas .swiper-slide:not(.slide-principal) {
            width: 100%;
            grid-column: 2/3;
            padding-right: 0
        }

        body .home .campanas .swiper-slide:not(.slide-principal) .card-simple {
            flex-direction: row-reverse;
            align-items: center;
            column-gap: var(--spacing03)
        }

        body .home .campanas .swiper-slide:not(.slide-principal) .card-simple__info {
            flex: 1 1 55%;
            padding: 0 0 0 var(--spacing05)
        }

        body .home .campanas .swiper-slide:not(.slide-principal) .card-simple picture {
            width: 238px;
            height: 245px
        }

        body .home .campanas .swiper-slide:not(.slide-principal) .card-simple .card-imagen-float {
            width: 140px;
            height: 88px;
            left: -16px;
            bottom: var(--spacing03)
        }

        body .home .campanas .swiper .slide-principal {
            grid-column: 1/2;
            grid-row: 1/3;
            width: auto;
            padding-left: 0 !important
        }

        body .home .campanas .swiper .slide-principal .card-simple {
            border-radius: 24px 24px 80px;
            overflow: hidden
        }

        body .home .campanas .swiper .slide-principal .card-simple .card-imagen-float {
            right: var(--spacing03);
            left: auto;
            width: 200px
        }

        body .home .campanas .swiper .slide-principal .card-simple picture {
            height: 308px
        }

        body .home .campanas .swiper .slide-principal .card-simple picture img {
            object-position: top center
        }

        body .home .campanas .swiper .swiper-pagination {
            display: none
        }

        body .home .campanas #campanas-tab-pane .swiper-slide:not(.slide-principal):nth-child(odd) .card-simple {
            flex-direction: row
        }

        body .home .campanas #campanas-tab-pane .swiper-slide:not(.slide-principal):nth-child(odd) .card-simple .card-imagen-float {
            right: -16px;
            left: auto
        }

        body .home .blog--wrapper {
            padding: var(--spacing10) 0 var(--spacing09)
        }

        body .home .blog .custom-container {
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5)
        }

        body .home .blog--wrapper {
            border-radius: var(--radius-2xl) 0 360px 0
        }

        body .home .blog .swiper-wrapper {
            column-gap: var(--spacing04)
        }

        body .home .blog .swiper-slide {
            width: 33.33% !important;
            padding: 0 var(--spacing04) !important
        }

        body .home .blog .swiper-slide:first-child {
            padding-left: 0
        }

        body .home .seguridad {
            padding: var(--spacing07) 0;
            border-radius: 0
        }

        body .home .seguridad--title {
            display: flex;
            column-gap: var(--spacing03);
            padding-left: var(--spacing02)
        }

        body .home .seguridad--title:before {
            content: "";
            display: block;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: url(../img/Efectivo_Protegido_b.svg) no-repeat center var(--color-azul300);
            padding: var(--spacing02);
            flex: 0 0 auto
        }

        body .home .seguridad--title .title-underline {
            font-size: 1.75rem;
            line-height: 2.3275rem
        }

        body .home .seguridad .col-texto-seg {
            padding-left: var(--spacing06)
        }

        body .home .seguridad figure picture {
            border-radius: var(--radius-lg)
        }

        body .home .seguridad .link-icon {
            padding-left: 82px
        }

        body .home .seguridad .img-logo-float {
            bottom: auto;
            width: 146px;
            height: 94px;
            top: var(--spacing04);
            right: -24px
        }

        body .home .dudas {
            padding: var(--spacing10) 0
        }

        body .home .dudas .container-slide {
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5)
        }

        body .home .dudas .title-underline {
            text-align: left;
            place-items: flex-start
        }

        body .home .dudas .swiper {
            padding-top: var(--spacing08)
        }

        body .home .dudas .swiper-wrapper {
            display: grid;
            grid-template-rows: repeat(2, 1fr);
            gap: var(--spacing04)
        }

        body .home .dudas .swiper-slide {
            width: 100%;
            grid-column: 1/3;
            padding: 0 !important;
            margin: initial !important
        }

        body .home .dudas .swiper-slide .card {
            flex-direction: row-reverse;
            align-items: center;
            column-gap: var(--spacing02);
            padding: 0 var(--spacing05)
        }

        body .home .dudas .swiper-slide .card figure {
            flex: 1 0 230px
        }

        body .home .dudas .swiper-slide .card figure picture {
            padding: 0;
            aspect-ratio: initial;
            max-width: 240px;
            border-radius: 0
        }

        body .home .dudas .swiper-slide .card figure picture img {
            transform: none !important
        }

        body .home .dudas .swiper-slide .card .card-simple__info {
            padding: var(--spacing05) 0
        }

        body .home .dudas .swiper-slide:nth-child(2) figure {
            align-self: flex-end
        }

        body .home .dudas .swiper-slide:last-child {
            grid-row: 1/3;
            grid-column: 3/4;
            max-width: 322px;
            padding-right: 0
        }

        body .home .dudas .swiper-slide:last-child .card {
            flex-direction: column;
            justify-content: center;
            row-gap: var(--spacing04);
            padding: var(--spacing04) var(--spacing05)
        }

        body .home .dudas .swiper-slide:last-child .card figure {
            flex: 0 0 auto
        }

        body .home .dudas .swiper-slide:last-child .card .card-simple__info {
            padding: 0
        }

        body .home .dudas .swiper .swiper-pagination {
            display: none
        }

        body .home .dudas .link-icon {
            margin-top: var(--spacing06)
        }

        body .home .seo {
            padding-bottom: var(--spacing10)
        }

        body .home .seo .row {
            align-items: flex-start
        }
    }

    @media (min-width: 1440px) {
        body .home .digital {
            background: linear-gradient(to right, rgb(0, 111, 185) 0%, rgb(0, 111, 185) 30%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%)
        }

        body .home .digital--imagen--mockup {
            right: calc(60px + 0*(100vw - 1920px))
        }

        body .home .digital h6 {
            margin-left: calc(905px + 1300 * (100vw - 1920px) / 2560)
        }
    }

    .section-hero {
        padding: 1rem 0;
        border-radius: 0px 0px 2.5rem 2.5rem;
        background: var(--color-azul-3, #f1f4fa)
    }

    .section-hero--bonificacion {
        margin: 1.5rem 0;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        color: var(--color-gris-1);
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .section-hero--bonificacion--color {
        color: var(--color-azul-2)
    }

    .section-hero--bonificacion .badge--image {
        background: var(--color-amarillo);
        border-radius: 2.5rem;
        padding: .75rem;
        width: 56px;
        height: 56px
    }

    .section-hero--bonificacion .badge--image2 {
        display: none
    }

    .section-hero-secundario {
        background: var(--color-blanco)
    }

    .hero {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        background: var(--color-gradienteaur);
        position: relative
    }

    .hero--info {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem 1rem;
        order: 2
    }

    .hero--info .title-underline {
        text-align: left;
        place-items: flex-start
    }

    .hero--fondo {
        border-radius: 16px;
        overflow: hidden;
        display: block
    }

    .hero--img {
        position: relative;
        order: 1
    }

    .hero--badge {
        position: absolute;
        left: 12px;
        bottom: -20px
    }

    .hero--badge img {
        width: 20px
    }

    .hero--badge p.badge-title {
        font-size: 14px;
        line-height: 14px
    }

    .hero a {
        text-decoration: none
    }

    .hero .title-underline {
        font-size: 2.25rem;
        line-height: 2.75rem;
        color: var(--color-blanco);
    }

    .hero p {
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--color-blanco)
    }

    .hero strong {
        font-family: var(--font-family-primary-book)
    }

    .section-hero-home .swiper-slide {
        height: auto
    }

    .section-hero-home .swiper-pagination {
        bottom: var(--spacing05) !important
    }

    .section-hero-home .swiper-pagination-bullet {
        background: var(--color-blanco);
        width: 10px;
        height: 10px;
        margin: 0 6px !important
    }

    .section-hero-home .swiper [class*=swiper-button-] {
        display: none
    }

    .hero-full {
        height: 100%
    }

    .hero-full.azul300 {
        background: var(--color-azul300)
    }

    .hero-full.azul500 {
        background: var(--color-azul500)
    }

    .hero-full.azul600 {
        background: var(--color-azul600)
    }

    .hero-full.pencil {
        background: var(--color-pencil)
    }

    .hero-full .custom-container {
        padding: 0;
        display: flex;
        flex-direction: column;
        row-gap: var(--spacing06);
        height: 100%
    }

    .hero-full .hero--info {
        padding: 0 calc(var(--bs-gutter-x) * .5) var(--spacing09);
        height: 100%;
        row-gap: var(--spacing04)
    }

    .hero-full .hero--fondo {
        border-radius: 0 0 var(--radius-xl) var(--radius-xl)
    }

    .hero-full .hero__logo {
        position: absolute;
        bottom: -24px;
        left: var(--spacing04);
        width: 140px;
        height: 88px;
        background: var(--color-blanco);
        border-radius: var(--radius-sm);
        overflow: hidden;
        z-index: 1
    }

    .hero-full .hero__logo img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .hero-secundario {
        background: var(--color-blanco);
        padding: var(--spacing06) 0
    }

    .hero-secundario h1 {
        color: var(--color-azul300)
    }

    .hero-secundario h2,
    .hero-secundario p {
        color: var(--color-pencil)
    }

    .hero-secundario .hero--producto {
        position: absolute;
        top: 40px;
        width: 145px;
        background: var(--color-gradienteaur);
        padding: 14px 16px;
        border-radius: 16px;
        overflow: hidden
    }

    .hero-secundario .hero--producto h2 {
        font-size: 1.75rem;
        line-height: 2.3275rem;
        margin-top: 4px
    }

    .hero-secundario .hero--producto h2 span {
        display: block;
        font-size: .875rem;
        line-height: 1rem
    }

    .hero-secundario.small h1 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .hero-secundario.small h2 {
        font-family: var(--font-family-primary-bold);
        font-size: 2.25rem;
        line-height: 2.75rem
    }

    .hero-secundario.small p {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .hero-secundario.large {
        row-gap: var(--spacing05);
        padding-bottom: var(--spacing04)
    }

    .hero-secundario.large h1 {
        font-size: 2.5rem;
        line-height: 3rem
    }

    .hero-secundario.large h2 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-family: var(--font-family-primary-book)
    }

    @media (min-width: 768px) {
        .section-hero {
            padding: 2rem 0
        }

        .hero {
            padding: 32px;
            display: flex;
            flex-flow: row;
            gap: 16px 0;
            justify-content: space-between;
            align-items: center
        }

        .hero--info {
            flex: 1 1 50%;
            order: 1
        }

        .hero--img {
            order: 2;
            flex: 0 1 45%;
            margin-bottom: 0;
            height: 100%
        }

        .hero--img img {
            height: 100%;
            width: 100%;
            object-fit: cover
        }

        .hero button {
            margin-bottom: 0
        }

        .hero-secundario {
            padding: var(--spacing07) 0 !important
        }

        .section-hero-home .swiper-pagination {
            text-align: left;
            left: var(--spacing08) !important
        }

        .hero-full {
            padding: 0
        }

        .hero-full .custom-container {
            flex-direction: row
        }

        .hero-full .hero--info {
            padding: var(--spacing07) var(--spacing04) var(--spacing10) calc(var(--bs-gutter-x) * .5)
        }

        .hero-full .hero--fondo {
            border-radius: var(--radius-xl) 0 0 var(--radius-xl);
            height: 100%
        }

        .hero-full .hero__logo {
            bottom: var(--spacing06);
            left: -24px;
            width: 180px;
            height: 115px
        }
    }

    @media (min-width: 1280px) {
        .hero {
            padding: 0
        }

        .hero .custom-container {
            max-width: none;
            justify-content: space-between;
            column-gap: 112px;
            padding-left: 160px
        }

        .hero--info {
            row-gap: 24px;
            padding: var(--spacing04)
        }

        .hero--info a {
            width: max-content
        }

        .hero .title-underline {
            font-size: 4rem;
            line-height: 4.5rem
        }

        .hero p {
            font-size: 2.25rem;
            line-height: 2.75rem
        }

        .hero--fondo img {
            object-fit: cover;
            object-position: center
        }

        .hero--img--tdc {
            width: 14.9375rem;
            height: 9.375rem;
            position: absolute;
            left: -4.375rem;
            top: 2.5rem
        }

        .hero--badge {
            left: -4.375rem
        }

        .hero--badge img {
            width: auto;
            max-width: 32px
        }

        .hero--badge .badge h6,
        .hero-secundario.small h1 {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .hero-secundario.small h2 {
            font-size: 3.5rem;
            line-height: 4rem
        }

        .hero-secundario.small p {
            font-size: 1.75rem;
            line-height: 2.3275rem
        }

        .hero-secundario.large h1 {
            font-size: 4rem;
            line-height: 4.5rem
        }

        .hero-secundario.large h2 {
            font-size: 1.75rem;
            line-height: 2.3275rem
        }

        .hero-secundario img {
            aspect-ratio: auto
        }

        .section-hero-home .swiper-pagination {
            text-align: center;
            left: auto !important
        }

        .section-hero-home .swiper-navigation {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: flex;
            align-items: center;
            height: max-content;
            margin: auto;
            justify-content: space-between
        }

        .section-hero-home .swiper [class*=swiper-button-] {
            position: relative;
            margin: 0;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: grid;
            place-content: center;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--color-blanco)
        }

        .section-hero-home .swiper [class*=swiper-button-]:after {
            font-size: x-large;
            color: var(--color-azul300)
        }

        .section-hero-home .swiper [class*=swiper-button-].swiper-button-prev {
            transform: translate(-64px)
        }

        .section-hero-home .swiper [class*=swiper-button-].swiper-button-next {
            transform: translate(64px)
        }

        .hero-full .hero--info {
            justify-content: center;
            flex: 0 1 auto;
            padding: 0
        }

        .hero-full .hero--info .title-underline {
            font-size: 3.5rem;
            line-height: 4rem
        }

        .hero-full .hero--info p {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .hero-full .hero--img {
            flex: 0 0 480px
        }

        .hero-full .hero--fondo {
            height: 480px;
            background: linear-gradient(to right, rgba(255, 0, 132, 0) 0%, rgb(0, 0, 0) 100%)
        }

        .hero-full .hero--fondo img {
            -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) 1.25%, rgb(0, 0, 0) 36.99%);
            mask-image: linear-gradient(270deg, rgb(0, 0, 0) 1.25%, rgb(0, 0, 0) 36.99%)
        }

        .hero-full .hero__logo {
            bottom: var(--spacing05);
            width: 239px;
            height: 150px
        }
    }

    @media (min-width: 1440px) {
        .home .hero .custom-container {
            padding-left: calc(160px + 850 * (100vw - 1440px) / 1920)
        }

        .home .hero-full .hero--img {
            flex: 0 0 calc(600px + 1070 * (100vw - 1440px) / 1920);
            max-width: 850px
        }

        .home .hero-full .hero--fondo img {
            height: 100%
        }

        .home .section-hero-home .swiper .swiper-button-prev {
            transform: translate(calc(-64px - 260 * (100vw - 1440px) / 1920))
        }

        .home .section-hero-home .swiper .swiper-button-next {
            transform: translate(calc(64px - 260 * (100vw - 1440px) / 1920))
        }
    }

    .swiper {
        z-index: 0 !important
    }

    .swiper:not(.swiper-hero, .swiper-accesos) .swiper-wrapper {
        margin-bottom: var(--spacing04)
    }

    .swiper:not(.swiper-hero, .swiper-accesos) .swiper-pagination {
        position: relative
    }

    .swiper:not(.swiper-hero, .swiper-accesos) .swiper-pagination-bullet {
        background: var(--color-azul300)
    }

    @media (min-width: 1280px) {
        .swiper:not(.swiper-hero, .swiper-accesos) .swiper-slide:has(.card) {
            padding: var(--spacing02)
        }
    }

    .card {
        display: flex;
        padding: var(--spacing04);
        row-gap: 12px;
        border-radius: var(--radius-sm);
        background: var(--color-blanco);
        box-shadow: var(--color-shadow-default)
    }

    .card-promo {
        background: var(--color-azul100);
        border-radius: 24px;
        position: relative;
        display: flex;
        flex-direction: column
    }

    .card-promo .badge {
        position: absolute;
        left: 24px;
        top: -12px
    }

    .card-promo__info {
        padding: 32px 1.5rem 1.5rem;
        flex: 1 1 auto
    }

    .card-promo__info h5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin: 0
    }

    .card-promo__info p {
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0;
        font-family: var(--font-family-secondary-regular)
    }

    .card-promo__info .link {
        color: var(--color-azul400);
        margin-top: 1rem;
        display: block;
        font-size: 1rem;
        line-height: 1.5rem;
        text-decoration: underline
    }

    .card-promo__image {
        border-radius: 24px;
        overflow: hidden
    }

    .card-promo__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 180/105;
        transform-origin: right bottom;
        transition: .3s ease-in-out all
    }

    @media (hover: hover) {
        .card-promo:hover .card-promo__image img {
            transform: scale(1.1)
        }
    }

    .card-icon {
        border-radius: var(--radius-lg);
        box-shadow: var(--color-shadow-default)
    }

    .card-icon.card-icon-active {
        background-color: var(--color-azul400);
        color: var(--color-blanco)
    }

    .card-icon.card-icon-active picture {
        background: var(--color-blanco)
    }

    .card-icon.card-icon-active picture img {
        filter: invert(37%) sepia(93%) saturate(7087%) hue-rotate(190deg) brightness(97%) contrast(102%)
    }

    .card-icon.left {
        align-items: flex-start;
        flex-direction: row;
        column-gap: var(--spacing03);
        padding: var(--spacing04);
        border-radius: var(--radius-lg)
    }

    .card-icon.left picture {
        width: 44px;
        height: 44px;
        padding: 8px;
        flex: 0 0 auto;
        background: var(--color-azul-claro)
    }

    .card-icon.left h5 {
        text-align: left;
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-family: var(--font-family-primary-book)
    }

    .card-icon.left h5 strong {
        font-family: var(--font-family-primary-bold)
    }

    .card-icon.columna {
        flex-direction: column;
        row-gap: var(--spacing03)
    }

    .card-icon.fila {
        flex-direction: row;
        column-gap: var(--spacing03);
        align-items: center;
        transition: .3s ease-in-out
    }

    .card-icon.fila picture {
        width: 48px;
        height: 48px;
        flex: 0 0 48px
    }

    @media (hover: hover) {
        .card-icon.fila:hover {
            box-shadow: var(--shadow-hover)
        }
    }

    .card-icon picture {
        width: 48px;
        height: 48px;
        background: var(--color-amarillo300);
        border-radius: 50%;
        display: grid;
        place-items: center
    }

    .card-icon>h5 {
        text-align: center;
        font-family: var(--font-family-primary-bold);
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .card-icon .contenido {
        display: grid;
        row-gap: var(--spacing02)
    }

    .card-icon .contenido ul {
        padding-left: 20px;
        margin-bottom: 0
    }

    .card-icon .contenido ul li::marker {
        font-size: x-large
    }

    .card-icon .contenido h5 {
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-primary-bold)
    }

    .card-icon .contenido p {
        font-size: .875rem;
        line-height: 1rem;
        font-family: var(--font-family-secondary-regular);
        margin-bottom: var(--spacing02)
    }

    .card-icon .contenido p a {
        color: var(--color-azul300);
        cursor: pointer;
        font-size: 1rem;
        line-height: 1.5rem
    }

    .card-icon .contenido p strong {
        font-family: var(--font-family-secondary-bold);
        font-weight: 400
    }

    .card-icon .contenido sup {
        font-size: .75rem;
        line-height: 1rem
    }

    .card-valoracion {
        flex-direction: column;
        align-items: center;
        row-gap: var(--spacing03)
    }

    .card-valoracion h5 {
        color: var(--color-azul300)
    }

    .card-valoracion p {
        text-align: center;
        font-family: var(--font-family-secondary-regular)
    }

    .card-valoracion--stars {
        display: flex;
        align-items: center;
        column-gap: var(--spacing02);
        margin-top: var(--spacing02)
    }

    .card-links {
        padding: var(--spacing04);
        border-radius: var(--radius-lg);
        box-shadow: var(--color-shadow-default);
        flex-direction: column
    }

    .card-links picture {
        display: block;
        aspect-ratio: 9/5;
        border-radius: var(--radius-md);
        overflow: hidden;
        margin-bottom: var(--spacing03)
    }

    .card-links picture img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .card-links h4 {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .card-links p {
        font-size: .875rem;
        line-height: 1rem;
        font-family: var(--font-family-secondary-regular)
    }

    .card-links__info {
        display: flex;
        flex-direction: column;
        row-gap: var(--spacing02)
    }

    .card-links__info .btn {
        margin: var(--spacing02) 0
    }

    .card-links__info .link {
        margin: auto
    }

    .card-simple {
        flex-direction: column;
        padding: 0;
        border-radius: var(--radius-md);
        overflow: hidden
    }

    .card-simple figure {
        position: relative
    }

    .card-simple .card-imagen-float {
        position: absolute;
        left: var(--spacing03);
        bottom: -16px;
        width: 128px;
        aspect-ratio: 11/7;
        border-radius: var(--spacing02);
        overflow: hidden;
        object-fit: contain;
        z-index: 1
    }

    .card-simple picture {
        display: block;
        border-radius: 0 0 var(--spacing03) var(--spacing03);
        overflow: hidden
    }

    .card-simple picture img {
        height: 100%;
        object-fit: cover
    }

    .card-simple__info {
        padding: var(--spacing03) var(--spacing04) var(--spacing04);
        display: grid;
        row-gap: var(--spacing02);
        font-family: var(--font-family-secondary-regular)
    }

    .card-simple__info h4 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-family: var(--font-family-primary-bold)
    }

    .card-simple__info p {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .card-simple__info h6 {
        margin-top: var(--spacing01);
        font-size: .875rem;
        line-height: 1rem;
        font-weight: 100;
        color: var(--color-gris500)
    }

    .card-simple.principal {
        background: var(--color-azul300)
    }

    .card-simple.principal .card-simple__info {
        color: var(--color-blanco)
    }

    .card-simple.principal .card-simple__info h6 {
        color: inherit
    }

    .card-min {
        flex-direction: column;
        padding: 0 var(--spacing03);
        background: transparent;
        box-shadow: none
    }

    .card-min picture {
        width: 130px;
        height: 130px;
        border-radius: var(--radius-xl);
        overflow: hidden
    }

    .card-min picture img {
        width: 100%;
        height: 100%
    }

    .card-min__info {
        color: var(--color-blanco)
    }

    .card-min__info h4 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-family: var(--font-family-primary-bold);
        margin-bottom: var(--spacing03)
    }

    .card-min__info p {
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-secondary-regular);
        margin-bottom: var(--spacing02)
    }

    .card-min__info .link {
        color: var(--color-amarillo200);
        font-family: var(--font-family-secondary-regular)
    }

    @media (min-width: 768px) {
        .card-icon.fila {
            padding: var(--spacing03)
        }
    }

    @media (min-width: 1280px) {
        .card-promo__info {
            padding-top: 44px;
            display: flex;
            flex-flow: row wrap;
            column-gap: 24px
        }

        .card-promo__info h5 {
            flex: 1 1 100%
        }

        .card-promo__info p {
            flex: 1 1 70%
        }

        .card-promo__info a {
            flex: 0 1 auto;
            text-align: right;
            margin: 0;
            align-self: flex-end
        }

        .card-icon {
            padding: 24px
        }

        .card-icon.fila {
            padding: var(--spacing04)
        }

        .card-icon.left h5 {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .card-icon .contenido {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .card-icon .contenido p {
            font-family: var(--font-family-primary-book);
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .card-min {
            padding: 0;
            row-gap: var(--spacing06)
        }

        .card-min h4 {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .card-simple {
            transition: .3s ease-in-out
        }

        .card-simple picture {
            border-radius: var(--radius-lg)
        }

        .card-simple picture img {
            transition: .3s ease-in-out;
            transform-origin: top
        }
    }

    @media (min-width: 1280px) and (hover: hover) {
        .card-simple:hover {
            box-shadow: var(--shadow-hover)
        }

        .card-simple:hover picture img {
            transform: scale(1.1)
        }
    }

    .input__group {
        display: flex;
        flex-direction: column;
        row-gap: var(--spacing01);
        font-family: var(--font-family-secondary-regular)
    }

    .input__group label {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .input__group input {
        height: 48px;
        padding: 12px var(--spacing03);
        border-radius: var(--radius-sm);
        border: 1px solid var(--color-gris300)
    }

    .input__group input::placeholder {
        color: var(--color-gris300)
    }

    .input__group .error-input {
        font-size: .875rem;
        line-height: 1rem;
        color: var(--color-error400);
        display: none;
        align-items: center;
        column-gap: 10px
    }

    .input__group .error-input:before {
        content: "";
        font-family: icomoon !important;
        color: var(--color-blanco);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: grid;
        place-content: center;
        font-size: 10px;
        background: var(--color-error400)
    }

    .modal .btn-close {
        width: 40px;
        height: 40px;
        background: var(--color-azul300);
        border-radius: 50%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        outline: none;
        justify-self: flex-end;
        display: grid;
        place-content: center
    }

    .modal .btn-close:before {
        color: var(--color-blanco)
    }

    .modal-dialog {
        pointer-events: initial
    }

    .modal-body {
        background: var(--color-blanco);
        padding: 12px 24px 32px;
        border-radius: 24px;
        display: grid;
        row-gap: 16px;
        margin: 0 16px
    }

    .modal-body h1 {
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--color-azul300);
        font-family: var(--font-family-primary-bold)
    }

    .modal-body p {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .modal-body a {
        text-decoration: none
    }

    .modal-body #btn-salida {
        width: max-content
    }

    .modal-body button {
        margin-top: 16px
    }

    .modal#modal-avisos h2 {
        color: var(--color-azul300);
        font-family: var(--font-family-primary-bold)
    }

    .modal-full .btn-close {
        background: none;
        align-self: flex-end;
        width: 36px;
        height: 36px;
        padding: 0;
        font-size: 24px
    }

    .modal-full .modal-dialog {
        margin: 0
    }

    .modal-full .modal-body {
        border-radius: 0;
        margin: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
        padding: var(--spacing04);
        font-family: var(--font-family-secondary-regular)
    }

    .modal-full .modal-body h2 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--color-pencill);
        margin-bottom: var(--spacing06)
    }

    .modal-full .modal-body form {
        display: flex;
        flex-direction: column;
        row-gap: var(--spacing04)
    }

    .modal-full .modal-body .link {
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--color-azul300);
        text-decoration: underline;
        font-family: var(--font-family-secondary-bold)
    }

    .modal-full .modal-body .btn {
        margin: var(--spacing04) auto var(--spacing03)
    }

    .modal-full .modal-body .text-registro {
        font-size: 1rem;
        line-height: 1.5rem
    }

    @media (min-width: 768px) {
        .modal-dialog {
            width: min(50%, 532px);
            max-width: 532px
        }

        .modal-body {
            padding: 24px
        }

        .modal-body .btn-close {
            margin-top: 0
        }

        .modal-body h2 {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .modal-body p {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .modal-body .link-btn {
            justify-self: flex-end
        }
    }

    @media (min-width: 1280px) {
        .modal-body {
            margin: auto
        }

        .modal-body h2 {
            font-size: 1.75rem;
            line-height: 2.3275rem
        }

        .modal-body p {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .modal-salida .btn.secundario-icon:after {
            display: none
        }

        .modal-salida .btn-salida {
            width: max-content
        }
    }

    .monetizacion {
        display: flex;
        align-items: center;
        flex-direction: column;
        background: #F3F3F3;
        padding: var(--spacing04);
        border-radius: var(--radius-md);
        row-gap: var(--spacing03);
        margin-bottom: var(--spacing03);
        border: 1px solid #F3F3F3
    }

    .monetizacion picture {
        width: 100%;
        aspect-ratio: 3/2;
        overflow: hidden;
        border-radius: var(--radius-lg)
    }

    .monetizacion picture img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .monetizacion--info {
        display: grid;
        row-gap: var(--spacing02)
    }

    .monetizacion--info h4 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-family: var(--font-family-primary-bold)
    }

    .monetizacion--info p {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .monetizacion--info .link-monetizacion {
        color: var(--color-azul300);
        font-family: var(--font-family-primary-bold);
        text-align: center;
        width: max-content;
        text-decoration: none;
        display: flex;
        align-items: center;
        margin: var(--spacing03) auto auto;
        column-gap: var(--spacing03)
    }

    .monetizacion--info .link-monetizacion span {
        text-decoration-line: underline
    }

    .monetizacion--info .link-monetizacion:after {
        content: "";
        font-family: icomoon !important;
        text-decoration: none
    }

    @media (min-width: 768px) {
        .monetizacion {
            flex-direction: row-reverse;
            margin-bottom: var(--spacing02);
            column-gap: var(--spacing04);
            margin: var(--spacing03) 0
        }

        .monetizacion--info {
            display: grid;
            row-gap: var(--spacing02);
            flex: 1 1 50%
        }

        .monetizacion--info h4 {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .monetizacion--info p {
            font-size: 1rem;
            line-height: 1.5rem;
            margin-bottom: var(--spacing03)
        }

        .monetizacion--info .link-monetizacion {
            margin: var(--spacing03) 0 0
        }

        .monetizacion picture {
            aspect-ratio: initial;
            flex: 1 1 50%;
            max-width: 400px
        }

        .monetizacion picture img {
            object-fit: contain
        }
    }

    @media (min-width: 1280px) {
        .monetizacion {
            max-width: 594px;
            border: none
        }

        .monetizacion--info {
            flex: initial;
            width: 300px
        }

        .monetizacion--info h4 {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .monetizacion picture {
            flex: 0 1 auto
        }

        .monetizacion .link-monetizacion {
            margin-top: 0
        }
    }

    .nav-tabs {
        justify-content: center;
        column-gap: var(--spacing03)
    }

    .nav-tabs .nav-link {
        border-radius: 100px;
        color: var(--color-azul300);
        padding: var(--spacing02) var(--spacing03);
        background: var(--color-azul100);
        font-family: var(--font-family-secondary-regular)
    }

    .nav-tabs .nav-link.active {
        background: var(--color-azul300);
        color: var(--color-blanco)
    }

    .widget-sticky {
        cursor: pointer;
        position: relative
    }

    .widget-sticky.open {
        z-index: 9999
    }

    .widget-sticky.open.hide-opacity {
        animation: show forwards .3s ease-in-out
    }

    .widget-sticky.show-opacity .widget-sticky--wrapper {
        animation: show forwards .3s ease-in-out;
        z-index: 9
    }

    .widget-sticky--wrapper {
        position: fixed;
        bottom: var(--spacing04);
        right: 0;
        display: flex;
        align-items: center;
        column-gap: var(--spacing02);
        padding: 12px var(--spacing03);
        border-radius: var(--radius-lg) 0 0 var(--radius-lg);
        background: var(--color-azul300);
        z-index: 99
    }

    .widget-sticky--wrapper picture {
        flex: 1 0 40px;
        height: 40px;
        border-radius: 50%;
        background: var(--Main-Colors-Amarillo-300, #ffdd35);
        display: grid;
        place-content: center;
        font-size: 24px;
        line-height: 0
    }

    .widget-sticky--wrapper h4 {
        font-size: 1rem;
        line-height: 1.5rem;
        font-family: var(--font-family-primary-bold);
        color: var(--color-blanco)
    }

    .widget-sticky--pop {
        display: flex;
        flex-direction: column;
        row-gap: var(--spacing05);
        padding: var(--spacing08) var(--spacing04) var(--spacing05);
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        background: linear-gradient(to bottom, rgb(0, 111, 185) 0%, rgb(0, 111, 185) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%)
    }

    .widget-sticky--pop--title {
        display: flex;
        align-items: center;
        column-gap: var(--spacing02)
    }

    .widget-sticky--pop--title picture {
        flex: 0 0 56px;
        height: 56px;
        border-radius: 50%;
        background: var(--Main-Colors-Amarillo-300, #ffdd35);
        display: grid;
        place-content: center;
        font-size: 30px;
        line-height: 0
    }

    .widget-sticky--pop--title picture img {
        width: 34px
    }

    .widget-sticky--pop--title h4 {
        font-size: 1.5rem;
        line-height: 2rem;
        font-family: var(--font-family-primary-bold);
        color: var(--color-blanco)
    }

    .widget-sticky--pop--imagen {
        border-radius: var(--radius-lg);
        overflow: hidden
    }

    .widget-sticky--pop h3 {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .widget-sticky--pop h3 span {
        color: var(--color-azul300);
        font-family: var(--font-family-primary-bold)
    }

    .widget-sticky--pop h3 strong {
        font-family: var(--font-family-primary-bold);
        font-weight: 400
    }

    #modal-widget,
    #modal-avisos {
        position: fixed;
        overflow: hidden;
        margin: 0;
        opacity: 0
    }

    #modal-widget .modal-dialog,
    #modal-avisos .modal-dialog {
        margin: 0;
        transform: translateY(100%);
        align-self: flex-end;
        transition: .5s ease-in-out
    }

    #modal-widget.active,
    #modal-avisos.active {
        display: flex !important;
        opacity: 1
    }

    #modal-widget.active .modal-dialog,
    #modal-avisos.active .modal-dialog {
        transform: translate(0)
    }

    #modal-widget.hide,
    #modal-avisos.hide {
        opacity: 1
    }

    #modal-widget.hide .modal-dialog,
    #modal-avisos.hide .modal-dialog {
        transform: translateY(100%)
    }

    #modal-widget .btn-close,
    #modal-avisos .btn-close {
        position: absolute;
        top: 12px;
        right: 12px
    }

    #modal-widget .btn-close:before,
    #modal-avisos .btn-close:before {
        color: var(--color-blanco)
    }

    #modal-avisos .btn-close {
        display: grid;
        place-items: center;
        position: relative;
        top: 0;
        right: 0;
        margin-top: 0
    }

    #modal-avisos.show {
        display: flex !important;
        opacity: 1
    }

    #modal-avisos.show .modal-dialog {
        transform: translate(0)
    }

    #modal-avisos .modal-body {
        margin: 0;
        padding: var(--spacing04) var(--spacing04) var(--spacing06)
    }

    #modal-avisos picture {
        border-radius: var(--radius-lg);
        overflow: hidden
    }

    #modal-avisos p {
        font-size: 1.3rem;
        line-height: 1.75rem
    }

    @media (min-width: 768px) {
        .widget-sticky--pop {
            padding: var(--spacing10) var(--spacing06);
            border-radius: 0;
            height: 100%;
            background: linear-gradient(to bottom, rgb(0, 111, 185) 0%, rgb(0, 111, 185) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)
        }

        #modal-widget {
            justify-content: flex-end;
            cursor: auto
        }

        #modal-widget .btn-close {
            display: block
        }

        #modal-widget .modal-dialog {
            transform: translate(100%);
            align-self: auto;
            width: min(100%, 464px)
        }

        #modal-widget.active .modal-dialog {
            transform: translate(0)
        }

        #modal-widget.hide .modal-dialog {
            transform: translate(100%)
        }

        #modal-widget #boton-widget {
            width: max-content
        }

        #modal-avisos .modal-dialog {
            margin: auto;
            width: min(100%, 532px)
        }

        #modal-avisos .modal-dialog a {
            margin-left: auto
        }
    }

    @media (max-height: 600px) {
        #modal-widget {
            overflow-y: scroll
        }

        #modal-widget .modal-dialog {
            align-self: flex-start
        }
    }

    .btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        padding: .75rem 2rem;
        border-radius: 1.5rem;
        border: 1px solid var(--color-blanco);
        font-size: 1rem;
        font-family: var(--font-family-secondary-bold);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        transition: .3s ease-in-out all;
        position: relative
    }

    .btn.primario {
        background: var(--color-blanco);
        color: #05297A;
    }

    .btn.primario:hover {
        background: #F3F3F3
    }

    .btn.primario:disabled {
        background: var(--color-azul200)
    }

    .btn.secundario {
        background: #05297A;
        color: var(--color-blanco);
        border: 1px solid #05297A
    }

    .btn.secundario:hover {
        background: #081754
    }

    .btn.secundario-icon {
        background: var(--color-blanco);
        color: var(--color-azul300);
        border: 1px solid var(--color-azul300);
        column-gap: 12px
    }

    .btn.secundario-icon:after {
        content: "";
        font-family: icomoon !important;
        display: inline-block;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 32px;
        font-size: 24px
    }

    .btn.btn-link {
        background: none;
        border: none;
        text-decoration-line: underline;
        color: var(--color-azul300)
    }

    @media (min-width: 768px) {
        .btn {
            width: auto;
            min-width: 160px
        }

        .btn.secundario-icon:after {
            position: relative;
            right: auto
        }
    }

    @font-face {
        font-family: swiper-icons;
        src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
        font-weight: 400;
        font-style: normal
    }

    :root {
        --swiper-theme-color: #007aff
    }

    :host {
        position: relative;
        display: block;
        margin-left: auto;
        margin-right: auto;
        z-index: 1
    }

    .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        overflow: clip;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block
    }

    .swiper-vertical>.swiper-wrapper {
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box
    }

    .swiper-android .swiper-slide,
    .swiper-ios .swiper-slide,
    .swiper-wrapper {
        transform: translateZ(0)
    }

    .swiper-horizontal {
        touch-action: pan-y
    }

    .swiper-vertical {
        touch-action: pan-x
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
        display: block
    }

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        height: auto
    }

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height
    }

    .swiper-backface-hidden .swiper-slide {
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
    }

    .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d {
        perspective: 1200px
    }

    .swiper-3d .swiper-slide,
    .swiper-3d .swiper-cube-shadow {
        transform-style: preserve-3d
    }

    .swiper-css-mode>.swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
    }

    .swiper-css-mode.swiper-horizontal>.swiper-wrapper {
        scroll-snap-type: x mandatory
    }

    .swiper-css-mode.swiper-vertical>.swiper-wrapper {
        scroll-snap-type: y mandatory
    }

    .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
        scroll-snap-type: none
    }

    .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: none
    }

    .swiper-css-mode.swiper-centered>.swiper-wrapper:before {
        content: "";
        flex-shrink: 0;
        order: 9999
    }

    .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always
    }

    .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
        margin-inline-start: var(--swiper-centered-offset-before)
    }

    .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after)
    }

    .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
        margin-block-start: var(--swiper-centered-offset-before)
    }

    .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after)
    }

    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top,
    .swiper-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0, 0, 0, .15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        transform-origin: 50%;
        box-sizing: border-box;
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top-color: transparent
    }

    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s infinite linear
    }

    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff
    }

    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000
    }

    @keyframes swiper-preloader-spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translateZ(0);
        z-index: 10
    }

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled>.swiper-pagination,
    .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
        display: inline-block;
        border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-bullet:only-child {
        display: none !important
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, var(--swiper-theme-color))
    }

    .swiper-vertical>.swiper-pagination-bullets,
    .swiper-pagination-vertical.swiper-pagination-bullets {
        right: var(--swiper-pagination-right, 8px);
        left: var(--swiper-pagination-left, auto);
        top: 50%;
        transform: translate3d(0, -50%, 0)
    }

    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block
    }

    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        display: inline-block;
        transition: .2s transform, .2s top
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        transform: translate(-50%);
        white-space: nowrap
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform, .2s left
    }

    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform, .2s right
    }

    .swiper-pagination-fraction {
        color: var(--swiper-pagination-fraction-color, inherit)
    }

    .swiper-pagination-progressbar {
        background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
        position: absolute
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        transform-origin: right top
    }

    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: var(--swiper-pagination-progressbar-size, 4px);
        left: 0;
        top: 0
    }

    .swiper-vertical>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
        width: var(--swiper-pagination-progressbar-size, 4px);
        height: 100%;
        left: 0;
        top: 0
    }

    .swiper-pagination-lock {
        display: none
    }

    :root {
        --swiper-navigation-size: 44px
    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: var(--swiper-navigation-top-offset, 50%);
        width: calc(var(--swiper-navigation-size) / 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color))
    }

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-prev.swiper-button-hidden,
    .swiper-button-next.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

    .swiper-navigation-disabled .swiper-button-prev,
    .swiper-navigation-disabled .swiper-button-next {
        display: none !important
    }

    .swiper-button-prev svg,
    .swiper-button-next svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform-origin: center
    }

    .swiper-rtl .swiper-button-prev svg,
    .swiper-rtl .swiper-button-next svg {
        transform: rotate(180deg)
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 10px);
        right: auto
    }

    .swiper-button-lock {
        display: none
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 10px);
        left: auto
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

    ght:inherit
}

ol,
ul {
    padding-left: 2rem
}

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

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

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

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    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
}

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

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

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

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

a>code {
    color: inherit
}

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

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

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

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

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

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

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

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

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

textarea {
    resize: vertical
}

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

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

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

legend+* {
    clear: left
}

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

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

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

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

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

.container-xxl,
.container-xl,
.container-lg,
.container {
    max-width: 540px
}

.container-xxl,
.container-xl,
.container-lg,
.container {
    max-width: 720px
}

@media (min-width: 768px) {

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

@media (min-width: 1280px) {

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

@media (min-width: 1440px) {

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

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-lg: 768px;
    --bs-breakpoint-xl: 1280px;
    --bs-breakpoint-xxl: 1440px
}

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

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

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667
}

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

.col-1 {
    flex: 0 0 auto;
    width: 8.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: .25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: .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: 768px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667
    }

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

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.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: .25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .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: 1280px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667
    }

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

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.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: .25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .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: 1440px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667
    }

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

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.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: .25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .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
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    --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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 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 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

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

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

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

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

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

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

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

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-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-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-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

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

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

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

.accordion-flush .accordion-collapse {
    border-width: 0
}

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

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

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

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

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.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 {
    width: 0;
    height: auto;
    transition: width .35s ease
}

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

.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 {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-fit-scale {
    object-fit: scale-down !important
}

.object-fit-none {
    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: 0 .5rem 1rem #00000026 !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !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: translate(-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: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .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-right: 0 !important;
    margin-left: 0 !important
}

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

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

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

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

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

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

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

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

.mt-1 {
    margin-top: .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-right: 0 !important;
    padding-left: 0 !important
}

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

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

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

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

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

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

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

.pt-1 {
    padding-top: .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 {
    column-gap: 0 !important
}

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

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

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

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

.column-gap-5 {
    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: #00000080 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80 !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: .25
}

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

.text-opacity-75 {
    --bs-text-opacity: .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: .1
}

.link-opacity-25,
.link-opacity-25-hover:hover {
    --bs-link-opacity: .25
}

.link-opacity-50,
.link-opacity-50-hover:hover {
    --bs-link-opacity: .5
}

.link-opacity-75,
.link-opacity-75-hover:hover {
    --bs-link-opacity: .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: .1
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: .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: .1
}

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

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

.bg-opacity-75 {
    --bs-bg-opacity: .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;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-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-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-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: 768px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .object-fit-lg-contain {
        object-fit: contain !important
    }

    .object-fit-lg-cover {
        object-fit: cover !important
    }

    .object-fit-lg-fill {
        object-fit: fill !important
    }

    .object-fit-lg-scale {
        object-fit: scale-down !important
    }

    .object-fit-lg-none {
        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-right: 0 !important;
        margin-left: 0 !important
    }

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

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

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

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

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

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

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

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

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

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

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

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .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 {
        column-gap: 0 !important
    }

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

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

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

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

    .column-gap-lg-5 {
        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: 1280px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .object-fit-xl-contain {
        object-fit: contain !important
    }

    .object-fit-xl-cover {
        object-fit: cover !important
    }

    .object-fit-xl-fill {
        object-fit: fill !important
    }

    .object-fit-xl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xl-none {
        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-right: 0 !important;
        margin-left: 0 !important
    }

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

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

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

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

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

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

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

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

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

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

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

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .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 {
        column-gap: 0 !important
    }

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

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

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

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

    .column-gap-xl-5 {
        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: 1440px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .object-fit-xxl-contain {
        object-fit: contain !important
    }

    .object-fit-xxl-cover {
        object-fit: cover !important
    }

    .object-fit-xxl-fill {
        object-fit: fill !important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xxl-none {
        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-right: 0 !important;
        margin-left: 0 !important
    }

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

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

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

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

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

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .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-right: 0 !important;
        padding-left: 0 !important
    }

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

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

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

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

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

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .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 {
        column-gap: 0 !important
    }

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

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

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

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

    .column-gap-xxl-5 {
        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
    }
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .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: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --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: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

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

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

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 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 {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

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

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

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    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)
}

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

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

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

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

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

.modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

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

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

@media (min-width: 768px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    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:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

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

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

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

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

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

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #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 {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

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

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

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

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

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

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

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

@font-face {
    font-family: RecklessNeue_Medium;
    src: url(../fonts/);
    src: local("@"), url(../fonts/RecklessNeue-Medium.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PlayfairDisplay-Black;
    src: local("@"), url(../fonts/Playfair_Display/static/PlayfairDisplay-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins-SemiBold;
    src: local("@"), url(../fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins-Medium;
    src: local("@"), url(../fonts/Poppins/Poppins-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/Poppins/Poppins-Regular.ttf);
    src: local("@"), url(../fonts/Poppins/Poppins-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Helvetica Bold;
    src: url(../fonts/HelveticaNeue/HelveticaNeueBold.eot);
    src: local("@"), url(../fonts/HelveticaNeue/HelveticaNeueBold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icons/icomoon.eot?ln483k);
    src: url(../fonts/icons/icomoon.eot?ln483k#iefix) format("embedded-opentype"), url(../fonts/icons/icomoon.ttf?ln483k) format("truetype"), url(../fonts/icons/icomoon.woff?ln483k) format("woff"), url(../fonts/icons/icomoon.svg?ln483k#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-]:before,
[class*=" icon-"]:before {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-cuenta:before {
    content: "";
    color: #006fb9
}

.icon-icon-avatar:before {
    content: "";
    color: #ffffff
}

.icon-icon-lugares:before {
    content: "";
    color: #006fb9
}

.icon-chevron-bottom:before {
    content: "";
    color: #006fb9
}

.icon-icon-close:before {
    content: "";
    color: #006fb9
}

.icon-chevrons-white:before {
    content: "";
    color: #fff
}

.icon-icon-ayuda:before {
    content: "";
    color: #ffffff
}

.icon-icon-dinero:before {
    content: "";
    color: #595955
}

.icon-icon-ham:before {
    content: "";
    color: #05297a
}

.icon-icon-ham-m:before {
    content: "";
    color: #ffffff
}

.icon-icon-place:before {
    content: "";
    color: #ffffff
}

.icon-icon-place-m:before {
    content: "";
    color: #006fb9
}

.icon-icon-tienda:before {
    content: "";
    color: #595955
}

:root {
    --color-azul50: #fafbfc;
    --color-azul100: #05297A;
    --color-azul150: #d9e3f2;
    --color-azul200: #1C42E8;
    --color-azul300: #05297A;
    --color-azul400: #1C42E8;
    --color-azul500: #194b7b;
    --color-azul600: #1C42E8;
    --color-azul-claro: #d3eaff;
    --color-azul-medio: #1C42E8;
    --color-azul-bajo: #F3F3F3;
    --color-azul-muybajo: #f3faff;
    --color-pencil: #4A4A4A;
    --color-blanco: #ffffff;
    --color-amarillo200: #ffec99;
    --color-amarillo300: #ffdd35;
    --color-gris100: #bdbdbd;
    --color-gris300: #9b9a98;
    --color-gris600: #3b3a37;
    --color-gris500: #595955;
    --color-error400: #ba4b44;
    --color-overlay: rgba(27, 26, 22, .16);
    --color-gradienteaur: linear-gradient(107deg, #0d0b79 5.77%, #046ac0 33.9%, #1dacba 62.04%, #accc05 95.67%);
    --color-gradiente-azul: radial-gradient(50% 50% at 50% 50%, rgba(22, 155, 243, .8) 0%, rgba(22, 155, 243, 0) 100%);
    --color-shadow-default: 0px 6px 16px 0px rgba(25, 75, 123, .08);
    --shadow-flotante: 0px 4px 48px 0px rgba(95, 171, 221, .16);
    --shadow-hover: 0px 6px 24px 0px rgba(25, 75, 123, .12);
    --font-family-primary-book: "Poppins-Medium";
    --font-family-primary-bold: "PlayfairDisplay-Black";
    --font-family-secondary-regular: "Poppins-Regular";
    --font-family-secondary-bold: "Helvetica Bold";
    --text-decoration-underline: underline;
    --spacing01: .25rem;
    --spacing02: .5rem;
    --spacing03: 1rem;
    --spacing04: 1.5rem;
    --spacing05: 2rem;
    --spacing06: 2.5rem;
    --spacing07: 3rem;
    --spacing08: 4rem;
    --spacing09: 5rem;
    --spacing10: 6rem;
    --radius-2xl: 5rem;
    --radius-xl: 2.5rem;
    --radius-lg: 1.5rem;
    --radius-md: 1rem;
    --radius-sm: .5rem
}

body {
    background: var(--color-blanco);
    color: var(--color-pencil);
    font-family: var(--font-family-primary-book)
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body li,
body figure,
body a {
    margin: 0
}

body strong {
    font-weight: 400
}

body .custom-container {
    --bs-gutter-x: 48px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    body .custom-container {
        --bs-gutter-x: 128px;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 1280px) {
    body .custom-container {
        --bs-gutter-x: 192px;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 1440px) {
    body .custom-container {
        --bs-gutter-x: auto;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
        max-width: 1174px
    }
}

body .font-secondary {
    font-family: var(--font-family-secondary-regular)
}

body .text-2xl {
    font-size: 4.375rem;
    line-height: 5.4688rem
}

body .text-lg-36 {
    font-size: 2.25rem;
    line-height: 2.75rem
}

body .text-med {
    font-size: 1.75rem;
    line-height: 2.3275rem
}

body .text-md-20 {
    font-size: 1.25rem;
    line-height: 1.75rem
}

body .text-sm-16 {
    font-size: 1rem;
    line-height: 1.5rem
}

body .text-xs-14 {
    font-size: .875rem;
    line-height: 1rem
}

body .text-xs-12 {
    font-size: .75rem;
    line-height: 1rem
}

body .title-underline {
    display: grid;
    place-items: center;
    text-align: center;
    row-gap: 1rem;
    font-family: var(--font-family-primary-bold);
    font-size: 1.5rem;
    line-height: 2rem
}

body .hero .title-underline {
    font-family: "RecklessNeue_Medium" !important;
}

body .title-underline:after {
    content: "";
    display: block;
    width: 40px;
    height: 8px;
    border-radius: 10px;
    background: var(--color-amarillo300)
}

body .link {
    font-family: var(--font-family-secondary-bold);
    color: var(--color-azul300);
    width: max-content
}

body .link-icon {
    font-family: var(--font-family-secondary-bold);
    color: var(--color-azul400);
    width: max-content;
    display: flex;
    align-items: center;
    column-gap: 12px;
    text-decoration: none
}

body .link-icon span {
    text-decoration: underline
}

body .link-icon:after {
    content: "";
    font-family: icomoon !important;
    font-size: x-large
}

body .link-back a {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-azul300);
    font-family: var(--font-family-secondary-bold);
    display: inline-flex;
    column-gap: 8px;
    text-decoration: none
}

body:has(.header--subnivel.show) {
    overflow: hidden
}

body:has(.header--subnivel.show) .header .overlay {
    animation: overlay .3s forwards
}

@keyframes hide {
    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes show {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

body .hide-opacity {
    animation: hide forwards .3s ease-in-out
}

body .show-opacity {
    animation: show forwards .3s ease-in-out
}

body .btn-whatssap {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 110px;
    right: var(--spacing03);
    background: url(../img/button-whatsapp.svg) no-repeat center/cover;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100
}

body .btn-chat {
    cursor: pointer;
    position: fixed;
    width: 120px;
    height: 46px;
    bottom: 115px;
    right: 90px;
    background-image: url(../img/chat_logo.png);
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100
}

@media (min-width: 1280px) {
    body .title-underline {
        font-size: 2.25rem;
        line-height: 2.75rem;
        color: #081754;
    }
}

body .headerBancoppel {
    z-index: 999;
    position: sticky;
    top: 0;
    width: 100%;
    height: 56px
}

@keyframes overlay {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes overlay-close {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        transform: scale(0);
        transform: scale(1)
    }
}

body .headerBancoppel .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--color-overlay);
    transform: scale(0);
    transform-origin: center;
    opacity: 0;
    transition: .3s ease-in-out all;
    z-index: 0
}

body .headerBancoppel .overlay.open {
    animation: overlay .3s forwards
}

body .headerBancoppel .overlay.close {
    animation: overlay-close .3s forwards
}

body .headerBancoppel:has(.headerBancoppel--subnivel.show, .headerBancoppel--subnivel.collapsing):before {
    transform: scaleX(1)
}

body .headerBancoppel:has(.headerBancoppel--subnivel.show, .headerBancoppel--subnivel.collapsing) .headerBancoppel--subnivel {
    transform: translate(0)
}

body .headerBancoppel--nav {
    width: 100%;
    height: 100%
}

body .headerBancoppel .navbar-toggler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    height: 24px;
    width: 24px;
    padding: 0;
    font-size: 24px;
    background: none
}

body .headerBancoppel--sup {
    background: #05297A;
    box-shadow: var(--shadow-flotante);
    height: 100%;
    display: flex
}

body .headerBancoppel--sup .row {
    height: 100%;
    align-items: center
}

body .headerBancoppel--sup--main a:not(#link-logo) {
    display: none
}

body .headerBancoppel--sup--main h5 {
    font-family: var(--font-family-secondary-regular)
}

body .headerBancoppel--sup--accesos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: var(--spacing03);
    height: 100%
}

body .headerBancoppel--sup--accesos a[data-name=Banca] {
    display: none;
    text-decoration: none
}

body .headerBancoppel--sup--accesos .headerBancoppel-icon {
    width: 24px;
    height: 24px;
    position: relative;
    display: grid;
    place-items: center;
    text-decoration: none;
    font-size: 24px
}

body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-avatar {
    font-size: 20px
}

body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-place,
body .headerBancoppel--sup--accesos .headerBancoppel-icon span {
    display: none
}

body .headerBancoppel--subnivel {
    background: var(--color-blanco);
    position: fixed;
    top: 0;
    right: 0;
    width: calc(100% - 64px);
    height: 100vh;
    transform: translate(100%);
    overflow-y: scroll;
    transition: .3s ease-in-out all !important;
    z-index: 1
}

body .headerBancoppel--subnivel.collapse {
    display: block
}

body .headerBancoppel--subnivel.collapsing {
    display: block !important
}

body .headerBancoppel--subnivel--logo {
    padding: var(--spacing04);
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
}

body .headerBancoppel--subnivel--logo .navbar-toggler:before {
    content: ""
}

body .headerBancoppel--subnivel .custom-container {
    padding: 0
}

body .headerBancoppel--subnivel--uno {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column
}

body .headerBancoppel--subnivel--uno li {
    font-size: 1rem;
    line-height: 1.5rem;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    transition: .3s ease;
    font-family: var(--font-family-secondary-regular);
    border-left: 4px solid transparent
}

body .headerBancoppel--subnivel--uno li:after {
    display: none
}

body .headerBancoppel--subnivel--uno li.active {
    border-left: 4px solid var(--color-azul300)
}

body .headerBancoppel--subnivel--uno li>span {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: var(--spacing03) var(--spacing04)
}

body .headerBancoppel--subnivel--uno li>span:after {
    content: "";
    color: #006fb9;
    font-family: icomoon !important;
    font-size: 10px;
    margin-left: initial;
    transition: .3s ease
}

body .headerBancoppel--subnivel--uno li>span[aria-expanded=true] {
    background: #ffffff;
    font-family: var(--font-family-secondary-bold)
}

body .headerBancoppel--subnivel--uno li>span[aria-expanded=true]:after {
    transform: rotate(180deg)
}

body .headerBancoppel--subnivel--uno li>span[aria-expanded=false] {
    background: var(--color-blanco);
    color: #081754;
}

body .headerBancoppel--subnivel--uno li:has(.headerBancoppel--subnivel--title) li {
    padding-left: var(--spacing06)
}

body .headerBancoppel--subnivel--uno li:has(.btn.secundario) .link-monetizacion {
    display: none
}

body .headerBancoppel--subnivel--title {
    display: flex;
    align-items: center;
    column-gap: var(--spacing03);
    width: 100%
}

body .headerBancoppel--subnivel--title h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Poppins-SemiBold"
}

body .headerBancoppel--subnivel--dos {
    width: 100%;
    background: #ffffff;
    padding: 0 24px
}

body .headerBancoppel--subnivel--dos ul {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing04);
    list-style: none;
    padding: var(--spacing03)
}

body .headerBancoppel--subnivel--dos ul:has(.headerBancoppel--subnivel--title) {
    padding: var(--spacing03) 0
}

body .headerBancoppel--subnivel--dos li {
    width: 100%;
    justify-content: space-between;
    padding: 0
}

body .headerBancoppel--subnivel--dos li a {
    text-decoration: none
}

body .headerBancoppel--menu-bottom {
    border-top: 1px solid var(--color-gris100)
}

body .headerBancoppel--menu-bottom a {
    text-decoration: none
}

body .headerBancoppel--menu-bottom li {
    display: flex;
    align-items: center;
    flex-direction: row;
    column-gap: var(--spacing03);
    padding: var(--spacing03);
    color: #081754;
}

body .headerBancoppel--menu-bottom li:before {
    font-size: 24px
}

@media (min-width: 768px) {
    body .headerBancoppel--subnivel {
        width: 537px
    }
}

@media (min-width: 1280px) {
    body .headerBancoppel {
        height: auto
    }

    body .headerBancoppel .overlay.open {
        animation: overlay .3s forwards
    }

    body .headerBancoppel .overlay.close {
        animation: overlay-close .3s forwards
    }

    body .headerBancoppel .navbar-toggler {
        display: none
    }

    body .headerBancoppel--nav {
        z-index: 1;
        position: relative
    }

    body .headerBancoppel--sup {
        padding: 0
    }

    body .headerBancoppel--sup--main a:not(#link-logo) {
        display: block
    }

    body .headerBancoppel--sup--main #link-logo {
        padding: var(--spacing03) var(--spacing04)
    }

    body .headerBancoppel--sup--main #link-logo img {
        height: 32px
    }

    body .headerBancoppel--sup--main a:not(#link-logo, .headerBancoppel-icon) {
        text-decoration: none;
        position: relative;
        display: inline-block
    }

    body .headerBancoppel--sup--main a:not(#link-logo, .headerBancoppel-icon).active:after {
        content: "";
        position: absolute;
        bottom: 0;
        display: block;
        height: 4px;
        width: 100%;
        background: #ffffff;
    }

    body .headerBancoppel--sup--main h5 {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 2;
        padding: var(--spacing03);
        color: #ffffff;
        transition: .3s ease-in-out;
        height: 100%
    }
}

@media (min-width: 1280px) and (hover: hover) {
    body .headerBancoppel--sup--main h5:hover {
        background: #081454
    }

    body .headerBancoppel--sup--main h5 a:after {
        background: var(--color-azul100)
    }
}

@media (min-width: 1280px) {
    body .headerBancoppel--sup--accesos a[data-name=Banca] {
        display: block
    }

    body .headerBancoppel--sup--accesos .headerBancoppel-icon {
        display: flex;
        justify-content: center
    }

    body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-avatar {
        display: none
    }

    body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-place {
        display: flex
    }

    body .headerBancoppel--sup--accesos .headerBancoppel-icon.icon-icon-place-m {
        display: flex
    }
}

@media (min-width: 1280px) and (hover: hover) {
    body .headerBancoppel--sup--accesos .headerBancoppel-icon:hover span {
        display: block
    }
}

@media (min-width: 1280px) {
    body .headerBancoppel--sup--accesos .headerBancoppel-icon span {
        position: absolute;
        background: var(--color-gris600);
        padding: 10px;
        border-radius: var(--radius-sm);
        color: var(--color-blanco);
        font-size: .875rem;
        line-height: 1rem;
        top: 160%;
        width: max-content;
        z-index: 2;
        font-family: var(--font-family-secondary-regular);
        transition: .5s ease-in-out all
    }

    body .headerBancoppel--sup [class*=col-xl-] {
        display: flex;
        align-items: stretch;
        height: 100%
    }

    body .headerBancoppel--sup [class*=col-xl-].headerBancoppel--sup--accesos {
        justify-content: flex-end;
        align-items: center
    }

    body .headerBancoppel--subnivel {
        position: relative;
        transform: none;
        width: auto;
        overflow-y: initial;
        height: auto;
        background: #ffffff
    }

    body .headerBancoppel--subnivel .custom-container {
        padding: 0 calc(var(--bs-gutter-x) * .5)
    }

    body .headerBancoppel--subnivel--logo {
        display: none
    }

    body .headerBancoppel--subnivel--uno {
        flex-direction: row;
        margin-bottom: 0;
        border: 0
    }

    body .headerBancoppel--subnivel--uno li {
        color: #081754;
        width: auto;
        padding: var(--spacing03);
        background: none !important;
        border: 0 !important
    }

    body .headerBancoppel--subnivel--uno li .headerBancoppel--subnivel--dos {
        display: flex
    }

    body .headerBancoppel--subnivel--uno li.active:after {
        content: "";
        display: block;
        background: var(--color-azul300);
        height: 3px;
        width: calc(100% + 48px);
        position: relative;
        bottom: -14px;
        left: -24px
    }

    body .headerBancoppel--subnivel--uno li:has(.monetizacion) {
        position: inherit
    }

    body .headerBancoppel--subnivel--uno li:has(.monetizacion) .headerBancoppel--subnivel--dos {
        right: 0;
        margin: auto;
        max-width: 100%
    }

    body .headerBancoppel--subnivel--uno li:has(.link-monetizacion) .btn.secundario {
        display: none
    }

    body .headerBancoppel--subnivel--uno li:has(.link-monetizacion) .link-monetizacion {
        display: flex !important
    }

    body .headerBancoppel--subnivel--uno li span {
        padding: 0;
        background: none !important;
        color: #081754;
        font-weight: 400 !important
    }

    body .headerBancoppel--subnivel--uno li span:after {
        display: none
    }

    body .headerBancoppel--subnivel--uno li span[aria-expanded=true] {
        font-family: var(--font-family-secondary-regular)
    }

    @keyframes fade-in {
        to {
            opacity: 1;
            visibility: visible
        }
    }
}

@media (min-width: 1280px) and (hover: hover) {
    body .headerBancoppel--subnivel--uno li:hover {
        background: #F3F3F3 !important
    }

    body .headerBancoppel--subnivel--uno li:hover .headerBancoppel--subnivel--dos {
        animation: fade-in .5s forwards
    }
}

@media (min-width: 1280px) {
    body .headerBancoppel--subnivel--uno li:nth-last-child(-n+2) .headerBancoppel--subnivel--dos {
        right: 0;
        left: 0
    }

    body .headerBancoppel--subnivel--title {
        display: flex;
        align-items: center;
        column-gap: var(--spacing02);
        padding: 0 var(--spacing03) var(--spacing03);
        border-bottom: 1px solid var(--color-azul-medio);
        width: 100%
    }

    body .headerBancoppel--subnivel--title h5 {
        font-size: 1rem;
        line-height: 1.5rem
    }

    body .headerBancoppel--subnivel--dos {
        opacity: 0;
        column-gap: var(--spacing04);
        align-items: flex-start;
        position: absolute;
        top: 101%;
        left: 0;
        box-shadow: var(--shadow-flotante);
        border-radius: var(--radius-md);
        width: max-content;
        row-gap: var(--spacing01);
        background: var(--color-blanco);
        padding: var(--spacing03);
        visibility: hidden
    }

    body .headerBancoppel--subnivel--dos ul {
        max-width: 320px;
        list-style: none;
        padding: 0;
        row-gap: var(--spacing01)
    }

    body .headerBancoppel--subnivel--dos ul:has(.headerBancoppel--subnivel--title) {
        padding: 0
    }

    body .headerBancoppel--subnivel--dos ul li {
        padding: 0;
        width: 100%;
        border-radius: var(--spacing01);
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        flex-direction: row;
        column-gap: var(--spacing03);
        transition: .3s ease-in-out all
    }

    body .headerBancoppel--subnivel--dos ul li:after {
        content: "";
        display: block;
        font-family: icomoon !important;
        color: transparent;
        margin-right: 4px;
        transition: .3s ease-in-out
    }
}

@media (min-width: 1280px) and (hover: hover) {
    body .headerBancoppel--subnivel--dos ul li:hover {
        background: #F3F3F3 !important
    }

    body .headerBancoppel--subnivel--dos ul li:hover:after {
        content: "";
        font-family: icomoon !important;
        color: var(--color-azul300)
    }
}

@media (min-width: 1280px) {
    body .headerBancoppel--subnivel--dos ul li a {
        text-decoration: none;
        padding: 10px 9px 10px 10px;
        width: 100%
    }

    body .headerBancoppel--menu-bottom {
        display: none
    }
}

body .footerBancoppel {
    padding: var(--spacing04) 0 0;
    background: #05297a;
    color: var(--color-blanco);
    font-family: var(--font-family-secondary-regular)
}

body .footerBancoppel .row {
    row-gap: var(--spacing04);
    padding-bottom: 40px;
    margin-top: 32px
}

body .footerBancoppel .desplegable {
    font-size: .875rem;
    line-height: 1rem
}

body .footerBancoppel strong {
    font-family: "Poppins-Semibold"
}

body .footerBancoppel a {
    font-family: var(--font-family-secondary-regular);
}

body .footerBancoppel h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    font-family: var(--font-family-secondary-bold)
}

body .footerBancoppel--acordeon {
    flex-direction: column;
    align-items: flex-start
}

body .footerBancoppel--acordeon h3 {
    margin: 0;
    color: #fff;
    font-family: "Poppins-Semibold"
}

body .footerBancoppel--acordeon h3:after {
    content: "";
    font-family: icomoon !important;
    font-size: 12px;
    transition: .3s ease-in-out
}

body .footerBancoppel--acordeon h3[aria-expanded=true]:after {
    transform: rotate(180deg)
}

body .footerBancoppel--acordeon ul {
    padding: var(--spacing04) 0 0
}

body .footerBancoppel #accordion-acerca {
    margin-top: var(--spacing04)
}

body .footerBancoppel ul {
    padding: 0;
    display: grid;
    margin: 0;
    row-gap: var(--spacing04)
}

body .footerBancoppel ul li {
    list-style: none;
    font-size: 1rem;
    line-height: 1.5rem
}

body .footerBancoppel ul li a {
    text-decoration: none
}

body .footerBancoppel--socials {
    display: flex;
    column-gap: var(--spacing06);
    margin: var(--spacing04) 0
}

body .footerBancoppel--sponsors {
    display: flex;
    column-gap: var(--spacing04)
}

body .footerBancoppel--sponsors a {
    max-height: 45px;
    width: 80px;
    cursor: pointer
}

body .footerBancoppel--sponsors a img {
    width: 100%;
    height: 100%;
    object-position: left
}

body .footerBancoppel--apps {
    display: flex;
    column-gap: var(--spacing04)
}

body .footerBancoppel--apps a {
    max-height: 45px;
    width: 80px;
    cursor: pointer
}

body .footerBancoppel--apps a img {
    width: 115%;
    height: 115%;
    object-position: left;
    margin-top: -10px
}

body .footerBancoppel--apps ul {
    padding: 0;
    display: grid;
    margin: 0;
    margin-left: -11px;
}

body .footerBancoppel--legales {
    background: #081754;
    color: var(--color-azul150);
    font-family: var(--font-family-secondary-regular);
    padding: var(--spacing04) 0
}

body .footerBancoppel--legales .col-12 {
    padding: var(--spacing04) 0;
    display: grid;
    row-gap: var(--spacing03)
}

body .footerBancoppel--legales h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing02)
}

body .footerBancoppel--legales h4#copyright {
    text-align: right;
    margin-bottom: 0
}

body .footerBancoppel--legales p {
    margin-bottom: 16px;
    font-size: .875rem;
    line-height: 1rem;
    line-height: 22px
}

body .footerBancoppel--legales p strong {
    font-weight: 500
}

body .footerBancoppel--legales p span {
    color: var(--color-amarillo300);
    font-family: var(--font-family-primary-book);
    display: none
}

body .footerBancoppel--legales p a {
    text-decoration: underline;
    position: relative;
    cursor: pointer;
    font-family: var(--font-family-secondary-regular)
}

body .footerBancoppel--legales p a:after {
    content: "";
    display: inline-flex;
    vertical-align: middle;
    margin: 0 2px 0 8px;
    width: 1px;
    height: 15px;
    background: var(--color-amarillo300)
}

body .footerBancoppel--legales p a:last-child:after {
    display: none
}

body .footerBancoppel--legales--logos {
    display: flex;
    flex-flow: row wrap;
    gap: var(--spacing04)
}

body .footerBancoppel--legales--logos a {
    cursor: pointer
}

@media (min-width: 1280px) {
    body .footerBancoppel {
        padding: var(--spacing06) 0 0
    }

    body .footerBancoppel .row {
        padding-bottom: var(--spacing10)
    }

    body .footerBancoppel .accordion-button:after {
        display: none
    }

    body .footerBancoppel #accordion-acerca {
        display: block
    }

    body .footerBancoppel--socials {
        column-gap: var(--spacing04)
    }
}

@media (min-width: 1280px) and (hover: hover) {
    body .footerBancoppel ul li a:hover {
        text-decoration: underline
    }
}

@media (min-width: 1280px) {
    body .footerBancoppel--legales {
        padding: var(--spacing05) 0
    }

    body .footerBancoppel--legales .col-12 {
        padding: 0;
        display: flex;
        flex-flow: row wrap
    }

    body .footerBancoppel--legales--conoce {
        column-gap: var(--spacing02);
        justify-content: space-between;
        align-items: flex-start
    }

    body .footerBancoppel--legales--conoce-info {
        flex-basis: 57%;
        display: grid;
        row-gap: var(--spacing03)
    }

    body .footerBancoppel--legales--logos {
        flex-basis: 40%;
        padding-top: 40px;
        justify-content: space-between
    }

    body .footerBancoppel--legales h4 {
        width: 100%
    }
}

body .home {
    overflow-x: hidden
}

body .home .accesos {
    padding: var(--spacing05) 0;
    border-bottom: 1px solid var(--color-azul150)
}

body .home .accesos .custom-container {
    padding-right: 0;
    padding-left: 0
}

body .home .accesos .title-underline {
    margin-bottom: var(--spacing04);
    padding-right: var(--spacing04);
    padding-left: var(--spacing04);
    color: #081754;
}

body .home .accesos .swiper a {
    text-decoration: none
}

body .home .accesos .swiper-slide {
    height: auto;
    flex: 0 0 144px;
    margin: 0 6px
}

body .home .accesos .swiper-slide:first-child {
    margin-left: 24px
}

body .home .accesos .swiper-slide:last-child {
    margin-right: 24px
}

body .home .accesos .swiper .swiper-pagination {
    margin-right: calc(var(--bs-gutter-x) * .5)
}

body .home .accesos .card-icon {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
    column-gap: var(--spacing02);
    height: 100%;
    align-items: center;
}

body .home .accesos .card-icon picture {
    background: none;
    padding: 0
}

body .home .accesos .card-icon picture img {
    width: 100%;
    height: 100%
}

body .home .accesos .card-icon .contenido {
    font-family: var(--font-family-primary-book)
}

body .home .accesos .card-icon h5 {
    font-size: .875rem;
    line-height: 1rem;
    line-height: 22px !important;
    font-family: var(--font-family-primary-book)
}

body .home .accesos .card-icon h5 strong {
    font-weight: 400;
    color: #4A4A4A;
}

body .home .digital {
    padding: var(--spacing07) 0
}

body .home .digital .title-underline {
    margin-bottom: var(--spacing05)
}

body .home .digital--imagen--mockup,
body .home .digital--imagen--qr {
    display: none
}

body .home .digital .card-links h4 {
    font-family: var(--font-family-primary-bold)
}

body .home .digital--cards {
    margin-top: var(--spacing04);
    display: grid;
    row-gap: var(--spacing04)
}

body .home .digital--cards .card-icon p {
    font-family: var(--font-family-secondary-regular);
    line-height: 22px
}

body .home .digital--cards .card-icon p span {
    color: var(--color-azul300);
    text-decoration: underline
}

body .home .digital--cards .card-icon .link-icon {
    font-size: 1rem;
    line-height: 1.5rem
}

body .home .digital--cards {
    background: #fff
}

body .home .digital #link-card-uno {
    display: none
}

body .home .digital h6 {
    font-size: .75rem;
    line-height: 1rem;
    font-family: var(--font-family-secondary-regular);
    margin-top: var(--spacing06);
    color: #4A4A4A;
}

body .home .productos {
    padding: var(--spacing06) 0;
    background: #F3F3F3
}

body .home .productos .custom-container {
    padding-right: 0;
    padding-left: 0;
    overflow: hidden
}

body .home .productos .title-underline {
    padding-right: var(--spacing04);
    padding-left: var(--spacing04);
    margin-bottom: var(--spacing05)
}

body .home .productos--tarjeta {
    padding-right: 36px;
    padding-left: 36px
}

body .home .productos--tarjeta--card {
    background: var(--color-blanco);
    border-radius: var(--radius-lg);
    overflow: hidden
}

body .home .productos--tarjeta--card h3 {
    padding: var(--spacing04);
    font-size: 1.25rem;
    line-height: 1.75rem
}

body .home .productos--tarjeta--card h3 span {
    color: #1C42E8;
    font-family: "Poppins-SemiBold"
}

body .home .productos--tarjeta--card figure {
    position: relative
}

body .home .productos--tarjeta--card .img-logo-float {
    position: absolute;
    bottom: var(--spacing03);
    left: var(--spacing03);
    width: 140px;
    height: 88.46px;
    overflow: hidden;
    object-fit: cover;
    z-index: 1
}

body .home .productos--tarjeta--card picture {
    display: block;
    border-radius: -1px 16px 16px;
    overflow: hidden
}

body .home .productos--slider {
    padding: var(--spacing04) 0 0 calc(var(--bs-gutter-x) * .5)
}

body .home .productos--slider .swiper a {
    text-decoration: none
}

body .home .productos--slider .swiper-slide {
    height: auto;
    flex: 0 0 310px;
    margin: 0 8px
}

body .home .productos--slider .swiper-slide:first-child {
    padding-left: 24px;
    margin-left: 0
}

body .home .productos--slider .swiper-slide:last-child {
    padding-right: 24px;
    margin-right: 0
}

body .home .productos--slider .swiper-slide .card-icon p {
    margin-bottom: 0;
    font-family: var(--font-family-secondary-regular)
}

body .home .productos--slider .swiper-slide .card-icon {
    background-color: #fff;
    border-radius: 16px;
}

picture {
    background: #fff
}

body .home .productos--slider .swiper .swiper-pagination {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5)
}

body .home .campanas {
    padding: var(--spacing07) 0
}

body .home .campanas .nav-tabs {
    margin: var(--spacing05) 0;
    padding-right: 24px;
    padding-left: 24px
}

body .home .campanas .container-slide {
    padding-right: 0;
    padding-left: 0
}

body .home .campanas .swiper a {
    text-decoration: none;
    cursor: pointer
}

body .home .campanas .swiper-slide {
    height: auto;
    width: 300px;
    margin: 0 12px
}

body .home .campanas .swiper-slide:first-child {
    margin-left: 24px
}

body .home .campanas .swiper-slide:last-child {
    margin-right: 24px
}

body .home .campanas .swiper-slide .card-simple {
    height: 100%;
}

body .home .campanas .swiper-slide .card-simple picture {
    height: 166px
}

body .home .campanas .swiper .swiper-pagination {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--spacing06)
}

body .home .campanas .link-icon {
    margin: var(--spacing04) auto 0
}

body .home .blog {
    background: var(--color-azul100);
    display: none
}

body .home .blog--wrapper {
    background: var(--color-gradiente-azul) var(--color-azul300);
    border-radius: var(--radius-xl) 0 var(--radius-2xl) 0;
    overflow: hidden;
    padding: var(--spacing07) 0
}

body .home .blog .title-underline {
    color: var(--color-blanco);
    text-align: left;
    place-items: flex-start;
    margin-bottom: var(--spacing06)
}

body .home .blog .container-slide {
    padding-right: 0;
    padding-left: 0
}

body .home .blog .swiper {
    margin-bottom: var(--spacing06)
}

body .home .blog .swiper-slide {
    height: auto;
    width: 306px
}

body .home .blog .swiper-slide:first-child {
    padding-left: 8px
}

body .home .blog .swiper-slide:last-child {
    padding-right: 24px
}

body .home .blog .swiper-slide .card-simple {
    height: 100%
}

body .home .blog .swiper-pagination-bullet {
    background: var(--color-blanco)
}

body .home .blog .link-icon {
    color: var(--color-blanco);
    text-align: center;
    margin: auto
}

body .home .seguridad {
    background: #F3F3F3;
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    overflow: hidden
}

body .home .seguridad--title {
    margin: var(--spacing04) 0
}

body .home .seguridad .title-underline {
    text-align: left;
    place-items: flex-start
}

body .home .seguridad figure {
    position: relative
}

body .home .seguridad figure picture {
    overflow: hidden;
    border-radius: 16px;
    display: block
}

body .home .seguridad .img-logo-float {
    position: absolute;
    bottom: -16px;
    right: var(--spacing03);
    width: 124px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px
}

body .home .dudas {
    padding: var(--spacing07) 0
}

body .home .dudas .container-slide {
    padding-right: 0;
    padding-left: 0
}

body .home .dudas .swiper {
    padding-top: var(--spacing05)
}

body .home .dudas .swiper a {
    text-decoration: none
}

body .home .dudas .swiper-slide {
    height: auto;
    width: 306px;
    margin: 0 12px
}

body .home .dudas .swiper-slide:first-child {
    margin-left: 24px
}

body .home .dudas .swiper-slide:last-child {
    margin-right: 24px
}

body .home .dudas .swiper-slide .card-simple {
    height: 100%
}

body .home .dudas .swiper .swiper-pagination {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--spacing06)
}

body .home .dudas .card {
    box-shadow: 0px 4px 24px 0px rgba(25, 75, 123, 0.12);
    row-gap: 0;
    border-radius: 16px
}

body .home .dudas .card picture {
    padding: var(--spacing04) var(--spacing04) 0;
    aspect-ratio: 11/7
}

body .home .dudas .card picture img {
    object-fit: contain
}

body .home .dudas .card a {
    color: #1C42E8;
    font-family: var(--font-family-secondary-bold);
    text-decoration: underline
}

body .home .dudas .link-icon {
    margin: var(--spacing04) auto 0
}

body .home .seo {
    padding: var(--spacing07) 0
}

body .home .seo .row {
    row-gap: var(--spacing04)
}

body .home .seo .col-12 {
    display: grid;
    row-gap: var(--spacing04)
}

body .home .seo__item {
    display: grid;
    row-gap: var(--spacing02)
}

body .home .seo__item h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Poppins-Semibold"
}

body .home .seo__item p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-secondary-regular)
}

body .home .seo__item p a {
    font-family: var(--font-family-secondary-bold);
    color: #1C42E8
}

@media (min-width: 768px) {
    body .home .accesos {
        padding: var(--spacing06) 0 var(--spacing06)
    }

    body .home .accesos .swiper-wrapper {
        justify-content: center
    }

    body .home .accesos .swiper-slide {
        flex: 0 0 206px
    }

    body .home .accesos .card-icon {
        padding: 12px var(--spacing04);
        column-gap: 12px
    }

    body .home .accesos .card-icon {
        border-radius: 16px;
        transition: .3s ease-in-out;
        box-shadow: 0px 4px 24px 0px rgba(25, 75, 123, 0.12);
    }

    body .home .accesos .card-icon picture {
        width: 38px;
        height: 38px;
        flex: 1 0 auto
    }

    body .home .accesos .card-icon picture img {
        height: 100%
    }

    body .home .accesos .card-icon h5 {
        font-size: 1rem;
        line-height: 1.5rem
    }

    body .home .digital--cards {
        margin-top: 0
    }

    body .home .digital .card-links__info .btn {
        width: 100%
    }

    body .home .digital .card-links__info .link {
        margin: auto
    }

    body .home .digital .card-icon.fila {
        height: 100%
    }

    body .home .productos {
        padding: var(--spacing08) 0
    }

    body .home .productos .custom-container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    body .home .productos .title-underline {
        margin-bottom: var(--spacing06);
        color: #081754;
    }

    body .home .productos--tarjeta {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    body .home .productos--slider {
        padding: 0 calc(var(--bs-gutter-x) * .5)
    }

    body .home .productos--slider .swiper {
        overflow: initial
    }

    body .home .productos--slider .swiper-wrapper {
        flex-direction: column;
        row-gap: var(--spacing04);
        margin-bottom: 0
    }

    body .home .productos--slider .swiper-slide {
        flex: 1 1 auto;
        margin: 0 !important;
        padding: 0 !important
    }

    body .home .productos--slider .swiper-pagination {
        display: none
    }

    body .home .campanas {
        padding: var(--spacing08) 0
    }

    body .home .campanas .nav-tabs {
        margin: var(--spacing06) auto;
        padding-right: 64px;
        padding-left: 64px
    }

    body .home .campanas .swiper-slide {
        width: 318px;
        padding: 0 !important
    }

    body .home .blog--wrapper {
        border-radius: var(--radius-xl) 0 96px 0
    }

    body .home .blog .swiper-slide:first-child {
        padding-left: 48px
    }

    body .home .seguridad .row {
        align-items: center
    }

    body .home .dudas {
        padding: var(--spacing08) 0
    }
}

@media (min-width: 1280px) {
    body .home .accesos {
        border-bottom: 0
    }

    body .home .accesos .custom-container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    body .home .accesos .title-underline {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: var(--spacing06);
        font-size: 2.25rem;
        line-height: 2.3275rem
    }

    body .home .accesos .swiper-wrapper {
        justify-content: center;
        column-gap: var(--spacing03)
    }

    body .home .accesos .swiper-slide {
        flex: 0 0 202px;
        margin: 0 !important
    }

    body .home .accesos .card-icon {
        border-radius: 16px;
        transition: .3s ease-in-out;
        box-shadow: 0px 4px 24px 0px rgba(25, 75, 123, 0.12);
    }
}

@media (min-width: 1280px) and (hover: hover) {
    body .home .accesos .card-icon:hover {
        background: #C9C9C9
    }
}

@media (min-width: 1280px) {
    body .home .accesos .card-icon picture {
        width: 38;
        height: 38
    }

    body .home .accesos .card-icon picture img {
        width: 100%
    }

    body .home .digital {
        padding: 0;
        position: relative;
        background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 100%)
    }

    body .home .digital--card-app {
        display: none
    }

    body .home .digital--imagen--app {
        position: relative;
        left: -96px;
        width: 50vw;
        max-width: 960px;
        display: grid;
        row-gap: 200px;
        border-radius: 0 320px 320px 0;
        padding: var(--spacing09) 0 var(--spacing09) 96px
    }

    .digital--imagen--app {
        position: relative;
        left: -96px;
        width: 50vw;
        max-width: 960px;
        display: grid;
        row-gap: 200px;
        border-radius: 0 320px 80px 0;
        background: #05297A;
        padding: var(--spacing09) 0 var(--spacing09) 96px
    }

    body .home .digital--imagen--app .title-underline {
        font-size: 2.25rem;
        line-height: 2.75rem;
        color: var(--color-blanco);
        text-align: left;
        place-items: flex-start;
        width: 60%;
        max-width: 520px;
        padding-right: 15px;
    }

    body .home .digital--imagen--mockup {
        position: absolute;
        right: calc(-205px + 800 * (100vw - 1280px) / 1920);
        padding-top: 30px;
        width: 575px;
        top: 70px;
        display: block
    }

    body .home .digital--imagen--qr {
        display: grid;
        row-gap: var(--spacing03)
    }

    body .home .digital--imagen--qr picture {
        display: grid;
        width: 198px;
        place-content: center;
        border-radius: 32px;
        padding: var(--spacing04);
        background: var(--color-blanco);
        aspect-ratio: 1/1
    }

    body .home .digital--imagen--qr picture img {
        height: 100%;
        width: 100%
    }

    body .home .digital--imagen--qr figcaption {
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--color-blanco);
        font-family: "Poppins-SemiBold"
    }

    body .home .digital--imagen .card {
        display: none
    }

    body .home .digital--cards {
        place-content: center
    }

    body .home .digital--cards #link-card-uno {
        display: block
    }

    body .home .digital--cards .card-links__info>a {
        margin: auto
    }

    body .home .digital--cards .card-icon.fila {
        width: 346px
    }

    body .home .digital--cards .card-icon.fila .contenido h5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: #081754;
    }

    body .home .digital--cards .card-icon.fila .contenido p {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #4A4A4A;
    }

    body .home .digital h6 {
        position: absolute;
        bottom: var(--spacing06);
        margin-left: 48%;
        margin-left: calc(605px + .46875*(100vw - 1280px));
        width: min(100%, 385px)
    }

    body .home .productos {
        padding: var(--spacing09) 0 0;
    }

    body .home .productos .title-underline {
        margin-bottom: 0
    }

    body .home .productos--tarjeta {
        padding-top: var(--spacing08)
    }

    body .home .productos--tarjeta--card {
        border-radius: 16px 16px 16px;
        transition: .3s ease-in-out
    }

    body .home .productos--tarjeta--card figure picture {
        height: 232px
    }

    body .home .productos--tarjeta--card figure picture img {
        height: 100%;
        object-fit: cover
    }

    body .home .productos--tarjeta--card .img-logo-float {
        top: var(--spacing03);
        bottom: auto;
        right: var(--spacing03);
        left: auto
    }

    body .home .productos--tarjeta--card picture img {
        transition: .3s ease-in-out
    }
}

@media (min-width: 1280px) and (hover: hover) {
    body .home .productos--tarjeta--card:hover {
        box-shadow: var(--shadow-hover)
    }

    body .home .productos--tarjeta--card:hover picture img {
        transform: scale(1.1)
    }
}

@media (min-width: 1280px) {
    body .home .productos--tarjeta--card h3 {
        font-size: 1.5rem;
        line-height: 2rem
    }

    body .home .productos--slider {
        padding: var(--spacing08) calc(var(--bs-gutter-x) * .5) var(--spacing09) 24px
    }

    body .home .productos--slider .swiper {
        height: 100%
    }

    body .home .productos--slider .swiper-wrapper {
        display: flex;
        flex-flow: row wrap;
        gap: var(--spacing04)
    }

    body .home .productos--slider .swiper-slide {
        flex: 1 1 47%;
        height: 180px;
        padding: var(--spacing02) !important
    }

    body .home .productos--slider .swiper-slide .card-icon {
        height: 100%
    }

    body .home .productos--slider .swiper-slide .card-icon picture {
        width: 54px;
        height: 54px;
        flex: 0 0 54px
    }

    body .home .productos--slider .swiper-slide .card-icon .contenido h5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: #081754;
    }

    body .home .productos--slider .swiper-slide .card-icon .contenido p {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #4A4A4A;
    }

    body .home .productos[data-slide="2"] {
        padding-bottom: var(--spacing09)
    }

    body .home .productos[data-slide="2"] .productos--slider {
        padding-bottom: 0
    }

    body .home .productos[data-slide="2"] .swiper-slide {
        height: 100%
    }

    body .home .productos[data-slide="2"] .swiper-slide .card {
        flex-direction: column;
        align-items: flex-start
    }

    body .home .productos[data-slide="3"] .swiper-slide:first-child {
        flex-basis: 100%;
        padding: 0 8px !important
    }

    body .home .campanas {
        padding: var(--spacing10) 0
    }

    body .home .campanas .container-slide {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    body .home .campanas .nav-tabs {
        padding-right: 0;
        padding-left: 0
    }

    body .home .campanas .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        padding-bottom: var(--spacing03)
    }

    body .home .campanas .swiper-slide {
        margin: initial !important;
        padding: var(--spacing02) !important
    }

    body .home .campanas .swiper-slide:not(.slide-principal) {
        width: 100%;
        grid-column: 2/3;
        padding-right: 0
    }

    body .home .campanas .swiper-slide:not(.slide-principal) .card-simple {
        flex-direction: row-reverse;
        align-items: center;
        column-gap: var(--spacing03)
    }

    body .home .campanas .swiper-slide:not(.slide-principal) .card-simple__info {
        flex: 1 1 55%;
        padding: 0 0 0 var(--spacing05)
    }

    body .home .campanas .swiper-slide:not(.slide-principal) .card-simple picture {
        width: 238px;
        height: 245px
    }

    body .home .campanas .swiper-slide:not(.slide-principal) .card-simple .card-imagen-float {
        width: 140px;
        height: 88px;
        left: -16px;
        bottom: var(--spacing03)
    }

    body .home .campanas .swiper .slide-principal {
        grid-column: 1/2;
        grid-row: 1/3;
        width: auto;
        padding-left: 0 !important
    }

    body .home .campanas .swiper .slide-principal {
        border-radius: 24px 24px 80px;
        overflow: hidden
    }

    .card-simple {
        border-radius: 16 16 80px;
        overflow: hidden
    }

    body .home .campanas .swiper .slide-principal .card-simple .card-imagen-float {
        right: var(--spacing03);
        left: auto;
        width: 200px
    }

    body .home .campanas .swiper .slide-principal .card-simple picture {
        height: 308px
    }

    body .home .campanas .swiper .slide-principal .card-simple picture img {
        object-position: top center
    }

    body .home .campanas .swiper .swiper-pagination {
        display: none
    }

    body .home .campanas #campanas-tab-pane .swiper-slide:not(.slide-principal):nth-child(odd) .card-simple {
        flex-direction: row;
        border-radius: 16px;
    }

    body .home .campanas #campanas-tab-pane .swiper-slide:not(.slide-principal):nth-child(odd) .card-simple .card-imagen-float {
        right: -16px;
        left: auto
    }

    body .home .blog--wrapper {
        padding: var(--spacing10) 0 var(--spacing09)
    }

    body .home .blog .custom-container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    body .home .blog--wrapper {
        border-radius: var(--radius-2xl) 0 360px 0
    }

    body .home .blog .swiper-wrapper {
        column-gap: var(--spacing04)
    }

    body .home .blog .swiper-slide {
        width: 33.33% !important;
        padding: 0 var(--spacing04) !important
    }

    body .home .blog .swiper-slide:first-child {
        padding-left: 0
    }

    body .home .seguridad {
        border-radius: 0
    }

    body .home .seguridad--title {
        display: flex;
        column-gap: var(--spacing03);
        padding-left: var(--spacing02)
    }

    body .home .seguridad--title:before {
        content: "";
        display: block;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: url(../img/Efectivo_Protegido_b.svg) no-repeat center var(--color-azul300);
        padding: var(--spacing02);
        flex: 0 0 auto
    }

    body .home .seguridad--title .title-underline {
        font-size: 1.75rem;
        line-height: 2.3275rem;
        font-family: "Poppins-Semibold";
    }

    body .home .seguridad .col-texto-seg {
        padding-left: var(--spacing06)
    }

    body .home .seguridad figure picture {
        border-radius: 16px
    }

    body .home .seguridad .link-icon {
        padding-left: 82px
    }

    body .home .seguridad .img-logo-float {
        bottom: auto;
        width: 146px;
        height: 94px;
        top: var(--spacing04);
        right: -24px
    }

    body .home .dudas {
        padding: var(--spacing10) 0
    }

    body .home .dudas .container-slide {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    body .home .dudas .title-underline {
        text-align: left;
        place-items: flex-start
    }

    body .home .dudas .swiper {
        padding-top: var(--spacing08)
    }

    body .home .dudas .swiper-wrapper {
        display: grid;
        grid-template-rows: repeat(2, 1fr);
        gap: var(--spacing04);
        padding-top: 0px;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-left: 5px;
    }

    body .home .dudas .swiper-slide {
        width: 100%;
        grid-column: 1/3;
        padding: 0 !important;
        margin: initial !important
    }

    body .home .dudas .swiper-slide .card {
        flex-direction: row-reverse;
        align-items: center;
        column-gap: var(--spacing02);
        padding: 0 var(--spacing05)
    }

    body .home .dudas .swiper-slide .card figure {
        flex: 1 0 230px
    }

    body .home .dudas .swiper-slide .card figure picture {
        padding: 0;
        aspect-ratio: initial;
        max-width: 240px;
        border-radius: 0
    }

    body .home .dudas .swiper-slide .card figure picture img {
        transform: none !important
    }

    body .home .dudas .swiper-slide .card .card-simple__info {
        padding: var(--spacing05) 0
    }

    body .home .dudas .swiper-slide:nth-child(2) figure {
        align-self: flex-end
    }

    body .home .dudas .swiper-slide:last-child {
        grid-row: 1/3;
        grid-column: 3/4;
        max-width: 322px;
        padding-right: 0
    }

    body .home .dudas .swiper-slide:last-child .card {
        flex-direction: column;
        justify-content: center;
        row-gap: var(--spacing04);
        padding: var(--spacing04) var(--spacing05)
    }

    body .home .dudas .swiper-slide:last-child .card figure {
        flex: 0 0 auto
    }

    body .home .dudas .swiper-slide:last-child .card .card-simple__info {
        padding: 0
    }

    body .home .dudas .swiper .swiper-pagination {
        display: none
    }

    body .home .dudas .link-icon {
        margin-top: var(--spacing06)
    }

    body .home .seo {
        padding-bottom: var(--spacing10)
    }

    body .home .seo .row {
        align-items: flex-start
    }
}

@media (min-width: 1440px) {
    body .home .digital {
        background: linear-gradient(to right, #05297A 10%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%)
    }

    body .home .digital--imagen--mockup {
        right: calc(60px + 0*(100vw - 1920px))
    }

    body .home .digital h6 {
        margin-left: calc(905px + 1300 * (100vw - 1920px) / 2560)
    }
}

.section-hero {
    padding: 1rem 0;
    border-radius: 0px 0px 2.5rem 2.5rem;
    background: var(--color-azul-3, #f1f4fa)
}

.section-hero--bonificacion {
    margin: 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    color: var(--color-gris-1);
    font-size: 1.125rem;
    line-height: 1.75rem
}

.section-hero--bonificacion--color {
    color: var(--color-azul-2)
}

.section-hero--bonificacion .badge--image {
    background: var(--color-amarillo);
    border-radius: 2.5rem;
    padding: .75rem;
    width: 56px;
    height: 56px
}

.section-hero--bonificacion .badge--image2 {
    display: none
}

.section-hero-secundario {
    background: var(--color-blanco)
}

.hero {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--color-gradienteaur);
    position: relative
}

.hero--info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 1rem;
    order: 2
}

.hero--info .title-underline {
    text-align: left;
    place-items: flex-start
}

.hero--fondo {
    border-radius: 16px;
    overflow: hidden;
    display: block
}

.hero--img {
    position: relative;
    order: 1
}

.hero--badge {
    position: absolute;
    left: 12px;
    bottom: -20px
}

.hero--badge img {
    width: 20px
}

.hero--badge p.badge-title {
    font-size: 14px;
    line-height: 14px
}

.hero a {
    text-decoration: none
}

.hero .title-underline {
    font-size: 2.25rem;
    line-height: 2.75rem;
    color: var(--color-blanco)
}

.hero p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--color-blanco);
    font-family: "Poppins-SemiBold";
}

.hero strong {
    font-family: var(--font-family-primary-book)
}

.section-hero-home .swiper-slide {
    height: auto
}

.section-hero-home .swiper-pagination {
    bottom: var(--spacing05) !important
}

.section-hero-home .swiper-pagination-bullet {
    background: var(--color-blanco);
    width: 10px;
    height: 10px;
    margin: 0 6px !important
}

.section-hero-home .swiper [class*=swiper-button-] {
    display: none
}

.hero-full {
    height: 100%
}

.hero-full.azul300 {
    background: var(--color-azul300)
}

.hero-full.azul500 {
    background: var(--color-azul500)
}

.hero-full.azul600 {
    background: var(--color-azul600)
}

.hero-full.pencil {
    background: var(--color-pencil)
}

.hero-full .custom-container {
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing06);
    height: 100%
}

.hero-full .hero--info {
    padding: 0 calc(var(--bs-gutter-x) * .5) var(--spacing09);
    height: 100%;
    row-gap: var(--spacing04)
}

.hero-full .hero--fondo {
    border-radius: 0 0 var(--radius-xl) var(--radius-xl)
}

.hero-full .hero__logo {
    position: absolute;
    bottom: -24px;
    left: var(--spacing04);
    width: 140px;
    height: 88px;
    background: var(--color-blanco);
    border-radius: var(--radius-sm);
    overflow: hidden;
    z-index: 1
}

.hero-full .hero__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-secundario {
    background: var(--color-blanco);
    padding: var(--spacing06) 0
}

.hero-secundario h1 {
    color: var(--color-azul300)
}

.hero-secundario h2,
.hero-secundario p {
    color: var(--color-pencil)
}

.hero-secundario .hero--producto {
    position: absolute;
    top: 40px;
    width: 145px;
    background: var(--color-gradienteaur);
    padding: 14px 16px;
    border-radius: 16px;
    overflow: hidden
}

.hero-secundario .hero--producto h2 {
    font-size: 1.75rem;
    line-height: 2.3275rem;
    margin-top: 4px
}

.hero-secundario .hero--producto h2 span {
    display: block;
    font-size: .875rem;
    line-height: 1rem
}

.hero-secundario.small h1 {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.hero-secundario.small h2 {
    font-family: var(--font-family-primary-bold);
    font-size: 2.25rem;
    line-height: 2.75rem
}

.hero-secundario.small p {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.hero-secundario.large {
    row-gap: var(--spacing05);
    padding-bottom: var(--spacing04)
}

.hero-secundario.large h1 {
    font-size: 2.5rem;
    line-height: 3rem
}

.hero-secundario.large h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: var(--font-family-primary-book)
}

@media (min-width: 768px) {
    .section-hero {
        padding: 2rem 0
    }

    .hero {
        padding: 32px;
        display: flex;
        flex-flow: row;
        gap: 16px 0;
        justify-content: space-between;
        align-items: center
    }

    .hero--info {
        flex: 1 1 50%;
        order: 1
    }

    .hero--img {
        order: 2;
        flex: 0 1 45%;
        margin-bottom: 0;
        height: 100%
    }

    .hero--img img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .hero button {
        margin-bottom: 0
    }

    .hero-secundario {
        padding: var(--spacing07) 0 !important
    }

    .section-hero-home .swiper-pagination {
        text-align: left;
        left: var(--spacing08) !important
    }

    .hero-full {
        padding: 0
    }

    .hero-full .custom-container {
        flex-direction: row
    }

    .hero-full .hero--info {
        padding: var(--spacing07) var(--spacing04) var(--spacing10) calc(var(--bs-gutter-x) * .5)
    }

    .hero-full .hero--fondo {
        border-radius: var(--radius-xl) 0 0 var(--radius-xl);
        height: 100%
    }

    .hero-full .hero__logo {
        bottom: var(--spacing06);
        left: -24px;
        width: 180px;
        height: 115px
    }
}

@media (min-width: 1280px) {
    .hero {
        padding: 0
    }

    .hero .custom-container {
        max-width: none;
        justify-content: space-between;
        column-gap: 112px;
        padding-left: 160px
    }

    .hero--info {
        row-gap: 24px;
        padding: var(--spacing04)
    }

    .hero--info a {
        width: max-content
    }

    .hero .title-underline {
        font-size: 4rem;
        line-height: 4.5rem
    }

    .hero p {
        font-size: 2.25rem;
        line-height: 2.75rem
    }

    .hero--fondo img {
        object-fit: cover;
        object-position: center
    }

    .hero--img--tdc {
        width: 14.9375rem;
        height: 9.375rem;
        position: absolute;
        left: -4.375rem;
        top: 2.5rem
    }

    .hero--badge {
        left: -4.375rem
    }

    .hero--badge img {
        width: auto;
        max-width: 32px
    }

    .hero--badge .badge h6,
    .hero-secundario.small h1 {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .hero-secundario.small h2 {
        font-size: 3.5rem;
        line-height: 4rem
    }

    .hero-secundario.small p {
        font-size: 1.75rem;
        line-height: 2.3275rem
    }

    .hero-secundario.large h1 {
        font-size: 4rem;
        line-height: 4.5rem
    }

    .hero-secundario.large h2 {
        font-size: 1.75rem;
        line-height: 2.3275rem
    }

    .hero-secundario img {
        aspect-ratio: auto
    }

    .section-hero-home .swiper-pagination {
        text-align: center;
        left: auto !important
    }

    .section-hero-home .swiper-navigation {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        height: max-content;
        margin: auto;
        justify-content: space-between
    }

    .section-hero-home .swiper [class*=swiper-button-] {
        position: relative;
        margin: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        place-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--color-blanco)
    }

    .section-hero-home .swiper [class*=swiper-button-]:after {
        font-size: x-large;
        color: var(--color-azul300)
    }

    .section-hero-home .swiper [class*=swiper-button-].swiper-button-prev {
        transform: translate(-64px)
    }

    .section-hero-home .swiper [class*=swiper-button-].swiper-button-next {
        transform: translate(64px)
    }

    .hero-full .hero--info {
        justify-content: center;
        flex: 0 1 auto;
        padding: 0
    }

    .hero-full .hero--info .title-underline {
        font-size: 3.5rem;
        line-height: 4rem
    }

    .hero-full .hero--info p {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .hero-full .hero--img {
        flex: 0 0 480px
    }

    .hero-full .hero--fondo {
        height: 480px;
        background: linear-gradient(to right, rgba(255, 0, 132, 0) 0%, rgba(0, 0, 0, 0) 100%)
    }

    .hero-full .hero--fondo img {
        -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) 1.25%, rgb(0, 0, 0) 36.99%);
        mask-image: linear-gradient(270deg, rgb(0, 0, 0) 1.25%, rgb(0, 0, 0) 36.99%)
    }

    .hero-full .hero__logo {
        bottom: var(--spacing05);
        width: 239px;
        height: 150px
    }
}

@media (min-width: 1440px) {
    .home .hero .custom-container {
        padding-left: calc(160px + 850 * (100vw - 1440px) / 1920)
    }

    .home .hero-full .hero--img {
        flex: 0 0 calc(600px + 1070 * (100vw - 1440px) / 1920);
        max-width: 850px
    }

    .home .hero-full .hero--fondo img {
        height: 100%
    }

    .home .section-hero-home .swiper .swiper-button-prev {
        transform: translate(calc(-64px - 260 * (100vw - 1440px) / 1920))
    }

    .home .section-hero-home .swiper .swiper-button-next {
        transform: translate(calc(64px - 260 * (100vw - 1440px) / 1920))
    }
}

.swiper {
    z-index: 0 !important
}

.swiper:not(.swiper-hero, .swiper-accesos) .swiper-wrapper {
    margin-bottom: var(--spacing04)
}

.swiper:not(.swiper-hero, .swiper-accesos) .swiper-pagination {
    position: relative
}

.swiper:not(.swiper-hero, .swiper-accesos) .swiper-pagination-bullet {
    background: var(--color-azul300)
}

@media (min-width: 1280px) {
    .swiper:not(.swiper-hero, .swiper-accesos) .swiper-slide:has(.card) {
        padding: var(--spacing02)
    }
}

.card {
    display: flex;
    padding: var(--spacing04);
    row-gap: 12px;
    border-radius: var(--radius-sm);
    background: var(--color-blanco);
    box-shadow: var(--color-shadow-default)
}

.card-promo {
    background: var(--color-azul100);
    border-radius: 24px;
    position: relative;
    display: flex;
    flex-direction: column
}

.card-promo .badge {
    position: absolute;
    left: 24px;
    top: -12px
}

.card-promo__info {
    padding: 32px 1.5rem 1.5rem;
    flex: 1 1 auto
}

.card-promo__info h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0
}

.card-promo__info p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
    font-family: var(--font-family-secondary-regular)
}

.card-promo__info .link {
    color: var(--color-azul400);
    margin-top: 1rem;
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration: underline
}

.card-promo__image {
    border-radius: 24px;
    overflow: hidden
}

.card-promo__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 180/105;
    transform-origin: right bottom;
    transition: .3s ease-in-out all
}

@media (hover: hover) {
    .card-promo:hover .card-promo__image img {
        transform: scale(1.1)
    }
}

.card-icon {
    border-radius: var(--radius-lg);
    box-shadow: var(--color-shadow-default)
}

.card-icon.card-icon-active {
    background-color: var(--color-azul400);
    color: var(--color-blanco)
}

.card-icon.card-icon-active picture {
    background: var(--color-blanco)
}

.card-icon.card-icon-active picture img {
    filter: invert(37%) sepia(93%) saturate(7087%) hue-rotate(190deg) brightness(97%) contrast(102%)
}

.card-icon.left {
    align-items: flex-start;
    flex-direction: row;
    column-gap: var(--spacing03);
    padding: var(--spacing04);
    border-radius: var(--radius-lg)
}

.card-icon.left picture {
    width: 44px;
    height: 44px;
    padding: 8px;
    flex: 0 0 auto;
    background: var(--color-azul-claro)
}

.card-icon.left h5 {
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-family: var(--font-family-primary-book)
}

.card-icon.left h5 strong {
    font-family: var(--font-family-primary-bold)
}

.card-icon.columna {
    flex-direction: column;
    row-gap: var(--spacing03)
}

.card-icon.fila {
    flex-direction: row;
    column-gap: var(--spacing03);
    align-items: center;
    transition: .3s ease-in-out
}

.card-icon.fila picture {
    width: 48px;
    height: 48px;
    flex: 0 0 48px
}

@media (hover: hover) {
    .card-icon.fila:hover {
        box-shadow: var(--shadow-hover)
    }
}

.card-icon picture {
    width: 48px;
    height: 48px;
    background: #DEDEDE;
    border-radius: 50%;
    display: grid;
    place-items: center
}

.card-icon>h5 {
    text-align: center;
    font-family: var(--font-family-primary-bold);
    font-size: 1.125rem;
    line-height: 1.75rem
}

.card-icon .contenido {
    display: grid;
    row-gap: var(--spacing02)
}

.card-icon .contenido ul {
    padding-left: 20px;
    margin-bottom: 0
}

.card-icon .contenido ul li::marker {
    font-size: x-large
}

.card-icon .contenido h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Poppins-SemiBold"
}

.card-icon .contenido p {
    font-size: .875rem;
    line-height: 1rem;
    font-family: var(--font-family-secondary-regular);
    margin-bottom: var(--spacing02)
}

.card-icon .contenido p a {
    color: var(--color-azul300);
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5rem
}

.card-icon .contenido p strong {
    font-family: var(--font-family-secondary-bold);
    font-weight: 400;
    color: #4A4A4A;
}

.card-icon .contenido sup {
    font-size: .75rem;
    line-height: 1rem
}

.card-valoracion {
    flex-direction: column;
    align-items: center;
    row-gap: var(--spacing03)
}

.card-valoracion h5 {
    color: var(--color-azul300)
}

.card-valoracion p {
    text-align: center;
    font-family: var(--font-family-secondary-regular)
}

.card-valoracion--stars {
    display: flex;
    align-items: center;
    column-gap: var(--spacing02);
    margin-top: var(--spacing02)
}

.card-links {
    padding: var(--spacing04);
    border-radius: var(--radius-lg);
    box-shadow: var(--color-shadow-default);
    flex-direction: column
}

.card-links picture {
    display: block;
    aspect-ratio: 9/5;
    border-radius: var(--radius-md);
    overflow: hidden;
    margin-bottom: var(--spacing03)
}

.card-links picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.card-links h4 {
    font-size: 1rem;
    line-height: 1.5rem
}

.card-links p {
    font-size: .875rem;
    line-height: 1rem;
    font-family: var(--font-family-secondary-regular)
}

.card-links__info {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing02)
}

.card-links__info .btn {
    margin: var(--spacing02) 0
}

.card-links__info .link {
    margin: auto
}

.card-simple {
    flex-direction: column;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0px 4px 24px 0px rgba(25, 75, 123, 0.12);
    overflow: hidden
}

.card-simple figure {
    position: relative
}

.card-simple .card-imagen-float {
    position: absolute;
    left: var(--spacing03);
    bottom: -16px;
    width: 128px;
    aspect-ratio: 11/7;
    border-radius: var(--spacing02);
    overflow: hidden;
    object-fit: contain;
    z-index: 1
}

.card-simple picture {
    display: block;
    border-radius: 16px;
    overflow: hidden
}

.card-simple picture img {
    height: 100%;
    object-fit: cover
}

.card-simple__info {
    padding: var(--spacing03) var(--spacing04) var(--spacing04);
    display: grid;
    row-gap: var(--spacing02);
    font-family: "Poppins-Semibold"
}

.card-simple__info h4 {
    color: #081754;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: "Poppins-SemiBold"
}

card card-simple principal .card-simple__info p {
    color: #ffffff
}

.card-simple__info p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.card-simple__info h6 {
    margin-top: var(--spacing01);
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 100;
    color: var(--color-gris500)
}

.card-simple.principal {
    background: var(--color-azul300);
    border-radius: 16px 16px 80px;
}

.card-simple.principal .card-simple__info {
    color: var(--color-blanco)
}

.card-simple.principal .card-simple__info h6 {
    color: inherit
}

.card-simple.principal .card-simple__info h4 {
    color: #fff;
}

.card-min {
    flex-direction: column;
    padding: 0 var(--spacing03);
    background: transparent;
    box-shadow: none
}

.card-min picture {
    width: 130px;
    height: 130px;
    border-radius: var(--radius-xl);
    overflow: hidden
}

.card-min picture img {
    width: 100%;
    height: 100%
}

.card-min__info {
    color: var(--color-blanco)
}

.card-min__info h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-family: var(--font-family-primary-bold);
    margin-bottom: var(--spacing03)
}

.card-min__info p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-secondary-regular);
    margin-bottom: var(--spacing02)
}

.card-min__info .link {
    color: var(--color-amarillo200);
    font-family: var(--font-family-secondary-regular)
}

@media (min-width: 768px) {
    .card-icon.fila {
        padding: var(--spacing03)
    }
}

@media (min-width: 1280px) {
    .card-promo__info {
        padding-top: 44px;
        display: flex;
        flex-flow: row wrap;
        column-gap: 24px
    }

    .card-promo__info h5 {
        flex: 1 1 100%
    }

    .card-promo__info p {
        flex: 1 1 70%
    }

    .card-promo__info a {
        flex: 0 1 auto;
        text-align: right;
        margin: 0;
        align-self: flex-end
    }

    .card-icon {
        padding: 24px
    }

    .card-icon.fila {
        padding: var(--spacing04)
    }

    .card-icon.left h5 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .card-icon .contenido {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .card-icon .contenido p {
        font-family: var(--font-family-primary-book);
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .card-min {
        padding: 0;
        row-gap: var(--spacing06)
    }

    .card-min h4 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .card-simple {
        transition: .3s ease-in-out
    }

    .card-simple picture {
        border-radius: 16px 16px 0px 0px
    }

    .card-simple picture img {
        transition: .3s ease-in-out;
        transform-origin: top
    }
}

@media (min-width: 1280px) and (hover: hover) {
    .card-simple:hover {
        box-shadow: var(--shadow-hover)
    }

    .card-simple:hover picture img {
        transform: scale(1.1)
    }
}

.input__group {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing01);
    font-family: var(--font-family-secondary-regular)
}

.input__group label {
    font-size: 1rem;
    line-height: 1.5rem
}

.input__group input {
    height: 48px;
    padding: 12px var(--spacing03);
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-gris300)
}

.input__group input::placeholder {
    color: var(--color-gris300)
}

.input__group .error-input {
    font-size: .875rem;
    line-height: 1rem;
    color: var(--color-error400);
    display: none;
    align-items: center;
    column-gap: 10px
}

.input__group .error-input:before {
    content: "";
    font-family: icomoon !important;
    color: var(--color-blanco);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: grid;
    place-content: center;
    font-size: 10px;
    background: var(--color-error400)
}

.modal .btn-close {
    width: 40px;
    height: 40px;
    background: var(--color-azul300);
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: none;
    justify-self: flex-end;
    display: grid;
    place-content: center
}

.modal .btn-close:before {
    color: var(--color-blanco)
}

.modal-dialog {
    pointer-events: initial
}

.modal-body {
    background: var(--color-blanco);
    padding: 12px 24px 32px;
    border-radius: 24px;
    display: grid;
    row-gap: 16px;
    margin: 0 16px
}

.modal-body h1 {
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-azul300);
    font-family: var(--font-family-primary-bold)
}

.modal-body p {
    font-size: 1rem;
    line-height: 1.5rem
}

.modal-body a {
    text-decoration: none
}

.modal-body #btn-salida {
    width: max-content
}

.modal-body button {
    margin-top: 16px
}

.modal#modal-avisos h2 {
    color: var(--color-azul300);
    font-family: "Poppins-SemiBold"
}

.modal-full .btn-close {
    background: none;
    align-self: flex-end;
    width: 36px;
    height: 36px;
    padding: 0;
    font-size: 24px
}

.modal-full .modal-dialog {
    margin: 0
}

.modal-full .modal-body {
    border-radius: 0;
    margin: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: var(--spacing04);
    font-family: var(--font-family-secondary-regular)
}

.modal-full .modal-body h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--color-pencill);
    margin-bottom: var(--spacing06)
}

.modal-full .modal-body form {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing04)
}

.modal-full .modal-body .link {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-azul300);
    text-decoration: underline;
    font-family: var(--font-family-secondary-bold)
}

.modal-full .modal-body .btn {
    margin: var(--spacing04) auto var(--spacing03)
}

.modal-full .modal-body .text-registro {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 768px) {
    .modal-dialog {
        width: min(50%, 532px);
        max-width: 532px
    }

    .modal-body {
        padding: 24px
    }

    .modal-body .btn-close {
        margin-top: 0
    }

    .modal-body h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .modal-body p {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .modal-body .link-btn {
        justify-self: flex-end
    }
}

@media (min-width: 1280px) {
    .modal-body {
        margin: auto
    }

    .modal-body h2 {
        font-size: 1.75rem;
        line-height: 2.3275rem
    }

    .modal-body p {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .modal-salida .btn.secundario-icon:after {
        display: none
    }

    .modal-salida .btn-salida {
        width: max-content
    }
}

.monetizacion {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #F3F3F3;
    padding: var(--spacing04);
    border-radius: var(--radius-md);
    row-gap: var(--spacing03);
    margin-bottom: var(--spacing03);
    border: 1px solid #F3F3F3
}

.monetizacion picture {
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
    border-radius: var(--radius-lg)
}

.monetizacion picture img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.monetizacion--info {
    display: grid;
    row-gap: var(--spacing02)
}

.monetizacion--info h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-family: "Poppins-Semibold"
}

.monetizacion--info p {
    font-size: 1rem;
    line-height: 1.5rem
}

.monetizacion--info .link-monetizacion {
    color: var(--color-azul300);
    font-family: "Poppins-Semibold";
    text-align: center;
    width: max-content;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin: var(--spacing03) auto auto;
    column-gap: var(--spacing03)
}

.monetizacion--info .link-monetizacion span {
    text-decoration-line: underline
}

.monetizacion--info .link-monetizacion:after {
    content: "";
    font-family: icomoon !important;
    text-decoration: none
}

@media (min-width: 768px) {
    .monetizacion {
        flex-direction: row-reverse;
        margin-bottom: var(--spacing02);
        column-gap: var(--spacing04);
        margin: var(--spacing03) 0
    }

    .monetizacion--info {
        display: grid;
        row-gap: var(--spacing02);
        flex: 1 1 50%
    }

    .monetizacion--info h4 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .monetizacion--info p {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: var(--spacing03)
    }

    .monetizacion--info .link-monetizacion {
        margin: var(--spacing03) 0 0
    }

    .monetizacion picture {
        aspect-ratio: initial;
        flex: 1 1 50%;
        max-width: 400px
    }

    .monetizacion picture img {
        object-fit: contain
    }
}

@media (min-width: 1280px) {
    .monetizacion {
        max-width: 594px;
        border: none
    }

    .monetizacion--info {
        flex: initial;
        width: 300px
    }

    .monetizacion--info h4 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .monetizacion picture {
        flex: 0 1 auto
    }

    .monetizacion .link-monetizacion {
        margin-top: 0
    }
}

.nav-tabs {
    justify-content: center;
    column-gap: var(--spacing03)
}

.nav-tabs .nav-link {
    border-radius: 100px;
    color: #081754;
    padding: var(--spacing02) var(--spacing03);
    background: #fff;
    border: 1px solid #05297A;
    font-weight: 600;
    font-family: var(--font-family-secondary-regular)
}

.nav-tabs .nav-link:hover {
    border-radius: 100px;
    color: #fff;
    padding: var(--spacing02) var(--spacing03);
    background: #1C42E8;
    border: 1px solid #05297A;
    font-weight: 600;
    font-family: var(--font-family-secondary-regular)
}

.nav-tabs .nav-link.active {
    background: #1C42E8;
    color: var(--color-blanco)
}

.nav-tabs .nav-link.active:hover {
    background: var(--color-blanco);
    color: #081754
}

.widget-sticky {
    cursor: pointer;
    position: relative
}

.widget-sticky.open {
    z-index: 9999
}

.widget-sticky.open.hide-opacity {
    animation: show forwards .3s ease-in-out
}

.widget-sticky.show-opacity .widget-sticky--wrapper {
    animation: show forwards .3s ease-in-out;
    z-index: 9
}

.widget-sticky--wrapper {
    position: fixed;
    bottom: var(--spacing04);
    right: 0;
    display: flex;
    align-items: center;
    column-gap: var(--spacing02);
    padding: 12px var(--spacing03);
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
    background: var(--color-azul300);
    z-index: 99
}

.widget-sticky--wrapper picture {
    flex: 1 0 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--Main-Colors-Amarillo-300, #ffdd35);
    display: grid;
    place-content: center;
    font-size: 24px;
    line-height: 0
}

.widget-sticky--wrapper h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--font-family-primary-bold);
    color: var(--color-blanco)
}

.widget-sticky--pop {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing05);
    padding: var(--spacing08) var(--spacing04) var(--spacing05);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background: linear-gradient(to bottom, rgb(0, 111, 185) 0%, rgb(0, 111, 185) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%)
}

.widget-sticky--pop--title {
    display: flex;
    align-items: center;
    column-gap: var(--spacing02)
}

.widget-sticky--pop--title picture {
    flex: 0 0 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--Main-Colors-Amarillo-300, #ffdd35);
    display: grid;
    place-content: center;
    font-size: 30px;
    line-height: 0
}

.widget-sticky--pop--title picture img {
    width: 34px
}

.widget-sticky--pop--title h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: var(--font-family-primary-bold);
    color: var(--color-blanco)
}

.widget-sticky--pop--imagen {
    border-radius: var(--radius-lg);
    overflow: hidden
}

.widget-sticky--pop h3 {
    font-size: 1.5rem;
    line-height: 2rem
}

.widget-sticky--pop h3 span {
    color: var(--color-azul300);
    font-family: var(--font-family-primary-bold)
}

.widget-sticky--pop h3 strong {
    font-family: var(--font-family-primary-bold);
    font-weight: 400
}

#modal-widget,
#modal-avisos {
    position: fixed;
    overflow: hidden;
    margin: 0;
    opacity: 0
}

#modal-widget .modal-dialog,
#modal-avisos .modal-dialog {
    margin: 0;
    transform: translateY(100%);
    align-self: flex-end;
    transition: .5s ease-in-out
}

#modal-widget.active,
#modal-avisos.active {
    display: flex !important;
    opacity: 1
}

#modal-widget.active .modal-dialog,
#modal-avisos.active .modal-dialog {
    transform: translate(0)
}

#modal-widget.hide,
#modal-avisos.hide {
    opacity: 1
}

#modal-widget.hide .modal-dialog,
#modal-avisos.hide .modal-dialog {
    transform: translateY(100%)
}

#modal-widget .btn-close,
#modal-avisos .btn-close {
    position: absolute;
    top: 12px;
    right: 12px
}

#modal-widget .btn-close:before,
#modal-avisos .btn-close:before {
    color: var(--color-blanco)
}

#modal-avisos .btn-close {
    display: grid;
    place-items: center;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 0
}

#modal-avisos.show {
    display: flex !important;
    opacity: 1
}

#modal-avisos.show .modal-dialog {
    transform: translate(0)
}

#modal-avisos .modal-body {
    margin: 0;
    padding: var(--spacing04) var(--spacing04) var(--spacing06)
}

#modal-avisos picture {
    border-radius: 8px;
    overflow: hidden
}

#modal-avisos p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-family: var(--font-family-primary-book);
}

@media (min-width: 768px) {
    .widget-sticky--pop {
        padding: var(--spacing10) var(--spacing06);
        border-radius: 0;
        height: 100%;
        background: linear-gradient(to bottom, rgb(0, 111, 185) 0%, rgb(0, 111, 185) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)
    }

    #modal-widget {
        justify-content: flex-end;
        cursor: auto
    }

    #modal-widget .btn-close {
        display: block
    }

    #modal-widget .modal-dialog {
        transform: translate(100%);
        align-self: auto;
        width: min(100%, 464px)
    }

    #modal-widget.active .modal-dialog {
        transform: translate(0)
    }

    #modal-widget.hide .modal-dialog {
        transform: translate(100%)
    }

    #modal-widget #boton-widget {
        width: max-content
    }

    #modal-avisos .modal-dialog {
        margin: auto;
        width: min(100%, 532px)
    }

    #modal-avisos .modal-dialog a {
        margin-left: auto
    }
}

@media (max-height: 600px) {
    #modal-widget {
        overflow-y: scroll
    }

    #modal-widget .modal-dialog {
        align-self: flex-start
    }
}

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: .75rem 2rem;
    border-radius: 1.5rem;
    border: 1px solid var(--color-blanco);
    font-size: 1rem;
    font-family: "Poppins-SemiBold";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: .3s ease-in-out all;
    position: relative
}

.btn.primario {
    background: var(--color-blanco);
    color: #05297A;
}

.btn.primario:hover {
    background: #C9C9C9
}

.btn.primario:disabled {
    background: var(--color-azul200)
}

.btn.secundario {
    background: #ffffff;
    color: #081754;
    border: 1px solid #ffffff
}

.btn.secundario:hover {
    background: #C9C9C9
}

.btn.secundario-icon {
    background: var(--color-blanco);
    color: var(--color-azul300);
    border: 1px solid var(--color-azul300);
    column-gap: 12px
}

.btn.terciario {
    background: #081754;
    color: #ffffff;
    border: 1px solid #081754
}

.btn.terciario:hover {
    background: #C9C9C9;
    color: #081754;
    border: 1px solid #C9C9C9
}

.btn.secundario-icon {
    background: var(--color-blanco);
    color: var(--color-azul300);
    border: 1px solid var(--color-azul300);
    column-gap: 12px
}

.btn.secundario-icon:after {
    content: "";
    font-family: icomoon !important;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 32px;
    font-size: 24px
}

.btn.btn-link {
    background: none;
    border: none;
    text-decoration-line: underline;
    color: var(--color-azul300)
}

@media (min-width: 768px) {
    .btn {
        width: auto;
        min-width: 160px
    }

    .btn.secundario-icon:after {
        position: relative;
        right: auto
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 98%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}