@charset "UTF-8";.dynatech-logo[data-astro-cid-brmyjc4h] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    margin-right: 1.5rem
}

.dynatech-logo[data-astro-cid-brmyjc4h] svg[data-astro-cid-brmyjc4h] {
    transition: opacity .2s ease
}

.dynatech-logo[data-astro-cid-brmyjc4h]:hover svg[data-astro-cid-brmyjc4h] {
    opacity: .8
}

@media (max-width: 768px) {
    .dynatech-logo[data-astro-cid-brmyjc4h] svg[data-astro-cid-brmyjc4h] {
        width:10rem;
        height: 2rem
    }
}

.navbar[data-astro-cid-3ef6ksr2] {
    padding: .75rem 1rem
}

.navbar-toggler[data-astro-cid-3ef6ksr2] {
    border: none;
    white-space: nowrap;
    flex-shrink: 0;
    padding: .25rem .5rem
}

.navbar-toggler[data-astro-cid-3ef6ksr2]:focus {
    box-shadow: none
}

.navbar[data-astro-cid-3ef6ksr2] .container[data-astro-cid-3ef6ksr2] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%
}

.navbar-brand[data-astro-cid-3ef6ksr2] {
    padding: 0;
    flex-shrink: 0
}

.navbar-nav[data-astro-cid-3ef6ksr2] {
    gap: 2rem
}

.nav-link[data-astro-cid-3ef6ksr2] {
    font-weight: 800;
    color: #333!important;
    white-space: nowrap;
    padding: .5rem .75rem
}

.nav-link[data-astro-cid-3ef6ksr2]:hover {
    color: #999!important
}

.btn[data-astro-cid-3ef6ksr2] {
    padding: .5rem 1rem;
    font-size: .9rem;
    white-space: nowrap;
    border-radius: 2rem
}

.dropdown-header[data-astro-cid-3ef6ksr2] {
    color: #000!important;
    font-weight: 700
}

.navbar[data-astro-cid-3ef6ksr2].fixed-top {
    z-index: 1030
}

@media (max-width: 1439.98px) {
    .navbar[data-astro-cid-3ef6ksr2] .container[data-astro-cid-3ef6ksr2] {
        max-width:none;
        margin: 0
    }
}

@media (min-width: 1200px) {
    .navbar-nav[data-astro-cid-3ef6ksr2] {
        gap:1.5rem
    }
}

@media (max-width: 1199.98px) {
    .navbar-nav[data-astro-cid-3ef6ksr2] {
        gap:0
    }

    .nav-item[data-astro-cid-3ef6ksr2] {
        width: 100%;
        border-bottom: 1px solid #e9ecef
    }

    .nav-item[data-astro-cid-3ef6ksr2]:last-child {
        border-bottom: none
    }

    .nav-link[data-astro-cid-3ef6ksr2] {
        padding: 1rem 0;
        font-size: 1rem
    }

    .d-flex[data-astro-cid-3ef6ksr2] {
        flex-direction: column;
        gap: .75rem;
        margin-top: 1rem
    }

    .btn[data-astro-cid-3ef6ksr2] {
        width: 100%
    }

    .dropdown-menu[data-astro-cid-3ef6ksr2] {
        position: static;
        box-shadow: none;
        border: none;
        margin: .5rem 0 0 1rem;
        width: calc(100% - 1rem)
    }

    .navbar-collapse[data-astro-cid-3ef6ksr2] {
        position: absolute!important;
        top: 100%!important;
        left: 0!important;
        right: 0!important;
        width: 100vw!important;
        margin: 0!important;
        background: #fff;
        box-shadow: 0 4px 16px #0000000a;
        z-index: 1029;
        border-radius: 0 0 8px 8px;
        padding: 1rem 1rem 1.5rem
    }

    .navbar[data-astro-cid-3ef6ksr2].fixed-top .navbar-collapse[data-astro-cid-3ef6ksr2] {
        top: 100%!important
    }

    body:not(.mobile-menu-open) .navbar-collapse[data-astro-cid-3ef6ksr2] {
        display: none!important
    }
}

@media (max-width: 575.98px) {
    .navbar[data-astro-cid-3ef6ksr2] {
        padding:.25rem .75rem
    }
}

.footer[data-astro-cid-sz7xmlte] {
    background: #fff
}

.footer-menu[data-astro-cid-sz7xmlte] {
    padding: 3.75rem .75rem;
    background: #fff;
    border-top: 1px solid var(--border-light)
}

.footer-content[data-astro-cid-sz7xmlte] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem
}

.footer-column[data-astro-cid-sz7xmlte] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.footer-section[data-astro-cid-sz7xmlte] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.footer-heading[data-astro-cid-sz7xmlte] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.5rem
}

.footer-links[data-astro-cid-sz7xmlte] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.footer-links[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte] {
    margin: 0
}

.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem
}

.global-footer[data-astro-cid-sz7xmlte] {
    padding: 1.5rem .75rem;
    background: #fff;
    border-top: 1px solid var(--border-light);
    min-height: 5.5rem;
    display: flex;
    align-items: center
}

.global-footer-content[data-astro-cid-sz7xmlte] {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 100%
}

.footer-logo[data-astro-cid-sz7xmlte] {
    flex-shrink: 0
}

.footer-company-links[data-astro-cid-sz7xmlte] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex-grow: 1
}

.company-links[data-astro-cid-sz7xmlte] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1.5rem;
    align-items: center
}

.company-links[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte] {
    margin: 0
}

.company-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5rem;
    white-space: nowrap;
    transition: color .3s ease
}

.copyright[data-astro-cid-sz7xmlte] {
    font-weight: 400;
    font-size: .75rem;
    color: var(--text-muted);
    line-height: normal
}

@media (max-width: 991px) {
    .footer-content[data-astro-cid-sz7xmlte] {
        grid-template-columns:repeat(2,1fr);
        gap: 1.25rem
    }
}

@media (max-width: 768px) {
    .footer-menu[data-astro-cid-sz7xmlte] {
        padding:2rem 1rem
    }

    .footer-content[data-astro-cid-sz7xmlte] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem
    }

    .footer-column[data-astro-cid-sz7xmlte] {
        width: 46%;
        gap: 1.5rem
    }

    .footer-section[data-astro-cid-sz7xmlte] {
        gap: 1rem;
        margin-bottom: 1rem
    }

    .footer-heading[data-astro-cid-sz7xmlte] {
        margin-bottom: .75rem
    }

    .global-footer[data-astro-cid-sz7xmlte] {
        padding: 1.5rem 1rem;
        display: block
    }

    .global-footer-content[data-astro-cid-sz7xmlte] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        text-align: left
    }

    .footer-logo[data-astro-cid-sz7xmlte] {
        margin-bottom: .5rem
    }

    .footer-company-links[data-astro-cid-sz7xmlte] {
        gap: .75rem;
        width: 100%
    }

    .company-links[data-astro-cid-sz7xmlte] {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: .5rem
    }

    .company-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
        color: var(--bs-dark)
    }

    .copyright[data-astro-cid-sz7xmlte] {
        align-self: flex-start;
        margin-top: 0
    }
}

@media (max-width: 480px) {
    .footer-menu[data-astro-cid-sz7xmlte] {
        padding:2rem .5rem
    }

    .footer-content[data-astro-cid-sz7xmlte] {
        gap: 1.5rem;
        padding: 0 .5rem
    }

    .footer-column[data-astro-cid-sz7xmlte] {
        gap: 1rem
    }

    .footer-heading[data-astro-cid-sz7xmlte],.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
        font-size: .875rem
    }

    .global-footer[data-astro-cid-sz7xmlte] {
        padding: 1rem .5rem
    }

    .global-footer-content[data-astro-cid-sz7xmlte] {
        padding: 0 .5rem
    }

    .company-links[data-astro-cid-sz7xmlte] {
        gap: .5rem
    }
}

.c-breadcrumbs {
    --color-link-breadcrumbs: inherit;
    --size-font-breadcrumbs: 1rem;
    --spacing-vertical-separator-breadcrumbs: 6px
}

.c-breadcrumbs .has-ellipsis {
    display: var(--display-ellipsis-breadcrumbs, none)
}

.c-breadcrumbs.is-truncated .has-ellipsis {
    --display-ellipsis-breadcrumbs: flex
}

.c-breadcrumbs.is-truncated .c-breadcrumbs__crumb {
    visibility: var(--visibility-truncated-breadcrumbs, hidden);
    position: var(--position-truncated-breadcrumbs, absolute)
}

.c-breadcrumbs.is-truncated .c-breadcrumbs__crumb:first-of-type,.c-breadcrumbs.is-truncated .c-breadcrumbs__crumb:last-of-type,.c-breadcrumbs.is-truncated .c-breadcrumbs__crumb.has-ellipsis {
    --visibility-truncated-breadcrumbs: visible;
    --position-truncated-breadcrumbs: relative
}

.c-breadcrumbs__truncated-button {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: var(--color-truncated-button, var(--color-link-breadcrumbs))
}

.c-breadcrumbs__crumbs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.c-breadcrumbs__crumbs:where(.has-no-separators) {
    row-gap: var(--spacing-vertical-separator-breadcrumbs);
    column-gap: 1rem
}

.c-breadcrumbs__crumb {
    display: flex;
    align-items: center
}

.c-breadcrumbs__crumb:has(.c-breadcrumbs__separator) .c-breadcrumbs__separator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline:var(--spacing-vertical-separator-breadcrumbs)}

.c-breadcrumbs__crumb: has(svg,image) :where(svg,image) {
    max-width:var(--size-font-breadcrumbs);
    max-height: var(--size-font-breadcrumbs)
}

.c-breadcrumbs__link,.c-breadcrumbs__truncated-button {
    font-size: var(--size-font-breadcrumbs);
    text-decoration: none;
    color: var(--color-link-breadcrumbs);
    line-height: 1
}

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #4057ff;
    --bs-secondary: #6c757d;
    --bs-success: #28a745;
    --bs-info: #17a2b8;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-primary-rgb: 64, 87, 255;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 40, 167, 69;
    --bs-info-rgb: 23, 162, 184;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 52, 58, 64;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

*,*: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;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ol,ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small,.small {
    font-size: .875em
}

mark,.mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #4057ff;
    text-decoration: underline
}

a:hover {
    color: #3346cc
}

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

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

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: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    border-radius: .375rem
}

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

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

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

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

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

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

textarea {
    resize: vertical
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .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] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

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

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

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

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

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

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

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

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

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

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

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

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

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

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

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

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

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

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

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

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

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

@media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width: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
}

.g-6,.gx-6 {
    --bs-gutter-x: 4rem
}

.g-6,.gy-6 {
    --bs-gutter-y: 4rem
}

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

.g-7,.gy-7 {
    --bs-gutter-y: 5rem
}

.g-8,.gx-8 {
    --bs-gutter-x: 6rem
}

.g-8,.gy-8 {
    --bs-gutter-y: 6rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: .25rem
    }

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

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

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

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

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

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

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }

    .g-sm-6,.gx-sm-6 {
        --bs-gutter-x: 4rem
    }

    .g-sm-6,.gy-sm-6 {
        --bs-gutter-y: 4rem
    }

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

    .g-sm-7,.gy-sm-7 {
        --bs-gutter-y: 5rem
    }

    .g-sm-8,.gx-sm-8 {
        --bs-gutter-x: 6rem
    }

    .g-sm-8,.gy-sm-8 {
        --bs-gutter-y: 6rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: .25rem
    }

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

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

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

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

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

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

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }

    .g-md-6,.gx-md-6 {
        --bs-gutter-x: 4rem
    }

    .g-md-6,.gy-md-6 {
        --bs-gutter-y: 4rem
    }

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

    .g-md-7,.gy-md-7 {
        --bs-gutter-y: 5rem
    }

    .g-md-8,.gx-md-8 {
        --bs-gutter-x: 6rem
    }

    .g-md-8,.gy-md-8 {
        --bs-gutter-y: 6rem
    }
}

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

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

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

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

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

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

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

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

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

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

    .g-lg-6,.gx-lg-6 {
        --bs-gutter-x: 4rem
    }

    .g-lg-6,.gy-lg-6 {
        --bs-gutter-y: 4rem
    }

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

    .g-lg-7,.gy-lg-7 {
        --bs-gutter-y: 5rem
    }

    .g-lg-8,.gx-lg-8 {
        --bs-gutter-x: 6rem
    }

    .g-lg-8,.gy-lg-8 {
        --bs-gutter-y: 6rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

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

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

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

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

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

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

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

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

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

    .g-xl-6,.gx-xl-6 {
        --bs-gutter-x: 4rem
    }

    .g-xl-6,.gy-xl-6 {
        --bs-gutter-y: 4rem
    }

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

    .g-xl-7,.gy-xl-7 {
        --bs-gutter-y: 5rem
    }

    .g-xl-8,.gx-xl-8 {
        --bs-gutter-x: 6rem
    }

    .g-xl-8,.gy-xl-8 {
        --bs-gutter-y: 6rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

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

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

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

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.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
    }

    .g-xxl-6,.gx-xxl-6 {
        --bs-gutter-x: 4rem
    }

    .g-xxl-6,.gy-xxl-6 {
        --bs-gutter-y: 4rem
    }

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

    .g-xxl-7,.gy-xxl-7 {
        --bs-gutter-y: 5rem
    }

    .g-xxl-8,.gx-xxl-8 {
        --bs-gutter-x: 6rem
    }

    .g-xxl-8,.gy-xxl-8 {
        --bs-gutter-y: 6rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:first-child) {
    border-top: 2px solid currentColor
}

.caption-top {
    caption-side: top
}

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

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

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

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

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

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

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

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

.table-primary {
    --bs-table-bg: rgb(216.8, 221.4, 255);
    --bs-table-striped-bg: rgb(205.96, 210.33, 242.25);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(195.12, 199.26, 229.5);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(200.54, 204.795, 235.875);
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #c3c7e6
}

.table-secondary {
    --bs-table-bg: rgb(225.6, 227.4, 229);
    --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbcdce
}

.table-success {
    --bs-table-bg: rgb(212, 237.4, 217.8);
    --bs-table-striped-bg: rgb(201.4, 225.53, 206.91);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(190.8, 213.66, 196.02);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(196.1, 219.595, 201.465);
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bfd6c4
}

.table-info {
    --bs-table-bg: rgb(208.6, 236.4, 240.8);
    --bs-table-striped-bg: rgb(198.17, 224.58, 228.76);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(187.74, 212.76, 216.72);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(192.955, 218.67, 222.74);
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd5d9
}

.table-warning {
    --bs-table-bg: rgb(255, 242.6, 205.4);
    --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dab9
}

.table-danger {
    --bs-table-bg: rgb(248, 214.6, 217.8);
    --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc1c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(223.2, 224.1, 225);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #343a40;
    --bs-table-striped-bg: rgb(62.15, 67.85, 73.55);
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: rgb(72.3, 77.7, 83.1);
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: rgb(67.225, 72.775, 78.325);
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #484e53
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

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

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

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

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

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control[type=file] {
    overflow: hidden
}

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

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #a0abff;
    outline: 0;
    box-shadow: 0 0 0 .25rem #4057ff40
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

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

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

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

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

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

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

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

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

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

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .5rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .5rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

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

.form-select:focus {
    border-color: #a0abff;
    outline: 0;
    box-shadow: 0 0 0 .25rem #4057ff40
}

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

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

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

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

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

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

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    appearance: none;
    color-adjust: exact
}

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

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

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

.form-check-input:focus {
    border-color: #a0abff;
    outline: 0;
    box-shadow: 0 0 0 .25rem #4057ff40
}

.form-check-input:checked {
    background-color: #4057ff;
    border-color: #4057ff
}

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

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #4057ff;
    border-color: #4057ff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

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

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

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

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

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28159.5, 171, 255%29'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check[disabled]+.btn,.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

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

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #4057ff40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #4057ff40
}

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

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

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

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

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

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

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

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

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

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

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

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

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

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

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

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

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

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

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

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

.input-group>.form-control:focus,.input-group>.form-select:focus {
    z-index: 3
}

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

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .5rem
}

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

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

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

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

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

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

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #000;
    background-color: #28a745e6;
    border-radius: .5rem
}

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

.was-validated .form-control:valid,.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .25rem #28a74540
}

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

.was-validated .form-select:valid,.form-select.is-valid {
    border-color: #28a745
}

.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:valid:focus,.form-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .25rem #28a74540
}

.was-validated .form-check-input:valid,.form-check-input.is-valid {
    border-color: #28a745
}

.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked {
    background-color: #28a745
}

.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem #28a74540
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
    color: #28a745
}

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

.was-validated .input-group .form-control:valid,.input-group .form-control.is-valid,.was-validated .input-group .form-select:valid,.input-group .form-select.is-valid {
    z-index: 1
}

.was-validated .input-group .form-control:valid:focus,.input-group .form-control.is-valid:focus,.was-validated .input-group .form-select:valid:focus,.input-group .form-select.is-valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

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

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

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

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

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

.was-validated .form-select:invalid,.form-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated .form-check-input:invalid,.form-check-input.is-invalid {
    border-color: #dc3545
}

.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked {
    background-color: #dc3545
}

.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

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

.was-validated .input-group .form-control:invalid,.input-group .form-control.is-invalid,.was-validated .input-group .form-select:invalid,.input-group .form-select.is-invalid {
    z-index: 2
}

.was-validated .input-group .form-control:invalid:focus,.input-group .form-control.is-invalid:focus,.was-validated .input-group .form-select:invalid:focus,.input-group .form-select.is-invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1.5rem;
    font-size: 1rem;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #4057ff40
}

.btn:disabled,.btn.disabled,fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #4057ff;
    border-color: #4057ff
}

.btn-primary:hover {
    color: #fff;
    background-color: #364ad9;
    border-color: #3346cc
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    color: #fff;
    background-color: #364ad9;
    border-color: #3346cc;
    box-shadow: 0 0 0 .25rem #5d70ff80
}

.btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-primary:active,.btn-primary.active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3346cc;
    border-color: #3041bf
}

.btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #5d70ff80
}

.btn-primary:disabled,.btn-primary.disabled {
    color: #fff;
    background-color: #4057ff;
    border-color: #4057ff
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem #828a9180
}

.btn-check:checked+.btn-secondary,.btn-check:active+.btn-secondary,.btn-secondary:active,.btn-secondary.active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:checked+.btn-secondary:focus,.btn-check:active+.btn-secondary:focus,.btn-secondary:active:focus,.btn-secondary.active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #828a9180
}

.btn-secondary:disabled,.btn-secondary.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #000;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #000;
    background-color: #48b461;
    border-color: #3eb058
}

.btn-check:focus+.btn-success,.btn-success:focus {
    color: #000;
    background-color: #48b461;
    border-color: #3eb058;
    box-shadow: 0 0 0 .25rem #228e3b80
}

.btn-check:checked+.btn-success,.btn-check:active+.btn-success,.btn-success:active,.btn-success.active,.show>.btn-success.dropdown-toggle {
    color: #000;
    background-color: #53b96a;
    border-color: #3eb058
}

.btn-check:checked+.btn-success:focus,.btn-check:active+.btn-success:focus,.btn-success:active:focus,.btn-success.active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #228e3b80
}

.btn-success:disabled,.btn-success.disabled {
    color: #000;
    background-color: #28a745;
    border-color: #28a745
}

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

.btn-info:hover {
    color: #000;
    background-color: #3ab0c3;
    border-color: #2eabbf
}

.btn-check:focus+.btn-info,.btn-info:focus {
    color: #000;
    background-color: #3ab0c3;
    border-color: #2eabbf;
    box-shadow: 0 0 0 .25rem #148a9c80
}

.btn-check:checked+.btn-info,.btn-check:active+.btn-info,.btn-info:active,.btn-info.active,.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #45b5c6;
    border-color: #2eabbf
}

.btn-check:checked+.btn-info:focus,.btn-check:active+.btn-info:focus,.btn-info:active:focus,.btn-info.active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #148a9c80
}

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

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem #d9a40680
}

.btn-check:checked+.btn-warning,.btn-check:active+.btn-warning,.btn-warning:active,.btn-warning.active,.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:checked+.btn-warning:focus,.btn-check:active+.btn-warning:focus,.btn-warning:active:focus,.btn-warning.active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #d9a40680
}

.btn-warning:disabled,.btn-warning.disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem #e1536180
}

.btn-check:checked+.btn-danger,.btn-check:active+.btn-danger,.btn-danger:active,.btn-danger.active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:checked+.btn-danger:focus,.btn-check:active+.btn-danger:focus,.btn-danger:active:focus,.btn-danger.active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #e1536180
}

.btn-danger:disabled,.btn-danger.disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem #d3d4d580
}

.btn-check:checked+.btn-light,.btn-check:active+.btn-light,.btn-light:active,.btn-light.active,.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:checked+.btn-light:focus,.btn-check:active+.btn-light:focus,.btn-light:active:focus,.btn-light.active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #d3d4d580
}

.btn-light:disabled,.btn-light.disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

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

.btn-dark:hover {
    color: #fff;
    background-color: #2c3136;
    border-color: #2a2e33
}

.btn-check:focus+.btn-dark,.btn-dark:focus {
    color: #fff;
    background-color: #2c3136;
    border-color: #2a2e33;
    box-shadow: 0 0 0 .25rem #52585d80
}

.btn-check:checked+.btn-dark,.btn-check:active+.btn-dark,.btn-dark:active,.btn-dark.active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #2a2e33;
    border-color: #272c30
}

.btn-check:checked+.btn-dark:focus,.btn-check:active+.btn-dark:focus,.btn-dark:active:focus,.btn-dark.active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #52585d80
}

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

.btn-outline-primary {
    color: #4057ff;
    border-color: #4057ff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #4057ff;
    border-color: #4057ff
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem #4057ff80
}

.btn-check:checked+.btn-outline-primary,.btn-check:active+.btn-outline-primary,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #4057ff;
    border-color: #4057ff
}

.btn-check:checked+.btn-outline-primary:focus,.btn-check:active+.btn-outline-primary:focus,.btn-outline-primary:active:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #4057ff80
}

.btn-outline-primary:disabled,.btn-outline-primary.disabled {
    color: #4057ff;
    background-color: transparent
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem #6c757d80
}

.btn-check:checked+.btn-outline-secondary,.btn-check:active+.btn-outline-secondary,.btn-outline-secondary:active,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:checked+.btn-outline-secondary:focus,.btn-check:active+.btn-outline-secondary:focus,.btn-outline-secondary:active:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #6c757d80
}

.btn-outline-secondary:disabled,.btn-outline-secondary.disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #000;
    background-color: #28a745;
    border-color: #28a745
}

.btn-check:focus+.btn-outline-success,.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem #28a74580
}

.btn-check:checked+.btn-outline-success,.btn-check:active+.btn-outline-success,.btn-outline-success:active,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show {
    color: #000;
    background-color: #28a745;
    border-color: #28a745
}

.btn-check:checked+.btn-outline-success:focus,.btn-check:active+.btn-outline-success:focus,.btn-outline-success:active:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #28a74580
}

.btn-outline-success:disabled,.btn-outline-success.disabled {
    color: #28a745;
    background-color: transparent
}

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

.btn-outline-info:hover {
    color: #000;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-check:focus+.btn-outline-info,.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem #17a2b880
}

.btn-check:checked+.btn-outline-info,.btn-check:active+.btn-outline-info,.btn-outline-info:active,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show {
    color: #000;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-check:checked+.btn-outline-info:focus,.btn-check:active+.btn-outline-info:focus,.btn-outline-info:active:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #17a2b880
}

.btn-outline-info:disabled,.btn-outline-info.disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem #ffc10780
}

.btn-check:checked+.btn-outline-warning,.btn-check:active+.btn-outline-warning,.btn-outline-warning:active,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:checked+.btn-outline-warning:focus,.btn-check:active+.btn-outline-warning:focus,.btn-outline-warning:active:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #ffc10780
}

.btn-outline-warning:disabled,.btn-outline-warning.disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem #dc354580
}

.btn-check:checked+.btn-outline-danger,.btn-check:active+.btn-outline-danger,.btn-outline-danger:active,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:checked+.btn-outline-danger:focus,.btn-check:active+.btn-outline-danger:focus,.btn-outline-danger:active:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #dc354580
}

.btn-outline-danger:disabled,.btn-outline-danger.disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem #f8f9fa80
}

.btn-check:checked+.btn-outline-light,.btn-check:active+.btn-outline-light,.btn-outline-light:active,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:checked+.btn-outline-light:focus,.btn-check:active+.btn-outline-light:focus,.btn-outline-light:active:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #f8f9fa80
}

.btn-outline-light:disabled,.btn-outline-light.disabled {
    color: #f8f9fa;
    background-color: transparent
}

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

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

.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem #343a4080
}

.btn-check:checked+.btn-outline-dark,.btn-check:active+.btn-outline-dark,.btn-outline-dark:active,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-check:checked+.btn-outline-dark:focus,.btn-check:active+.btn-outline-dark:focus,.btn-outline-dark:active:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem #343a4080
}

.btn-outline-dark:disabled,.btn-outline-dark.disabled {
    color: #343a40;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #4057ff;
    text-decoration: underline
}

.btn-link:hover {
    color: #3346cc
}

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .5rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

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

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

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

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

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

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

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

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

.dropstart .dropdown-toggle:after {
    display: none
}

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

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

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

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #4057ff
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: #00000026
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:hover,.dropdown-menu-dark .dropdown-item:focus {
    color: #fff;
    background-color: #ffffff26
}

.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #4057ff
}

.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: #00000026
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

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

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

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

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

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

.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

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

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

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

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

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

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

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

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

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

.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

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

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

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #4057ff;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

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

.nav-link:hover,.nav-link:focus {
    color: #3346cc
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .5rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #4057ff
}

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

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

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

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

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem
}

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

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

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

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

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

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 2rem;
    transition: box-shadow .15s ease-in-out
}

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

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

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 .25rem
}

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

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

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

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

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

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-sm .offcanvas-top,.navbar-expand-sm .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

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

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

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

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-md .offcanvas-top,.navbar-expand-md .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

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

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

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

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-lg .offcanvas-top,.navbar-expand-lg .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

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

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

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

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xl .offcanvas-top,.navbar-expand-xl .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

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

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

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

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-top,.navbar-expand-xxl .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

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

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

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

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
}

.navbar-expand .offcanvas-top,.navbar-expand .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

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

.navbar-light .navbar-brand {
    color: #000000e6
}

.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus {
    color: #000000e6
}

.navbar-light .navbar-nav .nav-link {
    color: #0000008c
}

.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus {
    color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #0000004d
}

.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link.active {
    color: #000000e6
}

.navbar-light .navbar-toggler {
    color: #0000008c;
    border-color: #0000001a
}

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

.navbar-light .navbar-text {
    color: #0000008c
}

.navbar-light .navbar-text a,.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus {
    color: #000000e6
}

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

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

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff8c
}

.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #ffffff40
}

.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: #ffffff8c;
    border-color: #ffffff1a
}

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

.navbar-dark .navbar-text {
    color: #ffffff8c
}

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

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: .75rem
}

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

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

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.75rem - 1px);
    border-top-right-radius: calc(.75rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.75rem - 1px);
    border-bottom-left-radius: calc(.75rem - 1px)
}

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

.card-body {
    flex: 1 1 auto;
    padding: 1rem
}

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

.card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
}

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

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

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #00000008;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

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

.card-footer {
    padding: .5rem 1rem;
    background-color: #00000008;
    border-top: 1px solid rgba(0,0,0,.05)
}

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

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    inset: 0;
    padding: 1rem;
    border-radius: calc(.75rem - 1px)
}

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

.card-img,.card-img-top {
    border-top-left-radius: calc(.75rem - 1px);
    border-top-right-radius: calc(.75rem - 1px)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: calc(.75rem - 1px);
    border-bottom-left-radius: calc(.75rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

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

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

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

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

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

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

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

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

.accordion-button:not(.collapsed) {
    color: #3a4ee6;
    background-color: #eceeff;
    box-shadow: inset 0 -1px #00000020
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%2857.6, 78.3, 229.5%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button:after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%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");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

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

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

.accordion-button:focus {
    z-index: 3;
    border-color: #a0abff;
    outline: 0;
    box-shadow: 0 0 0 .25rem #4057ff40
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}

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

.accordion-item:last-of-type {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.5rem - 1px);
    border-bottom-left-radius: calc(.5rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

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

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

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

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

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

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #4057ff;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.page-link:hover {
    z-index: 2;
    color: #3346cc;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #3346cc;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem #4057ff40
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #4057ff;
    border-color: #4057ff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .5rem
}

.badge:empty {
    display: none
}

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

.alert {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .5rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    color: #263499;
    background-color: #d9ddff;
    border-color: #c6cdff
}

.alert-primary .alert-link {
    color: #1f2a7a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #186429;
    background-color: #d4edda;
    border-color: #bfe5c7
}

.alert-success .alert-link {
    color: #135021
}

.alert-info {
    color: #0e616e;
    background-color: #d1ecf1;
    border-color: #b9e3ea
}

.alert-info .alert-link {
    color: #0b4e58
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1921
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #1f2326;
    background-color: #d6d8d9;
    border-color: #c2c4c6
}

.alert-dark .alert-link {
    color: #191c1f
}

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

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .5rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #4057ff;
    transition: width .6s ease
}

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

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

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

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

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .5rem
}

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

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

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover,.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

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

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

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #4057ff;
    border-color: #4057ff
}

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

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

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

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .5rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .5rem;
    border-bottom-left-radius: 0
}

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

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

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

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .5rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .5rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .5rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .5rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .5rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .5rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .5rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .5rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .5rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .5rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

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

.list-group-item-primary {
    color: #263499;
    background-color: #d9ddff
}

.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus {
    color: #263499;
    background-color: #c3c7e6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #263499;
    border-color: #263499
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbcdce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #186429;
    background-color: #d4edda
}

.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus {
    color: #186429;
    background-color: #bfd6c4
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #186429;
    border-color: #186429
}

.list-group-item-info {
    color: #0e616e;
    background-color: #d1ecf1
}

.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus {
    color: #0e616e;
    background-color: #bcd5d9
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0e616e;
    border-color: #0e616e
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dab9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus {
    color: #842029;
    background-color: #dfc1c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e4e4e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #1f2326;
    background-color: #d6d8d9
}

.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus {
    color: #1f2326;
    background-color: #c1c2c3
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1f2326;
    border-color: #1f2326
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .5rem;
    opacity: .5
}

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

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #4057ff40;
    opacity: 1
}

.btn-close:disabled,.btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .5rem 1rem #00000026;
    border-radius: .5rem
}

.toast.showing {
    opacity: 0
}

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

.toast-container {
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    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% - 1rem)
}

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

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

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .75rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.75rem - 1px);
    border-top-right-radius: calc(.75rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.75rem - 1px);
    border-bottom-left-radius: calc(.75rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

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

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1399.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 {
        border-radius: 0
    }

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

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

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

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

.bs-tooltip-top,.bs-tooltip-auto[data-popper-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-top .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-end,.bs-tooltip-auto[data-popper-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-end .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,.bs-tooltip-auto[data-popper-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0
}

.bs-tooltip-bottom .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-start,.bs-tooltip-auto[data-popper-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-start .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .5rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .75rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

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

.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: #00000040
}

.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

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

.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #00000040
}

.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #00000040
}

.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header:before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid rgb(239.7,239.7,239.7)
}

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

.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #00000040
}

.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top-left-radius: calc(.75rem - 1px);
    border-top-right-radius: calc(.75rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem;
    color: #212529
}

.carousel {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
        transition: none
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,.carousel-control-next {
        transition: none
    }
}

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

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

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

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

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

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

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

.carousel-indicators .active {
    opacity: 1
}

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

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

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

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

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

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

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

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

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

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

@media (prefers-reduced-motion: reduce) {
    .spinner-border,.spinner-grow {
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

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

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translate(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translate(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    mask-image: linear-gradient(130deg,#000 55%,#000c,#000 95%);
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #4057ff
}

.link-primary:hover,.link-primary:focus {
    color: #3346cc
}

.link-secondary {
    color: #6c757d
}

.link-secondary:hover,.link-secondary:focus {
    color: #565e64
}

.link-success {
    color: #28a745
}

.link-success:hover,.link-success:focus {
    color: #53b96a
}

.link-info {
    color: #17a2b8
}

.link-info:hover,.link-info:focus {
    color: #45b5c6
}

.link-warning {
    color: #ffc107
}

.link-warning:hover,.link-warning:focus {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:hover,.link-danger:focus {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:hover,.link-light:focus {
    color: #f9fafb
}

.link-dark {
    color: #343a40
}

.link-dark:hover,.link-dark:focus {
    color: #2a2e33
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

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

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

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: ""
}

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

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

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

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

.d-inline {
    display: inline!important
}

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

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

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

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .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
}

.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: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #4057ff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

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

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

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

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

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

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

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

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

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

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

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

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

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

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

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

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

.flex-nowrap {
    flex-wrap: nowrap!important
}

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

.gap-0 {
    gap: 0!important
}

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

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

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

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

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

.gap-6 {
    gap: 4rem!important
}

.gap-7 {
    gap: 5rem!important
}

.gap-8 {
    gap: 6rem!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-6 {
    margin: 4rem!important
}

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

.m-8 {
    margin: 6rem!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-6 {
    margin-right: 4rem!important;
    margin-left: 4rem!important
}

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

.mx-8 {
    margin-right: 6rem!important;
    margin-left: 6rem!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-6 {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important
}

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

.my-8 {
    margin-top: 6rem!important;
    margin-bottom: 6rem!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-6 {
    margin-top: 4rem!important
}

.mt-7 {
    margin-top: 5rem!important
}

.mt-8 {
    margin-top: 6rem!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-6 {
    margin-right: 4rem!important
}

.me-7 {
    margin-right: 5rem!important
}

.me-8 {
    margin-right: 6rem!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-6 {
    margin-bottom: 4rem!important
}

.mb-7 {
    margin-bottom: 5rem!important
}

.mb-8 {
    margin-bottom: 6rem!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-6 {
    margin-left: 4rem!important
}

.ms-7 {
    margin-left: 5rem!important
}

.ms-8 {
    margin-left: 6rem!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
}

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

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

.p-8 {
    padding: 6rem!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
}

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

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

.px-8 {
    padding-right: 6rem!important;
    padding-left: 6rem!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
}

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

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

.py-8 {
    padding-top: 6rem!important;
    padding-bottom: 6rem!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
}

.pt-6 {
    padding-top: 4rem!important
}

.pt-7 {
    padding-top: 5rem!important
}

.pt-8 {
    padding-top: 6rem!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
}

.pe-6 {
    padding-right: 4rem!important
}

.pe-7 {
    padding-right: 5rem!important
}

.pe-8 {
    padding-right: 6rem!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
}

.pb-6 {
    padding-bottom: 4rem!important
}

.pb-7 {
    padding-bottom: 5rem!important
}

.pb-8 {
    padding-bottom: 6rem!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
}

.ps-6 {
    padding-left: 4rem!important
}

.ps-7 {
    padding-left: 5rem!important
}

.ps-8 {
    padding-left: 6rem!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-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

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

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

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

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

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

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.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: #6c757d!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080!important
}

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

.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-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-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    user-select: all!important
}

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

.user-select-none {
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .5rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .375rem!important
}

.rounded-2 {
    border-radius: .5rem!important
}

.rounded-3 {
    border-radius: .75rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-top {
    border-top-left-radius: .5rem!important;
    border-top-right-radius: .5rem!important
}

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

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

.rounded-start {
    border-bottom-left-radius: .5rem!important;
    border-top-left-radius: .5rem!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

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

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

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

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

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

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

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

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

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

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

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

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

    .gap-sm-6 {
        gap: 4rem!important
    }

    .gap-sm-7 {
        gap: 5rem!important
    }

    .gap-sm-8 {
        gap: 6rem!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

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

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

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

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

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

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

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

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

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

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

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

    .m-sm-6 {
        margin: 4rem!important
    }

    .m-sm-7 {
        margin: 5rem!important
    }

    .m-sm-8 {
        margin: 6rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

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

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

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

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

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

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

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

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

    .mx-sm-8 {
        margin-right: 6rem!important;
        margin-left: 6rem!important
    }

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

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

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

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

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

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

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

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

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

    .my-sm-8 {
        margin-top: 6rem!important;
        margin-bottom: 6rem!important
    }

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

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

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

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

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

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

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

    .mt-sm-6 {
        margin-top: 4rem!important
    }

    .mt-sm-7 {
        margin-top: 5rem!important
    }

    .mt-sm-8 {
        margin-top: 6rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-6 {
        margin-right: 4rem!important
    }

    .me-sm-7 {
        margin-right: 5rem!important
    }

    .me-sm-8 {
        margin-right: 6rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

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

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

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

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

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

    .mb-sm-6 {
        margin-bottom: 4rem!important
    }

    .mb-sm-7 {
        margin-bottom: 5rem!important
    }

    .mb-sm-8 {
        margin-bottom: 6rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

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

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

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

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

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

    .ms-sm-6 {
        margin-left: 4rem!important
    }

    .ms-sm-7 {
        margin-left: 5rem!important
    }

    .ms-sm-8 {
        margin-left: 6rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

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

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

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

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

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

    .p-sm-6 {
        padding: 4rem!important
    }

    .p-sm-7 {
        padding: 5rem!important
    }

    .p-sm-8 {
        padding: 6rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

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

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

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

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

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

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

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

    .px-sm-8 {
        padding-right: 6rem!important;
        padding-left: 6rem!important
    }

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

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

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

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

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

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

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

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

    .py-sm-8 {
        padding-top: 6rem!important;
        padding-bottom: 6rem!important
    }

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

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

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

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

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

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

    .pt-sm-6 {
        padding-top: 4rem!important
    }

    .pt-sm-7 {
        padding-top: 5rem!important
    }

    .pt-sm-8 {
        padding-top: 6rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

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

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

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

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

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

    .pe-sm-6 {
        padding-right: 4rem!important
    }

    .pe-sm-7 {
        padding-right: 5rem!important
    }

    .pe-sm-8 {
        padding-right: 6rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

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

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

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

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

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

    .pb-sm-6 {
        padding-bottom: 4rem!important
    }

    .pb-sm-7 {
        padding-bottom: 5rem!important
    }

    .pb-sm-8 {
        padding-bottom: 6rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .ps-sm-6 {
        padding-left: 4rem!important
    }

    .ps-sm-7 {
        padding-left: 5rem!important
    }

    .ps-sm-8 {
        padding-left: 6rem!important
    }

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

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

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

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

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

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

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

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

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

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

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

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

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

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

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

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

    .gap-md-6 {
        gap: 4rem!important
    }

    .gap-md-7 {
        gap: 5rem!important
    }

    .gap-md-8 {
        gap: 6rem!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

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

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

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

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

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

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

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

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

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

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

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

    .m-md-6 {
        margin: 4rem!important
    }

    .m-md-7 {
        margin: 5rem!important
    }

    .m-md-8 {
        margin: 6rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

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

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

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

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

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

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

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

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

    .mx-md-8 {
        margin-right: 6rem!important;
        margin-left: 6rem!important
    }

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

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

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

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

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

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

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

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

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

    .my-md-8 {
        margin-top: 6rem!important;
        margin-bottom: 6rem!important
    }

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

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

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

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

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

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

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

    .mt-md-6 {
        margin-top: 4rem!important
    }

    .mt-md-7 {
        margin-top: 5rem!important
    }

    .mt-md-8 {
        margin-top: 6rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-6 {
        margin-right: 4rem!important
    }

    .me-md-7 {
        margin-right: 5rem!important
    }

    .me-md-8 {
        margin-right: 6rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

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

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

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

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

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

    .mb-md-6 {
        margin-bottom: 4rem!important
    }

    .mb-md-7 {
        margin-bottom: 5rem!important
    }

    .mb-md-8 {
        margin-bottom: 6rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

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

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

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

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

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

    .ms-md-6 {
        margin-left: 4rem!important
    }

    .ms-md-7 {
        margin-left: 5rem!important
    }

    .ms-md-8 {
        margin-left: 6rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

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

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

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

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

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

    .p-md-6 {
        padding: 4rem!important
    }

    .p-md-7 {
        padding: 5rem!important
    }

    .p-md-8 {
        padding: 6rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

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

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

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

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

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

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

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

    .px-md-8 {
        padding-right: 6rem!important;
        padding-left: 6rem!important
    }

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

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

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

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

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

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

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

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

    .py-md-8 {
        padding-top: 6rem!important;
        padding-bottom: 6rem!important
    }

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

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

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

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

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

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

    .pt-md-6 {
        padding-top: 4rem!important
    }

    .pt-md-7 {
        padding-top: 5rem!important
    }

    .pt-md-8 {
        padding-top: 6rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

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

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

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

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

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

    .pe-md-6 {
        padding-right: 4rem!important
    }

    .pe-md-7 {
        padding-right: 5rem!important
    }

    .pe-md-8 {
        padding-right: 6rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

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

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

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

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

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

    .pb-md-6 {
        padding-bottom: 4rem!important
    }

    .pb-md-7 {
        padding-bottom: 5rem!important
    }

    .pb-md-8 {
        padding-bottom: 6rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .ps-md-6 {
        padding-left: 4rem!important
    }

    .ps-md-7 {
        padding-left: 5rem!important
    }

    .ps-md-8 {
        padding-left: 6rem!important
    }

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

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

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

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

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

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

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

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

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

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

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

    .gap-lg-1 {
        gap: .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
    }

    .gap-lg-6 {
        gap: 4rem!important
    }

    .gap-lg-7 {
        gap: 5rem!important
    }

    .gap-lg-8 {
        gap: 6rem!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-6 {
        margin: 4rem!important
    }

    .m-lg-7 {
        margin: 5rem!important
    }

    .m-lg-8 {
        margin: 6rem!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-6 {
        margin-right: 4rem!important;
        margin-left: 4rem!important
    }

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

    .mx-lg-8 {
        margin-right: 6rem!important;
        margin-left: 6rem!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-6 {
        margin-top: 4rem!important;
        margin-bottom: 4rem!important
    }

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

    .my-lg-8 {
        margin-top: 6rem!important;
        margin-bottom: 6rem!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-6 {
        margin-top: 4rem!important
    }

    .mt-lg-7 {
        margin-top: 5rem!important
    }

    .mt-lg-8 {
        margin-top: 6rem!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-6 {
        margin-right: 4rem!important
    }

    .me-lg-7 {
        margin-right: 5rem!important
    }

    .me-lg-8 {
        margin-right: 6rem!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-6 {
        margin-bottom: 4rem!important
    }

    .mb-lg-7 {
        margin-bottom: 5rem!important
    }

    .mb-lg-8 {
        margin-bottom: 6rem!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-6 {
        margin-left: 4rem!important
    }

    .ms-lg-7 {
        margin-left: 5rem!important
    }

    .ms-lg-8 {
        margin-left: 6rem!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
    }

    .p-lg-6 {
        padding: 4rem!important
    }

    .p-lg-7 {
        padding: 5rem!important
    }

    .p-lg-8 {
        padding: 6rem!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
    }

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

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

    .px-lg-8 {
        padding-right: 6rem!important;
        padding-left: 6rem!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
    }

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

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

    .py-lg-8 {
        padding-top: 6rem!important;
        padding-bottom: 6rem!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
    }

    .pt-lg-6 {
        padding-top: 4rem!important
    }

    .pt-lg-7 {
        padding-top: 5rem!important
    }

    .pt-lg-8 {
        padding-top: 6rem!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
    }

    .pe-lg-6 {
        padding-right: 4rem!important
    }

    .pe-lg-7 {
        padding-right: 5rem!important
    }

    .pe-lg-8 {
        padding-right: 6rem!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
    }

    .pb-lg-6 {
        padding-bottom: 4rem!important
    }

    .pb-lg-7 {
        padding-bottom: 5rem!important
    }

    .pb-lg-8 {
        padding-bottom: 6rem!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
    }

    .ps-lg-6 {
        padding-left: 4rem!important
    }

    .ps-lg-7 {
        padding-left: 5rem!important
    }

    .ps-lg-8 {
        padding-left: 6rem!important
    }

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

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

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

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

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

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

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

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

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

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

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

    .gap-xl-1 {
        gap: .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
    }

    .gap-xl-6 {
        gap: 4rem!important
    }

    .gap-xl-7 {
        gap: 5rem!important
    }

    .gap-xl-8 {
        gap: 6rem!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-6 {
        margin: 4rem!important
    }

    .m-xl-7 {
        margin: 5rem!important
    }

    .m-xl-8 {
        margin: 6rem!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-6 {
        margin-right: 4rem!important;
        margin-left: 4rem!important
    }

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

    .mx-xl-8 {
        margin-right: 6rem!important;
        margin-left: 6rem!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-6 {
        margin-top: 4rem!important;
        margin-bottom: 4rem!important
    }

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

    .my-xl-8 {
        margin-top: 6rem!important;
        margin-bottom: 6rem!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-6 {
        margin-top: 4rem!important
    }

    .mt-xl-7 {
        margin-top: 5rem!important
    }

    .mt-xl-8 {
        margin-top: 6rem!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-6 {
        margin-right: 4rem!important
    }

    .me-xl-7 {
        margin-right: 5rem!important
    }

    .me-xl-8 {
        margin-right: 6rem!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-6 {
        margin-bottom: 4rem!important
    }

    .mb-xl-7 {
        margin-bottom: 5rem!important
    }

    .mb-xl-8 {
        margin-bottom: 6rem!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-6 {
        margin-left: 4rem!important
    }

    .ms-xl-7 {
        margin-left: 5rem!important
    }

    .ms-xl-8 {
        margin-left: 6rem!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
    }

    .p-xl-6 {
        padding: 4rem!important
    }

    .p-xl-7 {
        padding: 5rem!important
    }

    .p-xl-8 {
        padding: 6rem!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
    }

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

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

    .px-xl-8 {
        padding-right: 6rem!important;
        padding-left: 6rem!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
    }

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

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

    .py-xl-8 {
        padding-top: 6rem!important;
        padding-bottom: 6rem!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
    }

    .pt-xl-6 {
        padding-top: 4rem!important
    }

    .pt-xl-7 {
        padding-top: 5rem!important
    }

    .pt-xl-8 {
        padding-top: 6rem!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
    }

    .pe-xl-6 {
        padding-right: 4rem!important
    }

    .pe-xl-7 {
        padding-right: 5rem!important
    }

    .pe-xl-8 {
        padding-right: 6rem!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
    }

    .pb-xl-6 {
        padding-bottom: 4rem!important
    }

    .pb-xl-7 {
        padding-bottom: 5rem!important
    }

    .pb-xl-8 {
        padding-bottom: 6rem!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
    }

    .ps-xl-6 {
        padding-left: 4rem!important
    }

    .ps-xl-7 {
        padding-left: 5rem!important
    }

    .ps-xl-8 {
        padding-left: 6rem!important
    }

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

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

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

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

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

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

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

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

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

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

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

    .gap-xxl-1 {
        gap: .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
    }

    .gap-xxl-6 {
        gap: 4rem!important
    }

    .gap-xxl-7 {
        gap: 5rem!important
    }

    .gap-xxl-8 {
        gap: 6rem!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-6 {
        margin: 4rem!important
    }

    .m-xxl-7 {
        margin: 5rem!important
    }

    .m-xxl-8 {
        margin: 6rem!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-6 {
        margin-right: 4rem!important;
        margin-left: 4rem!important
    }

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

    .mx-xxl-8 {
        margin-right: 6rem!important;
        margin-left: 6rem!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-6 {
        margin-top: 4rem!important;
        margin-bottom: 4rem!important
    }

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

    .my-xxl-8 {
        margin-top: 6rem!important;
        margin-bottom: 6rem!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-6 {
        margin-top: 4rem!important
    }

    .mt-xxl-7 {
        margin-top: 5rem!important
    }

    .mt-xxl-8 {
        margin-top: 6rem!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-6 {
        margin-right: 4rem!important
    }

    .me-xxl-7 {
        margin-right: 5rem!important
    }

    .me-xxl-8 {
        margin-right: 6rem!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-6 {
        margin-bottom: 4rem!important
    }

    .mb-xxl-7 {
        margin-bottom: 5rem!important
    }

    .mb-xxl-8 {
        margin-bottom: 6rem!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-6 {
        margin-left: 4rem!important
    }

    .ms-xxl-7 {
        margin-left: 5rem!important
    }

    .ms-xxl-8 {
        margin-left: 6rem!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
    }

    .p-xxl-6 {
        padding: 4rem!important
    }

    .p-xxl-7 {
        padding: 5rem!important
    }

    .p-xxl-8 {
        padding: 6rem!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
    }

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

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

    .px-xxl-8 {
        padding-right: 6rem!important;
        padding-left: 6rem!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
    }

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

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

    .py-xxl-8 {
        padding-top: 6rem!important;
        padding-bottom: 6rem!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
    }

    .pt-xxl-6 {
        padding-top: 4rem!important
    }

    .pt-xxl-7 {
        padding-top: 5rem!important
    }

    .pt-xxl-8 {
        padding-top: 6rem!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
    }

    .pe-xxl-6 {
        padding-right: 4rem!important
    }

    .pe-xxl-7 {
        padding-right: 5rem!important
    }

    .pe-xxl-8 {
        padding-right: 6rem!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
    }

    .pb-xxl-6 {
        padding-bottom: 4rem!important
    }

    .pb-xxl-7 {
        padding-bottom: 5rem!important
    }

    .pb-xxl-8 {
        padding-bottom: 6rem!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
    }

    .ps-xxl-6 {
        padding-left: 4rem!important
    }

    .ps-xxl-7 {
        padding-left: 5rem!important
    }

    .ps-xxl-8 {
        padding-left: 6rem!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-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
    }
}

:root {
    --bs-primary: #4057ff;
    --bs-secondary: #6c757d;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-primary-dark: rgb(0, 16.9188481675, 140.5);
    --text-muted: #666666;
    --text-light-gray: #cccccc;
    --bg-light-blue: #f0f4ff;
    --bg-gradient-blue: linear-gradient(180deg, #b5c9f7 0%, #d4e3ff 50%, #e8f0ff 100%);
    --border-light: #cccccc;
    --border-extra-light: rgba(0, 0, 0, .05);
    --badge-bg: #d9e5ff;
    --badge-text: #0014a8;
    --brand-blue: #4C6FD9;
    --brand-blue-dark: #2d4de0;
    --brand-blue-light: #f8f9ff;
    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-base: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-xxl: 1.75rem;
    --font-size-xxxl: 2rem;
    --font-size-display: 2.5rem;
    --spacing-xs: .25rem;
    --spacing-sm: .5rem;
    --spacing-md: .75rem;
    --spacing-base: 1rem;
    --spacing-lg: 1.25rem;
    --spacing-xl: 1.5rem;
    --spacing-xxl: 2rem;
    --spacing-xxxl: 2.5rem;
    --spacing-huge: 3rem;
    --spacing-massive: 4rem;
    --spacing-giant: 5rem;
    --spacing-super: 7.5rem;
    --line-height-tight: 1.2;
    --line-height-normal: 1.3;
    --line-height-relaxed: 1.5;
    --line-height-loose: 1.75;
    --radius-sm: .25rem;
    --radius-md: .5rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-xxl: 2rem;
    --radius-pill: 2rem;
    --container-card-xs: 18.75rem;
    --container-card-sm: 19.875rem;
    --container-card-md: 20rem;
    --container-card-lg: 22.125rem;
    --container-card-xl: 22.5rem;
    --container-image-md: 28rem;
    --container-feature-sm: 15rem;
    --container-content: 69.5rem;
    --container-standard: 75rem;
    --container-wide: 87.5rem;
    --shadow-xs: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --shadow-sm: 0 .125rem .375rem rgba(73, 83, 102, .3);
    --shadow-md: 0 .25rem 1rem rgba(0, 0, 0, .1);
    --shadow-lg: 0 .5rem 2rem rgba(0, 0, 0, .1);
    --shadow-xl: 0 1rem 3rem rgba(0, 0, 0, .175);
    --shadow-button: 0 .25rem .75rem rgba(64, 87, 255, .3);
    --bs-border-radius: .5rem;
    --bs-border-radius-lg: .75rem;
    --bs-border-radius-sm: .375rem;
    --bs-btn-border-radius: 2rem;
    --bs-btn-font-weight: 600;
    --bs-btn-padding-y: .75rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-font-family-sans-serif: Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo;
    --bs-card-border-radius: .75rem;
    --bs-card-box-shadow: 0 .125rem .75rem rgba(0, 0, 0, .1);
    --bs-border-width: 1px;
    --bs-border-color: rgba(0, 0, 0, .125);
    --bs-body-bg: #fff
}

a {
    color: #343a40;
    text-decoration: underline;
    transition: color .3s ease
}

a:hover {
    color: #000;
    text-decoration: none
}

a:focus {
    color: #000;
    text-decoration: none
}

.btn:focus,.form-control:focus,.form-select:focus {
    border-color: transparent
}

.btn,.nav-link,.dropdown-item,.card-hover-lift,.card-hover-lift-large,.carousel-control-custom,.list-group-item,a[href]:not(.no-touch-feedback) {
    transition: transform .15s ease,box-shadow .2s ease,background-color .15s ease
}

.btn:active,.nav-link:active,.dropdown-item:active,.card-hover-lift:active,.card-hover-lift-large:active,.carousel-control-custom:active,.list-group-item:active,a[href]:not(.no-touch-feedback):active {
    transform: scale(.98);
    transition: transform .05s ease
}

.btn:active {
    transform: scale(.97) translateY(.0625rem);
    box-shadow: inset 0 2px 4px #0000001a;
    transition: transform .05s ease,box-shadow .05s ease
}

.btn.btn-primary:active {
    background-color: #0d2aff;
    border-color: #0d2aff
}

.btn.btn-outline-primary:active {
    background-color: #4057ff1a;
    color: #001df3
}

.nav-link:active {
    background-color: #4057ff14;
    transform: scale(.98)
}

.card-hover-lift:active,.card-hover-lift-large:active {
    transform: scale(.99) translateY(.125rem);
    box-shadow: 0 .125rem .5rem #00000014
}

.carousel-control-custom:active {
    transform: scale(.95);
    background-color: #0000000d
}

.list-group-item:active {
    background-color: #4057ff0d;
    transform: scale(.995)
}

@media (hover: none) and (pointer: coarse) {
    .btn:hover,.card-hover-lift:hover,.card-hover-lift-large:hover {
        transform:none;
        box-shadow: inherit
    }

    .btn:active {
        transform: scale(.95) translateY(.125rem)
    }

    .card-hover-lift:active,.card-hover-lift-large:active {
        transform: scale(.97) translateY(.25rem)
    }
}

@keyframes ripple {
    0% {
        transform: scale(0);
        opacity: .6
    }

    to {
        transform: scale(4);
        opacity: 0
    }
}

.touch-ripple {
    position: relative;
    overflow: hidden
}

.touch-ripple:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff80;
    border-radius: 50%;
    transform: scale(0);
    pointer-events: none
}

.touch-ripple:active:after {
    animation: ripple .6s ease-out
}

.hero-section {
    background: linear-gradient(135deg,#4057ff,#001df3)
}

.animate-float {
    animation: float 3s ease-in-out infinite
}

@keyframes float {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }
}

.min-vh-75 {
    min-height: 75vh
}

.text-brand {
    color: #4057ff!important
}

.bg-brand {
    background-color: #4057ff!important
}

.display-1,.display-2,.display-3,.display-4,.display-5,.display-6 {
    font-weight: 700;
    line-height: 1.3
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    font-weight: 600;
    line-height: 1.4
}

.btn {
    font-weight: 600;
    letter-spacing: .025em;
    padding: 10px 16px;
    transition: all .3s ease
}

.btn-lg,.btn-group-lg>.btn {
    padding: 1rem 2rem;
    font-size: 1.125rem
}

.btn-primary {
    transition: all .3s ease
}

.btn-primary:hover {
    background-color: #1a237e!important;
    border-color: #1a237e!important;
    color: #fff!important;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d
}

.btn-outline-primary {
    transition: all .3s ease
}

.btn-outline-primary:hover {
    background-color: #1a237e!important;
    color: #fff!important;
    border-color: #1a237e!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d
}

.btn-outline-primary:hover svg,.btn-outline-primary:hover .icon,.btn-outline-primary:hover img {
    filter: brightness(0) invert(1)!important
}

.btn-outline-secondary {
    transition: all .3s ease
}

.btn-outline-secondary:hover {
    background-color: #495057!important;
    color: #fff!important;
    border-color: #495057!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #49505733
}

.badge {
    background: var(--badge-bg);
    color: var(--badge-text);
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    font-weight: 700;
    white-space: nowrap;
    min-width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.transition-base {
    transition: all .3s ease
}

.transition-transform {
    transition: transform .3s ease
}

.transition-color {
    transition: color .2s ease
}

.transition-fast {
    transition: all .15s ease-in-out
}

.card-hover-lift {
    transition: transform .3s ease,box-shadow .3s ease
}

.card-hover-lift:hover {
    transform: translateY(-.3125rem);
    box-shadow: var(--bs-box-shadow-lg)
}

.card-hover-lift-large {
    transition: transform .3s ease,box-shadow .3s ease
}

.card-hover-lift-large:hover {
    transform: translateY(-.5rem);
    box-shadow: 0 1.5rem 4rem #0000001f
}

.section-padding-xl {
    padding: 5rem 0
}

@media (max-width: 767.98px) {
    .section-padding-xl {
        padding:3rem 0
    }
}

.section-padding-lg {
    padding: 4rem 0
}

@media (max-width: 767.98px) {
    .section-padding-lg {
        padding:2.5rem 0
    }
}

.section-padding-md {
    padding: 3rem 0
}

@media (max-width: 767.98px) {
    .section-padding-md {
        padding:2rem 0
    }
}

.section-padding-sm {
    padding: 2rem 0
}

@media (max-width: 767.98px) {
    .section-padding-sm {
        padding:1.5rem 0
    }
}

.title-base,.section-title {
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.4;
    font-weight: 700
}

.subtitle-base,.section-subtitle {
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.5;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .subtitle-base,.section-subtitle {
        text-align:left;
        margin-left: auto;
        margin-right: auto
    }
}

.title-xl {
    font-size: 2.5rem;
    letter-spacing: .075rem;
    line-height: 1.5
}

@media (max-width: 767.98px) {
    .title-xl {
        font-size:1.75rem;
        letter-spacing: .05rem;
        line-height: 1.5
    }
}

.title-lg,.section-title {
    font-size: 2rem;
    line-height: 1.4
}

@media (max-width: 767.98px) {
    .title-lg,.section-title {
        font-size:1.5rem
    }
}

.title-md {
    font-size: 1.5rem;
    line-height: 1.3
}

@media (max-width: 767.98px) {
    .title-md {
        font-size:1.25rem
    }
}

.title-sm,.section-subtitle {
    font-size: 1.25rem;
    line-height: 1.3
}

@media (max-width: 767.98px) {
    .title-sm,.section-subtitle {
        font-size:1rem
    }
}

.title-xs {
    font-size: 1.125rem;
    line-height: 1.3
}

@media (max-width: 767.98px) {
    .title-xs {
        font-size:.875rem
    }
}

.title-primary {
    color: var(--bs-primary)
}

.title-brand-blue {
    color: #4a69bd
}

.title-brand-dark {
    color: #0014a8
}

.title-white {
    color: #fff
}

.title-muted {
    color: #666
}

.section-title {
    margin-bottom: 3rem;
    text-align: center
}

@media (max-width: 767.98px) {
    .section-title {
        margin-bottom:2rem
    }
}

.section-subtitle {
    margin-bottom: .5rem
}

.btn-hover-lift {
    transition: transform .3s ease,box-shadow .3s ease
}

.btn-hover-lift:hover {
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff4d
}

.btn-hover-lift-outline {
    transition: transform .3s ease,box-shadow .3s ease
}

.btn-hover-lift-outline:hover {
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}

.icon-sm {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-md {
    width: 2rem;
    height: 2rem;
    color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-lg {
    width: 3rem;
    height: 3rem;
    color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .mobile-text-center {
        text-align:left;
        margin-left: auto;
        margin-right: auto
    }
}

.carousel-control-custom {
    width: 3rem;
    height: 3rem;
    background: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 .25rem .9375rem #0000001a;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.carousel-control-custom:hover {
    background: #f8f9fa;
    transform: scale(1.05)
}

@media (max-width: 767.98px) {
    .carousel-control-custom {
        width:2.5rem;
        height: 2.5rem
    }
}

.badge-primary {
    background: var(--badge-bg);
    color: var(--badge-text)
}

.badge-feature {
    background: var(--badge-bg);
    color: var(--badge-text);
    padding: var(--spacing-sm) var(--spacing-base);
    font-size: var(--font-size-xs);
    font-weight: 700;
    white-space: nowrap;
    border: none;
    border-radius: var(--radius-sm)
}

@keyframes scroll-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.animate-fade-in {
    opacity: 0;
    animation: fadeIn 1.2s ease-out .2s forwards
}

.animate-scroll-left {
    animation: scroll-left 30s linear infinite
}

.container-standard {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem
}

@media (max-width: 767.98px) {
    .container-standard {
        padding:0
    }
}

.container-wide {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3rem
}

@media (max-width: 767.98px) {
    .container-wide {
        padding:0
    }
}

.base-card {
    background: #fff;
    border: none;
    display: flex;
    flex-direction: column;
    transition: all .3s ease
}

.base-card-body {
    display: flex;
    flex-direction: column;
    padding: 1.5rem
}

.card-radius-sm {
    border-radius: var(--radius-md)
}

.card-radius-md {
    border-radius: var(--radius-lg)
}

.card-radius-lg {
    border-radius: var(--radius-xl)
}

.card-radius-xl {
    border-radius: var(--radius-xxl)
}

.card-shadow-light {
    box-shadow: var(--shadow-sm)
}

.card-shadow-medium {
    box-shadow: var(--shadow-md)
}

.card-shadow-deep {
    box-shadow: var(--shadow-lg)
}

.card-padding-sm {
    padding: var(--spacing-base)
}

.card-padding-md {
    padding: var(--spacing-xl)
}

.card-padding-lg {
    padding: var(--spacing-xl) var(--spacing-lg)
}

.card-padding-xl {
    padding: var(--spacing-huge) var(--spacing-xxxl)
}

.card-body-standard {
    padding: var(--spacing-xl);
    display: flex;
    flex-direction: column
}

.card-body-full-height {
    height: 100%
}

@media (max-width: 767.98px) {
    .card-body-mobile-responsive {
        padding:var(--spacing-xl) var(--spacing-base);
        gap: var(--spacing-base)
    }
}

.card-title-standard {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--bs-primary-dark);
    margin: 0;
    line-height: var(--line-height-normal)
}

@media (max-width: 767.98px) {
    .card-title-standard {
        font-size:var(--font-size-sm)
    }
}

.card-title-large {
    font-size: var(--font-size-md);
    font-weight: 700
}

.card-button-standard {
    width: 17.5rem;
    line-height: 1.125;
    justify-content: center
}

@media (max-width: 767.98px) {
    .card-button-standard {
        width:100%;
        max-width: 17.5rem
    }
}

.card-button-responsive {
    width: calc(100% - var(--spacing-base));
    min-width: 14rem
}

.card-icon-standard {
    font-size: 1.2rem;
    background: transparent;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .card-mobile-standard {
        width:100%;
        max-width: var(--container-card-lg);
        margin: 0 auto
    }
}

@media (max-width: 767.98px) {
    .card-mobile-centered {
        margin:0 auto
    }
}

.card-content-standard {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg)
}

.card-shadow-standard {
    box-shadow: 0 .5rem 2rem #0000001a
}

.card-layout-standard {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: none;
    background: #fff;
    transition: all .3s ease
}

.card-layout-horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: none;
    background: #fff
}

@media (max-width: 767.98px) {
    .card-layout-horizontal {
        flex-direction:column
    }
}

.card-header-standard {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    background: none;
    border-bottom: none;
    padding: 0;
    margin-bottom: 1rem
}

.card-header-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    width: 100%;
    background: none;
    border-bottom: none;
    padding: 0;
    margin-bottom: 1rem
}

.card-gap-sm {
    gap: .5rem
}

.card-gap-md {
    gap: 1rem
}

.card-gap-lg {
    gap: 1.5rem
}

.card-gap-xl {
    gap: 2rem
}

.card-width-fixed-sm {
    width: var(--container-card-xs);
    flex-shrink: 0
}

.card-width-fixed-md {
    width: var(--container-card-md);
    flex-shrink: 0
}

.card-width-fixed-lg {
    width: var(--container-card-lg);
    flex-shrink: 0
}

.card-width-flex {
    flex: 1;
    min-width: 0
}

@media (max-width: 991.98px) {
    .card-responsive-standard {
        width:100%;
        max-width: var(--container-card-lg);
        margin: 0 auto
    }
}

@media (max-width: 767.98px) {
    .card-responsive-standard {
        width:100%;
        max-width: var(--container-card-xl);
        margin: 0 auto
    }
}

.card-text-left {
    text-align: left
}

.card-text-center,.card-text-mobile-left {
    text-align: center
}

@media (max-width: 767.98px) {
    .card-text-mobile-left {
        text-align:left
    }
}

.card-button-container {
    margin-top: auto;
    display: flex;
    justify-content: center;
    width: 100%!important
}

.card-button-full-width {
    width: 100%!important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.list-group-card-standard {
    border-radius: 1rem;
    overflow: hidden
}

.list-group-item-standard {
    border-bottom: 1px solid var(--border-light);
    padding: 1.5rem 2rem;
    color: inherit;
    text-decoration: none;
    transition: background-color .2s ease
}

.list-group-item-standard:first-child {
    border-top: 1px solid var(--border-light)
}

.list-group-item-standard:last-child {
    border-bottom: 1px solid var(--border-light)
}

.list-group-item-standard:hover {
    background-color: #f8f9fa;
    color: inherit
}

.news-item-layout {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.news-content-layout {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1
}

.news-header-layout {
    display: flex;
    align-items: center;
    gap: 1rem
}

.news-arrow-standard {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--bs-primary)
}

@media (max-width: 767.98px) {
    .news-mobile-layout {
        flex-direction:row!important;
        align-items: flex-start!important;
        gap: .5rem
    }

    .news-mobile-layout .news-content-layout {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: .5rem
    }

    .news-mobile-layout .news-header-layout {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .news-mobile-layout .news-arrow-standard {
        align-self: center;
        margin-left: 1rem
    }
}

.contact-card-layout {
    height: 14.4375rem
}

@media (max-width: 991.98px) {
    .contact-card-layout {
        width:100%;
        max-width: 354px;
        height: auto
    }
}

@media (max-width: 767.98px) {
    .contact-card-layout {
        width:100%;
        max-width: var(--container-card-xl);
        height: auto;
        min-height: 10rem;
        margin: 0 auto
    }
}

.contact-card-body {
    padding: var(--spacing-xl);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    height: 100%
}

@media (max-width: 767.98px) {
    .contact-card-body {
        padding:1.5rem 1rem
    }
}

.hero-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.125rem;
    text-decoration: none;
    transition: all .3s ease;
    width: 15rem;
    cursor: pointer;
    border: none
}

.hero-btn i {
    font-size: 1rem;
    flex-shrink: 0
}

@media (max-width: 767.98px) {
    .hero-btn {
        width:100%;
        max-width: none
    }
}

.hero-btn-primary {
    background: var(--bs-primary);
    color: #fff
}

.hero-btn-primary:hover {
    background: #1a237e!important;
    color: #fff!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d
}

.hero-btn-outline {
    background: #fff;
    color: var(--bs-primary);
    border: 1px solid var(--bs-primary)
}

.hero-btn-outline:hover {
    background: #1a237e!important;
    color: #fff!important;
    border-color: #1a237e!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d
}

.hero-btn-outline:hover svg,.hero-btn-outline:hover .icon,.hero-btn-outline:hover img,.hero-btn-outline:hover i {
    filter: brightness(0) invert(1)!important
}

.cta-button:hover {
    background: #1a237e!important;
    color: #fff!important;
    border-color: #1a237e!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d
}

.cta-button:hover svg,.cta-button:hover .icon,.cta-button:hover img {
    filter: brightness(0) invert(1)!important
}

.d-flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.d-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.d-flex-column {
    display: flex;
    flex-direction: column
}

.d-flex-column-center {
    display: flex;
    flex-direction: column;
    align-items: center
}

.d-flex-center-gap-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.d-flex-center-gap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.d-flex-center-gap-lg {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem
}

.d-flex-column-gap {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.d-flex-column-gap-lg {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.container-centered {
    max-width: 1200px;
    margin: 0 auto
}

.container-centered-padded {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem
}

@media (max-width: 767.98px) {
    .container-centered-padded {
        padding:0 1rem
    }
}

@media (max-width: 767.98px) {
    .container-mobile {
        max-width:90%;
        margin: 0 auto
    }
}

.text-center-mobile-left {
    text-align: center
}

@media (max-width: 767.98px) {
    .text-center-mobile-left {
        text-align:left;
        margin-left: auto;
        margin-right: auto
    }
}

.w-100-max-20 {
    width: 100%;
    max-width: 20rem
}

.w-100-max-25 {
    width: 100%;
    max-width: 25rem
}

.w-100-max-28 {
    width: 100%;
    max-width: 28rem
}

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

.img-full {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.position-rel {
    position: relative
}

.position-abs {
    position: absolute
}

.overflow-hidden {
    overflow: hidden
}

.gap-sm {
    gap: .5rem
}

.gap {
    gap: 1rem
}

.gap-lg {
    gap: 1.5rem
}

.gap-xl {
    gap: 2rem
}

.mb-1 {
    margin-bottom: 1rem
}

.mb-2 {
    margin-bottom: 2rem
}

.mb-3 {
    margin-bottom: 3rem
}

.section-header-standard {
    text-align: center;
    margin-bottom: 2.5rem
}

@media (max-width: 767.98px) {
    .section-header-standard {
        margin-bottom:2rem
    }
}

.section-header-large {
    text-align: center;
    margin-bottom: 3rem
}

@media (max-width: 767.98px) {
    .section-header-large {
        margin-bottom:2rem;
        text-align: left;
        margin-left: auto;
        margin-right: auto
    }
}

.section-header-mobile-left {
    text-align: center
}

@media (max-width: 767.98px) {
    .section-header-mobile-left {
        text-align:left;
        margin-left: auto;
        margin-right: auto
    }
}

.heading-mobile-left {
    text-align: center
}

@media (max-width: 767.98px) {
    .heading-mobile-left {
        text-align:left;
        margin-left: auto;
        margin-right: auto
    }
}

.section-container-standard {
    max-width: var(--container-standard);
    margin: 0 auto;
    padding: 0 2rem
}

@media (max-width: 767.98px) {
    .section-container-standard {
        padding:0 1rem
    }
}

.section-container-wide {
    max-width: var(--container-wide);
    margin: 0 auto;
    padding: 0 3rem
}

@media (max-width: 767.98px) {
    .section-container-wide {
        padding:0
    }
}

.section-container-content {
    max-width: var(--container-content);
    margin: 0 auto;
    padding: 0 2rem
}

@media (max-width: 767.98px) {
    .section-container-content {
        padding:0
    }
}

.card-grid-3col {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 1.5rem
}

@media (max-width: 991.98px) {
    .card-grid-3col {
        flex-direction:column;
        align-items: center;
        gap: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .card-grid-3col {
        gap:1rem
    }
}

.card-grid-2col {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 2rem
}

@media (max-width: 991.98px) {
    .card-grid-2col {
        flex-direction:column;
        align-items: center;
        gap: 1.5rem
    }
}

.section-bg-white {
    background: #fff
}

.section-bg-brand {
    background: var(--brand-blue)
}

.section-bg-primary {
    background: var(--bs-primary)
}

.section-bg-light-blue {
    background: var(--bg-light-blue)
}

.section-bg-gradient {
    background: var(--bg-gradient-blue)
}

.section-content-standard {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: center
}

@media (max-width: 767.98px) {
    .section-content-standard {
        gap:2rem
    }
}

.section-content-large {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center
}

@media (max-width: 767.98px) {
    .section-content-large {
        gap:2rem
    }
}

.phone-info-standard {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    text-align: center
}

.phone-number-standard {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--bs-dark);
    margin: 0;
    line-height: normal
}

@media (max-width: 767.98px) {
    .phone-number-standard {
        font-size:1.5rem
    }
}

.phone-hours-standard {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    margin: 0;
    line-height: normal;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    .phone-hours-standard {
        font-size:.75rem
    }
}

.section-label {
    font-size: var(--font-size-base);
    color: var(--text-muted);
    margin: 0;
    line-height: var(--line-height-tight)
}

@media (max-width: 767.98px) {
    .section-label {
        font-size:var(--font-size-sm)
    }
}

.text-body-relaxed {
    line-height: var(--line-height-loose);
    margin: 0;
    color: var(--bs-dark)
}

@media (max-width: 767.98px) {
    .text-body-relaxed {
        line-height:1.6
    }
}

.examples-list-layout {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-super);
    align-items: center
}

@media (max-width: 767.98px) {
    .examples-list-layout {
        gap:var(--spacing-huge)
    }
}

.example-item-layout {
    display: flex;
    align-items: center;
    gap: var(--spacing-giant);
    width: 100%;
    max-width: 90rem
}

@media (max-width: 767.98px) {
    .example-item-layout {
        flex-direction:column;
        gap: var(--spacing-xxl);
        max-width: 100%
    }
}

.example-item-layout.reverse {
    flex-direction: row-reverse
}

@media (max-width: 767.98px) {
    .example-item-layout.reverse {
        flex-direction:column
    }
}

.example-content-layout {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxl)
}

@media (max-width: 767.98px) {
    .example-content-layout {
        gap:var(--spacing-xl);
        text-align: left;
        margin: 0 auto
    }
}

.example-image-container {
    width: 22.5rem;
    height: 17.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

@media (max-width: 767.98px) {
    .example-image-container {
        width:100%;
        max-width: 22.5rem;
        height: 15rem;
        margin: 0 auto
    }
}

@media (max-width: 399.98px) {
    .example-image-container {
        height:12rem
    }
}

.example-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

@media (max-width: 991.98px) {
    .min-vh-75 {
        min-height:auto;
        padding: 3rem 0
    }

    .display-4 {
        font-size: 2rem
    }

    .lead {
        font-size: 1rem
    }
}

.benefits-section-standard {
    width: 100%;
    background: #fff
}

.problem-section-gradient {
    background: linear-gradient(180deg,#b5c9f7,#d4e3ff,#e8f0ff);
    position: relative;
    padding: 3rem 2rem 4rem;
    border-radius: 0 0 50% 50%/0 0 100px 100px
}

@media (max-width: 767.98px) {
    .problem-section-gradient {
        padding:2rem 1rem 3rem
    }
}

.problem-header-layout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    margin-bottom: 3rem
}

@media (max-width: 991.98px) {
    .problem-header-layout {
        flex-direction:column;
        gap: 2rem
    }
}

.problem-heading-container {
    text-align: center;
    flex: 1;
    max-width: 50%
}

@media (max-width: 991.98px) {
    .problem-heading-container {
        max-width:90%
    }
}

.problem-illustrations {
    flex-shrink: 0
}

@media (max-width: 991.98px) {
    .problem-illustrations {
        display:none
    }
}

.problem-cards-grid {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 1.3125rem;
    margin-bottom: 2rem
}

@media (max-width: 767.98px) {
    .problem-cards-grid {
        flex-direction:column;
        align-items: center;
        gap: 1rem;
        max-width: 90%;
        margin: 0 auto 2rem
    }
}

.problem-card-standard {
    background: #fff;
    border-radius: 2rem;
    width: 19.875rem;
    box-shadow: 0 .25rem 1rem #0000001a;
    border: none;
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (max-width: 767.98px) {
    .problem-card-standard {
        width:100%;
        max-width: 20rem;
        margin: 0 auto
    }
}

.problem-card-body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    gap: 1rem
}

.problem-card-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: none!important;
    border: none!important;
    padding: 0!important
}

.problem-title-standard {
    font-size: 2rem;
    font-weight: 700;
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.2
}

@media (max-width: 767.98px) {
    .problem-title-standard {
        font-size:1.5rem
    }
}

.problem-card-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.3
}

@media (max-width: 767.98px) {
    .problem-card-title {
        font-size:1rem
    }
}

.problem-card-text {
    font-size: .875rem;
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.5
}

@media (max-width: 767.98px) {
    .problem-card-text {
        font-size:.8125rem
    }
}

.transition-arrow-container {
    position: absolute;
    bottom: -.625rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 10
}

.transition-arrow {
    width: 4rem;
    height: 2rem
}

.results-section-standard {
    background: #fff;
    padding: 4rem 2rem
}

@media (max-width: 767.98px) {
    .results-section-standard {
        padding:2rem 1rem
    }
}

.results-heading-container {
    text-align: center;
    margin-bottom: 3rem
}

@media (max-width: 767.98px) {
    .results-heading-container {
        margin-bottom:2rem
    }
}

.results-title-standard {
    font-size: 2rem;
    font-weight: 700;
    color: var(--bs-dark);
    margin: 0 0 1rem;
    line-height: 1.2
}

@media (max-width: 767.98px) {
    .results-title-standard {
        font-size:1.5rem
    }
}

.results-subtitle-standard {
    font-size: 1rem;
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.5
}

@media (max-width: 767.98px) {
    .results-subtitle-standard {
        font-size:.875rem;
        text-align: center
    }
}

.effects-container-standard {
    text-align: center;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 767.98px) {
    .effects-container-standard {
        margin-bottom:2rem
    }
}

.responsive-image-desktop {
    display: block;
    max-width: 100%;
    height: auto
}

@media (max-width: 767.98px) {
    .responsive-image-desktop {
        display:none
    }
}

.responsive-image-mobile {
    display: none;
    max-width: 100%;
    height: auto
}

@media (max-width: 767.98px) {
    .responsive-image-mobile {
        display:block
    }
}

.benefits-check-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    color: var(--bs-primary)
}

.wide-button {
    width: 17.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    white-space: nowrap;
    margin: 0 auto
}

html,body {
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 1.6
}

[data-astro-cid-sckkx6r4] {
    box-sizing: border-box
}

body {
    padding-top: 64px;
    transition: padding-top .35s ease
}

@media (max-width: 767px) {
    body {
        padding-top:46px
    }
}

body.mobile-menu-open {
    padding-top: calc(64px + var(--mobile-menu-height, 0px))
}

@media (max-width: 767px) {
    body.mobile-menu-open {
        padding-top:calc(46px + var(--mobile-menu-height, 0px))
    }
}

.services[data-astro-cid-g5jplrhu] {
    background: #f3f4f6
}

.services-header[data-astro-cid-g5jplrhu] {
    text-align: center;
    margin-bottom: 3.75rem
}

.services-grid[data-astro-cid-g5jplrhu] {
    display: grid;
    gap: 2.5rem;
    align-items: stretch;
    margin-bottom: 2.5rem
}

.services-grid[data-astro-cid-g5jplrhu].cards-1 {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin: 0 auto 2.5rem
}

.services-grid[data-astro-cid-g5jplrhu].cards-2 {
    grid-template-columns: 1fr 1fr
}

.service-card[data-astro-cid-g5jplrhu] {
    background: #fff;
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 0 .5rem 2rem #0000001a;
    transition: all .3s ease;
    border: none
}

.mockup-container[data-astro-cid-g5jplrhu] {
    background: linear-gradient(110deg,#b5d1f4,#e8f0ff 30%,#f0f6ff 70%,#f4f8fc);
    padding: 2rem 1.5rem;
    height: 18rem;
    position: relative;
    overflow: hidden
}

.mockup-container[data-astro-cid-g5jplrhu]:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 20% 30%,rgba(74,105,189,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(125,155,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.4) 0%,transparent 40%);
    pointer-events: none
}

.mockup-image-wrapper[data-astro-cid-g5jplrhu] {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.mockup-image[data-astro-cid-g5jplrhu] {
    border-radius: .5rem;
    object-fit: contain
}

.ibe-card[data-astro-cid-g5jplrhu] .mockup-image[data-astro-cid-g5jplrhu].desktop,.pms-card[data-astro-cid-g5jplrhu] .mockup-image[data-astro-cid-g5jplrhu].single {
    width: 90%;
    height: auto;
    max-height: 95%
}

.card-body[data-astro-cid-g5jplrhu] {
    padding: 3rem 2.5rem;
    text-align: center
}

.service-card[data-astro-cid-g5jplrhu].no-image .card-body[data-astro-cid-g5jplrhu] {
    padding: 2.5rem
}

.service-card[data-astro-cid-g5jplrhu].no-image .service-name[data-astro-cid-g5jplrhu] {
    margin: 0 0 1rem
}

.service-card[data-astro-cid-g5jplrhu].no-image .service-description[data-astro-cid-g5jplrhu] {
    margin: 0 0 1.5rem
}

.service-card[data-astro-cid-g5jplrhu].no-image .service-features[data-astro-cid-g5jplrhu] {
    margin-bottom: 2rem
}

.service-category[data-astro-cid-g5jplrhu] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-muted);
    margin-bottom: var(--spacing-md)
}

.service-name[data-astro-cid-g5jplrhu] {
    margin: 0 0 1.25rem;
    letter-spacing: -.02em
}

.service-name[data-astro-cid-g5jplrhu] {
    display: flex;
    gap: .5rem;
    justify-content: center;
    align-items: center
}

.service-description[data-astro-cid-g5jplrhu] {
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0 0 var(--spacing-xxl) 0
}

.service-features[data-astro-cid-g5jplrhu] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    margin-bottom: 2.5rem
}

.feature-tag[data-astro-cid-g5jplrhu] {
    background: var(--badge-bg);
    color: var(--badge-text);
    padding: var(--spacing-sm) var(--spacing-base);
    font-size: var(--font-size-xs);
    font-weight: 700;
    white-space: nowrap;
    border: none;
    border-radius: var(--radius-sm)
}

.service-button[data-astro-cid-g5jplrhu] {
    width: 17.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    white-space: nowrap;
    margin: 0 auto
}

.services-note[data-astro-cid-g5jplrhu] {
    text-align: center;
    margin-top: 40px
}

.services-note[data-astro-cid-g5jplrhu] p[data-astro-cid-g5jplrhu] {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
    margin: 0;
    line-height: 1.5
}

@media (max-width: 1199px) {
    .services-grid[data-astro-cid-g5jplrhu] {
        gap:1.875rem
    }
}

@media (max-width: 768px) {
    .services[data-astro-cid-g5jplrhu] {
        max-width:100%!important;
        margin: 0!important;
        text-align: left!important;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .services-container[data-astro-cid-g5jplrhu] {
        text-align: left;
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

    .services-grid[data-astro-cid-g5jplrhu],.services-grid[data-astro-cid-g5jplrhu].cards-1,.services-grid[data-astro-cid-g5jplrhu].cards-2 {
        grid-template-columns: 1fr;
        gap: 1.875rem;
        max-width: 100%;
        margin: 0 0 2.5rem
    }

    .mockup-container[data-astro-cid-g5jplrhu] {
        padding: 1.25rem 1rem;
        height: 11rem
    }

    .ibe-card[data-astro-cid-g5jplrhu] .mockup-image[data-astro-cid-g5jplrhu].desktop {
        width: 70%
    }

    .ibe-card[data-astro-cid-g5jplrhu] .mockup-image[data-astro-cid-g5jplrhu].mobile {
        width: 25%;
        right: 1rem
    }

    .pms-card[data-astro-cid-g5jplrhu] .mockup-image[data-astro-cid-g5jplrhu].single {
        width: 70%
    }

    .card-body[data-astro-cid-g5jplrhu] {
        padding: var(--spacing-xxl) var(--spacing-xl);
        text-align: left;
        max-width: 100%;
        margin: 0
    }

    .service-card[data-astro-cid-g5jplrhu].no-image .card-body[data-astro-cid-g5jplrhu] {
        padding: var(--spacing-xxl) var(--spacing-xl)
    }

    .service-card[data-astro-cid-g5jplrhu].no-image .service-name[data-astro-cid-g5jplrhu] {
        margin: 0 0 .75rem;
        font-size: 1.5rem
    }

    .service-card[data-astro-cid-g5jplrhu].no-image .service-description[data-astro-cid-g5jplrhu] {
        margin: 0 0 1.25rem
    }

    .service-card[data-astro-cid-g5jplrhu].no-image .service-features[data-astro-cid-g5jplrhu] {
        margin-bottom: 1.5rem
    }

    .services-note[data-astro-cid-g5jplrhu] {
        text-align: left;
        max-width: 100%;
        margin: 40px 0 0
    }

    .service-name[data-astro-cid-g5jplrhu] {
        font-size: 1.75rem
    }

    .service-description[data-astro-cid-g5jplrhu] {
        font-size: .875rem
    }

    .service-button[data-astro-cid-g5jplrhu] {
        padding: var(--spacing-md) var(--spacing-xl);
        font-size: .875rem;
        width: 100%;
        max-width: 17.5rem;
        margin: 0 auto
    }
}

@media (max-width: 480px) {
    .mockup-container[data-astro-cid-g5jplrhu] {
        padding:1rem .75rem;
        height: 9rem
    }

    .ibe-card[data-astro-cid-g5jplrhu] .mockup-image[data-astro-cid-g5jplrhu].desktop {
        width: 65%
    }

    .ibe-card[data-astro-cid-g5jplrhu] .mockup-image[data-astro-cid-g5jplrhu].mobile {
        width: 24%;
        right: .75rem
    }

    .pms-card[data-astro-cid-g5jplrhu] .mockup-image[data-astro-cid-g5jplrhu].single {
        width: 65%
    }

    .card-body[data-astro-cid-g5jplrhu] {
        padding: var(--spacing-xl) var(--spacing-lg)
    }

    .service-name[data-astro-cid-g5jplrhu] {
        font-size: var(--font-size-xl)
    }

    .service-card[data-astro-cid-g5jplrhu]:not(:has(.mockup-container)) .service-name[data-astro-cid-g5jplrhu] {
        font-size: 1.25rem
    }

    .service-card[data-astro-cid-g5jplrhu]:not(:has(.mockup-container)) .card-body[data-astro-cid-g5jplrhu] {
        padding: var(--spacing-xl) var(--spacing-lg)
    }
}

.breadcrumbs[data-astro-cid-ilhxcym7] {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden
}

.breadcrumbs-container[data-astro-cid-ilhxcym7] {
    padding: 1rem 2.5rem;
    overflow: hidden
}

.breadcrumb-list[data-astro-cid-ilhxcym7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: auto;
    min-height: 1.5rem;
    max-height: 2rem
}

.breadcrumb-list[data-astro-cid-ilhxcym7]::-webkit-scrollbar {
    display: none
}

.breadcrumb-item[data-astro-cid-ilhxcym7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .875rem;
    line-height: 1.2;
    white-space: nowrap;
    flex-shrink: 0;
    height: auto
}

.breadcrumb-link[data-astro-cid-ilhxcym7],.breadcrumb-text[data-astro-cid-ilhxcym7] {
    white-space: nowrap;
    line-height: 1.2;
    vertical-align: middle
}

.breadcrumb-text[data-astro-cid-ilhxcym7] {
    color: #333;
    text-decoration: none
}

.breadcrumb-text[data-astro-cid-ilhxcym7].current {
    color: #333;
    font-weight: 400
}

.breadcrumb-separator[data-astro-cid-ilhxcym7] {
    width: 1rem;
    height: 1rem;
    color: #999;
    flex-shrink: 0;
    vertical-align: middle
}

.breadcrumb-item[data-astro-cid-ilhxcym7]:after,.breadcrumb-item[data-astro-cid-ilhxcym7]:before {
    content: none!important
}

.breadcrumb-link[data-astro-cid-ilhxcym7]:after,.breadcrumb-text[data-astro-cid-ilhxcym7]:after {
    content: none!important
}

@media (max-width: 768px) {
    .breadcrumbs[data-astro-cid-ilhxcym7] {
        text-align:left!important;
        max-width: 90%!important;
        margin: 0 auto!important;
        overflow: hidden
    }

    .breadcrumbs-container[data-astro-cid-ilhxcym7] {
        padding: .75rem .5rem;
        text-align: left!important;
        max-width: 100%!important;
        margin: 0!important;
        overflow: hidden
    }

    .breadcrumb-list[data-astro-cid-ilhxcym7] {
        gap: .25rem;
        padding-right: 1rem;
        scroll-behavior: smooth;
        min-height: 1.25rem;
        max-height: 1.5rem
    }

    .breadcrumb-item[data-astro-cid-ilhxcym7] {
        gap: .25rem;
        font-size: .75rem;
        line-height: 1.2
    }

    .breadcrumb-separator[data-astro-cid-ilhxcym7] {
        width: .875rem;
        height: .875rem
    }
}

@media (max-width: 576px) {
    .breadcrumbs-container[data-astro-cid-ilhxcym7] {
        padding:.75rem .5rem
    }

    .breadcrumb-list[data-astro-cid-ilhxcym7] {
        gap: .25rem;
        min-height: 1rem;
        max-height: 1.25rem
    }

    .breadcrumb-item[data-astro-cid-ilhxcym7] {
        gap: .25rem
    }
}

.hero-crm[data-astro-cid-nsgmjz2s] {
    background: #d9e5ff;
    padding: 2rem 0;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-container[data-astro-cid-nsgmjz2s] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%
}

.hero-content[data-astro-cid-nsgmjz2s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .25rem;
    margin: 0 auto;
    padding: .625rem
}

.service-category[data-astro-cid-nsgmjz2s] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0014a8;
    margin: 0;
    line-height: 1.2
}

.service-subtitle[data-astro-cid-nsgmjz2s] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2
}

.hero-main-title[data-astro-cid-nsgmjz2s] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    letter-spacing: -.05rem;
    line-height: 1.2
}

.hero-description[data-astro-cid-nsgmjz2s] {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #333;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.hero-description[data-astro-cid-nsgmjz2s] p[data-astro-cid-nsgmjz2s] {
    margin: 0
}

.logo-section[data-astro-cid-nsgmjz2s] {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin-top: .25rem
}

.logo-container[data-astro-cid-nsgmjz2s] {
    display: flex;
    align-items: center;
    justify-content: center
}

.logo-text[data-astro-cid-nsgmjz2s] {
    font-size: 1rem;
    font-weight: 700;
    color: #393b3d
}

.logo-accent[data-astro-cid-nsgmjz2s] {
    font-size: 1rem;
    font-weight: 700;
    color: #6e7780
}

@media (max-width: 768px) {
    .hero-crm[data-astro-cid-nsgmjz2s] {
        padding:1.5rem 0;
        min-height: auto
    }

    .hero-container[data-astro-cid-nsgmjz2s] {
        padding: 0
    }

    .hero-content[data-astro-cid-nsgmjz2s] {
        gap: .5rem;
        padding: .5rem;
        text-align: left;
        margin: 0 auto
    }

    .service-category[data-astro-cid-nsgmjz2s] {
        font-size: 1.25rem
    }

    .service-subtitle[data-astro-cid-nsgmjz2s] {
        font-size: 1.125rem
    }

    .hero-main-title[data-astro-cid-nsgmjz2s] {
        font-size: 1.75rem;
        letter-spacing: -.035rem
    }

    .hero-description[data-astro-cid-nsgmjz2s] {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .logo-section[data-astro-cid-nsgmjz2s] {
        gap: 1rem
    }

    .logo-container[data-astro-cid-nsgmjz2s] svg {
        width: 140px;
        height: 34px
    }
}

@media (max-width: 480px) {
    .hero-main-title[data-astro-cid-nsgmjz2s] {
        font-size:1.5rem
    }

    .hero-description[data-astro-cid-nsgmjz2s] {
        font-size: .875rem;
        line-height: 1.375rem
    }

    .service-category[data-astro-cid-nsgmjz2s] {
        font-size: 1.125rem
    }

    .service-subtitle[data-astro-cid-nsgmjz2s] {
        font-size: 1rem
    }

    .logo-section[data-astro-cid-nsgmjz2s] {
        gap: .75rem
    }

    .logo-container[data-astro-cid-nsgmjz2s] svg {
        width: 130px;
        height: 32px
    }
}

.benefits-crm[data-astro-cid-yuhfhgro] {
    padding: 2.625rem 0 4.125rem;
    background: #fff
}

.benefits-container[data-astro-cid-yuhfhgro] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.benefits-content[data-astro-cid-yuhfhgro] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem
}

.section-title[data-astro-cid-yuhfhgro] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.benefits-cards[data-astro-cid-yuhfhgro] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: stretch;
    width: 100%
}

.benefit-card[data-astro-cid-yuhfhgro] {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    padding: 1.5rem;
    width: 22.125rem;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.card-header[data-astro-cid-yuhfhgro] {
    display: flex;
    gap: .625rem;
    align-items: flex-start;
    background: transparent!important;
    border: none!important;
    border-bottom: none!important;
    padding: 0!important
}

.check-icon[data-astro-cid-yuhfhgro] {
    color: #4057ff;
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    background: transparent!important
}

.card-title[data-astro-cid-yuhfhgro] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.2;
    background: transparent!important;
    border: none!important;
    border-bottom: none!important
}

.title-line[data-astro-cid-yuhfhgro] {
    display: block;
    background: transparent!important;
    border: none!important
}

.card-description[data-astro-cid-yuhfhgro] {
    font-size: 1rem;
    color: #333;
    margin: 0;
    line-height: 1.5;
    font-weight: 300;
    border: none!important
}

.benefit-card[data-astro-cid-yuhfhgro] [data-astro-cid-yuhfhgro] {
    border: none!important;
    border-bottom: none!important;
    border-top: none!important
}

@media (max-width: 1024px) {
    .benefits-container[data-astro-cid-yuhfhgro] {
        padding:0 2rem
    }

    .benefits-cards[data-astro-cid-yuhfhgro] {
        flex-direction: column;
        align-items: center
    }

    .benefit-card[data-astro-cid-yuhfhgro] {
        width: 100%;
        max-width: 30rem
    }
}

@media (max-width: 768px) {
    .benefits-crm[data-astro-cid-yuhfhgro] {
        padding:2rem 0 3rem
    }

    .benefits-container[data-astro-cid-yuhfhgro] {
        padding: 0 1rem
    }

    .benefits-content[data-astro-cid-yuhfhgro] {
        gap: 2rem
    }

    .section-title[data-astro-cid-yuhfhgro] {
        font-size: 1.5rem
    }

    .card-title[data-astro-cid-yuhfhgro] {
        font-size: 1.125rem
    }

    .card-description[data-astro-cid-yuhfhgro] {
        font-size: .875rem
    }

    .benefit-card[data-astro-cid-yuhfhgro] {
        padding: 1.25rem
    }

    .check-icon[data-astro-cid-yuhfhgro] {
        font-size: 1.75rem;
        width: 1.75rem;
        height: 1.75rem
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-yuhfhgro] {
        font-size:1.25rem
    }

    .benefit-card[data-astro-cid-yuhfhgro] {
        padding: 1rem
    }

    .card-title[data-astro-cid-yuhfhgro] {
        font-size: 1rem
    }

    .card-description[data-astro-cid-yuhfhgro] {
        font-size: .8125rem
    }
}

.features[data-astro-cid-tx4cahjs] {
    background: #fff;
    padding: 5rem 0 2rem
}

.features-container[data-astro-cid-tx4cahjs] {
    padding: 0 2rem
}

.features-header[data-astro-cid-tx4cahjs] {
    text-align: center;
    margin-bottom: 2.5rem
}

.features-title[data-astro-cid-tx4cahjs] {
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    color: #333;
    margin: 0 0 .5rem;
    line-height: 1
}

.features-subtitle[data-astro-cid-tx4cahjs] {
    font-size: var(--font-size-sm);
    color: #666;
    margin: 0;
    line-height: 1
}

.features-grid[data-astro-cid-tx4cahjs] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,auto);
    gap: 1.5rem;
    margin-bottom: 3rem
}

.additional-features-container[data-astro-cid-tx4cahjs] {
    width: 100%;
    padding: 0 2rem
}

.additional-features-grid[data-astro-cid-tx4cahjs] {
    display: none;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
    align-items: stretch
}

.additional-features-grid[data-astro-cid-tx4cahjs].expanded {
    display: grid;
    animation: fadeIn .5s ease-out
}

.feature-card[data-astro-cid-tx4cahjs] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    border: 1px solid #cccccc;
    box-shadow: 0 .125rem .375rem #4953664d;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    min-height: 19rem
}

.additional-features-grid[data-astro-cid-tx4cahjs] .feature-card[data-astro-cid-tx4cahjs] {
    min-height: 12.5rem;
    gap: .75rem;
    padding: 1.5rem
}

.additional-features-grid[data-astro-cid-tx4cahjs] .feature-content[data-astro-cid-tx4cahjs] {
    gap: .75rem;
    padding-top: 1rem
}

.feature-icon[data-astro-cid-tx4cahjs] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.25rem;
    margin-bottom: .5rem
}

.feature-icon[data-astro-cid-tx4cahjs] svg[data-astro-cid-tx4cahjs] {
    max-width: 100%;
    max-height: 100%
}

.feature-content[data-astro-cid-tx4cahjs] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    flex: 1
}

.feature-title-row[data-astro-cid-tx4cahjs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex-wrap: wrap;
    flex-direction: column
}

.feature-title[data-astro-cid-tx4cahjs] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #383838;
    margin: 0;
    line-height: 1;
    white-space: nowrap
}

.feature-title-with-asterisk[data-astro-cid-tx4cahjs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem
}

.feature-badge[data-astro-cid-tx4cahjs] {
    background: var(--badge-bg);
    color: var(--badge-text);
    font-size: var(--font-size-xs);
    font-weight: 700;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-sm);
    white-space: nowrap
}

.feature-asterisk[data-astro-cid-tx4cahjs] {
    font-size: var(--font-size-base);
    color: #333;
    font-weight: 400
}

.feature-description[data-astro-cid-tx4cahjs] {
    font-size: var(--font-size-base);
    line-height: 2rem;
    color: #333;
    margin: 0;
    text-align: left;
    flex: 1
}

.features-cta[data-astro-cid-tx4cahjs] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem
}

.cta-text[data-astro-cid-tx4cahjs] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: #0014a8;
    margin: 0;
    line-height: 4.375rem
}

.cta-button[data-astro-cid-tx4cahjs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #fff;
    color: #4057ff;
    font-size: var(--font-size-base);
    font-weight: 600;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    border: 1px solid #cccccc;
    text-decoration: none;
    transition: all .3s ease;
    width: 17.5rem;
    cursor: pointer
}

.cta-button[data-astro-cid-tx4cahjs]:hover {
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}

.cta-button[data-astro-cid-tx4cahjs] svg[data-astro-cid-tx4cahjs] {
    flex-shrink: 0
}

.feature-note[data-astro-cid-tx4cahjs] {
    color: #666;
    font-size: var(--font-size-sm)
}

@media (max-width: 991px) {
    .features-grid[data-astro-cid-tx4cahjs] {
        grid-template-columns:repeat(2,1fr);
        grid-template-rows: repeat(3,auto);
        gap: 1.25rem
    }

    .additional-features-container[data-astro-cid-tx4cahjs] {
        padding: 0 1.5rem
    }

    .additional-features-grid[data-astro-cid-tx4cahjs] {
        grid-template-columns: repeat(2,1fr);
        gap: 1.25rem
    }
}

@media (max-width: 768px) {
    .features[data-astro-cid-tx4cahjs] {
        padding:3rem 0
    }

    .features-container[data-astro-cid-tx4cahjs] {
        padding: 0 1rem
    }

    .features-title[data-astro-cid-tx4cahjs] {
        font-size: var(--font-size-xl)
    }

    .features-grid[data-astro-cid-tx4cahjs] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6,auto);
        gap: 1rem
    }

    .additional-features-container[data-astro-cid-tx4cahjs] {
        padding: 0 1rem
    }

    .additional-features-grid[data-astro-cid-tx4cahjs] {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .feature-card[data-astro-cid-tx4cahjs] {
        padding: 1.5rem 1rem;
        min-height: auto;
        text-align: left;
        max-width: 90%;
        margin: 0 auto
    }

    .feature-icon[data-astro-cid-tx4cahjs] {
        height: 5rem
    }

    .feature-title[data-astro-cid-tx4cahjs] {
        font-size: var(--font-size-md);
        text-align: center
    }

    .feature-title-row[data-astro-cid-tx4cahjs] {
        justify-content: center;
        flex-direction: row;
        gap: .5rem;
        align-items: center
    }

    .feature-description[data-astro-cid-tx4cahjs] {
        font-size: var(--font-size-sm);
        line-height: 1.75rem;
        text-align: left
    }

    .cta-text[data-astro-cid-tx4cahjs] {
        font-size: var(--font-size-sm);
        line-height: 3rem
    }

    .cta-button[data-astro-cid-tx4cahjs] {
        width: 100%;
        max-width: 240px
    }
}

@media (max-width: 576px) {
    .features-container[data-astro-cid-tx4cahjs] {
        padding:0 .75rem
    }

    .feature-title[data-astro-cid-tx4cahjs] {
        font-size: var(--font-size-base);
        white-space: normal;
        text-align: center;
        line-height: 1.3
    }

    .feature-title-row[data-astro-cid-tx4cahjs] {
        flex-direction: row;
        gap: .5rem
    }

    .feature-description[data-astro-cid-tx4cahjs] {
        font-size: .8125rem;
        line-height: 1.625rem;
        text-align: left
    }
}

.application-examples[data-astro-cid-lhgtgbou] {
    background-color: #fff;
    padding: 3rem 1rem
}

.section-header[data-astro-cid-lhgtgbou] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-label[data-astro-cid-lhgtgbou] {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1rem
}

.example-category[data-astro-cid-lhgtgbou] {
    margin-bottom: -1rem
}

.example-title[data-astro-cid-lhgtgbou] {
    margin-bottom: 0
}

@media (max-width: 480px) {
    .section-header[data-astro-cid-lhgtgbou] {
        margin-bottom:2.5rem
    }

    .example-description[data-astro-cid-lhgtgbou] {
        font-size: .8125rem
    }
}

.content-section[data-astro-cid-552qe5i7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
    gap: 1.5rem
}

.text-content[data-astro-cid-552qe5i7] {
    flex: 1;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.main-title[data-astro-cid-552qe5i7] {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: normal
}

.description[data-astro-cid-552qe5i7] {
    font-size: 1rem;
    color: #fff;
    line-height: 1.5;
    margin: 0;
    height: 4rem
}

.docs-image[data-astro-cid-552qe5i7] {
    flex-shrink: 0
}

.docs-img[data-astro-cid-552qe5i7] {
    max-width: 100%;
    height: auto
}

.contact-rich[data-astro-cid-552qe5i7] .card-content[data-astro-cid-552qe5i7],.contact-rich[data-astro-cid-552qe5i7] .card-button-container[data-astro-cid-552qe5i7],.contact-rich[data-astro-cid-552qe5i7] .card-button-full-width[data-astro-cid-552qe5i7] {
    width: 100%!important
}

@media (max-width: 1200px) {
    .cta-cards[data-astro-cid-552qe5i7] .card[data-astro-cid-552qe5i7] {
        width:auto!important;
        min-width: 280px;
        max-width: 100%;
        flex: 1
    }

    .cta-cards[data-astro-cid-552qe5i7] {
        gap: 1rem
    }
}

@media (max-width: 991px) {
    .content-section[data-astro-cid-552qe5i7] {
        flex-direction:column;
        text-align: center;
        gap: 2rem
    }
}

@media (max-width: 768px) {
    .docs-image[data-astro-cid-552qe5i7] {
        display:none
    }

    .content-section[data-astro-cid-552qe5i7] {
        margin-bottom: 2rem
    }

    .text-content[data-astro-cid-552qe5i7] {
        text-align: left;
        max-width: 100%;
        margin: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .main-title[data-astro-cid-552qe5i7] {
        font-size: 1.5rem
    }

    .description[data-astro-cid-552qe5i7] {
        font-size: .875rem;
        height: auto;
        text-align: left
    }
}

@media (max-width: 480px) {
    .main-title[data-astro-cid-552qe5i7] {
        font-size:1.25rem
    }

    .card-title[data-astro-cid-552qe5i7] {
        font-size: .875rem
    }

    .phone-number[data-astro-cid-552qe5i7] {
        font-size: 1.5rem
    }
}

[data-astro-cid-xmivup5a][data-icon] {
    font-size: 3rem
}

.contact-title[data-astro-cid-xmivup5a] {
    margin-bottom: 2.5rem
}

.contact-card[data-astro-cid-xmivup5a] {
    height: 10.75rem;
    width: 300px
}

.card-header-center[data-astro-cid-xmivup5a] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 768px) {
    .contact[data-astro-cid-xmivup5a] {
        padding:2.5rem 1rem;
        max-width: 100%!important;
        margin: 0!important
    }

    .contact-container[data-astro-cid-xmivup5a] {
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

    .contact-title[data-astro-cid-xmivup5a] {
        font-size: var(--font-size-lg);
        margin-bottom: 2rem;
        text-align: left!important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .contact-card[data-astro-cid-xmivup5a] {
        height: auto;
        width: 100%
    }

    .contact[data-astro-cid-xmivup5a] .card-header[data-astro-cid-xmivup5a] .card-title[data-astro-cid-xmivup5a],.contact[data-astro-cid-xmivup5a] .card[data-astro-cid-xmivup5a] .card-title[data-astro-cid-xmivup5a].text-center {
        text-align: center!important
    }
}

@media (max-width: 480px) {
    .contact-title[data-astro-cid-xmivup5a] {
        font-size:var(--font-size-md)
    }

    .card-title[data-astro-cid-xmivup5a] {
        font-size: .875rem
    }
}

.content-cards[data-astro-cid-5q5cflet] {
    background: #fff
}

.card[data-astro-cid-5q5cflet] a[data-astro-cid-5q5cflet] {
    text-decoration: none;
    color: inherit
}

.articles-container[data-astro-cid-5q5cflet] {
    display: flex;
    gap: 2rem;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 100%;
    overflow: hidden
}

.article-card-wrapper[data-astro-cid-5q5cflet] {
    flex: 0 0 calc((100% - 4rem) / 3);
    max-width: calc((100% - 4rem) / 3)
}

.card-img-wrapper[data-astro-cid-5q5cflet] {
    width: 100%;
    height: 0;
    padding-bottom: 66.67%;
    overflow: hidden;
    position: relative
}

.card-img-top[data-astro-cid-5q5cflet] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius)
}

.card-body[data-astro-cid-5q5cflet] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
    flex-grow: 1
}

.card-title[data-astro-cid-5q5cflet] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.4;
    flex-grow: 1
}

.card-date[data-astro-cid-5q5cflet] {
    font-size: .875rem;
    color: var(--text-muted);
    line-height: normal;
    margin-top: auto
}

.wide-button[data-astro-cid-5q5cflet]:hover {
    background: #e8ecff;
    color: #4a69bd;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}

@media (max-width: 991px) {
    .articles-container[data-astro-cid-5q5cflet] {
        flex-direction:column;
        align-items: center;
        gap: 2rem
    }

    .article-card-wrapper[data-astro-cid-5q5cflet] {
        flex: none;
        width: 100%;
        max-width: var(--container-card-lg)
    }
}

@media (max-width: 768px) {
    .container[data-astro-cid-5q5cflet] {
        text-align:left;
        max-width: 100%;
        margin: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .articles-container[data-astro-cid-5q5cflet] {
        overflow-x: auto;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        gap: 1.5rem;
        width: 100%;
        padding-bottom: 1rem;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .articles-container[data-astro-cid-5q5cflet]::-webkit-scrollbar {
        display: none
    }

    .article-card-wrapper[data-astro-cid-5q5cflet] {
        flex: 0 0 17.75rem;
        width: 17.75rem;
        max-width: 17.75rem
    }

    .wide-button[data-astro-cid-5q5cflet] {
        width: 100%;
        max-width: 17.75rem;
        margin: 0 auto
    }
}

.hero-promotion[data-astro-cid-hdjsokdg] {
    background: #d9e5ff;
    padding: 2rem 0;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-container[data-astro-cid-hdjsokdg] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%
}

.hero-content[data-astro-cid-hdjsokdg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .25rem;
    margin: 0 auto;
    padding: .625rem
}

.service-category[data-astro-cid-hdjsokdg] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0014a8;
    margin: 0;
    line-height: 1.2
}

.service-subtitle[data-astro-cid-hdjsokdg] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2
}

.hero-main-title[data-astro-cid-hdjsokdg] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    letter-spacing: -.05rem;
    line-height: 1.2
}

.hero-description-tag[data-astro-cid-hdjsokdg] {
    font-size: .875rem;
    padding: .5rem 1rem;
    margin-bottom: 1rem
}

.hero-description[data-astro-cid-hdjsokdg] {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #333;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.hero-description[data-astro-cid-hdjsokdg] p[data-astro-cid-hdjsokdg] {
    margin: 0
}

.logo-section[data-astro-cid-hdjsokdg] {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin-top: .25rem
}

.logo-container[data-astro-cid-hdjsokdg] {
    display: flex;
    align-items: center;
    justify-content: center
}

.logo-text[data-astro-cid-hdjsokdg] {
    font-size: 1rem;
    font-weight: 700;
    color: #393b3d
}

.logo-accent[data-astro-cid-hdjsokdg] {
    font-size: 1rem;
    font-weight: 700;
    color: #6e7780
}

@media (max-width: 768px) {
    .hero-promotion[data-astro-cid-hdjsokdg] {
        padding:1.5rem 0;
        min-height: auto
    }

    .hero-container[data-astro-cid-hdjsokdg] {
        padding: 0
    }

    .hero-content[data-astro-cid-hdjsokdg] {
        gap: .5rem;
        padding: .5rem;
        text-align: left;
        margin: 0 auto
    }

    .service-category[data-astro-cid-hdjsokdg] {
        font-size: 1.25rem
    }

    .service-subtitle[data-astro-cid-hdjsokdg] {
        font-size: 1.125rem
    }

    .hero-main-title[data-astro-cid-hdjsokdg] {
        font-size: 1.75rem;
        letter-spacing: -.035rem
    }

    .hero-description[data-astro-cid-hdjsokdg] {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .logo-section[data-astro-cid-hdjsokdg] {
        gap: 1rem
    }

    .logo-container[data-astro-cid-hdjsokdg] svg {
        width: 140px;
        height: 34px
    }
}

@media (max-width: 480px) {
    .hero-main-title[data-astro-cid-hdjsokdg] {
        font-size:1.5rem
    }

    .hero-description[data-astro-cid-hdjsokdg] {
        font-size: .875rem;
        line-height: 1.375rem
    }

    .service-category[data-astro-cid-hdjsokdg] {
        font-size: 1.125rem
    }

    .service-subtitle[data-astro-cid-hdjsokdg] {
        font-size: 1rem
    }

    .logo-section[data-astro-cid-hdjsokdg] {
        gap: .75rem
    }

    .logo-container[data-astro-cid-hdjsokdg] svg {
        width: 130px;
        height: 32px
    }
}

.benefits-promotion[data-astro-cid-4zsfkceb] {
    padding: 2.625rem 0 4.125rem;
    background: #fff
}

.benefits-container[data-astro-cid-4zsfkceb] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.benefits-content[data-astro-cid-4zsfkceb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem
}

.section-title[data-astro-cid-4zsfkceb] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.benefits-cards[data-astro-cid-4zsfkceb] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: stretch;
    width: 100%
}

.benefit-card[data-astro-cid-4zsfkceb] {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    padding: 1.5rem;
    width: 22.125rem;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.card-header[data-astro-cid-4zsfkceb] {
    display: flex;
    gap: .625rem;
    align-items: flex-start;
    background: transparent!important;
    border: none!important;
    border-bottom: none!important;
    padding: 0!important
}

.check-icon[data-astro-cid-4zsfkceb] {
    color: #4057ff;
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    background: transparent!important
}

.card-title[data-astro-cid-4zsfkceb] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.2;
    background: transparent!important;
    border: none!important;
    border-bottom: none!important
}

.title-line[data-astro-cid-4zsfkceb] {
    display: block;
    background: transparent!important;
    border: none!important
}

.card-description[data-astro-cid-4zsfkceb] {
    font-size: 1rem;
    color: #333;
    margin: 0;
    line-height: 1.5;
    font-weight: 300;
    border: none!important
}

.benefit-card[data-astro-cid-4zsfkceb] [data-astro-cid-4zsfkceb] {
    border: none!important;
    border-bottom: none!important;
    border-top: none!important
}

.benefits-image[data-astro-cid-4zsfkceb] {
    max-width: min(420px,30vw);
    width: 100%;
    height: auto;
    object-fit: contain
}

@media (max-width: 768px) {
    .benefits-images[data-astro-cid-4zsfkceb] {
        flex-direction:column;
        gap: 1rem
    }

    .benefits-image[data-astro-cid-4zsfkceb] {
        max-width: 280px
    }
}

@media (max-width: 1024px) {
    .benefits-container[data-astro-cid-4zsfkceb] {
        padding:0 2rem
    }

    .benefits-cards[data-astro-cid-4zsfkceb] {
        flex-direction: column;
        align-items: center
    }

    .benefit-card[data-astro-cid-4zsfkceb] {
        width: 100%;
        max-width: 30rem
    }
}

@media (max-width: 768px) {
    .benefits-promotion[data-astro-cid-4zsfkceb] {
        padding:2rem 0 3rem
    }

    .benefits-container[data-astro-cid-4zsfkceb] {
        padding: 0 1rem
    }

    .benefits-content[data-astro-cid-4zsfkceb] {
        gap: 2rem
    }

    .section-title[data-astro-cid-4zsfkceb] {
        font-size: 1.5rem
    }

    .card-title[data-astro-cid-4zsfkceb] {
        font-size: 1.125rem
    }

    .card-description[data-astro-cid-4zsfkceb] {
        font-size: .875rem
    }

    .benefit-card[data-astro-cid-4zsfkceb] {
        padding: 1.25rem
    }

    .check-icon[data-astro-cid-4zsfkceb] {
        font-size: 1.75rem;
        width: 1.75rem;
        height: 1.75rem
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-4zsfkceb] {
        font-size:1.25rem
    }

    .benefit-card[data-astro-cid-4zsfkceb] {
        padding: 1rem
    }

    .card-title[data-astro-cid-4zsfkceb] {
        font-size: 1rem
    }

    .card-description[data-astro-cid-4zsfkceb] {
        font-size: .8125rem
    }
}

.features[data-astro-cid-ojaqohlp] {
    background: #fff;
    padding: 5rem 0 2rem
}

.features-container[data-astro-cid-ojaqohlp] {
    padding: 0 2rem
}

.features-header[data-astro-cid-ojaqohlp] {
    text-align: center;
    margin-bottom: 2.5rem
}

.features-title[data-astro-cid-ojaqohlp] {
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    color: #333;
    margin: 0 0 .5rem;
    line-height: 1
}

.features-subtitle[data-astro-cid-ojaqohlp] {
    font-size: var(--font-size-sm);
    color: #666;
    margin: 0;
    line-height: 1
}

.features-grid[data-astro-cid-ojaqohlp] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,auto);
    gap: 1.5rem;
    margin-bottom: 3rem
}

.additional-features-container[data-astro-cid-ojaqohlp] {
    width: 100%;
    padding: 0 2rem
}

.additional-features-grid[data-astro-cid-ojaqohlp] {
    display: none;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
    align-items: stretch
}

.additional-features-grid[data-astro-cid-ojaqohlp].expanded {
    display: grid;
    animation: fadeIn .5s ease-out
}

.feature-card[data-astro-cid-ojaqohlp] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    border: 1px solid #cccccc;
    box-shadow: 0 .125rem .375rem #4953664d;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    min-height: 19rem
}

.additional-features-grid[data-astro-cid-ojaqohlp] .feature-card[data-astro-cid-ojaqohlp] {
    min-height: 12.5rem;
    gap: .75rem;
    padding: 1.5rem
}

.additional-features-grid[data-astro-cid-ojaqohlp] .feature-content[data-astro-cid-ojaqohlp] {
    gap: .75rem;
    padding-top: 1rem
}

.feature-icon[data-astro-cid-ojaqohlp] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.25rem;
    margin-bottom: .5rem
}

.feature-icon[data-astro-cid-ojaqohlp] svg[data-astro-cid-ojaqohlp] {
    max-width: 100%;
    max-height: 100%
}

.feature-content[data-astro-cid-ojaqohlp] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    flex: 1
}

.feature-title-row[data-astro-cid-ojaqohlp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex-wrap: wrap;
    flex-direction: column
}

.feature-title[data-astro-cid-ojaqohlp] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #383838;
    margin: 0;
    line-height: 1;
    white-space: nowrap
}

.feature-title-with-asterisk[data-astro-cid-ojaqohlp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem
}

.feature-badge[data-astro-cid-ojaqohlp] {
    background: var(--badge-bg);
    color: var(--badge-text);
    font-size: var(--font-size-xs);
    font-weight: 700;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-sm);
    white-space: nowrap
}

.feature-asterisk[data-astro-cid-ojaqohlp] {
    font-size: var(--font-size-base);
    color: #333;
    font-weight: 400
}

.feature-description[data-astro-cid-ojaqohlp] {
    font-size: var(--font-size-base);
    line-height: 2rem;
    color: #333;
    margin: 0;
    text-align: left;
    flex: 1
}

.features-cta[data-astro-cid-ojaqohlp] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem
}

.cta-text[data-astro-cid-ojaqohlp] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: #0014a8;
    margin: 0;
    line-height: 4.375rem
}

.cta-button[data-astro-cid-ojaqohlp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #fff;
    color: #4057ff;
    font-size: var(--font-size-base);
    font-weight: 600;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    border: 1px solid #cccccc;
    text-decoration: none;
    transition: all .3s ease;
    width: 17.5rem;
    cursor: pointer
}

.cta-button[data-astro-cid-ojaqohlp]:hover {
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}

.cta-button[data-astro-cid-ojaqohlp] svg[data-astro-cid-ojaqohlp] {
    flex-shrink: 0
}

.feature-note[data-astro-cid-ojaqohlp] {
    color: #666;
    font-size: var(--font-size-sm)
}

@media (max-width: 991px) {
    .features-grid[data-astro-cid-ojaqohlp] {
        grid-template-columns:repeat(2,1fr);
        grid-template-rows: repeat(3,auto);
        gap: 1.25rem
    }

    .additional-features-container[data-astro-cid-ojaqohlp] {
        padding: 0 1.5rem
    }

    .additional-features-grid[data-astro-cid-ojaqohlp] {
        grid-template-columns: repeat(2,1fr);
        gap: 1.25rem
    }
}

@media (max-width: 768px) {
    .features[data-astro-cid-ojaqohlp] {
        padding:3rem 0
    }

    .features-container[data-astro-cid-ojaqohlp] {
        padding: 0 1rem
    }

    .features-title[data-astro-cid-ojaqohlp] {
        font-size: var(--font-size-xl)
    }

    .features-grid[data-astro-cid-ojaqohlp] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6,auto);
        gap: 1rem
    }

    .additional-features-container[data-astro-cid-ojaqohlp] {
        padding: 0 1rem
    }

    .additional-features-grid[data-astro-cid-ojaqohlp] {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .feature-card[data-astro-cid-ojaqohlp] {
        padding: 1.5rem 1rem;
        min-height: auto;
        text-align: left;
        max-width: 90%;
        margin: 0 auto
    }

    .feature-icon[data-astro-cid-ojaqohlp] {
        height: 5rem
    }

    .feature-title[data-astro-cid-ojaqohlp] {
        font-size: var(--font-size-md);
        text-align: center
    }

    .feature-title-row[data-astro-cid-ojaqohlp] {
        justify-content: center;
        flex-direction: row;
        gap: .5rem;
        align-items: center
    }

    .feature-description[data-astro-cid-ojaqohlp] {
        font-size: var(--font-size-sm);
        line-height: 1.75rem;
        text-align: left
    }

    .cta-text[data-astro-cid-ojaqohlp] {
        font-size: var(--font-size-sm);
        line-height: 3rem
    }

    .cta-button[data-astro-cid-ojaqohlp] {
        width: 100%;
        max-width: 240px
    }
}

@media (max-width: 576px) {
    .features-container[data-astro-cid-ojaqohlp] {
        padding:0 .75rem
    }

    .feature-title[data-astro-cid-ojaqohlp] {
        font-size: var(--font-size-base);
        white-space: normal;
        text-align: center;
        line-height: 1.3
    }

    .feature-title-row[data-astro-cid-ojaqohlp] {
        flex-direction: row;
        gap: .5rem
    }

    .feature-description[data-astro-cid-ojaqohlp] {
        font-size: .8125rem;
        line-height: 1.625rem;
        text-align: left
    }
}

.application-examples[data-astro-cid-66kfz4tm] {
    background-color: #fff;
    padding: 3rem 1rem
}

.section-header[data-astro-cid-66kfz4tm] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-label[data-astro-cid-66kfz4tm] {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1rem
}

.example-category[data-astro-cid-66kfz4tm] {
    margin-bottom: -1rem
}

.example-title[data-astro-cid-66kfz4tm] {
    margin-bottom: 0
}

@media (max-width: 480px) {
    .section-header[data-astro-cid-66kfz4tm] {
        margin-bottom:2.5rem
    }

    .example-description[data-astro-cid-66kfz4tm] {
        font-size: .8125rem
    }
}

.comparison-promotion[data-astro-cid-ue2ucmqv] {
    padding: 3rem 1rem;
    background: #fff
}

.section-header[data-astro-cid-ue2ucmqv] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-title[data-astro-cid-ue2ucmqv] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 1.5rem;
    line-height: 1.2
}

.section-description[data-astro-cid-ue2ucmqv] {
    font-size: 1rem;
    color: #333;
    margin: 0 auto;
    line-height: 1.6;
    max-width: 800px;
    text-align: left
}

.comparison-content[data-astro-cid-ue2ucmqv] {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
    text-align: center
}

.content-title[data-astro-cid-ue2ucmqv] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 1rem;
    line-height: 1.3
}

.content-description[data-astro-cid-ue2ucmqv] {
    font-size: 1rem;
    color: #333;
    margin: 0 auto 2rem;
    line-height: 1.6;
    max-width: 800px;
    text-align: left
}

.comparison-ibe_mobile[data-astro-cid-ue2ucmqv] {
    display: none
}

@media (max-width: 768px) {
    .comparison-promotion[data-astro-cid-ue2ucmqv] {
        padding:2rem 1rem
    }

    .section-header[data-astro-cid-ue2ucmqv] {
        margin-bottom: 2.5rem
    }

    .section-title[data-astro-cid-ue2ucmqv] {
        font-size: 1.5rem
    }

    .content-title[data-astro-cid-ue2ucmqv] {
        font-size: 1.25rem
    }

    .section-description[data-astro-cid-ue2ucmqv],.content-description[data-astro-cid-ue2ucmqv] {
        font-size: .875rem
    }

    .comparison-ibe_mobile[data-astro-cid-ue2ucmqv] {
        display: block
    }

    .comparison-ibe_desktop[data-astro-cid-ue2ucmqv] {
        display: none
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-ue2ucmqv] {
        font-size:1.25rem
    }

    .content-title[data-astro-cid-ue2ucmqv] {
        font-size: 1.125rem
    }

    .section-description[data-astro-cid-ue2ucmqv],.content-description[data-astro-cid-ue2ucmqv] {
        font-size: .8125rem
    }
}

.price[data-astro-cid-wrfwvx4g] {
    background: #d9e5ff;
    padding: 5rem 0 1rem
}

.price-container[data-astro-cid-wrfwvx4g] {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

.price-header[data-astro-cid-wrfwvx4g] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center
}

.price-title[data-astro-cid-wrfwvx4g] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1;
    letter-spacing: -.05rem
}

.price-subtitle[data-astro-cid-wrfwvx4g] {
    font-size: 1rem;
    color: #333;
    line-height: 1.5
}

.price-subtitle[data-astro-cid-wrfwvx4g] p[data-astro-cid-wrfwvx4g] {
    margin: 0
}

.price-card[data-astro-cid-wrfwvx4g] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    max-width: 1110px;
    width: 100%
}

.cost-box[data-astro-cid-wrfwvx4g] {
    background: #d9e5ff;
    border-radius: .5rem;
    padding: 1.25rem
}

.cost-discount[data-astro-cid-wrfwvx4g] {
    border: 4px solid #4057FF
}

.cost-catch[data-astro-cid-wrfwvx4g] {
    color: #0014a8;
    font-weight: 700;
    text-align: center
}

.cost-label[data-astro-cid-wrfwvx4g] {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    white-space: nowrap
}

.cost-amount[data-astro-cid-wrfwvx4g] {
    text-align: center
}

.amount-number[data-astro-cid-wrfwvx4g] {
    font-size: 3.125rem;
    font-weight: 600;
    color: #0014a8;
    line-height: 1;
    position: relative;
    z-index: 2
}

.amount-unit[data-astro-cid-wrfwvx4g] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0014a8;
    line-height: 1
}

.amount-number[data-astro-cid-wrfwvx4g]:after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: 0;
    right: 0;
    height: .6875rem;
    background: #fce700;
    border-radius: .5rem;
    z-index: -1
}

.note[data-astro-cid-wrfwvx4g] {
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5
}

.price-cta[data-astro-cid-wrfwvx4g] {
    display: flex;
    justify-content: center;
    width: 100%
}

.cta-button[data-astro-cid-wrfwvx4g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #fff;
    color: #4057ff;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 1.5rem 2rem;
    border-radius: 2rem;
    border: 1px solid #4057ff;
    text-decoration: none;
    transition: all .3s ease;
    width: 18.875rem;
    height: 4.25rem
}

.cta-button[data-astro-cid-wrfwvx4g]:hover {
    background: #1a237e!important;
    color: #fff!important;
    border-color: #1a237e!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d
}

.cta-button[data-astro-cid-wrfwvx4g]:hover svg[data-astro-cid-wrfwvx4g] {
    filter: brightness(0) invert(1)!important
}

.cta-button[data-astro-cid-wrfwvx4g] svg[data-astro-cid-wrfwvx4g] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0
}

@media (max-width: 768px) {
    .price[data-astro-cid-wrfwvx4g] {
        padding:3rem 0
    }

    .price-container[data-astro-cid-wrfwvx4g] {
        padding: 0 1rem;
        gap: 2rem
    }

    .price-title[data-astro-cid-wrfwvx4g] {
        font-size: 1.5rem
    }

    .price-subtitle[data-astro-cid-wrfwvx4g] {
        font-size: .875rem
    }

    .price-card[data-astro-cid-wrfwvx4g] {
        padding: 1.5rem
    }

    .cost-box[data-astro-cid-wrfwvx4g] {
        width: 100%;
        justify-content: center;
        padding: 1rem;
        min-height: 4rem
    }

    .cost-discount[data-astro-cid-wrfwvx4g] .d-flex[data-astro-cid-wrfwvx4g] {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .cost-discount[data-astro-cid-wrfwvx4g] .amount-unit[data-astro-cid-wrfwvx4g] {
        margin-bottom: .5rem
    }

    .amount-number[data-astro-cid-wrfwvx4g] {
        font-size: 2.5rem
    }

    .amount-unit[data-astro-cid-wrfwvx4g] {
        font-size: 1.25rem
    }

    .cta-button[data-astro-cid-wrfwvx4g] {
        width: 100%;
        max-width: 288px;
        font-size: 1rem;
        padding: 1.25rem 1.5rem
    }
}

@media (max-width: 576px) {
    .price-container[data-astro-cid-wrfwvx4g] {
        padding:0 .75rem
    }

    .price-title[data-astro-cid-wrfwvx4g] {
        font-size: 1.25rem
    }

    .price-subtitle[data-astro-cid-wrfwvx4g] {
        font-size: .8125rem
    }

    .cost-box[data-astro-cid-wrfwvx4g] {
        flex-direction: column;
        text-align: center;
        gap: .5rem;
        padding: 1rem .75rem
    }

    .amount-number[data-astro-cid-wrfwvx4g] {
        font-size: 2rem
    }

    .amount-unit[data-astro-cid-wrfwvx4g] {
        font-size: 1rem
    }

    .cta-button[data-astro-cid-wrfwvx4g] {
        font-size: .875rem;
        padding: 1rem 1.25rem
    }
}

.getting-started[data-astro-cid-oq2e52tq] {
    background: #d9e5ff;
    padding: 4rem 0
}

.getting-started-container[data-astro-cid-oq2e52tq] {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

.header-section[data-astro-cid-oq2e52tq] {
    text-align: center;
    margin-bottom: 3rem
}

.section-title[data-astro-cid-oq2e52tq] {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1.5rem
}

.description-main[data-astro-cid-oq2e52tq] {
    font-size: 1rem;
    color: #1f2937;
    margin: 0
}

.steps-flow[data-astro-cid-oq2e52tq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.step-item[data-astro-cid-oq2e52tq] {
    flex: 1
}

.step-card[data-astro-cid-oq2e52tq] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 4px 6px -1px #0000001a;
    position: relative;
    min-height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.step-number[data-astro-cid-oq2e52tq] {
    position: absolute;
    top: -.75rem;
    left: 50%;
    transform: translate(-50%);
    background: #4057ff;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem 1rem;
    border-radius: 2rem;
    white-space: nowrap
}

.step-title[data-astro-cid-oq2e52tq] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0014a8;
    margin: 1rem 0 0;
    text-align: center
}

.step-content[data-astro-cid-oq2e52tq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.step-arrow[data-astro-cid-oq2e52tq] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4057ff
}

.step-arrow-mobile[data-astro-cid-oq2e52tq] {
    display: none
}

@media (max-width: 991.98px) {
    .getting-started[data-astro-cid-oq2e52tq] {
        padding:3rem 0
    }

    .getting-started-container[data-astro-cid-oq2e52tq] {
        padding: 0 1rem
    }

    .section-title[data-astro-cid-oq2e52tq] {
        font-size: 1.75rem
    }

    .steps-flow[data-astro-cid-oq2e52tq] {
        flex-direction: column;
        gap: 1.5rem
    }

    .step-item[data-astro-cid-oq2e52tq] {
        max-width: 24rem;
        width: 100%
    }

    .step-arrow-desktop[data-astro-cid-oq2e52tq] {
        display: none
    }

    .step-arrow-mobile[data-astro-cid-oq2e52tq] {
        display: flex
    }

    .step-card[data-astro-cid-oq2e52tq] {
        min-height: 10rem
    }
}

@media (max-width: 768px) {
    .section-title[data-astro-cid-oq2e52tq] {
        font-size:1.5rem
    }

    .description-main[data-astro-cid-oq2e52tq] {
        font-size: 1rem
    }

    .step-card[data-astro-cid-oq2e52tq] {
        padding: 2rem 1rem 1rem;
        min-height: 9rem
    }

    .step-title[data-astro-cid-oq2e52tq] {
        font-size: 1.125rem;
        margin: 0
    }
}

.hero-yoyakudx[data-astro-cid-s552gw6h] {
    background: #d9e5ff;
    padding: 2rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-container[data-astro-cid-s552gw6h] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.hero-content[data-astro-cid-s552gw6h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .25rem;
    margin: 0 auto;
    padding: .625rem
}

.service-category[data-astro-cid-s552gw6h] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0014a8;
    margin: 0;
    line-height: 1.2
}

.service-subtitle[data-astro-cid-s552gw6h] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2
}

.hero-main-title[data-astro-cid-s552gw6h] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    letter-spacing: -.05rem;
    line-height: 1.2
}

.hero-description[data-astro-cid-s552gw6h] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.hero-description[data-astro-cid-s552gw6h] p[data-astro-cid-s552gw6h] {
    margin: 0
}

.logo-section[data-astro-cid-s552gw6h] {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin-top: .25rem
}

.logo-container[data-astro-cid-s552gw6h] {
    display: flex;
    align-items: center;
    justify-content: center
}

.service-notice[data-astro-cid-s552gw6h] {
    font-size: clamp(.6875rem,1vw,.875rem);
    line-height: 1.75;
    color: #333
}

.service-notice[data-astro-cid-s552gw6h] p[data-astro-cid-s552gw6h] {
    margin: 0 0 .25rem
}

@media (max-width: 768px) {
    .hero-yoyakudx[data-astro-cid-s552gw6h] {
        padding:1.5rem 0
    }

    .hero-container[data-astro-cid-s552gw6h] {
        padding: 0
    }

    .hero-content[data-astro-cid-s552gw6h] {
        gap: .5rem;
        padding: .5rem;
        text-align: left;
        margin: 0 auto
    }

    .service-category[data-astro-cid-s552gw6h] {
        font-size: 1.25rem
    }

    .service-subtitle[data-astro-cid-s552gw6h] {
        font-size: 1.125rem
    }

    .hero-main-title[data-astro-cid-s552gw6h] {
        font-size: 1.75rem;
        letter-spacing: -.035rem
    }

    .hero-description[data-astro-cid-s552gw6h] {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .logo-section[data-astro-cid-s552gw6h] {
        gap: 1rem
    }

    .logo-container[data-astro-cid-s552gw6h] svg {
        width: 140px;
        height: 34px
    }
}

@media (max-width: 480px) {
    .hero-main-title[data-astro-cid-s552gw6h] {
        font-size:1.5rem
    }

    .hero-description[data-astro-cid-s552gw6h] {
        font-size: .875rem;
        line-height: 1.375rem
    }

    .service-category[data-astro-cid-s552gw6h] {
        font-size: 1.125rem
    }

    .service-subtitle[data-astro-cid-s552gw6h] {
        font-size: 1rem
    }

    .logo-section[data-astro-cid-s552gw6h] {
        gap: .75rem
    }

    .logo-container[data-astro-cid-s552gw6h] svg {
        width: 130px;
        height: 32px
    }
}

.benefits-problems[data-astro-cid-25ypetpm],.benefits-effect[data-astro-cid-25ypetpm],.benefits-mechanism[data-astro-cid-25ypetpm] {
    padding: 2.625rem 0 4.125rem;
    background: #fff
}

.benefits-container[data-astro-cid-25ypetpm] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.benefits-content[data-astro-cid-25ypetpm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    max-width: 68rem;
    margin: 0 auto
}

.section-title[data-astro-cid-25ypetpm] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.issue-list[data-astro-cid-25ypetpm] {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: grid;
    gap: 2.25rem
}

.issue-item[data-astro-cid-25ypetpm] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    width: 100%
}

.issue-text[data-astro-cid-25ypetpm] {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.check-icon[data-astro-cid-25ypetpm] {
    color: #4057ff;
    font-size: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .125rem;
    flex-shrink: 0
}

.issue-title[data-astro-cid-25ypetpm] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.25
}

.issue-description[data-astro-cid-25ypetpm] {
    font-size: 1rem;
    color: #333;
    margin: 0;
    line-height: 1.6;
    font-weight: 400
}

.benefits-images[data-astro-cid-25ypetpm] {
    width: 100%;
    gap: 1rem;
    flex-wrap: nowrap
}

.mechanism-image[data-astro-cid-25ypetpm] {
    width: 100%;
    height: auto;
    max-width: 100%
}

.benefits-image[data-astro-cid-25ypetpm] {
    flex: 1 1 0;
    width: 100%;
    max-width: min(21.5rem,calc((100% - 2rem) / 3));
    height: auto;
    object-fit: contain
}

@media (min-width: 992px) {
    .issue-list[data-astro-cid-25ypetpm] {
        max-width:46rem;
        margin: 0 auto
    }
}

@media (max-width: 1024px) {
    .benefits-container[data-astro-cid-25ypetpm] {
        padding:0 2rem
    }
}

@media (max-width: 768px) {
    .benefits-problems[data-astro-cid-25ypetpm],.benefits-effect[data-astro-cid-25ypetpm],.benefits-mechanism[data-astro-cid-25ypetpm] {
        padding:2rem 0 3rem
    }

    .benefits-container[data-astro-cid-25ypetpm] {
        padding: 0 1rem
    }

    .benefits-content[data-astro-cid-25ypetpm] {
        gap: 2rem
    }

    .section-title[data-astro-cid-25ypetpm] {
        font-size: 1.5rem
    }

    .issue-list[data-astro-cid-25ypetpm] {
        gap: 1.5rem
    }

    .issue-item[data-astro-cid-25ypetpm] {
        gap: .875rem
    }

    .issue-title[data-astro-cid-25ypetpm] {
        font-size: 1.5rem
    }

    .issue-description[data-astro-cid-25ypetpm] {
        font-size: 1rem;
        line-height: 1.5
    }

    .check-icon[data-astro-cid-25ypetpm] {
        font-size: 1.5rem;
        width: 1.5rem;
        height: 1.5rem;
        margin-top: .125rem
    }

    .benefits-images[data-astro-cid-25ypetpm] {
        flex-direction: column;
        gap: 1rem
    }

    .benefits-image[data-astro-cid-25ypetpm] {
        max-width: 17.5rem;
        flex: none
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-25ypetpm] {
        font-size:1.25rem
    }

    .issue-title[data-astro-cid-25ypetpm] {
        font-size: 1rem
    }

    .issue-description[data-astro-cid-25ypetpm] {
        font-size: .8125rem;
        line-height: 1.45
    }
}

.features[data-astro-cid-62chj2jo] {
    background: #fff;
    padding: 5rem 0 2rem
}

.features-container[data-astro-cid-62chj2jo] {
    padding: 0 2rem
}

.features-header[data-astro-cid-62chj2jo] {
    text-align: center;
    margin-bottom: 2.5rem
}

.features-title[data-astro-cid-62chj2jo] {
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    color: #333;
    margin: 0 0 .5rem;
    line-height: 1
}

.features-subtitle[data-astro-cid-62chj2jo] {
    font-size: var(--font-size-sm);
    color: #666;
    margin: 0;
    line-height: 1
}

.features-grid[data-astro-cid-62chj2jo] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    margin-bottom: 3rem
}

.feature-card[data-astro-cid-62chj2jo] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    border: 1px solid #cccccc;
    box-shadow: 0 .125rem .375rem #4953664d;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    min-height: 19rem
}

.feature-icon[data-astro-cid-62chj2jo] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.25rem;
    margin-bottom: .5rem
}

.feature-icon[data-astro-cid-62chj2jo] svg[data-astro-cid-62chj2jo] {
    max-width: 100%;
    max-height: 100%
}

.feature-content[data-astro-cid-62chj2jo] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    flex: 1
}

.feature-title-row[data-astro-cid-62chj2jo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex-wrap: wrap;
    flex-direction: column
}

.feature-title[data-astro-cid-62chj2jo] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #383838;
    margin: 0;
    line-height: 1;
    white-space: nowrap
}

.feature-title-with-asterisk[data-astro-cid-62chj2jo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem
}

.feature-badge[data-astro-cid-62chj2jo] {
    background: var(--badge-bg);
    color: var(--badge-text);
    font-size: var(--font-size-xs);
    font-weight: 700;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-sm);
    white-space: nowrap
}

.feature-asterisk[data-astro-cid-62chj2jo] {
    font-size: var(--font-size-base);
    color: #333;
    font-weight: 400
}

.feature-description[data-astro-cid-62chj2jo] {
    font-size: var(--font-size-base);
    line-height: 2rem;
    color: #333;
    margin: 0;
    text-align: left;
    flex: 1
}

@media (max-width: 991px) {
    .features-grid[data-astro-cid-62chj2jo] {
        grid-template-columns:repeat(2,1fr);
        gap: 1.25rem
    }
}

@media (max-width: 768px) {
    .features[data-astro-cid-62chj2jo] {
        padding:3rem 0
    }

    .features-container[data-astro-cid-62chj2jo] {
        padding: 0 1rem
    }

    .features-title[data-astro-cid-62chj2jo] {
        font-size: var(--font-size-xl)
    }

    .features-grid[data-astro-cid-62chj2jo] {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .feature-card[data-astro-cid-62chj2jo] {
        padding: 1.5rem 1rem;
        min-height: auto;
        text-align: left;
        max-width: 90%;
        margin: 0 auto
    }

    .feature-icon[data-astro-cid-62chj2jo] {
        height: 5rem
    }

    .feature-title[data-astro-cid-62chj2jo] {
        font-size: var(--font-size-md);
        text-align: center
    }

    .feature-title-row[data-astro-cid-62chj2jo] {
        justify-content: center;
        flex-direction: row;
        gap: .5rem;
        align-items: center
    }

    .feature-description[data-astro-cid-62chj2jo] {
        font-size: var(--font-size-sm);
        line-height: 1.75rem;
        text-align: left
    }
}

@media (max-width: 576px) {
    .features-container[data-astro-cid-62chj2jo] {
        padding:0 .75rem
    }

    .feature-title[data-astro-cid-62chj2jo] {
        font-size: var(--font-size-base);
        white-space: normal;
        text-align: center;
        line-height: 1.3
    }

    .feature-description[data-astro-cid-62chj2jo] {
        font-size: .8125rem;
        line-height: 1.625rem;
        text-align: left
    }
}

.application-examples[data-astro-cid-mfqpzmhm] {
    background-color: #fff;
    padding: 3rem 1rem
}

.section-header[data-astro-cid-mfqpzmhm] {
    text-align: center;
    margin-bottom: 3.75rem
}

.example-category[data-astro-cid-mfqpzmhm] {
    margin-bottom: -1rem
}

.example-title[data-astro-cid-mfqpzmhm] {
    margin-bottom: 0
}

@media (max-width: 480px) {
    .section-header[data-astro-cid-mfqpzmhm] {
        margin-bottom:2.5rem
    }

    .example-description[data-astro-cid-mfqpzmhm] {
        font-size: .8125rem
    }
}

.price[data-astro-cid-bzsm2w45] {
    background: #d9e5ff;
    padding: 5rem 0
}

.price-container[data-astro-cid-bzsm2w45] {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

.price-header[data-astro-cid-bzsm2w45] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center
}

.price-title[data-astro-cid-bzsm2w45] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1;
    letter-spacing: -.05rem
}

.price-card[data-astro-cid-bzsm2w45] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    max-width: 1110px;
    width: 100%
}

.cost-box[data-astro-cid-bzsm2w45] {
    background: #d9e5ff;
    border-radius: .5rem;
    padding: 1.25rem 8rem
}

.cost-amount[data-astro-cid-bzsm2w45] {
    text-align: center
}

.campaign-label[data-astro-cid-bzsm2w45] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0014a8;
    line-height: 1.4
}

.amount-display[data-astro-cid-bzsm2w45] {
    display: inline-flex;
    align-items: flex-end;
    gap: .1875rem;
    line-height: 1;
    padding: 0
}

.amount-prefix-inline[data-astro-cid-bzsm2w45] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0014a8;
    line-height: 1;
    margin-bottom: .3125rem;
    position: relative;
    z-index: 1
}

.amount-highlight[data-astro-cid-bzsm2w45] {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    gap: .1875rem;
    padding: 0 .125rem .1875rem;
    line-height: 1
}

.amount-highlight[data-astro-cid-bzsm2w45]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .75rem;
    background: #fce700;
    border-radius: 62.4375rem;
    z-index: 0
}

.amount-number[data-astro-cid-bzsm2w45] {
    font-size: 3.75rem;
    font-weight: 700;
    color: #0014a8;
    line-height: .9;
    position: relative;
    z-index: 1
}

.amount-unit-inline[data-astro-cid-bzsm2w45] {
    font-size: 2rem;
    font-weight: 700;
    color: #0014a8;
    line-height: 1;
    white-space: nowrap;
    margin-bottom: .25rem;
    position: relative;
    z-index: 1
}

@media (max-width: 768px) {
    .price[data-astro-cid-bzsm2w45] {
        padding:3rem 0
    }

    .price-container[data-astro-cid-bzsm2w45] {
        padding: 0 1rem;
        gap: 2rem
    }

    .price-title[data-astro-cid-bzsm2w45] {
        font-size: 1.5rem
    }

    .price-card[data-astro-cid-bzsm2w45] {
        padding: 1.5rem
    }

    .cost-box[data-astro-cid-bzsm2w45] {
        width: 100%;
        padding: 1rem;
        min-height: 4rem
    }

    .amount-number[data-astro-cid-bzsm2w45] {
        font-size: 2.5rem
    }

    .amount-prefix-inline[data-astro-cid-bzsm2w45] {
        font-size: 1.25rem;
        margin-bottom: .25rem
    }

    .amount-unit-inline[data-astro-cid-bzsm2w45] {
        font-size: 1.25rem;
        margin-bottom: .1875rem
    }
}

@media (max-width: 576px) {
    .price-container[data-astro-cid-bzsm2w45] {
        padding:0 .75rem
    }

    .price-title[data-astro-cid-bzsm2w45] {
        font-size: 1.25rem
    }

    .cost-box[data-astro-cid-bzsm2w45] {
        text-align: center;
        padding: 1rem .75rem
    }

    .amount-number[data-astro-cid-bzsm2w45] {
        font-size: 2rem
    }

    .amount-prefix-inline[data-astro-cid-bzsm2w45] {
        font-size: 1rem;
        margin-bottom: .1875rem
    }

    .amount-unit-inline[data-astro-cid-bzsm2w45] {
        font-size: 1rem;
        margin-bottom: .125rem
    }
}

.hero-issue[data-astro-cid-5qmkaujg] {
    background: linear-gradient(135deg, #fff, #a3c8f5, #f0f7ff);
    padding: 3rem 0;
    min-height: auto
}

.hero-container[data-astro-cid-5qmkaujg] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%
}

.hero-grid[data-astro-cid-5qmkaujg] {
    display: grid;
    grid-template-columns: .85fr 0.55fr;
    gap: 12px;
    align-items: center
}

.hero-content[data-astro-cid-5qmkaujg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: .5rem
}

.hero-image[data-astro-cid-5qmkaujg] {
    display: flex;
    align-items: center;
    justify-content: center
}

.main-visual[data-astro-cid-5qmkaujg] {
    max-width: 100%;
    max-height: 20.75rem;
    width: auto;
    height: auto;
    border-radius: 1rem;
    object-fit: contain
}

.btn-outline-primary[data-astro-cid-5qmkaujg] {
    background: #fff
}

.service-category[data-astro-cid-5qmkaujg] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0014a8;
    margin: 0;
    line-height: 1.2
}

.hero-subtitle[data-astro-cid-5qmkaujg] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.4
}

.hero-description[data-astro-cid-5qmkaujg] {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75;
    color: #333;
    margin: 0
}

.hero-description[data-astro-cid-5qmkaujg] p[data-astro-cid-5qmkaujg] {
    margin: 0
}

.hero-buttons[data-astro-cid-5qmkaujg] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

.hero-buttons[data-astro-cid-5qmkaujg] .btn[data-astro-cid-5qmkaujg] {
    padding: .75rem 2rem;
    font-weight: 600;
    border-radius: 2rem
}

@media (max-width: 768px) {
    .hero-issue[data-astro-cid-5qmkaujg] {
        padding:2rem 0
    }

    .hero-container[data-astro-cid-5qmkaujg] {
        padding: 0 1rem
    }

    .hero-grid[data-astro-cid-5qmkaujg] {
        grid-template-columns: 1fr;
        gap: 1.5rem
    }

    .hero-content[data-astro-cid-5qmkaujg] {
        align-items: center;
        text-align: center;
        order: 1
    }

    .hero-image[data-astro-cid-5qmkaujg] {
        order: 2
    }

    .service-category[data-astro-cid-5qmkaujg] {
        font-size: 1rem
    }

    .hero-subtitle[data-astro-cid-5qmkaujg] {
        font-size: 1.5rem
    }

    .hero-description[data-astro-cid-5qmkaujg] {
        font-size: 1rem;
        line-height: 1.6
    }

    .hero-buttons[data-astro-cid-5qmkaujg] {
        flex-direction: column;
        width: 100%;
        align-items: center
    }

    .hero-buttons[data-astro-cid-5qmkaujg] .btn[data-astro-cid-5qmkaujg] {
        width: 100%;
        text-align: center
    }

    .main-visual[data-astro-cid-5qmkaujg] {
        max-width: 90%
    }
}

.contact[data-astro-cid-wvsdubgu] {
    background-color: #d9e5ff;
    max-width: 1110px;
    margin: 0 auto;
    border-radius: 2rem
}

.contact-container[data-astro-cid-wvsdubgu] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.contact-title[data-astro-cid-wvsdubgu] {
    margin-bottom: 2rem
}

.contact-cards[data-astro-cid-wvsdubgu] {
    display: flex;
    justify-content: center;
    gap: 2rem
}

.hero-buttons[data-astro-cid-wvsdubgu] {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.btn[data-astro-cid-wvsdubgu] {
    font-size: 1.125rem
}

.btn-outline-primary[data-astro-cid-wvsdubgu] {
    border: 2px solid #4057FF;
    color: #4057ff;
    background: #fff
}

@media (max-width: 1024px) {
    .contact[data-astro-cid-wvsdubgu] {
        margin:0 1.5rem
    }

    .hero-buttons[data-astro-cid-wvsdubgu] {
        flex-direction: column;
        width: 100%;
        max-width: 25rem
    }

    .hero-buttons[data-astro-cid-wvsdubgu] .btn[data-astro-cid-wvsdubgu] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .contact[data-astro-cid-wvsdubgu] {
        margin:0 1rem
    }
}

.contact-title[data-astro-cid-ekembozg] {
    font-size: 2rem;
    margin-bottom: 2.5rem
}

.contact-subtitle[data-astro-cid-ekembozg] {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 2rem
}

.contact-card[data-astro-cid-ekembozg] {
    height: 8rem;
    width: 320px
}

.contact-card-body[data-astro-cid-ekembozg] {
    gap: 0
}

.card-header-center[data-astro-cid-ekembozg] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 768px) {
    .contact[data-astro-cid-ekembozg] {
        padding:2.5rem 1rem;
        max-width: 100%;
        margin: 0
    }

    .contact-container[data-astro-cid-ekembozg] {
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

    .contact-title[data-astro-cid-ekembozg] {
        font-size: 1.25rem;
        margin-bottom: 2rem;
        text-align: left;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .contact-card[data-astro-cid-ekembozg] {
        height: auto;
        width: 100%
    }

    .contact[data-astro-cid-ekembozg] .card-header[data-astro-cid-ekembozg] .card-title[data-astro-cid-ekembozg],.contact[data-astro-cid-ekembozg] .card[data-astro-cid-ekembozg] .card-title[data-astro-cid-ekembozg].text-center {
        text-align: center
    }

    .contact-subtitle[data-astro-cid-ekembozg] {
        font-size: 1.125rem
    }
}

@media (max-width: 480px) {
    .contact-title[data-astro-cid-ekembozg] {
        font-size:1.25rem
    }

    .card-title[data-astro-cid-ekembozg] {
        font-size: .875rem
    }
}

.bottom-link-container[data-astro-cid-ekembozg] {
    text-align: center;
    margin-top: 1.5rem
}

.bottom-link[data-astro-cid-ekembozg] {
    color: #fff;
    text-decoration: underline;
    font-size: 1rem
}

.bottom-link[data-astro-cid-ekembozg]:hover {
    opacity: .8
}

.overview-chain[data-astro-cid-7tdwuz6l] {
    padding: 2.625rem 0;
    background: #fff
}

.overview-container[data-astro-cid-7tdwuz6l] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.overview-content[data-astro-cid-7tdwuz6l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

.section-title[data-astro-cid-7tdwuz6l] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.overview-cards[data-astro-cid-7tdwuz6l] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    max-width: 1110px;
    margin: 0 auto
}

.overview-card[data-astro-cid-7tdwuz6l] {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    padding: 1.5rem;
    width: 22.125rem;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.card-header[data-astro-cid-7tdwuz6l] {
    display: flex;
    gap: .625rem;
    align-items: flex-start;
    background: transparent;
    border: none;
    padding: 0
}

.card-title[data-astro-cid-7tdwuz6l] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.2;
    min-height: 3rem
}

.title-line[data-astro-cid-7tdwuz6l] {
    display: block
}

.txt-center[data-astro-cid-7tdwuz6l] {
    text-align: center
}

.section-subtitle[data-astro-cid-7tdwuz6l] {
    display: inline-block;
    font-size: 1.5rem;
    color: #666;
    line-height: 1.3
}

.section-title-md[data-astro-cid-7tdwuz6l] {
    font-size: 1.75rem
}

.br-sp[data-astro-cid-7tdwuz6l] {
    display: none
}

@media (max-width: 727.98px) {
    .br-sp[data-astro-cid-7tdwuz6l] {
        display:inline
    }
}

.overview-cards-centered[data-astro-cid-7tdwuz6l] .card-header[data-astro-cid-7tdwuz6l] {
    justify-content: center
}

.overview-cards-centered[data-astro-cid-7tdwuz6l] .card-title[data-astro-cid-7tdwuz6l] {
    text-align: center;
    min-height: auto
}

.section-header[data-astro-cid-7tdwuz6l] {
    text-align: center;
    margin-bottom: 0!important
}

.image-container[data-astro-cid-7tdwuz6l] {
    width: 100%;
    max-width: 850px;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    padding: 1.5rem
}

.overview-image[data-astro-cid-7tdwuz6l] {
    width: 100%;
    max-width: 1110px;
    height: auto
}

@media (max-width: 1024px) {
    .overview-container[data-astro-cid-7tdwuz6l] {
        padding:0 2rem
    }

    .image-container[data-astro-cid-7tdwuz6l] {
        padding: 1rem
    }

    .overview-cards[data-astro-cid-7tdwuz6l] {
        flex-direction: column;
        align-items: center
    }

    .overview-card[data-astro-cid-7tdwuz6l] {
        width: 100%;
        max-width: 30rem
    }

    .card-title[data-astro-cid-7tdwuz6l] {
        min-height: auto
    }

    .title-line[data-astro-cid-7tdwuz6l] br[data-astro-cid-7tdwuz6l] {
        display: none
    }
}

@media (max-width: 768px) {
    .overview-chain[data-astro-cid-7tdwuz6l] {
        padding:2rem 0 3rem
    }

    .section-header[data-astro-cid-7tdwuz6l] {
        margin-bottom: 0
    }

    .overview-container[data-astro-cid-7tdwuz6l] {
        padding: 0 1rem
    }

    .overview-content[data-astro-cid-7tdwuz6l] {
        gap: 2rem
    }

    .section-title[data-astro-cid-7tdwuz6l] {
        font-size: 1.5rem
    }

    .section-subtitle[data-astro-cid-7tdwuz6l] {
        font-size: 1rem;
        text-align: center
    }

    .card-title[data-astro-cid-7tdwuz6l] {
        font-size: 1.125rem;
        min-height: auto
    }

    .overview-card[data-astro-cid-7tdwuz6l] {
        padding: 1.25rem
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-7tdwuz6l] {
        font-size:1.5rem
    }

    .overview-card[data-astro-cid-7tdwuz6l] {
        padding: 1rem
    }

    .card-title[data-astro-cid-7tdwuz6l] {
        font-size: 1rem
    }
}

.glay-txt[data-astro-cid-hisepa6f] {
    font-size: 1.5rem;
    color: #666!important
}

.benefits-chain[data-astro-cid-hisepa6f] {
    padding: 2.625rem 0;
    background: #fff
}

.benefits-container[data-astro-cid-hisepa6f] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.benefits-content[data-astro-cid-hisepa6f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem
}

.section-title[data-astro-cid-hisepa6f] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.title-base[data-astro-cid-hisepa6f] {
    margin-bottom: 1rem
}

.benefits-cards[data-astro-cid-hisepa6f] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: stretch;
    width: 100%
}

.benefit-card[data-astro-cid-hisepa6f] {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    padding: 1.5rem;
    width: 22.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .625rem
}

.card-header[data-astro-cid-hisepa6f] {
    display: flex;
    gap: .625rem;
    align-items: flex-start;
    background: transparent;
    border: none;
    padding: 0
}

.check-icon[data-astro-cid-hisepa6f] {
    color: #4057ff;
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0
}

.card-title[data-astro-cid-hisepa6f] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.2;
    min-height: 3rem
}

.title-line[data-astro-cid-hisepa6f] {
    display: block
}

.card-description[data-astro-cid-hisepa6f] {
    font-size: 1rem;
    color: #333;
    margin: 0;
    line-height: 1.5;
    font-weight: 300
}

.card-description[data-astro-cid-hisepa6f] p[data-astro-cid-hisepa6f] {
    margin: 0
}

.card-description[data-astro-cid-hisepa6f] p[data-astro-cid-hisepa6f] span[data-astro-cid-hisepa6f] {
    font-weight: 700;
    background: linear-gradient(transparent 60%,#fce700 60%)
}

.txt-center[data-astro-cid-hisepa6f] {
    text-align: center
}

.br-sp[data-astro-cid-hisepa6f] {
    display: none
}

@media (max-width: 1240px) {
    .br-sp[data-astro-cid-hisepa6f] {
        display:inline
    }
}

.benefits-cards-centered[data-astro-cid-hisepa6f] .card-header[data-astro-cid-hisepa6f] {
    justify-content: center
}

.benefits-cards-centered[data-astro-cid-hisepa6f] .card-title[data-astro-cid-hisepa6f] {
    text-align: center;
    min-height: auto
}

.section-header[data-astro-cid-hisepa6f] {
    text-align: center;
    margin-bottom: 0!important
}

.section-header[data-astro-cid-hisepa6f] .transition-arrow-container[data-astro-cid-hisepa6f] {
    position: static;
    transform: none;
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

.benefit-card[data-astro-cid-hisepa6f] .transition-arrow-container[data-astro-cid-hisepa6f] {
    position: static;
    transform: none;
    display: flex;
    justify-content: center;
    margin: 0
}

.benefit-card[data-astro-cid-hisepa6f] .transition-arrow[data-astro-cid-hisepa6f] {
    width: 2.5rem;
    height: 1.5rem
}

.transition-arrow[data-astro-cid-hisepa6f] {
    width: 5rem;
    height: 4rem
}

.section-label[data-astro-cid-hisepa6f] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-muted);
    margin-bottom: 1rem
}

@media (max-width: 1024px) {
    .benefits-container[data-astro-cid-hisepa6f] {
        padding:0 2rem
    }

    .benefits-cards[data-astro-cid-hisepa6f] {
        flex-direction: column;
        align-items: center
    }

    .benefit-card[data-astro-cid-hisepa6f] {
        width: 100%;
        max-width: 30rem
    }

    .card-title[data-astro-cid-hisepa6f] {
        min-height: auto
    }

    .title-line[data-astro-cid-hisepa6f] br[data-astro-cid-hisepa6f] {
        display: none
    }
}

@media (max-width: 768px) {
    .benefits-chain[data-astro-cid-hisepa6f] {
        padding:2rem 0 3rem
    }

    .section-header[data-astro-cid-hisepa6f] {
        margin-bottom: 0
    }

    .section-label[data-astro-cid-hisepa6f],.glay-txt[data-astro-cid-hisepa6f] {
        font-size: 1rem
    }

    .benefits-container[data-astro-cid-hisepa6f] {
        padding: 0 1rem
    }

    .benefits-content[data-astro-cid-hisepa6f] {
        gap: 2rem
    }

    .section-title[data-astro-cid-hisepa6f] {
        font-size: 1.5rem
    }

    .card-title[data-astro-cid-hisepa6f] {
        font-size: 1.125rem;
        min-height: auto
    }

    .card-description[data-astro-cid-hisepa6f] {
        font-size: 1rem
    }

    .benefit-card[data-astro-cid-hisepa6f] {
        padding: 1.25rem;
        align-items: flex-start
    }

    .benefits-cards-centered[data-astro-cid-hisepa6f] .benefit-card[data-astro-cid-hisepa6f] {
        align-items: center
    }

    .check-icon[data-astro-cid-hisepa6f] {
        font-size: 1.75rem;
        width: 1.75rem;
        height: 1.75rem
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-hisepa6f] {
        font-size:1.5rem
    }

    .benefit-card[data-astro-cid-hisepa6f] {
        padding: 1rem
    }

    .card-title[data-astro-cid-hisepa6f],.card-description[data-astro-cid-hisepa6f] {
        font-size: 1rem
    }
}

.glay-txt[data-astro-cid-3yvmgfb6] {
    font-size: 1.5rem;
    color: #666;
    margin-bottom: -1rem;
    text-align: center
}

.solution-chain[data-astro-cid-3yvmgfb6] {
    padding: 2.625rem 0;
    background: #fff
}

.solution-container[data-astro-cid-3yvmgfb6] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.solution-content[data-astro-cid-3yvmgfb6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

.section-title[data-astro-cid-3yvmgfb6] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.txt-center[data-astro-cid-3yvmgfb6] {
    text-align: center
}

.br-sp[data-astro-cid-3yvmgfb6] {
    display: none
}

.steps-flow[data-astro-cid-3yvmgfb6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    max-width: 1110px;
    margin: 0 auto;
    box-sizing: border-box
}

.step-item[data-astro-cid-3yvmgfb6] {
    flex: 1;
    max-width: 20rem;
    min-width: 0;
    box-sizing: border-box
}

.step-card[data-astro-cid-3yvmgfb6] {
    border: 1px solid #cccccc;
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 4px 6px -1px #0000001a;
    position: relative;
    min-height: 12rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.step-number[data-astro-cid-3yvmgfb6] {
    position: absolute;
    top: -.75rem;
    left: 50%;
    transform: translate(-50%);
    background: #4057ff;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem 1rem;
    border-radius: 2rem;
    white-space: nowrap
}

.step-service[data-astro-cid-3yvmgfb6] {
    padding: .3125rem;
    margin-top: .625rem
}

.step-service[data-astro-cid-3yvmgfb6] .ibe[data-astro-cid-3yvmgfb6] {
    max-height: 25px
}

.step-title[data-astro-cid-3yvmgfb6] {
    font-size: clamp(.875rem,1.5vw,1.125rem);
    font-weight: 700;
    color: #0014a8;
    margin: 0;
    text-align: center
}

.step-content[data-astro-cid-3yvmgfb6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 1rem
}

.step-arrow[data-astro-cid-3yvmgfb6] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4057ff
}

.step-arrow-mobile[data-astro-cid-3yvmgfb6] {
    display: none
}

.service-features[data-astro-cid-3yvmgfb6] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    margin-top: .625rem
}

@media (max-width: 1200px) {
    .steps-flow[data-astro-cid-3yvmgfb6] {
        width:100%
    }

    .step-item[data-astro-cid-3yvmgfb6] {
        max-width: none;
        flex: 1
    }

    .step-service-logo[data-astro-cid-3yvmgfb6] {
        width: 100%;
        height: auto
    }

    .service-features[data-astro-cid-3yvmgfb6] .badge[data-astro-cid-3yvmgfb6] {
        white-space: normal;
        text-align: center;
        line-height: 1.2
    }
}

@media (max-width: 768px) {
    .solution-container[data-astro-cid-3yvmgfb6] {
        padding:0 1rem
    }

    .solution-content[data-astro-cid-3yvmgfb6] {
        gap: 2rem
    }

    .section-title[data-astro-cid-3yvmgfb6] {
        font-size: 1.5rem
    }

    .solution-chain[data-astro-cid-3yvmgfb6] {
        padding: 2rem 0 3rem
    }

    .steps-flow[data-astro-cid-3yvmgfb6] {
        flex-direction: column;
        gap: 1.5rem;
        width: 100%
    }

    .step-item[data-astro-cid-3yvmgfb6] {
        max-width: 100%;
        width: 100%
    }

    .step-arrow-desktop[data-astro-cid-3yvmgfb6] {
        display: none
    }

    .step-arrow-mobile[data-astro-cid-3yvmgfb6] {
        display: flex
    }

    .br-sp[data-astro-cid-3yvmgfb6] {
        display: inline
    }

    .step-title[data-astro-cid-3yvmgfb6] {
        font-size: 1rem
    }
}

.overview-chain[data-astro-cid-kpcyuexm] {
    padding: 2.625rem 0;
    background: #fff
}

.overview-container[data-astro-cid-kpcyuexm] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.overview-content[data-astro-cid-kpcyuexm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

.section-title[data-astro-cid-kpcyuexm] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.overview-cards[data-astro-cid-kpcyuexm] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    max-width: 1110px;
    margin: 0 auto
}

.card-arrow[data-astro-cid-kpcyuexm] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4057ff;
    flex-shrink: 0;
    align-self: center
}

.card-arrow-mobile[data-astro-cid-kpcyuexm] {
    display: none
}

.overview-card[data-astro-cid-kpcyuexm] {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    padding: 2rem 1.5rem 1.5rem;
    width: 22.125rem;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    position: relative
}

.card-badge[data-astro-cid-kpcyuexm] {
    position: absolute;
    top: -.75rem;
    left: 50%;
    transform: translate(-50%);
    background: #4057ff;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem 1rem;
    border-radius: 2rem;
    white-space: nowrap
}

.card-icon[data-astro-cid-kpcyuexm] {
    display: flex;
    justify-content: center;
    align-items: center
}

.card-icon[data-astro-cid-kpcyuexm] img[data-astro-cid-kpcyuexm] {
    width: 3rem;
    height: 3rem
}

.card-header[data-astro-cid-kpcyuexm] {
    display: flex;
    gap: .625rem;
    align-items: flex-start;
    background: transparent;
    border: none;
    padding: 0
}

.card-title[data-astro-cid-kpcyuexm] {
    font-size: 1.125rem;
    font-weight: 400;
    color: #333;
    margin: 0;
    line-height: 1.2;
    min-height: 3rem
}

.title-line[data-astro-cid-kpcyuexm] {
    display: block
}

.txt-center[data-astro-cid-kpcyuexm] {
    text-align: center
}

.section-subtitle[data-astro-cid-kpcyuexm] {
    font-size: 1.5rem;
    color: #666
}

.section-title-md[data-astro-cid-kpcyuexm] {
    font-size: 1.75rem
}

.br-sp[data-astro-cid-kpcyuexm] {
    display: none
}

@media (max-width: 727.98px) {
    .br-sp[data-astro-cid-kpcyuexm] {
        display:inline
    }
}

.overview-cards-centered[data-astro-cid-kpcyuexm] .card-header[data-astro-cid-kpcyuexm] {
    justify-content: center
}

.overview-cards-centered[data-astro-cid-kpcyuexm] .card-title[data-astro-cid-kpcyuexm] {
    text-align: center;
    min-height: auto
}

.section-header[data-astro-cid-kpcyuexm] {
    text-align: center;
    margin-bottom: 0
}

.image-container[data-astro-cid-kpcyuexm] {
    width: 100%;
    max-width: 850px;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    padding: 1.5rem
}

.overview-image[data-astro-cid-kpcyuexm] {
    width: 100%;
    max-width: 1110px;
    height: auto
}

@media (max-width: 1024px) {
    .overview-container[data-astro-cid-kpcyuexm] {
        padding:0 2rem
    }

    .image-container[data-astro-cid-kpcyuexm] {
        padding: 1rem
    }

    .overview-cards[data-astro-cid-kpcyuexm] {
        flex-direction: column;
        align-items: center
    }

    .overview-card[data-astro-cid-kpcyuexm] {
        width: 100%;
        max-width: 30rem
    }

    .card-title[data-astro-cid-kpcyuexm] {
        min-height: auto
    }

    .title-line[data-astro-cid-kpcyuexm] br[data-astro-cid-kpcyuexm],.card-arrow-desktop[data-astro-cid-kpcyuexm] {
        display: none
    }

    .card-arrow-mobile[data-astro-cid-kpcyuexm] {
        display: flex
    }
}

@media (max-width: 768px) {
    .overview-chain[data-astro-cid-kpcyuexm] {
        padding:2rem 0 3rem
    }

    .section-header[data-astro-cid-kpcyuexm] {
        margin-bottom: 0
    }

    .overview-container[data-astro-cid-kpcyuexm] {
        padding: 0 1rem
    }

    .overview-content[data-astro-cid-kpcyuexm] {
        gap: 2rem
    }

    .section-title[data-astro-cid-kpcyuexm] {
        font-size: 1.5rem
    }

    .card-title[data-astro-cid-kpcyuexm] {
        font-size: 1.125rem;
        min-height: auto
    }

    .overview-card[data-astro-cid-kpcyuexm] {
        padding: 2rem 1.25rem 1.25rem
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-kpcyuexm] {
        font-size:1.5rem
    }

    .overview-card[data-astro-cid-kpcyuexm] {
        padding: 2rem 1rem 1rem
    }

    .card-title[data-astro-cid-kpcyuexm] {
        font-size: 1rem
    }
}

.comparison-card[data-astro-cid-kpcyuexm] {
    display: flex;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    width: 100%;
    max-width: 1110px
}

.comparison-section[data-astro-cid-kpcyuexm] {
    flex: 1;
    padding: 1.5rem
}

.comparison-divider[data-astro-cid-kpcyuexm] {
    width: 1px;
    background: #ccc
}

.comparison-card-title[data-astro-cid-kpcyuexm] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0 0 1rem
}

.comparison-list[data-astro-cid-kpcyuexm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.comparison-item[data-astro-cid-kpcyuexm] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.comparison-icon[data-astro-cid-kpcyuexm] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}

.comparison-icon[data-astro-cid-kpcyuexm] svg[data-astro-cid-kpcyuexm] {
    width: 20px;
    height: 20px
}

.comparison-text[data-astro-cid-kpcyuexm] {
    color: #333
}

@media (max-width: 768px) {
    .comparison-card[data-astro-cid-kpcyuexm] {
        flex-direction:column
    }

    .comparison-divider[data-astro-cid-kpcyuexm] {
        width: auto;
        height: 1px;
        margin: 0
    }

    .comparison-item[data-astro-cid-kpcyuexm] {
        align-items: flex-start;
        font-size: 1rem
    }

    .comparison-icon[data-astro-cid-kpcyuexm] {
        margin-top: .25rem
    }
}

.glay-txt[data-astro-cid-3lnepr7g] {
    font-size: 1.5rem;
    color: #666!important
}

.benefits-chain[data-astro-cid-3lnepr7g] {
    padding: 2.625rem 0;
    background: #fff
}

.benefits-container[data-astro-cid-3lnepr7g] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.benefits-content[data-astro-cid-3lnepr7g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem
}

.section-title[data-astro-cid-3lnepr7g] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.title-base[data-astro-cid-3lnepr7g] {
    margin-bottom: 1rem
}

.benefits-cards[data-astro-cid-3lnepr7g] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    max-width: 1110px
}

.benefit-card[data-astro-cid-3lnepr7g] {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    padding: 1.5rem;
    width: 22.125rem;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.benefit-card[data-astro-cid-3lnepr7g]>p[data-astro-cid-3lnepr7g] {
    margin: 0
}

.card-header[data-astro-cid-3lnepr7g] {
    display: flex;
    gap: .625rem;
    align-items: flex-start;
    background: transparent;
    border: none;
    padding: 0
}

.check-icon[data-astro-cid-3lnepr7g] {
    color: #4057ff;
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0
}

.card-title[data-astro-cid-3lnepr7g] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.5;
    min-height: 3rem
}

.title-line[data-astro-cid-3lnepr7g] {
    display: block
}

.card-description[data-astro-cid-3lnepr7g] {
    font-size: 1.125rem;
    color: #333;
    margin: 0;
    line-height: 1.5;
    font-weight: 300
}

.card-description[data-astro-cid-3lnepr7g] p[data-astro-cid-3lnepr7g] {
    margin: 0
}

.card-description[data-astro-cid-3lnepr7g] p[data-astro-cid-3lnepr7g] span[data-astro-cid-3lnepr7g] {
    font-weight: 700;
    background: linear-gradient(transparent 60%,#fce700 60%)
}

.txt-center[data-astro-cid-3lnepr7g] {
    text-align: center
}

.br-sp[data-astro-cid-3lnepr7g] {
    display: none
}

@media (max-width: 1240px) {
    .br-sp[data-astro-cid-3lnepr7g] {
        display:inline
    }
}

.benefits-cards-centered[data-astro-cid-3lnepr7g] .card-header[data-astro-cid-3lnepr7g] {
    justify-content: center
}

.benefits-cards-centered[data-astro-cid-3lnepr7g] .card-title[data-astro-cid-3lnepr7g] {
    text-align: center;
    min-height: auto
}

.section-header[data-astro-cid-3lnepr7g] {
    text-align: center;
    margin-bottom: 0!important
}

.benefits-cards[data-astro-cid-3lnepr7g]+.section-header[data-astro-cid-3lnepr7g] {
    margin-top: -1.5rem
}

.section-header[data-astro-cid-3lnepr7g] .transition-arrow-container[data-astro-cid-3lnepr7g] {
    position: static;
    transform: none;
    display: flex;
    justify-content: center;
    margin-top: 0
}

.benefit-card[data-astro-cid-3lnepr7g] .transition-arrow-container[data-astro-cid-3lnepr7g] {
    position: static;
    transform: none;
    display: flex;
    justify-content: center;
    margin: 0
}

.benefit-card[data-astro-cid-3lnepr7g] .transition-arrow[data-astro-cid-3lnepr7g] {
    width: 2.5rem;
    height: 1.5rem
}

.transition-arrow[data-astro-cid-3lnepr7g] {
    width: 5rem;
    height: 4rem
}

.section-label[data-astro-cid-3lnepr7g] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-muted);
    margin-bottom: 1rem
}

@media (max-width: 1024px) {
    .benefits-container[data-astro-cid-3lnepr7g] {
        padding:0 2rem
    }

    .benefits-cards[data-astro-cid-3lnepr7g] {
        flex-direction: column;
        align-items: center
    }

    .benefit-card[data-astro-cid-3lnepr7g] {
        width: 100%;
        max-width: 30rem
    }

    .card-title[data-astro-cid-3lnepr7g] {
        min-height: auto
    }

    .title-line[data-astro-cid-3lnepr7g] br[data-astro-cid-3lnepr7g] {
        display: none
    }
}

@media (max-width: 768px) {
    .benefits-chain[data-astro-cid-3lnepr7g] {
        padding:2rem 0 3rem
    }

    .section-header[data-astro-cid-3lnepr7g] {
        margin-bottom: 0
    }

    .section-label[data-astro-cid-3lnepr7g] {
        font-size: 1rem
    }

    .benefits-container[data-astro-cid-3lnepr7g] {
        padding: 0 1rem
    }

    .benefits-content[data-astro-cid-3lnepr7g] {
        gap: 2rem
    }

    .section-title[data-astro-cid-3lnepr7g] {
        font-size: 1.5rem
    }

    .card-title[data-astro-cid-3lnepr7g] {
        font-size: 1.125rem;
        min-height: auto
    }

    .card-description[data-astro-cid-3lnepr7g] {
        font-size: 1rem
    }

    .benefit-card[data-astro-cid-3lnepr7g] {
        padding: 1.25rem
    }

    .check-icon[data-astro-cid-3lnepr7g] {
        font-size: 1.75rem;
        width: 1.75rem;
        height: 1.75rem
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-3lnepr7g] {
        font-size:1.5rem
    }

    .benefit-card[data-astro-cid-3lnepr7g] {
        padding: 1rem
    }

    .card-title[data-astro-cid-3lnepr7g] {
        font-size: 1rem
    }
}

.glay-txt[data-astro-cid-j47owhgt] {
    font-size: 1.5rem;
    color: #666;
    margin-bottom: -1rem;
    text-align: center
}

.solution-chain[data-astro-cid-j47owhgt] {
    padding: 2.625rem 0;
    background: #fff
}

.solution-container[data-astro-cid-j47owhgt] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.solution-content[data-astro-cid-j47owhgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

.section-title[data-astro-cid-j47owhgt] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0;
    line-height: 1.2
}

.txt-center[data-astro-cid-j47owhgt] {
    text-align: center
}

.br-sp[data-astro-cid-j47owhgt] {
    display: none
}

.steps-flow[data-astro-cid-j47owhgt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    max-width: 1110px;
    margin: 0 auto;
    box-sizing: border-box
}

.step-item[data-astro-cid-j47owhgt] {
    flex: 1;
    max-width: 20rem;
    min-width: 0;
    box-sizing: border-box
}

.step-card[data-astro-cid-j47owhgt] {
    border: 1px solid #cccccc;
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 4px 6px -1px #0000001a;
    position: relative;
    min-height: 12rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.step-number[data-astro-cid-j47owhgt] {
    position: absolute;
    top: -.75rem;
    left: 50%;
    transform: translate(-50%);
    background: #4057ff;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem 1rem;
    border-radius: 2rem;
    white-space: nowrap
}

.step-service[data-astro-cid-j47owhgt] {
    padding: .3125rem;
    margin-top: .625rem
}

.step-service[data-astro-cid-j47owhgt] .ibe[data-astro-cid-j47owhgt] {
    max-height: 25px
}

.step-title[data-astro-cid-j47owhgt] {
    font-size: clamp(.875rem,1.5vw,1.05rem);
    font-weight: 700;
    color: #0014a8;
    margin: 0;
    text-align: center
}

.step-content[data-astro-cid-j47owhgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 1rem
}

.step-arrow[data-astro-cid-j47owhgt] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4057ff
}

.step-arrow-mobile[data-astro-cid-j47owhgt] {
    display: none
}

.service-features[data-astro-cid-j47owhgt] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    margin-top: .625rem
}

@media (max-width: 1200px) {
    .steps-flow[data-astro-cid-j47owhgt] {
        width:100%
    }

    .step-item[data-astro-cid-j47owhgt] {
        max-width: none;
        flex: 1
    }

    .step-service-logo[data-astro-cid-j47owhgt] {
        width: 100%;
        height: auto
    }

    .service-features[data-astro-cid-j47owhgt] .badge[data-astro-cid-j47owhgt] {
        white-space: normal;
        text-align: center;
        line-height: 1.2
    }
}

@media (max-width: 768px) {
    .solution-container[data-astro-cid-j47owhgt] {
        padding:0 1rem
    }

    .solution-content[data-astro-cid-j47owhgt] {
        gap: 2rem
    }

    .section-title[data-astro-cid-j47owhgt] {
        font-size: 1.5rem
    }

    .solution-chain[data-astro-cid-j47owhgt] {
        padding: 2rem 0 3rem
    }

    .steps-flow[data-astro-cid-j47owhgt] {
        flex-direction: column;
        gap: 1.5rem;
        width: 100%
    }

    .step-item[data-astro-cid-j47owhgt] {
        max-width: 100%;
        width: 100%
    }

    .step-arrow-desktop[data-astro-cid-j47owhgt] {
        display: none
    }

    .step-arrow-mobile[data-astro-cid-j47owhgt] {
        display: flex
    }

    .br-sp[data-astro-cid-j47owhgt] {
        display: inline
    }

    .step-title[data-astro-cid-j47owhgt] {
        font-size: 1rem
    }
}

.hero-partnership-partner[data-astro-cid-642tg4gy] {
    background: #d9e5ff;
    padding: 2rem 0;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-container[data-astro-cid-642tg4gy] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%
}

.hero-content[data-astro-cid-642tg4gy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .25rem;
    margin: 0 auto;
    padding: .625rem
}

.service-category[data-astro-cid-642tg4gy] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0014a8;
    margin: 0;
    line-height: 1.2
}

.service-subtitle[data-astro-cid-642tg4gy] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2
}

.hero-main-title[data-astro-cid-642tg4gy] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    letter-spacing: -.05rem;
    line-height: 1.2
}

.hero-subtitle[data-astro-cid-642tg4gy] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.2
}

.hero-description[data-astro-cid-642tg4gy] {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #333;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.hero-description[data-astro-cid-642tg4gy] p[data-astro-cid-642tg4gy] {
    margin: 0
}

.logo-section[data-astro-cid-642tg4gy] {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin-top: .25rem
}

.logo-container[data-astro-cid-642tg4gy] {
    display: flex;
    align-items: center;
    justify-content: center
}

.company-logo[data-astro-cid-642tg4gy] {
    width: 300px;
    height: auto
}

.logo-text[data-astro-cid-642tg4gy] {
    font-size: 1rem;
    font-weight: 700;
    color: #393b3d
}

.logo-accent[data-astro-cid-642tg4gy] {
    font-size: 1rem;
    font-weight: 700;
    color: #6e7780
}

@media (max-width: 768px) {
    .hero-crm[data-astro-cid-642tg4gy] {
        padding:1.5rem 0;
        min-height: auto
    }

    .hero-container[data-astro-cid-642tg4gy] {
        padding: 0
    }

    .hero-content[data-astro-cid-642tg4gy] {
        gap: .5rem;
        padding: .5rem;
        text-align: center;
        margin: 0 auto
    }

    .service-category[data-astro-cid-642tg4gy] {
        font-size: 1.25rem
    }

    .service-subtitle[data-astro-cid-642tg4gy] {
        font-size: 1.125rem
    }

    .hero-main-title[data-astro-cid-642tg4gy] {
        font-size: 1.75rem;
        letter-spacing: -.035rem
    }

    .hero-subtitle[data-astro-cid-642tg4gy] {
        text-align: center
    }

    .hero-description[data-astro-cid-642tg4gy] {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .logo-section[data-astro-cid-642tg4gy] {
        gap: 1rem
    }

    .logo-container[data-astro-cid-642tg4gy] svg {
        width: 140px;
        height: 34px
    }
}

@media (max-width: 480px) {
    .hero-main-title[data-astro-cid-642tg4gy] {
        font-size:1.5rem
    }

    .hero-description[data-astro-cid-642tg4gy] {
        font-size: .875rem;
        line-height: 1.375rem
    }

    .service-category[data-astro-cid-642tg4gy] {
        font-size: 1.125rem
    }

    .service-subtitle[data-astro-cid-642tg4gy] {
        font-size: 1rem
    }

    .logo-section[data-astro-cid-642tg4gy] {
        gap: .75rem
    }

    .logo-container[data-astro-cid-642tg4gy] svg {
        width: 130px;
        height: 32px
    }
}

.application-examples[data-astro-cid-hcrwposq] {
    background-color: #fff;
    padding: 3rem 1rem
}

.section-header[data-astro-cid-hcrwposq] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-label[data-astro-cid-hcrwposq] {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1rem
}

.example-category[data-astro-cid-hcrwposq] {
    margin-bottom: -1rem
}

.example-title[data-astro-cid-hcrwposq] {
    margin-bottom: 0
}

.example-image[data-astro-cid-hcrwposq] {
    border-radius: 16px;
    height: auto;
    object-fit: cover
}

@media (max-width: 480px) {
    .section-header[data-astro-cid-hcrwposq] {
        margin-bottom:2.5rem
    }

    .example-description[data-astro-cid-hcrwposq] {
        font-size: .8125rem
    }

    .example-image[data-astro-cid-hcrwposq] {
        width: 80%;
        height: auto
    }
}

.satori-container[data-astro-cid-2yecv72f] {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1.5rem
}

#satori__creative_container[data-astro-cid-2yecv72f] {
    margin: 2rem 0
}

.section-padding-xl[data-astro-cid-2yecv72f] {
    padding: 5rem 0 0
}

.hero-partnership-service[data-astro-cid-5hvr3d6p] {
    background: #fff;
    padding: 2rem 0 0;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-container[data-astro-cid-5hvr3d6p] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%
}

.hero-content[data-astro-cid-5hvr3d6p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .25rem;
    margin: 0 auto;
    padding: .625rem
}

.service-category[data-astro-cid-5hvr3d6p] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0014a8;
    margin: 0;
    line-height: 1.2
}

.service-subtitle[data-astro-cid-5hvr3d6p] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2
}

.hero-main-title[data-astro-cid-5hvr3d6p] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    letter-spacing: -.05rem;
    line-height: 1.2
}

.hero-description[data-astro-cid-5hvr3d6p] {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #333;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.hero-description[data-astro-cid-5hvr3d6p] p[data-astro-cid-5hvr3d6p] {
    margin: 0
}

.logo-section[data-astro-cid-5hvr3d6p] {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin-top: .25rem
}

.logo-container[data-astro-cid-5hvr3d6p] {
    display: flex;
    align-items: center;
    justify-content: center
}

.logo-text[data-astro-cid-5hvr3d6p] {
    font-size: 1rem;
    font-weight: 700;
    color: #393b3d
}

.logo-accent[data-astro-cid-5hvr3d6p] {
    font-size: 1rem;
    font-weight: 700;
    color: #6e7780
}

@media (max-width: 768px) {
    .hero-crm[data-astro-cid-5hvr3d6p] {
        padding:1.5rem 0;
        min-height: auto
    }

    .hero-container[data-astro-cid-5hvr3d6p] {
        padding: 0
    }

    .hero-content[data-astro-cid-5hvr3d6p] {
        gap: .5rem;
        padding: .5rem;
        text-align: left;
        margin: 0 auto
    }

    .service-category[data-astro-cid-5hvr3d6p] {
        font-size: 1.25rem
    }

    .service-subtitle[data-astro-cid-5hvr3d6p] {
        font-size: 1.125rem
    }

    .hero-main-title[data-astro-cid-5hvr3d6p] {
        font-size: 1.75rem;
        letter-spacing: -.035rem
    }

    .hero-description[data-astro-cid-5hvr3d6p] {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .logo-section[data-astro-cid-5hvr3d6p] {
        gap: 1rem
    }

    .logo-container[data-astro-cid-5hvr3d6p] svg {
        width: 140px;
        height: 34px
    }
}

@media (max-width: 480px) {
    .hero-main-title[data-astro-cid-5hvr3d6p] {
        font-size:1.5rem
    }

    .hero-description[data-astro-cid-5hvr3d6p] {
        font-size: .875rem;
        line-height: 1.375rem
    }

    .service-category[data-astro-cid-5hvr3d6p] {
        font-size: 1.125rem
    }

    .service-subtitle[data-astro-cid-5hvr3d6p] {
        font-size: 1rem
    }

    .logo-section[data-astro-cid-5hvr3d6p] {
        gap: .75rem
    }

    .logo-container[data-astro-cid-5hvr3d6p] svg {
        width: 130px;
        height: 32px
    }
}

.content-cards[data-astro-cid-nlnybm26] {
    background: #fff;
    padding: 0!important
}

.partnership-container[data-astro-cid-nlnybm26] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.card[data-astro-cid-nlnybm26] a[data-astro-cid-nlnybm26] {
    text-decoration: none;
    color: inherit
}

.article-card-link[data-astro-cid-nlnybm26] {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%
}

.content-card[data-astro-cid-nlnybm26] {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 2px 8px #0000001a;
    border-radius: 16px;
    overflow: hidden;
    width: 100%
}

.articles-grid[data-astro-cid-nlnybm26] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
    max-width: 100%
}

.article-card-wrapper[data-astro-cid-nlnybm26] {
    width: 100%;
    height: 100%
}

.card-img-wrapper[data-astro-cid-nlnybm26] {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e0e0e0
}

.card-img-top[data-astro-cid-nlnybm26] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius)
}

.card-body[data-astro-cid-nlnybm26] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
    flex-grow: 1
}

.card-title[data-astro-cid-nlnybm26] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--bs-dark);
    margin: 0;
    line-height: 1.4
}

.card-description[data-astro-cid-nlnybm26] {
    font-size: 1.125rem;
    color: var(--bs-dark);
    margin: 0 0 auto;
    line-height: 1.5;
    flex-grow: 1
}

.card-button[data-astro-cid-nlnybm26] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: #4057ff!important;
    border-color: #d9d9d9!important;
    background-color: transparent
}

.card-button[data-astro-cid-nlnybm26]:hover {
    background-color: #1a237e!important;
    color: #fff!important;
    border-color: #1a237e!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d
}

.wide-button[data-astro-cid-nlnybm26] {
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .75rem 1.5rem;
    border-radius: 3rem
}

.wide-button[data-astro-cid-nlnybm26]:hover {
    background: #e8ecff;
    color: #4a69bd;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}

@media (max-width: 991px) {
    .articles-grid[data-astro-cid-nlnybm26] {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width: 768px) {
    .container[data-astro-cid-nlnybm26] {
        text-align:left;
        max-width: 100%;
        margin: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .articles-grid[data-astro-cid-nlnybm26] {
        grid-template-columns: 1fr
    }

    .wide-button[data-astro-cid-nlnybm26] {
        width: 100%;
        margin: 0 auto
    }
}

.hero-home[data-astro-cid-zuughhkm] {
    background: linear-gradient(135deg,#fff,#a3c8f5,#f0f7ff);
    padding: 2rem 0;
    min-height: 32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    opacity: 0;
    animation: fadeIn 1.2s ease-out .2s forwards
}

.hero-container[data-astro-cid-zuughhkm] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3rem
}

.hero-content[data-astro-cid-zuughhkm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(2rem,5vw,4rem);
    padding-top: 1rem
}

.hero-title-section[data-astro-cid-zuughhkm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.service-header[data-astro-cid-zuughhkm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem
}

.service-tag[data-astro-cid-zuughhkm] {
    font-weight: 700;
    font-size: clamp(1rem,2vw,1.5rem);
    color: #0014a8;
    white-space: nowrap
}

.service-logo[data-astro-cid-zuughhkm] {
    flex-shrink: 0
}

.hero-main-title[data-astro-cid-zuughhkm] {
    font-weight: 700;
    font-size: clamp(1.5rem,3.5vw,2.25rem);
    line-height: 1.5;
    letter-spacing: .075rem;
    color: #383838;
    margin: 0
}

.title-line[data-astro-cid-zuughhkm] {
    display: block
}

.hero-buttons[data-astro-cid-zuughhkm] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 1.5rem
}

.hero-image-container-desktop[data-astro-cid-zuughhkm] {
    flex: 0 0 auto;
    width: clamp(300px,40vw,640px);
    aspect-ratio: 8/5;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-image-container[data-astro-cid-zuughhkm] {
    display: none
}

.hero-image[data-astro-cid-zuughhkm] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (max-width: 1200px) {
    .hero-content[data-astro-cid-zuughhkm] {
        gap:2rem
    }

    .hero-image-container-desktop[data-astro-cid-zuughhkm] {
        width: clamp(400px,40vw,540px);
        max-width: 520px
    }
}

@media (max-width: 991px) {
    .hero-container[data-astro-cid-zuughhkm] {
        padding:0 1.5rem
    }

    .hero-content[data-astro-cid-zuughhkm] {
        flex-direction: column;
        gap: 2rem;
        text-align: center;
        align-items: center;
        padding-top: 1rem
    }

    .hero-title-section[data-astro-cid-zuughhkm] {
        max-width: 100%;
        text-align: center;
        align-items: center
    }

    .service-header[data-astro-cid-zuughhkm] {
        justify-content: center;
        align-items: flex-start
    }

    .hero-image-container-desktop[data-astro-cid-zuughhkm] {
        display: none
    }

    .hero-image-container[data-astro-cid-zuughhkm] {
        display: flex;
        width: 100%;
        max-width: 22rem;
        aspect-ratio: 1;
        justify-content: center;
        align-items: center;
        order: 2
    }

    .hero-buttons[data-astro-cid-zuughhkm] {
        justify-content: center;
        order: 3;
        margin-top: 0;
        margin-bottom: 1rem
    }
}

@media (max-width: 768px) {
    .hero-home[data-astro-cid-zuughhkm] {
        padding:.5rem 0;
        min-height: auto
    }

    .hero-container[data-astro-cid-zuughhkm] {
        padding: 0 1rem
    }

    .hero-content[data-astro-cid-zuughhkm] {
        gap: 1.5rem
    }

    .hero-title-section[data-astro-cid-zuughhkm] {
        max-width: 95%;
        gap: 1rem
    }

    .service-header[data-astro-cid-zuughhkm] {
        gap: .5rem;
        text-align: left;
        width: 100%
    }

    .hero-image-container[data-astro-cid-zuughhkm] {
        max-width: 20rem
    }

    .hero-main-title[data-astro-cid-zuughhkm] {
        text-align: left
    }

    .hero-buttons[data-astro-cid-zuughhkm] {
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        align-items: stretch
    }
}

@media (max-width: 480px) {
    .hero-container[data-astro-cid-zuughhkm] {
        padding:0 .75rem
    }

    .hero-title-section[data-astro-cid-zuughhkm] {
        max-width: 100%
    }

    .hero-image-container[data-astro-cid-zuughhkm] {
        max-width: 16rem
    }

    .hero-main-title[data-astro-cid-zuughhkm] .title-line[data-astro-cid-zuughhkm] {
        display: inline;
        white-space: nowrap;
        font-size: clamp(1.25rem,4vw,2rem)
    }
}

.benefits-crm[data-astro-cid-zdxhrasy] {
    padding: 3rem 1rem;
    background: #fff
}

.section-header[data-astro-cid-zdxhrasy] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-title[data-astro-cid-zdxhrasy] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 1.5rem;
    line-height: 1.2
}

.section-description[data-astro-cid-zdxhrasy] {
    font-size: 1rem;
    color: #333;
    margin: 0 auto;
    line-height: 1.6;
    max-width: 800px;
    text-align: left
}

.benefits-content[data-astro-cid-zdxhrasy] {
    margin-bottom: 3rem;
    text-align: center
}

.content-title[data-astro-cid-zdxhrasy] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 1rem;
    line-height: 1.3
}

.content-description[data-astro-cid-zdxhrasy] {
    font-size: 1rem;
    color: #333;
    margin: 0 auto 2rem;
    line-height: 1.6;
    max-width: 800px;
    text-align: left
}

.comparison-buzma_mobile[data-astro-cid-zdxhrasy] {
    display: none
}

@media (max-width: 768px) {
    .benefits-crm[data-astro-cid-zdxhrasy] {
        padding:2rem 1rem
    }

    .section-header[data-astro-cid-zdxhrasy] {
        margin-bottom: 2.5rem
    }

    .section-title[data-astro-cid-zdxhrasy] {
        font-size: 1.5rem
    }

    .content-title[data-astro-cid-zdxhrasy] {
        font-size: 1.25rem
    }

    .section-description[data-astro-cid-zdxhrasy],.content-description[data-astro-cid-zdxhrasy] {
        font-size: .875rem
    }

    .comparison-buzma_mobile[data-astro-cid-zdxhrasy] {
        display: block
    }

    .comparison-buzma_desktop[data-astro-cid-zdxhrasy] {
        display: none
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-zdxhrasy] {
        font-size:1.25rem
    }

    .content-title[data-astro-cid-zdxhrasy] {
        font-size: 1.125rem
    }

    .section-description[data-astro-cid-zdxhrasy],.content-description[data-astro-cid-zdxhrasy] {
        font-size: .8125rem
    }
}

.application-examples[data-astro-cid-7me2eky5] {
    background-color: #fff;
    padding: 3rem 1rem
}

.section-header[data-astro-cid-7me2eky5] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-label[data-astro-cid-7me2eky5] {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1rem
}

.example-category[data-astro-cid-7me2eky5] {
    margin-bottom: -1rem
}

.example-title[data-astro-cid-7me2eky5] {
    margin-bottom: 0
}

@media (max-width: 480px) {
    .section-header[data-astro-cid-7me2eky5] {
        margin-bottom:2.5rem
    }

    .example-description[data-astro-cid-7me2eky5] {
        font-size: .8125rem
    }
}

.price[data-astro-cid-p77ronz6] {
    background: #d9e5ff;
    padding: 5rem 0
}

.price-container[data-astro-cid-p77ronz6] {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

.price-header[data-astro-cid-p77ronz6] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center
}

.price-title[data-astro-cid-p77ronz6] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1;
    letter-spacing: -.05rem
}

.price-subtitle[data-astro-cid-p77ronz6] {
    font-size: 1rem;
    color: #333;
    line-height: 1.5
}

.price-subtitle[data-astro-cid-p77ronz6] p[data-astro-cid-p77ronz6] {
    margin: 0
}

.price-card[data-astro-cid-p77ronz6] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    max-width: 1110px;
    width: 100%
}

.cost-box[data-astro-cid-p77ronz6] {
    background: #d9e5ff;
    border-radius: .5rem;
    padding: 1.25rem
}

.cost-discount[data-astro-cid-p77ronz6] {
    border: 4px solid #4057FF
}

.cost-catch[data-astro-cid-p77ronz6] {
    color: #0014a8;
    font-weight: 700;
    text-align: center
}

.cost-label[data-astro-cid-p77ronz6] {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    white-space: nowrap
}

.cost-amount[data-astro-cid-p77ronz6] {
    text-align: center
}

.amount-number[data-astro-cid-p77ronz6] {
    font-size: 3.125rem;
    font-weight: 600;
    color: #0014a8;
    line-height: 1;
    position: relative;
    z-index: 2
}

.amount-unit[data-astro-cid-p77ronz6] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0014a8;
    line-height: 1
}

.amount-number[data-astro-cid-p77ronz6]:after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: 0;
    right: 0;
    height: .6875rem;
    background: #fce700;
    border-radius: .5rem;
    z-index: -1
}

.note[data-astro-cid-p77ronz6] {
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5
}

.price-cta[data-astro-cid-p77ronz6] {
    display: flex;
    justify-content: center;
    width: 100%
}

.cta-button[data-astro-cid-p77ronz6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #fff;
    color: #4057ff;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 1.5rem 2rem;
    border-radius: 2rem;
    border: 1px solid #4057ff;
    text-decoration: none;
    transition: all .3s ease;
    width: 18.875rem;
    height: 4.25rem
}

.cta-button[data-astro-cid-p77ronz6]:hover {
    background: #1a237e!important;
    color: #fff!important;
    border-color: #1a237e!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d
}

.cta-button[data-astro-cid-p77ronz6]:hover svg[data-astro-cid-p77ronz6] {
    filter: brightness(0) invert(1)!important
}

.cta-button[data-astro-cid-p77ronz6] svg[data-astro-cid-p77ronz6] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0
}

@media (max-width: 768px) {
    .price[data-astro-cid-p77ronz6] {
        padding:3rem 0
    }

    .price-container[data-astro-cid-p77ronz6] {
        padding: 0 1rem;
        gap: 2rem
    }

    .price-title[data-astro-cid-p77ronz6] {
        font-size: 1.5rem
    }

    .price-subtitle[data-astro-cid-p77ronz6] {
        font-size: .875rem
    }

    .price-card[data-astro-cid-p77ronz6] {
        padding: 1.5rem
    }

    .cost-box[data-astro-cid-p77ronz6] {
        width: 100%;
        justify-content: center;
        padding: 1rem;
        min-height: 4rem
    }

    .cost-discount[data-astro-cid-p77ronz6] .d-flex[data-astro-cid-p77ronz6] {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .cost-discount[data-astro-cid-p77ronz6] .amount-unit[data-astro-cid-p77ronz6] {
        margin-bottom: .5rem
    }

    .amount-number[data-astro-cid-p77ronz6] {
        font-size: 2.5rem
    }

    .amount-unit[data-astro-cid-p77ronz6] {
        font-size: 1.25rem
    }

    .cta-button[data-astro-cid-p77ronz6] {
        width: 100%;
        max-width: 288px;
        font-size: 1rem;
        padding: 1.25rem 1.5rem
    }
}

@media (max-width: 576px) {
    .price-container[data-astro-cid-p77ronz6] {
        padding:0 .75rem
    }

    .price-title[data-astro-cid-p77ronz6] {
        font-size: 1.25rem
    }

    .price-subtitle[data-astro-cid-p77ronz6] {
        font-size: .8125rem
    }

    .cost-box[data-astro-cid-p77ronz6] {
        flex-direction: column;
        text-align: center;
        gap: .5rem;
        padding: 1rem .75rem
    }

    .amount-number[data-astro-cid-p77ronz6] {
        font-size: 2rem
    }

    .amount-unit[data-astro-cid-p77ronz6] {
        font-size: 1rem
    }

    .cta-button[data-astro-cid-p77ronz6] {
        font-size: .875rem;
        padding: 1rem 1.25rem
    }
}

.getting-started[data-astro-cid-kxznitkq] {
    background: #d9e5ff;
    padding: 4rem 0
}

.getting-started-container[data-astro-cid-kxznitkq] {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

.header-section[data-astro-cid-kxznitkq] {
    text-align: center;
    margin-bottom: 3rem
}

.section-title[data-astro-cid-kxznitkq] {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1.5rem
}

.description-main[data-astro-cid-kxznitkq] {
    font-size: 1rem;
    color: #1f2937;
    margin: 0
}

.steps-flow[data-astro-cid-kxznitkq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem
}

.step-item[data-astro-cid-kxznitkq] {
    flex: 1;
    max-width: 20rem
}

.step-card[data-astro-cid-kxznitkq] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 4px 6px -1px #0000001a;
    position: relative;
    min-height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.step-number[data-astro-cid-kxznitkq] {
    position: absolute;
    top: -.75rem;
    left: 50%;
    transform: translate(-50%);
    background: #4057ff;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem 1rem;
    border-radius: 2rem;
    white-space: nowrap
}

.step-title[data-astro-cid-kxznitkq] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0014a8;
    margin: 1rem 0 0;
    text-align: center
}

.step-content[data-astro-cid-kxznitkq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.step-arrow[data-astro-cid-kxznitkq] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4057ff
}

.step-arrow-mobile[data-astro-cid-kxznitkq] {
    display: none
}

@media (max-width: 991.98px) {
    .getting-started[data-astro-cid-kxznitkq] {
        padding:3rem 0
    }

    .getting-started-container[data-astro-cid-kxznitkq] {
        padding: 0 1rem
    }

    .section-title[data-astro-cid-kxznitkq] {
        font-size: 1.75rem
    }

    .steps-flow[data-astro-cid-kxznitkq] {
        flex-direction: column;
        gap: 1.5rem
    }

    .step-item[data-astro-cid-kxznitkq] {
        max-width: 24rem;
        width: 100%
    }

    .step-arrow-desktop[data-astro-cid-kxznitkq] {
        display: none
    }

    .step-arrow-mobile[data-astro-cid-kxznitkq] {
        display: flex
    }

    .step-card[data-astro-cid-kxznitkq] {
        min-height: 10rem
    }
}

@media (max-width: 768px) {
    .section-title[data-astro-cid-kxznitkq] {
        font-size:1.5rem
    }

    .description-main[data-astro-cid-kxznitkq] {
        font-size: 1rem
    }

    .step-card[data-astro-cid-kxznitkq] {
        padding: 2rem 1rem 1rem;
        min-height: 9rem
    }

    .step-title[data-astro-cid-kxznitkq] {
        font-size: 1.125rem
    }
}

.faq-section[data-astro-cid-z6gx6xcw] {
    background-color: #fff
}

.accordion-item[data-astro-cid-z6gx6xcw] {
    border: none!important;
    border-top: 1px solid #e9ecef!important
}

.accordion-item[data-astro-cid-z6gx6xcw]:last-child {
    border-bottom: 1px solid #e9ecef!important
}

.accordion-button[data-astro-cid-z6gx6xcw] {
    background: none;
    border: none;
    color: inherit;
    box-shadow: none;
    transition: background-color .3s ease;
    border-radius: 0
}

.accordion-button[data-astro-cid-z6gx6xcw]:hover {
    background-color: #f8f9fa
}

.accordion-button[data-astro-cid-z6gx6xcw]:focus {
    box-shadow: none
}

.accordion-button[data-astro-cid-z6gx6xcw]:not(.collapsed) {
    background-color: #fff;
    box-shadow: none
}

.accordion-button[data-astro-cid-z6gx6xcw]:after {
    display: none
}

.accordion-item[data-astro-cid-z6gx6xcw][data-astro-cid-z6gx6xcw]:first-of-type .accordion-button[data-astro-cid-z6gx6xcw][data-astro-cid-z6gx6xcw] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion-item[data-astro-cid-z6gx6xcw]:first-of-type {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem
}

.accordion-item[data-astro-cid-z6gx6xcw]:first-of-type .accordion-button[data-astro-cid-z6gx6xcw] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion-item[data-astro-cid-z6gx6xcw]:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.faq-q-label[data-astro-cid-z6gx6xcw],.faq-a-label[data-astro-cid-z6gx6xcw] {
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.faq-question-text[data-astro-cid-z6gx6xcw] {
    font-weight: 500;
    line-height: 1.5
}

.faq-answer-text[data-astro-cid-z6gx6xcw] {
    line-height: 1.6
}

.faq-icon[data-astro-cid-z6gx6xcw] {
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 2rem
}

.faq-icon-plus[data-astro-cid-z6gx6xcw],.faq-icon-minus[data-astro-cid-z6gx6xcw] {
    transition: opacity .3s ease;
    position: absolute
}

.accordion-button[data-astro-cid-z6gx6xcw].collapsed .faq-icon-plus[data-astro-cid-z6gx6xcw] {
    opacity: 1
}

.accordion-button[data-astro-cid-z6gx6xcw].collapsed .faq-icon-minus[data-astro-cid-z6gx6xcw] {
    opacity: 0
}

.accordion-button[data-astro-cid-z6gx6xcw]:not(.collapsed) .faq-icon-plus[data-astro-cid-z6gx6xcw] {
    opacity: 0
}

.accordion-button[data-astro-cid-z6gx6xcw]:not(.collapsed) .faq-icon-minus[data-astro-cid-z6gx6xcw] {
    opacity: 1
}

@media (max-width: 768px) {
    .faq-section[data-astro-cid-z6gx6xcw] {
        padding:3rem 0!important
    }

    .container[data-astro-cid-z6gx6xcw] {
        text-align: left;
        max-width: 90%;
        margin: 0 auto
    }

    h2[data-astro-cid-z6gx6xcw] {
        font-size: 1.75rem!important;
        margin-bottom: 2rem!important
    }

    .accordion-button[data-astro-cid-z6gx6xcw] {
        padding: 1rem!important
    }

    .accordion-body[data-astro-cid-z6gx6xcw] {
        padding: 1rem!important;
        padding-top: 0!important
    }

    .faq-q-label[data-astro-cid-z6gx6xcw] svg[data-astro-cid-z6gx6xcw],.faq-a-label[data-astro-cid-z6gx6xcw] svg[data-astro-cid-z6gx6xcw] {
        width: 24px;
        height: 24px
    }

    .faq-icon-plus[data-astro-cid-z6gx6xcw] {
        width: 28px;
        height: 26px
    }

    .faq-icon-minus[data-astro-cid-z6gx6xcw] {
        width: 26px;
        height: 26px
    }
}

.hero-home[data-astro-cid-q4y2qgzy] {
    background: linear-gradient(135deg,#fff,#a3c8f5,#f0f7ff);
    padding: 2rem 0;
    min-height: 32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    opacity: 0;
    animation: fadeIn 1.2s ease-out .2s forwards
}

.hero-container[data-astro-cid-q4y2qgzy] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3rem
}

.hero-content[data-astro-cid-q4y2qgzy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(2rem,5vw,4rem);
    position: relative;
    padding-top: 1rem
}

.hero-title-section[data-astro-cid-q4y2qgzy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.service-header[data-astro-cid-q4y2qgzy] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: .5rem
}

.service-tag[data-astro-cid-q4y2qgzy] {
    font-weight: 700;
    font-size: clamp(1rem,2vw,1.5rem);
    color: #0014a8;
    white-space: nowrap
}

.service-logo[data-astro-cid-q4y2qgzy] {
    flex-shrink: 0
}

.hero-main-title[data-astro-cid-q4y2qgzy] {
    font-weight: 700;
    font-size: clamp(1.5rem,3.5vw,2.25rem);
    line-height: 1.5;
    letter-spacing: .075rem;
    color: #383838;
    margin: 0
}

.title-line[data-astro-cid-q4y2qgzy],.subtitle-line[data-astro-cid-q4y2qgzy] {
    display: block
}

.hero-description[data-astro-cid-q4y2qgzy] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.hero-subtitle[data-astro-cid-q4y2qgzy] {
    font-weight: 600;
    font-size: clamp(.875rem,1.5vw,1.25rem);
    line-height: 1.5;
    color: #333;
    margin: 0
}

.service-notice[data-astro-cid-q4y2qgzy] {
    font-size: clamp(.6875rem,1vw,.875rem);
    line-height: 1.75;
    color: #333
}

.service-notice[data-astro-cid-q4y2qgzy] p[data-astro-cid-q4y2qgzy] {
    margin: 0 0 .25rem
}

.hero-buttons[data-astro-cid-q4y2qgzy] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 1.5rem
}

.hero-image-container-desktop[data-astro-cid-q4y2qgzy] {
    flex: 0 0 auto;
    width: clamp(400px,40vw,640px);
    aspect-ratio: 8/5;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-image-container[data-astro-cid-q4y2qgzy] {
    display: none
}

.service-notice-desktop[data-astro-cid-q4y2qgzy] {
    display: block
}

.service-notice-mobile[data-astro-cid-q4y2qgzy] {
    display: none
}

.hero-image[data-astro-cid-q4y2qgzy] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (max-width: 1200px) {
    .hero-content[data-astro-cid-q4y2qgzy] {
        gap:2rem
    }

    .hero-image-container-desktop[data-astro-cid-q4y2qgzy] {
        width: width: clamp(400px,40vw,540px);
        max-width: 520px
    }

    .hero-image[data-astro-cid-q4y2qgzy] {
        width: 100%;
        height: auto;
        object-fit: contain
    }
}

@media (max-width: 991px) {
    .hero-container[data-astro-cid-q4y2qgzy] {
        padding:0 1.5rem
    }

    .hero-content[data-astro-cid-q4y2qgzy] {
        flex-direction: column;
        gap: 2rem;
        text-align: center;
        align-items: center;
        padding-top: 1rem
    }

    .hero-title-section[data-astro-cid-q4y2qgzy] {
        max-width: 100%;
        text-align: center;
        align-items: center
    }

    .service-header[data-astro-cid-q4y2qgzy] {
        justify-content: center
    }

    .hero-image-container-desktop[data-astro-cid-q4y2qgzy] {
        display: none
    }

    .hero-image-container[data-astro-cid-q4y2qgzy] {
        display: flex;
        width: 100%;
        max-width: 22rem;
        aspect-ratio: 1;
        justify-content: center;
        align-items: center;
        order: 2
    }

    .hero-buttons[data-astro-cid-q4y2qgzy] {
        justify-content: center;
        order: 3
    }

    .service-notice-desktop[data-astro-cid-q4y2qgzy] {
        display: none
    }

    .service-notice-mobile[data-astro-cid-q4y2qgzy] {
        display: block;
        order: 4;
        margin-top: 1rem
    }
}

@media (max-width: 768px) {
    .hero-home[data-astro-cid-q4y2qgzy] {
        padding:.5rem 0;
        min-height: auto
    }

    .hero-container[data-astro-cid-q4y2qgzy] {
        padding: 0 1rem
    }

    .hero-content[data-astro-cid-q4y2qgzy] {
        gap: 1.5rem
    }

    .hero-title-section[data-astro-cid-q4y2qgzy] {
        max-width: 95%;
        gap: 1rem
    }

    .service-header[data-astro-cid-q4y2qgzy] {
        gap: 1rem;
        margin-bottom: 1rem
    }

    .hero-image-container[data-astro-cid-q4y2qgzy] {
        max-width: 20rem;
        margin: 1rem 0
    }

    .hero-buttons[data-astro-cid-q4y2qgzy] {
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        align-items: stretch
    }
}

@media (max-width: 480px) {
    .hero-container[data-astro-cid-q4y2qgzy] {
        padding:0 .75rem
    }

    .hero-title-section[data-astro-cid-q4y2qgzy] {
        max-width: 100%
    }

    .hero-image-container[data-astro-cid-q4y2qgzy] {
        max-width: 18rem
    }

    .hero-main-title[data-astro-cid-q4y2qgzy] .title-line[data-astro-cid-q4y2qgzy] {
        display: inline;
        white-space: nowrap;
        font-size: clamp(1.25rem,4vw,2rem)
    }
}

.illustration-left[data-astro-cid-lzdhsta5] {
    width: 5rem;
    height: 7.5rem
}

.illustration-right[data-astro-cid-lzdhsta5] {
    width: 7.5rem;
    height: 7.5rem
}

.illustration-image[data-astro-cid-lzdhsta5] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (min-width: 768px) {
    .problem-cards-grid[data-astro-cid-lzdhsta5] {
        display:flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: stretch
    }

    .problem-card-standard[data-astro-cid-lzdhsta5] {
        flex: 1;
        min-width: 300px;
        display: flex;
        flex-direction: column
    }

    .problem-card-body[data-astro-cid-lzdhsta5] {
        flex: 1;
        display: flex;
        flex-direction: column
    }

    .problem-card-text[data-astro-cid-lzdhsta5] {
        flex: 1
    }
}

@media (max-width: 768px) {
    .problem-title[data-astro-cid-lzdhsta5] br[data-astro-cid-lzdhsta5] {
        display:none
    }

    .problem-title-standard[data-astro-cid-lzdhsta5] {
        text-align: left!important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.benefits[data-astro-cid-lzdhsta5] {
    margin: 0!important;
    text-align: left!important
}

.application-examples[data-astro-cid-nw3bctag] {
    background-color: #fff
}

.section-header[data-astro-cid-nw3bctag] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-label[data-astro-cid-nw3bctag] {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1rem
}

.example-category[data-astro-cid-nw3bctag] {
    margin-bottom: -1rem
}

.example-title[data-astro-cid-nw3bctag] {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .application-examples[data-astro-cid-nw3bctag] {
        max-width:100%!important;
        margin: 0!important;
        text-align: left!important;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .container-standard[data-astro-cid-nw3bctag] {
        text-align: left;
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 480px) {
    .section-header[data-astro-cid-nw3bctag] {
        margin-bottom:2.5rem
    }

    .example-description[data-astro-cid-nw3bctag] {
        font-size: .8125rem
    }
}

.features[data-astro-cid-vnivfuh2] {
    background: #fff;
    padding: 5rem 0 2rem
}

.features-container[data-astro-cid-vnivfuh2] {
    padding: 0 2rem
}

.features-header[data-astro-cid-vnivfuh2] {
    text-align: center;
    margin-bottom: 2.5rem
}

.features-title[data-astro-cid-vnivfuh2] {
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    color: #333;
    margin: 0 0 .5rem;
    line-height: 1
}

.features-subtitle[data-astro-cid-vnivfuh2] {
    font-size: var(--font-size-sm);
    color: #666;
    margin: 0;
    line-height: 1
}

.features-grid[data-astro-cid-vnivfuh2] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,auto);
    gap: 1.5rem;
    margin-bottom: 3rem
}

.additional-features-container[data-astro-cid-vnivfuh2] {
    width: 100%;
    padding: 0 2rem
}

.additional-features-grid[data-astro-cid-vnivfuh2] {
    display: none;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
    align-items: stretch
}

.additional-features-grid[data-astro-cid-vnivfuh2].expanded {
    display: grid;
    animation: fadeIn .5s ease-out
}

.feature-card[data-astro-cid-vnivfuh2] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    border: 1px solid #cccccc;
    box-shadow: 0 .125rem .375rem #4953664d;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    min-height: 19rem
}

.additional-features-grid[data-astro-cid-vnivfuh2] .feature-card[data-astro-cid-vnivfuh2] {
    min-height: 12.5rem;
    gap: .75rem;
    padding: 1.5rem
}

.additional-features-grid[data-astro-cid-vnivfuh2] .feature-content[data-astro-cid-vnivfuh2] {
    gap: .75rem;
    padding-top: 1rem
}

.feature-icon[data-astro-cid-vnivfuh2] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.25rem;
    margin-bottom: .5rem
}

.feature-icon[data-astro-cid-vnivfuh2] svg[data-astro-cid-vnivfuh2] {
    max-width: 100%;
    max-height: 100%
}

.feature-content[data-astro-cid-vnivfuh2] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    flex: 1
}

.feature-title-row[data-astro-cid-vnivfuh2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex-wrap: wrap
}

.feature-title[data-astro-cid-vnivfuh2] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #383838;
    margin: 0;
    line-height: 1;
    white-space: nowrap
}

.feature-badge[data-astro-cid-vnivfuh2] {
    background: #333;
    color: #fff;
    font-size: var(--font-size-xs);
    font-weight: 600;
    padding: .4375rem .875rem;
    border-radius: 2rem;
    white-space: nowrap
}

.feature-asterisk[data-astro-cid-vnivfuh2] {
    font-size: var(--font-size-base);
    color: #333;
    font-weight: 400
}

.feature-description[data-astro-cid-vnivfuh2] {
    font-size: var(--font-size-base);
    line-height: 2rem;
    color: #333;
    margin: 0;
    text-align: left;
    flex: 1
}

.features-cta[data-astro-cid-vnivfuh2] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem
}

.cta-text[data-astro-cid-vnivfuh2] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: #0014a8;
    margin: 0;
    line-height: 4.375rem
}

.cta-button[data-astro-cid-vnivfuh2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #fff;
    color: #4057ff;
    font-size: var(--font-size-base);
    font-weight: 600;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    border: 1px solid #cccccc;
    text-decoration: none;
    transition: all .3s ease;
    width: 17.5rem;
    cursor: pointer
}

.cta-button[data-astro-cid-vnivfuh2]:hover {
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}

.cta-button[data-astro-cid-vnivfuh2] svg[data-astro-cid-vnivfuh2] {
    flex-shrink: 0
}

.feature-note[data-astro-cid-vnivfuh2] {
    color: #666;
    font-size: var(--font-size-sm)
}

@media (max-width: 991px) {
    .features-grid[data-astro-cid-vnivfuh2] {
        grid-template-columns:repeat(2,1fr);
        grid-template-rows: repeat(3,auto);
        gap: 1.25rem
    }

    .additional-features-container[data-astro-cid-vnivfuh2] {
        padding: 0 1.5rem
    }

    .additional-features-grid[data-astro-cid-vnivfuh2] {
        grid-template-columns: repeat(2,1fr);
        gap: 1.25rem
    }
}

@media (max-width: 768px) {
    .features[data-astro-cid-vnivfuh2] {
        padding:3rem 0
    }

    .features-container[data-astro-cid-vnivfuh2] {
        padding: 0 1rem
    }

    .features-title[data-astro-cid-vnivfuh2] {
        font-size: var(--font-size-xl)
    }

    .features-grid[data-astro-cid-vnivfuh2] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6,auto);
        gap: 1rem
    }

    .additional-features-container[data-astro-cid-vnivfuh2] {
        padding: 0 1rem
    }

    .additional-features-grid[data-astro-cid-vnivfuh2] {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .feature-card[data-astro-cid-vnivfuh2] {
        padding: 1.5rem 1rem;
        min-height: auto;
        text-align: left;
        max-width: 90%;
        margin: 0 auto
    }

    .feature-icon[data-astro-cid-vnivfuh2] {
        height: 5rem
    }

    .feature-title[data-astro-cid-vnivfuh2] {
        font-size: var(--font-size-md);
        text-align: center
    }

    .feature-title-row[data-astro-cid-vnivfuh2] {
        justify-content: center;
        flex-direction: row;
        gap: .5rem;
        align-items: center
    }

    .feature-description[data-astro-cid-vnivfuh2] {
        font-size: var(--font-size-sm);
        line-height: 1.75rem;
        text-align: left
    }

    .cta-text[data-astro-cid-vnivfuh2] {
        font-size: var(--font-size-sm);
        line-height: 3rem
    }

    .cta-button[data-astro-cid-vnivfuh2] {
        width: 100%;
        max-width: 240px
    }
}

@media (max-width: 576px) {
    .features-container[data-astro-cid-vnivfuh2] {
        padding:0 .75rem
    }

    .feature-title[data-astro-cid-vnivfuh2] {
        font-size: var(--font-size-base);
        white-space: normal;
        text-align: center;
        line-height: 1.3
    }

    .feature-title-row[data-astro-cid-vnivfuh2] {
        flex-direction: row;
        gap: .5rem
    }

    .feature-description[data-astro-cid-vnivfuh2] {
        font-size: .8125rem;
        line-height: 1.625rem;
        text-align: left
    }
}

.price[data-astro-cid-l7quwulr] {
    background: #d9e5ff;
    padding: 5rem 0
}

.price-container[data-astro-cid-l7quwulr] {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

.price-header[data-astro-cid-l7quwulr] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    margin: 0 auto
}

.price-title[data-astro-cid-l7quwulr] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1;
    letter-spacing: -.05rem
}

.price-subtitle[data-astro-cid-l7quwulr] {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 0
}

.price-subtitle[data-astro-cid-l7quwulr] p[data-astro-cid-l7quwulr] {
    margin: 0
}

.price-card[data-astro-cid-l7quwulr] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    max-width: 1110px;
    width: 100%
}

.price-content[data-astro-cid-l7quwulr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1.5rem 0;
    width: 100%
}

.cost-box[data-astro-cid-l7quwulr] {
    background: #d9e5ff;
    border-radius: .5rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 5.5625rem
}

.cost-label[data-astro-cid-l7quwulr] {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    white-space: nowrap
}

.cost-amount[data-astro-cid-l7quwulr] {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: .125rem
}

.amount-number[data-astro-cid-l7quwulr] {
    font-size: 3.125rem;
    font-weight: 600;
    color: #0014a8;
    line-height: 1;
    position: relative;
    z-index: 2
}

.amount-unit[data-astro-cid-l7quwulr] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0014a8;
    line-height: 1
}

.amount-number[data-astro-cid-l7quwulr]:after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: 0;
    right: 0;
    height: .6875rem;
    background: #fce700;
    border-radius: .5rem;
    z-index: -1
}

.plus-sign[data-astro-cid-l7quwulr] {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    line-height: 1
}

.price-cta[data-astro-cid-l7quwulr] {
    display: flex;
    justify-content: center;
    width: 100%
}

.cta-button[data-astro-cid-l7quwulr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #fff;
    color: #4057ff;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 1.5rem 2rem;
    border-radius: 2rem;
    border: 1px solid #4057ff;
    text-decoration: none;
    transition: all .3s ease;
    width: 18.875rem;
    height: 4.25rem
}

.cta-button[data-astro-cid-l7quwulr]:hover {
    background: #1a237e!important;
    color: #fff!important;
    border-color: #1a237e!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d;
    svg,.icon,img {
        filter: brightness(0) invert(1)!important
    }
}

.cta-button[data-astro-cid-l7quwulr] svg[data-astro-cid-l7quwulr] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0
}

@media (max-width: 768px) {
    .price[data-astro-cid-l7quwulr] {
        padding:3rem 0;
        margin: 0 auto!important;
        text-align: left!important
    }

    .price-container[data-astro-cid-l7quwulr] {
        margin: 0!important;
        padding: 0 1rem;
        gap: 2rem
    }

    .price-title[data-astro-cid-l7quwulr] {
        font-size: 1.5rem
    }

    .price-subtitle[data-astro-cid-l7quwulr] {
        font-size: .875rem
    }

    .price-card[data-astro-cid-l7quwulr] {
        padding: 1.5rem
    }

    .price-content[data-astro-cid-l7quwulr] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 0
    }

    .cost-box[data-astro-cid-l7quwulr] {
        width: 100%;
        max-width: 320px;
        justify-content: center;
        padding: 1rem;
        height: auto;
        min-height: 4rem
    }

    .plus-sign[data-astro-cid-l7quwulr] {
        font-size: 1.5rem
    }

    .amount-number[data-astro-cid-l7quwulr] {
        font-size: 2.5rem
    }

    .amount-unit[data-astro-cid-l7quwulr] {
        font-size: 1.25rem
    }

    .cta-button[data-astro-cid-l7quwulr] {
        width: 100%;
        max-width: 288px;
        font-size: 1rem;
        padding: 1.25rem 1.5rem
    }
}

@media (max-width: 576px) {
    .price-container[data-astro-cid-l7quwulr] {
        padding:0 .75rem
    }

    .price-title[data-astro-cid-l7quwulr] {
        font-size: 1.25rem
    }

    .price-subtitle[data-astro-cid-l7quwulr] {
        font-size: .8125rem
    }

    .cost-box[data-astro-cid-l7quwulr] {
        flex-direction: column;
        text-align: center;
        gap: .5rem;
        padding: 1rem .75rem
    }

    .amount-number[data-astro-cid-l7quwulr] {
        font-size: 2rem
    }

    .amount-unit[data-astro-cid-l7quwulr] {
        font-size: 1rem
    }

    .cta-button[data-astro-cid-l7quwulr] {
        font-size: .875rem;
        padding: 1rem 1.25rem
    }
}

.supports-section[data-astro-cid-a4kzr5nz] {
    background-color: #d9e5ff
}

.section-title[data-astro-cid-a4kzr5nz] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    letter-spacing: -.05rem
}

.section-description[data-astro-cid-a4kzr5nz] {
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    margin: 0
}

.section-description[data-astro-cid-a4kzr5nz] p[data-astro-cid-a4kzr5nz] {
    margin: 0 0 .5rem
}

.section-description[data-astro-cid-a4kzr5nz] p[data-astro-cid-a4kzr5nz]:last-child {
    margin-bottom: 0
}

.support-card[data-astro-cid-a4kzr5nz] {
    transition: transform .3s ease,box-shadow .3s ease;
    border: 1px solid #e9ecef;
    border-radius: 2rem
}

.support-icon-wrapper[data-astro-cid-a4kzr5nz] {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.support-icon[data-astro-cid-a4kzr5nz] {
    max-width: 100%;
    max-height: 100%
}

@media (max-width: 768px) {
    .supports-section[data-astro-cid-a4kzr5nz] {
        padding:3rem 0!important
    }

    .section-title[data-astro-cid-a4kzr5nz] {
        font-size: 1.75rem
    }

    .section-description[data-astro-cid-a4kzr5nz] {
        font-size: .875rem
    }

    .container[data-astro-cid-a4kzr5nz] {
        text-align: left;
        max-width: 90%;
        margin: 0 auto
    }

    .support-card[data-astro-cid-a4kzr5nz] {
        margin-bottom: 1.5rem
    }

    .support-icon-wrapper[data-astro-cid-a4kzr5nz],.support-icon[data-astro-cid-a4kzr5nz] {
        width: 100px;
        height: 100px
    }

    h2[data-astro-cid-a4kzr5nz] {
        font-size: 1.75rem!important;
        margin-bottom: 2rem!important
    }

    .h5[data-astro-cid-a4kzr5nz] {
        font-size: 1.125rem!important
    }

    .h6[data-astro-cid-a4kzr5nz] {
        font-size: 1rem!important
    }

    @media (max-width: 480px) {
        .section-title[data-astro-cid-a4kzr5nz] {
            font-size:1.5rem
        }

        .step-card[data-astro-cid-a4kzr5nz] {
            width: 20rem;
            height: auto
        }
    }
}

.effects-section[data-astro-cid-moedcgh3] {
    background-color: #fff
}

.effect-image[data-astro-cid-moedcgh3] {
    max-width: min(300px,30vw);
    width: 100%;
    height: auto;
    object-fit: contain
}

.notes-list[data-astro-cid-moedcgh3] {
    text-align: left
}

.note-item[data-astro-cid-moedcgh3] {
    line-height: 1.4
}

.sub-title[data-astro-cid-moedcgh3] {
    font-size: 1.25rem;
    font-weight: 600
}

@media (max-width: 768px) {
    .effects-section[data-astro-cid-moedcgh3] {
        padding:3rem 0!important
    }

    .effects-section[data-astro-cid-moedcgh3] .container[data-astro-cid-moedcgh3] {
        text-align: left!important;
        max-width: 90%!important;
        margin: 0 auto!important
    }

    .effects-images[data-astro-cid-moedcgh3] {
        flex-direction: column;
        gap: 1rem
    }

    .effect-image[data-astro-cid-moedcgh3] {
        max-width: 280px
    }

    h2[data-astro-cid-moedcgh3] {
        font-size: 1.5rem!important;
        text-align: left!important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .h2[data-astro-cid-moedcgh3] {
        font-size: 1.75rem!important;
        text-align: left!important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.getting-started[data-astro-cid-c5tfdvjb] {
    background: #d9e5ff;
    padding: 4rem 0
}

.getting-started-container[data-astro-cid-c5tfdvjb] {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

.header-section[data-astro-cid-c5tfdvjb] {
    text-align: center;
    margin-bottom: 3rem
}

.section-title[data-astro-cid-c5tfdvjb] {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1.5rem
}

.section-description[data-astro-cid-c5tfdvjb] {
    max-width: 60rem;
    margin: 0 auto
}

.description-main[data-astro-cid-c5tfdvjb] {
    font-size: 1rem;
    color: #1f2937;
    margin-bottom: .5rem
}

.description-sub[data-astro-cid-c5tfdvjb] {
    font-size: 1rem;
    color: #4b5563;
    line-height: 1.6;
    margin: 0
}

.steps-flow[data-astro-cid-c5tfdvjb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem
}

.step-item[data-astro-cid-c5tfdvjb] {
    flex: 1;
    max-width: 20rem
}

.step-card[data-astro-cid-c5tfdvjb] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 4px 6px -1px #0000001a;
    position: relative;
    min-height: 12rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.step-number[data-astro-cid-c5tfdvjb] {
    position: absolute;
    top: -.75rem;
    left: 50%;
    transform: translate(-50%);
    background: #4057ff;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem 1rem;
    border-radius: 2rem;
    white-space: nowrap
}

.step-title[data-astro-cid-c5tfdvjb] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0014a8;
    margin: 0 0 1rem;
    text-align: center
}

.step-content[data-astro-cid-c5tfdvjb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 1rem
}

.step-list[data-astro-cid-c5tfdvjb] {
    font-size: .875rem;
    color: #4b5563;
    text-align: left
}

.step-arrow[data-astro-cid-c5tfdvjb] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4057ff
}

.step-arrow-mobile[data-astro-cid-c5tfdvjb] {
    display: none
}

@media (max-width: 991.98px) {
    .getting-started[data-astro-cid-c5tfdvjb] {
        padding:3rem 0
    }

    .getting-started-container[data-astro-cid-c5tfdvjb] {
        padding: 0 1rem
    }

    .section-title[data-astro-cid-c5tfdvjb] {
        font-size: 1.75rem
    }

    .steps-flow[data-astro-cid-c5tfdvjb] {
        flex-direction: column;
        gap: 1.5rem
    }

    .step-item[data-astro-cid-c5tfdvjb] {
        max-width: 100%;
        width: 100%;
        max-width: 24rem
    }

    .step-arrow-desktop[data-astro-cid-c5tfdvjb] {
        display: none
    }

    .step-arrow-mobile[data-astro-cid-c5tfdvjb] {
        display: flex
    }

    .step-card[data-astro-cid-c5tfdvjb] {
        min-height: 10rem
    }
}

@media (max-width: 768px) {
    .section-title[data-astro-cid-c5tfdvjb] {
        font-size:1.5rem
    }

    .description-main[data-astro-cid-c5tfdvjb] {
        font-size: 1rem
    }

    .description-sub[data-astro-cid-c5tfdvjb] {
        font-size: .875rem
    }

    .step-card[data-astro-cid-c5tfdvjb] {
        padding: 2rem 1rem 1rem;
        min-height: 9rem
    }

    .step-title[data-astro-cid-c5tfdvjb] {
        font-size: 1.125rem
    }

    .step-list[data-astro-cid-c5tfdvjb] li[data-astro-cid-c5tfdvjb],.step-final[data-astro-cid-c5tfdvjb] p[data-astro-cid-c5tfdvjb] {
        font-size: .8125rem
    }
}

.stories[data-astro-cid-ywu4skgr] {
    background: #fff
}

.section-header[data-astro-cid-ywu4skgr] {
    text-align: center;
    margin-bottom: 3rem
}

.stories-container[data-astro-cid-ywu4skgr] {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0
}

.carousel-slide[data-astro-cid-ywu4skgr] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    padding: 0 2rem 1rem;
    align-items: stretch;
    overflow: visible
}

.card[data-astro-cid-ywu4skgr] {
    width: calc((100% - 3rem) / 3)!important;
    min-width: 21.875rem!important;
    max-width: 24rem!important;
    height: 30rem!important;
    border-radius: 1rem!important;
    box-shadow: 0 .25rem .75rem #00000014!important;
    transition: transform .3s ease!important;
    flex-shrink: 0!important;
    border: 1px solid #e9ecef!important;
    background: #fff!important;
    display: flex!important;
    flex-direction: column!important
}

.card[data-astro-cid-ywu4skgr] a[data-astro-cid-ywu4skgr] {
    text-decoration: none;
    color: inherit
}

.card-img-top[data-astro-cid-ywu4skgr] {
    height: 13.75rem;
    object-fit: cover;
    border-radius: 1rem 1rem 0 0
}

.card-body[data-astro-cid-ywu4skgr] {
    padding: 1.25rem 1.5rem 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.carousel-control-prev[data-astro-cid-ywu4skgr],.carousel-control-next[data-astro-cid-ywu4skgr] {
    margin: auto 0;
    position: absolute;
    transform: translateY(-50%)
}

.carousel-control-prev[data-astro-cid-ywu4skgr] {
    left: -3rem
}

.carousel-control-next[data-astro-cid-ywu4skgr] {
    right: -3rem
}

@media (max-width: 1200px) {
    .carousel-control-prev[data-astro-cid-ywu4skgr] {
        left:-2rem
    }

    .carousel-control-next[data-astro-cid-ywu4skgr] {
        right: -2rem
    }
}

.carousel-control-prev[data-astro-cid-ywu4skgr]:hover,.carousel-control-next[data-astro-cid-ywu4skgr]:hover {
    transform: translateY(-50%) scale(1.05)
}

.carousel-control-prev-icon[data-astro-cid-ywu4skgr],.carousel-control-next-icon[data-astro-cid-ywu4skgr] {
    width: 1rem;
    height: 1rem;
    background-size: 100% 100%;
    filter: invert(1)
}

.carousel-indicators[data-astro-cid-ywu4skgr] {
    position: static;
    margin: 2rem 0;
    justify-content: center
}

.carousel-indicators[data-astro-cid-ywu4skgr] button[data-astro-cid-ywu4skgr] {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background: #e9ecef;
    border: none;
    margin: 0 .25rem;
    transition: all .3s ease
}

.carousel-indicators[data-astro-cid-ywu4skgr] button[data-astro-cid-ywu4skgr].active {
    background: var(--bs-primary)
}

.carousel-indicators[data-astro-cid-ywu4skgr] button[data-astro-cid-ywu4skgr]:hover {
    background: var(--bs-primary);
    transform: scale(1.1)
}

@media (max-width: 576px) {
    .carousel-slide[data-astro-cid-ywu4skgr] {
        gap:.5rem;
        justify-content: center;
        padding: 0 .5rem 1rem
    }

    .card[data-astro-cid-ywu4skgr] {
        min-width: 15.625rem;
        max-width: 100%!important;
        display: none!important
    }

    .card[data-astro-cid-ywu4skgr]:nth-child(1) {
        display: flex!important
    }

    .carousel-indicators[data-astro-cid-ywu4skgr] {
        display: flex
    }

    .carousel-control-prev[data-astro-cid-ywu4skgr],.carousel-control-next[data-astro-cid-ywu4skgr] {
        display: none
    }
}

.card-title[data-astro-cid-ywu4skgr] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--bs-dark);
    margin-bottom: .75rem;
    line-height: normal
}

.card-text[data-astro-cid-ywu4skgr] {
    font-size: 1rem;
    color: var(--bs-dark);
    line-height: 2;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .carousel-slide[data-astro-cid-ywu4skgr] {
        gap:1rem;
        padding: 0 1.5rem 1rem
    }

    .card[data-astro-cid-ywu4skgr] {
        min-width: 18.75rem;
        max-width: 20rem
    }

    .carousel-control-prev[data-astro-cid-ywu4skgr] {
        left: -.5rem
    }

    .carousel-control-next[data-astro-cid-ywu4skgr] {
        right: -.5rem
    }
}

@media (max-width: 768px) {
    .stories[data-astro-cid-ywu4skgr] {
        max-width:100%!important;
        margin: 0!important;
        text-align: left!important
    }

    .container[data-astro-cid-ywu4skgr] {
        text-align: left;
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

    .carousel-slide[data-astro-cid-ywu4skgr] {
        padding: 0 .5rem;
        gap: 1rem
    }

    .card[data-astro-cid-ywu4skgr] {
        min-width: 17.5rem
    }

    .card-body[data-astro-cid-ywu4skgr] {
        padding: 1.5rem 1rem
    }

    .carousel-control-prev[data-astro-cid-ywu4skgr],.carousel-control-next[data-astro-cid-ywu4skgr] {
        width: 2.5rem;
        height: 2.5rem
    }

    .carousel-control-prev[data-astro-cid-ywu4skgr] {
        left: -1rem
    }

    .carousel-control-next[data-astro-cid-ywu4skgr] {
        right: -1rem
    }
}

@media (max-width: 576px) {
    .card[data-astro-cid-ywu4skgr] {
        min-width:15.625rem
    }

    .carousel-control-prev[data-astro-cid-ywu4skgr],.carousel-control-next[data-astro-cid-ywu4skgr] {
        display: none
    }

    .carousel-slide[data-astro-cid-ywu4skgr] {
        gap: .5rem
    }
}

.wide-button[data-astro-cid-ywu4skgr]:hover {
    background: #e8ecff;
    color: #4a69bd;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}

.carousel[data-astro-cid-ywu4skgr].slide.d-none.d-md-block {
    display: block
}

@media (max-width: 767px) {
    .carousel[data-astro-cid-ywu4skgr].slide.d-none.d-md-block {
        display:none!important
    }

    .d-block[data-astro-cid-ywu4skgr].d-md-none {
        display: block!important
    }

    .carousel-indicators[data-astro-cid-ywu4skgr],.carousel-control-prev[data-astro-cid-ywu4skgr],.carousel-control-next[data-astro-cid-ywu4skgr] {
        display: none!important
    }
}

@media (min-width: 768px) {
    .d-block[data-astro-cid-ywu4skgr].d-md-none {
        display:none!important
    }
}

.header-section[data-astro-cid-xdski4nv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center
}

.security-section[data-astro-cid-xdski4nv] {
    background-color: #d9e5ff
}

.security-description[data-astro-cid-xdski4nv] {
    max-width: 800px;
    margin: 0 auto
}

.security-card[data-astro-cid-xdski4nv] {
    transition: transform .3s ease,box-shadow .3s ease;
    border: 1px solid #e9ecef;
    border-radius: 2rem
}

.security-icon-wrapper[data-astro-cid-xdski4nv] {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.security-icon[data-astro-cid-xdski4nv] {
    width: 60px;
    height: 60px
}

@media (max-width: 768px) {
    .security-section[data-astro-cid-xdski4nv] {
        padding:3rem 0!important
    }

    .security-section[data-astro-cid-xdski4nv] .container[data-astro-cid-xdski4nv] {
        text-align: left!important;
        max-width: 90%!important;
        margin: 0 auto!important
    }

    .security-card[data-astro-cid-xdski4nv] {
        margin-bottom: 1.5rem
    }

    .security-icon-wrapper[data-astro-cid-xdski4nv] {
        width: 70px;
        height: 70px
    }

    .security-icon[data-astro-cid-xdski4nv] {
        width: 50px;
        height: 50px
    }

    h2[data-astro-cid-xdski4nv] {
        font-size: 1.75rem!important;
        margin-bottom: 2rem!important
    }

    .h6[data-astro-cid-xdski4nv] {
        font-size: 1rem!important
    }

    .security-description[data-astro-cid-xdski4nv] p[data-astro-cid-xdski4nv] {
        font-size: .9rem!important
    }
}

.hero-home[data-astro-cid-qpwsyuqr] {
    background: linear-gradient(135deg,#a3c8f5,#e8f0ff,#fff);
    padding: 2rem 0;
    min-height: 32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    opacity: 0;
    animation: fadeIn 1.2s ease-out .2s forwards
}

.hero-container[data-astro-cid-qpwsyuqr] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3rem
}

.hero-content[data-astro-cid-qpwsyuqr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(2rem,5vw,4rem);
    position: relative;
    padding-top: 1rem
}

.hero-title-section[data-astro-cid-qpwsyuqr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.service-header[data-astro-cid-qpwsyuqr] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: .5rem
}

.service-tag[data-astro-cid-qpwsyuqr] {
    font-weight: 700;
    font-size: clamp(1rem,2vw,1.5rem);
    color: #0014a8;
    white-space: nowrap
}

.service-logo[data-astro-cid-qpwsyuqr] {
    flex-shrink: 0
}

.hero-main-title[data-astro-cid-qpwsyuqr] {
    font-weight: 700;
    font-size: clamp(1.5rem,3.5vw,2.5rem);
    line-height: 1.5;
    letter-spacing: .075rem;
    color: #383838;
    margin: 0
}

.title-line[data-astro-cid-qpwsyuqr],.subtitle-line[data-astro-cid-qpwsyuqr] {
    display: block
}

.hero-description[data-astro-cid-qpwsyuqr] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.hero-subtitle[data-astro-cid-qpwsyuqr] {
    font-weight: 600;
    font-size: clamp(.875rem,1.5vw,1.25rem);
    line-height: 1.5;
    color: #333;
    margin: 0
}

.service-notice[data-astro-cid-qpwsyuqr] {
    font-size: clamp(.6875rem,1vw,.875rem);
    line-height: 1.75;
    color: #333
}

.service-notice[data-astro-cid-qpwsyuqr] p[data-astro-cid-qpwsyuqr] {
    margin: 0 0 .25rem
}

.hero-buttons[data-astro-cid-qpwsyuqr] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 1.5rem
}

.hero-image-container-desktop[data-astro-cid-qpwsyuqr] {
    flex: 0 0 auto;
    width: clamp(400px,40vw,640px);
    max-width: 100%;
    aspect-ratio: 8/5;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-image-container[data-astro-cid-qpwsyuqr] {
    display: none
}

.service-notice-desktop[data-astro-cid-qpwsyuqr] {
    display: block
}

.service-notice-mobile[data-astro-cid-qpwsyuqr] {
    display: none
}

.hero-image[data-astro-cid-qpwsyuqr] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (max-width: 1200px) {
    .hero-content[data-astro-cid-qpwsyuqr] {
        gap:2rem
    }

    .hero-main-title[data-astro-cid-qpwsyuqr] {
        font-size: clamp(1.25rem,2.8vw,2rem);
        line-height: 1.4
    }

    .hero-subtitle[data-astro-cid-qpwsyuqr] {
        font-size: clamp(.95rem,1.3vw,1.1rem);
        line-height: 1.6
    }
}

@media (max-width: 991px) {
    .hero-container[data-astro-cid-qpwsyuqr] {
        padding:0 1.5rem
    }

    .hero-content[data-astro-cid-qpwsyuqr] {
        flex-direction: column;
        gap: 2rem;
        text-align: center;
        align-items: center;
        padding-top: 1rem
    }

    .hero-title-section[data-astro-cid-qpwsyuqr] {
        max-width: 100%;
        text-align: center;
        align-items: center
    }

    .service-header[data-astro-cid-qpwsyuqr] {
        justify-content: center
    }

    .hero-image-container-desktop[data-astro-cid-qpwsyuqr] {
        display: none
    }

    .hero-image-container[data-astro-cid-qpwsyuqr] {
        display: flex;
        width: 100%;
        max-width: 22rem;
        aspect-ratio: 1;
        justify-content: center;
        align-items: center;
        order: 2
    }

    .hero-buttons[data-astro-cid-qpwsyuqr] {
        justify-content: center;
        order: 3
    }

    .service-notice-desktop[data-astro-cid-qpwsyuqr] {
        display: none
    }

    .service-notice-mobile[data-astro-cid-qpwsyuqr] {
        display: block;
        order: 4;
        margin-top: 1rem
    }
}

@media (max-width: 768px) {
    .hero-home[data-astro-cid-qpwsyuqr] {
        padding:.5rem 0;
        min-height: auto
    }

    .hero-container[data-astro-cid-qpwsyuqr] {
        padding: 0 1rem
    }

    .hero-content[data-astro-cid-qpwsyuqr] {
        gap: 1.5rem
    }

    .hero-title-section[data-astro-cid-qpwsyuqr] {
        max-width: 95%;
        gap: 1rem
    }

    .service-header[data-astro-cid-qpwsyuqr] {
        gap: 1rem;
        margin-bottom: 1rem
    }

    .hero-image-container[data-astro-cid-qpwsyuqr] {
        max-width: 20rem;
        margin: 1rem 0
    }

    .hero-buttons[data-astro-cid-qpwsyuqr] {
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        align-items: stretch
    }
}

@media (max-width: 480px) {
    .hero-container[data-astro-cid-qpwsyuqr] {
        padding:0 .75rem
    }

    .hero-title-section[data-astro-cid-qpwsyuqr] {
        max-width: 100%
    }

    .hero-image-container[data-astro-cid-qpwsyuqr] {
        max-width: 18rem
    }
}

.illustration-left[data-astro-cid-35gabh5a] {
    width: 5rem;
    height: 7.5rem
}

.illustration-right[data-astro-cid-35gabh5a] {
    width: 7.5rem;
    height: 7.5rem
}

.illustration-image[data-astro-cid-35gabh5a] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.problem-subtitle[data-astro-cid-35gabh5a] {
    margin-bottom: .5rem
}

@media (min-width: 768px) {
    .problem-cards-grid[data-astro-cid-35gabh5a] {
        display:flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: stretch
    }

    .problem-card-standard[data-astro-cid-35gabh5a] {
        flex: 1;
        min-width: 300px;
        display: flex;
        flex-direction: column
    }

    .problem-card-body[data-astro-cid-35gabh5a] {
        flex: 1;
        display: flex;
        flex-direction: column
    }

    .problem-card-text[data-astro-cid-35gabh5a] {
        flex: 1
    }
}

@media (max-width: 768px) {
    .problem-title-standard[data-astro-cid-35gabh5a] {
        text-align:left!important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .problem-title[data-astro-cid-35gabh5a] br[data-astro-cid-35gabh5a] {
        display: none
    }
}

.footnotes[data-astro-cid-35gabh5a] {
    margin-top: 1rem;
    text-align: left;
    font-size: .75rem;
    color: #666;
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto
}

.footnotes[data-astro-cid-35gabh5a] p[data-astro-cid-35gabh5a] {
    margin-bottom: .25rem
}

.application-examples[data-astro-cid-zpy6es5p] {
    background-color: #fff
}

.section-header[data-astro-cid-zpy6es5p] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-label[data-astro-cid-zpy6es5p] {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1rem
}

.example-category[data-astro-cid-zpy6es5p] {
    margin-bottom: -1rem
}

.example-title[data-astro-cid-zpy6es5p] {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .application-examples[data-astro-cid-zpy6es5p] {
        max-width:100%!important;
        margin: 0!important;
        text-align: left!important;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .container-standard[data-astro-cid-zpy6es5p] {
        text-align: left;
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 480px) {
    .section-header[data-astro-cid-zpy6es5p] {
        margin-bottom:2.5rem
    }

    .example-description[data-astro-cid-zpy6es5p] {
        font-size: .8125rem
    }
}

.features[data-astro-cid-b4prf5aq] {
    background: #fff;
    padding: 5rem 0 2rem
}

.features-container[data-astro-cid-b4prf5aq] {
    padding: 0 2rem
}

.features-header[data-astro-cid-b4prf5aq] {
    text-align: center;
    margin-bottom: 2.5rem
}

.features-title[data-astro-cid-b4prf5aq] {
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    color: #333;
    margin: 0 0 .5rem;
    line-height: 1
}

.features-subtitle[data-astro-cid-b4prf5aq] {
    font-size: var(--font-size-sm);
    color: #666;
    margin: 0;
    line-height: 1
}

.features-grid[data-astro-cid-b4prf5aq] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,auto);
    gap: 1.5rem;
    margin-bottom: 3rem
}

.additional-features-container[data-astro-cid-b4prf5aq] {
    width: 100%;
    padding: 0 2rem
}

.additional-features-grid[data-astro-cid-b4prf5aq] {
    display: none;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
    align-items: stretch
}

.additional-features-grid[data-astro-cid-b4prf5aq].expanded {
    display: grid;
    animation: fadeIn .5s ease-out
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.feature-card[data-astro-cid-b4prf5aq] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    border: 1px solid #cccccc;
    box-shadow: 0 .125rem .375rem #4953664d;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    min-height: 19rem
}

.additional-features-grid[data-astro-cid-b4prf5aq] .feature-card[data-astro-cid-b4prf5aq] {
    min-height: 12.5rem;
    gap: .75rem;
    padding: 1.5rem
}

.additional-features-grid[data-astro-cid-b4prf5aq] .feature-content[data-astro-cid-b4prf5aq] {
    gap: .75rem;
    padding-top: 1rem
}

.feature-icon[data-astro-cid-b4prf5aq] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.25rem;
    margin-bottom: .5rem
}

.feature-icon[data-astro-cid-b4prf5aq] svg[data-astro-cid-b4prf5aq] {
    max-width: 100%;
    max-height: 100%
}

.feature-content[data-astro-cid-b4prf5aq] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    flex: 1
}

.feature-title-row[data-astro-cid-b4prf5aq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex-wrap: wrap
}

.feature-title[data-astro-cid-b4prf5aq] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #383838;
    margin: 0;
    line-height: 1.4;
    text-align: center
}

.feature-badge[data-astro-cid-b4prf5aq] {
    background: #333;
    color: #fff;
    font-size: var(--font-size-xs);
    font-weight: 600;
    padding: .4375rem .875rem;
    border-radius: 2rem;
    white-space: nowrap
}

.feature-asterisk[data-astro-cid-b4prf5aq] {
    font-size: var(--font-size-base);
    color: #333;
    font-weight: 400
}

.feature-description[data-astro-cid-b4prf5aq] {
    font-size: var(--font-size-base);
    line-height: 2rem;
    color: #333;
    margin: 0;
    text-align: left;
    flex: 1
}

.features-cta[data-astro-cid-b4prf5aq] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem
}

.cta-text[data-astro-cid-b4prf5aq] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: #0014a8;
    margin: 0;
    line-height: 4.375rem
}

.cta-button[data-astro-cid-b4prf5aq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #fff;
    color: #4057ff;
    font-size: var(--font-size-base);
    font-weight: 600;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    border: 1px solid #cccccc;
    text-decoration: none;
    transition: all .3s ease;
    width: 17.5rem;
    cursor: pointer
}

.cta-button[data-astro-cid-b4prf5aq]:hover {
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}

.cta-button[data-astro-cid-b4prf5aq] svg[data-astro-cid-b4prf5aq] {
    flex-shrink: 0
}

.feature-note[data-astro-cid-b4prf5aq] {
    color: #666;
    font-size: var(--font-size-sm)
}

@media (max-width: 991px) {
    .features-grid[data-astro-cid-b4prf5aq] {
        grid-template-columns:repeat(2,1fr);
        grid-template-rows: repeat(3,auto);
        gap: 1.25rem
    }

    .additional-features-container[data-astro-cid-b4prf5aq] {
        padding: 0 1.5rem
    }

    .additional-features-grid[data-astro-cid-b4prf5aq] {
        grid-template-columns: repeat(2,1fr);
        gap: 1.25rem
    }
}

@media (max-width: 768px) {
    .features[data-astro-cid-b4prf5aq] {
        padding:3rem 0
    }

    .features-container[data-astro-cid-b4prf5aq] {
        padding: 0 1rem
    }

    .features-title[data-astro-cid-b4prf5aq] {
        font-size: var(--font-size-xl)
    }

    .features-grid[data-astro-cid-b4prf5aq] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6,auto);
        gap: 1rem
    }

    .additional-features-container[data-astro-cid-b4prf5aq] {
        padding: 0 1rem
    }

    .additional-features-grid[data-astro-cid-b4prf5aq] {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .feature-card[data-astro-cid-b4prf5aq] {
        padding: 1.5rem 1rem;
        min-height: auto;
        text-align: left;
        max-width: 90%;
        margin: 0 auto
    }

    .feature-icon[data-astro-cid-b4prf5aq] {
        height: 5rem
    }

    .feature-title[data-astro-cid-b4prf5aq] {
        font-size: var(--font-size-md);
        text-align: center
    }

    .feature-title-row[data-astro-cid-b4prf5aq] {
        justify-content: center;
        flex-direction: row;
        gap: .5rem;
        align-items: center
    }

    .feature-description[data-astro-cid-b4prf5aq] {
        font-size: var(--font-size-sm);
        line-height: 1.75rem;
        text-align: left
    }

    .cta-text[data-astro-cid-b4prf5aq] {
        font-size: var(--font-size-sm);
        line-height: 3rem
    }

    .cta-button[data-astro-cid-b4prf5aq] {
        width: 100%;
        max-width: 240px
    }
}

@media (max-width: 576px) {
    .features-container[data-astro-cid-b4prf5aq] {
        padding:0 .75rem
    }

    .feature-title[data-astro-cid-b4prf5aq] {
        font-size: var(--font-size-base);
        white-space: normal;
        text-align: center;
        line-height: 1.3
    }

    .feature-title-row[data-astro-cid-b4prf5aq] {
        flex-direction: row;
        gap: .5rem
    }

    .feature-description[data-astro-cid-b4prf5aq] {
        font-size: .8125rem;
        line-height: 1.625rem;
        text-align: left
    }
}

.price[data-astro-cid-x2k7cvka] {
    background: #d9e5ff;
    padding: 5rem 0
}

.price-container[data-astro-cid-x2k7cvka] {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

.price-header[data-astro-cid-x2k7cvka] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    margin: 0 auto
}

.price-title[data-astro-cid-x2k7cvka] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1;
    letter-spacing: -.05rem
}

.price-subtitle[data-astro-cid-x2k7cvka] {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 0
}

.price-subtitle[data-astro-cid-x2k7cvka] p[data-astro-cid-x2k7cvka] {
    margin: 0
}

.price-card[data-astro-cid-x2k7cvka] {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    max-width: 1110px;
    width: 100%
}

.price-content[data-astro-cid-x2k7cvka] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1.5rem 0;
    width: 100%
}

.cost-box[data-astro-cid-x2k7cvka] {
    background: #d9e5ff;
    border-radius: .5rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 5.5625rem
}

.cost-label[data-astro-cid-x2k7cvka] {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    white-space: nowrap
}

.cost-amount[data-astro-cid-x2k7cvka] {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: .125rem
}

.amount-number[data-astro-cid-x2k7cvka] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0014a8;
    line-height: 1;
    position: relative
}

.amount-unit[data-astro-cid-x2k7cvka] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0014a8;
    line-height: 1
}

.plus-sign[data-astro-cid-x2k7cvka] {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    line-height: 1
}

.price-cta[data-astro-cid-x2k7cvka] {
    display: flex;
    justify-content: center;
    width: 100%
}

.cta-button[data-astro-cid-x2k7cvka] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #fff;
    color: #4057ff;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 1.5rem 2rem;
    border-radius: 2rem;
    border: 1px solid #4057ff;
    text-decoration: none;
    transition: all .3s ease;
    width: 18.875rem;
    height: 4.25rem
}

.cta-button[data-astro-cid-x2k7cvka]:hover {
    background: #1a237e!important;
    color: #fff!important;
    border-color: #1a237e!important;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #1a237e4d;
    svg,.icon,img {
        filter: brightness(0) invert(1)!important
    }
}

.cta-button[data-astro-cid-x2k7cvka] svg[data-astro-cid-x2k7cvka] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0
}

@media (max-width: 768px) {
    .price[data-astro-cid-x2k7cvka] {
        padding:3rem 0
    }

    .price-container[data-astro-cid-x2k7cvka] {
        padding: 0 1rem;
        gap: 2rem
    }

    .price-title[data-astro-cid-x2k7cvka] {
        font-size: 1.5rem
    }

    .price-subtitle[data-astro-cid-x2k7cvka] {
        font-size: .875rem
    }

    .price-card[data-astro-cid-x2k7cvka] {
        padding: 1.5rem
    }

    .price-content[data-astro-cid-x2k7cvka] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 0
    }

    .cost-box[data-astro-cid-x2k7cvka] {
        width: 100%;
        max-width: 320px;
        justify-content: center;
        padding: 1rem;
        height: auto;
        min-height: 4rem
    }

    .plus-sign[data-astro-cid-x2k7cvka] {
        font-size: 1.5rem
    }

    .amount-number[data-astro-cid-x2k7cvka] {
        font-size: 2.5rem
    }

    .amount-unit[data-astro-cid-x2k7cvka] {
        font-size: 1.25rem
    }

    .cta-button[data-astro-cid-x2k7cvka] {
        width: 100%;
        max-width: 288px;
        font-size: 1rem;
        padding: 1.25rem 1.5rem
    }
}

@media (max-width: 576px) {
    .price-container[data-astro-cid-x2k7cvka] {
        padding:0 .75rem
    }

    .price-title[data-astro-cid-x2k7cvka] {
        font-size: 1.25rem
    }

    .price-subtitle[data-astro-cid-x2k7cvka] {
        font-size: .8125rem
    }

    .cost-box[data-astro-cid-x2k7cvka] {
        flex-direction: column;
        text-align: center;
        gap: .5rem;
        padding: 1rem .75rem
    }

    .amount-number[data-astro-cid-x2k7cvka] {
        font-size: 2rem
    }

    .amount-unit[data-astro-cid-x2k7cvka] {
        font-size: 1rem
    }

    .cta-button[data-astro-cid-x2k7cvka] {
        font-size: .875rem;
        padding: 1rem 1.25rem
    }
}

.header-section[data-astro-cid-r7igofox] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center
}

.supports-section[data-astro-cid-r7igofox] {
    background-color: #d9e5ff
}

.section-title[data-astro-cid-r7igofox] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    letter-spacing: -.05rem
}

.section-description[data-astro-cid-r7igofox] {
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    margin: 0
}

.section-description[data-astro-cid-r7igofox] p[data-astro-cid-r7igofox] {
    margin: 0 0 .5rem
}

.section-description[data-astro-cid-r7igofox] p[data-astro-cid-r7igofox]:last-child {
    margin-bottom: 0
}

.support-card[data-astro-cid-r7igofox] {
    transition: transform .3s ease,box-shadow .3s ease;
    border: 1px solid #e9ecef;
    border-radius: 2rem
}

.support-icon-wrapper[data-astro-cid-r7igofox] {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.support-icon[data-astro-cid-r7igofox] {
    max-width: 100%;
    max-height: 100%
}

@media (max-width: 768px) {
    .supports-section[data-astro-cid-r7igofox] {
        padding:3rem 0!important
    }

    .section-title[data-astro-cid-r7igofox] {
        font-size: 1.75rem
    }

    .section-description[data-astro-cid-r7igofox] {
        font-size: .875rem
    }

    .container[data-astro-cid-r7igofox] {
        text-align: left;
        max-width: 90%;
        margin: 0 auto
    }

    .support-card[data-astro-cid-r7igofox] {
        margin-bottom: 1.5rem
    }

    .support-icon-wrapper[data-astro-cid-r7igofox],.support-icon[data-astro-cid-r7igofox] {
        width: 100px;
        height: 100px
    }

    h2[data-astro-cid-r7igofox] {
        font-size: 1.75rem!important;
        margin-bottom: 2rem!important
    }

    .h5[data-astro-cid-r7igofox] {
        font-size: 1.125rem!important
    }

    .h6[data-astro-cid-r7igofox] {
        font-size: 1rem!important
    }

    @media (max-width: 480px) {
        .section-title[data-astro-cid-r7igofox] {
            font-size:1.5rem
        }

        .step-card[data-astro-cid-r7igofox] {
            width: 20rem;
            height: auto
        }
    }
}

.effects-section[data-astro-cid-3ppoaqsc] {
    background-color: #fff
}

.effect-image[data-astro-cid-3ppoaqsc] {
    max-width: min(300px,30vw);
    width: 100%;
    height: auto;
    object-fit: contain
}

.notes-list[data-astro-cid-3ppoaqsc] {
    text-align: left
}

.note-item[data-astro-cid-3ppoaqsc] {
    line-height: 1.4
}

.sub-title[data-astro-cid-3ppoaqsc] {
    font-size: 1.25rem;
    font-weight: 600
}

@media (max-width: 768px) {
    .effects-section[data-astro-cid-3ppoaqsc] {
        padding:3rem 0!important
    }

    .effects-section[data-astro-cid-3ppoaqsc] .container[data-astro-cid-3ppoaqsc] {
        text-align: left!important;
        max-width: 90%!important;
        margin: 0 auto!important
    }

    .effects-images[data-astro-cid-3ppoaqsc] {
        flex-direction: column;
        gap: 1rem
    }

    .effect-image[data-astro-cid-3ppoaqsc] {
        max-width: 280px
    }

    h2[data-astro-cid-3ppoaqsc] {
        font-size: 1.5rem!important;
        text-align: left!important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .h2[data-astro-cid-3ppoaqsc] {
        font-size: 1.75rem!important;
        text-align: left!important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.getting-started[data-astro-cid-6t35hz6e] {
    background: #d9e5ff;
    padding: 5rem 0
}

.container[data-astro-cid-6t35hz6e] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.getting-started-content[data-astro-cid-6t35hz6e] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: center
}

.section-description[data-astro-cid-6t35hz6e] {
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    margin: 0
}

.section-description[data-astro-cid-6t35hz6e] p[data-astro-cid-6t35hz6e] {
    margin: 0 0 .5rem
}

.section-description[data-astro-cid-6t35hz6e] p[data-astro-cid-6t35hz6e]:last-child {
    margin-bottom: 0
}

.header-section[data-astro-cid-6t35hz6e] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center
}

.section-title[data-astro-cid-6t35hz6e] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    letter-spacing: -.05rem
}

.steps-flow[data-astro-cid-6t35hz6e] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: center
}

.step-item[data-astro-cid-6t35hz6e] {
    position: relative
}

.step-card[data-astro-cid-6t35hz6e] {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 1rem;
    box-shadow: 0 .125rem .375rem #4953664d;
    padding: 3rem 1rem 2rem;
    width: 10rem;
    height: 7.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    position: relative
}

.step-number[data-astro-cid-6t35hz6e] {
    position: absolute;
    top: -.75rem;
    left: 50%;
    transform: translate(-50%);
    background: #4057ff;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    padding: .5rem 1.25rem;
    border-radius: 2rem;
    white-space: nowrap
}

.step-content[data-astro-cid-6t35hz6e] {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    line-height: 1.2
}

.step-content[data-astro-cid-6t35hz6e] p[data-astro-cid-6t35hz6e] {
    margin: 0
}

.step-arrow[data-astro-cid-6t35hz6e] {
    color: #4057ff;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    height: 5rem
}

.footnote[data-astro-cid-6t35hz6e] {
    font-size: .875rem;
    color: #666;
    text-align: left
}

.footnote[data-astro-cid-6t35hz6e] p[data-astro-cid-6t35hz6e] {
    margin: 0
}

@media (max-width: 768px) {
    .getting-started[data-astro-cid-6t35hz6e] {
        padding:3rem 0
    }

    .getting-started[data-astro-cid-6t35hz6e] .container[data-astro-cid-6t35hz6e] {
        padding: 0 1rem;
        text-align: left!important;
        margin: 0 auto!important
    }

    .section-title[data-astro-cid-6t35hz6e] {
        font-size: 1.75rem
    }

    .section-description[data-astro-cid-6t35hz6e] {
        font-size: .875rem
    }

    .steps-flow[data-astro-cid-6t35hz6e] {
        flex-direction: column;
        gap: 1.5rem
    }

    .step-arrow[data-astro-cid-6t35hz6e] {
        transform: rotate(90deg);
        height: auto;
        width: 1.25rem
    }

    .step-card[data-astro-cid-6t35hz6e] {
        width: 18rem;
        height: auto
    }

    .footnote[data-astro-cid-6t35hz6e] {
        text-align: center;
        font-size: .75rem
    }
}

@media (max-width: 480px) {
    .section-title[data-astro-cid-6t35hz6e] {
        font-size:1.5rem
    }

    .step-card[data-astro-cid-6t35hz6e] {
        width: 20rem;
        height: auto
    }
}

.hero-home[data-astro-cid-ewxirvlt] {
    background: linear-gradient(135deg,#fff,#a3c8f5,#f0f7ff);
    min-height: 32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    opacity: 0;
    animation: fadeIn 1.2s ease-out .2s forwards;
    margin-top: 0
}

.hero-content[data-astro-cid-ewxirvlt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 24rem;
    gap: 4rem;
    position: relative;
    padding-top: 2rem
}

.hero-title-section[data-astro-cid-ewxirvlt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    order: 1;
    position: relative
}

.hero-main-title[data-astro-cid-ewxirvlt] {
    line-height: 3.75rem;
    width: 100%
}

.title-line[data-astro-cid-ewxirvlt] {
    display: block
}

.hero-subtitle[data-astro-cid-ewxirvlt] {
    line-height: 2.25rem;
    width: 100%
}

.subtitle-line[data-astro-cid-ewxirvlt] {
    display: block
}

.hero-buttons[data-astro-cid-ewxirvlt] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    order: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto
}

.hero-image-container[data-astro-cid-ewxirvlt] {
    flex: 0 0 auto;
    width: 35rem;
    height: 22rem;
    position: relative;
    margin-top: 1rem;
    order: 2
}

.hero-image[data-astro-cid-ewxirvlt] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(1rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width: 1299.98px) {
    .hero-content[data-astro-cid-ewxirvlt] {
        flex-direction:column;
        gap: 2rem;
        text-align: center;
        align-items: center;
        padding-top: 0
    }

    .hero-title-section[data-astro-cid-ewxirvlt] {
        order: 1;
        max-width: 100%;
        align-items: center;
        text-align: center
    }

    .hero-image-container[data-astro-cid-ewxirvlt] {
        order: 2;
        width: 100%;
        max-width: var(--container-image-md);
        margin-top: 0
    }

    .hero-buttons[data-astro-cid-ewxirvlt] {
        order: 3;
        justify-content: center;
        position: static
    }
}

@media (max-width: 768px) {
    .hero-home[data-astro-cid-ewxirvlt] {
        min-height:auto;
        padding-left: 0;
        padding-right: 0
    }

    .hero-container[data-astro-cid-ewxirvlt] {
        padding-left: 0;
        padding-right: 0
    }

    .hero-title-section[data-astro-cid-ewxirvlt] {
        text-align: left;
        max-width: 100%;
        margin: 0
    }

    .hero-main-title[data-astro-cid-ewxirvlt] {
        font-size: 1.75rem;
        line-height: 2.625rem;
        letter-spacing: .05rem
    }

    .hero-subtitle[data-astro-cid-ewxirvlt] {
        font-size: 1rem;
        line-height: 1.75rem
    }

    .hero-buttons[data-astro-cid-ewxirvlt] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .hero-btn[data-astro-cid-ewxirvlt] {
        width: 100%;
        max-width: none
    }
}

@media (max-width: 576px) {
    .hero-main-title[data-astro-cid-ewxirvlt] {
        font-size:clamp(1.25rem,4vw,2rem);
        line-height: 2.2rem
    }

    .hero-subtitle[data-astro-cid-ewxirvlt] {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .hero-image-container[data-astro-cid-ewxirvlt] {
        width: 100%;
        max-width: 384px;
        height: 15rem
    }
}

.solutions[data-astro-cid-vj7y5fzp] {
    background: #edf2fc;
    padding: 1.25rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.solutions-container[data-astro-cid-vj7y5fzp] {
    display: flex;
    justify-content: center;
    align-items: center
}

.banners[data-astro-cid-vj7y5fzp] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    width: 100%
}

.banner-link[data-astro-cid-vj7y5fzp] {
    display: block;
    width: 21rem;
    transition: transform .3s ease,box-shadow .3s ease;
    border-radius: .5rem
}

.banner-image[data-astro-cid-vj7y5fzp] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: .5rem;
    border: 1px solid #ccc;
    box-shadow: 0 2px 6px #4953664d
}

@media (max-width: 1200px) {
    .banner-link[data-astro-cid-vj7y5fzp] {
        width:auto;
        max-width: 336px;
        min-width: 200px
    }
}

@media (max-width: 768px) {
    .solutions[data-astro-cid-vj7y5fzp] {
        display:none
    }
}

.partners[data-astro-cid-s63cuhea] {
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

.partners-container[data-astro-cid-s63cuhea] {
    display: flex;
    align-items: center;
    height: 6rem;
    overflow: hidden
}

.partners-scroll-wrapper[data-astro-cid-s63cuhea] {
    display: flex;
    align-items: center;
    gap: 2rem;
    animation: scroll 80s linear infinite;
    width: max-content
}

@keyframes scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-3060px)
    }
}

.partner-logo[data-astro-cid-s63cuhea] {
    height: 90px;
    display: flex;
    align-items: center
}

.partner-logo[data-astro-cid-s63cuhea] img[data-astro-cid-s63cuhea] {
    width: 120px;
    max-height: 90px;
    height: auto;
    object-fit: contain
}

.partner-logo[data-astro-cid-s63cuhea].partner-logo-kanazawa,.partner-logo[data-astro-cid-s63cuhea].partner-logo-kachigawa,.partner-logo[data-astro-cid-s63cuhea].partner-logo-sunvalley,.partner-logo[data-astro-cid-s63cuhea].partner-logo-tenjin,.partner-logo[data-astro-cid-s63cuhea].partner-logo-newotani,.partner-logo[data-astro-cid-s63cuhea].partner-logo-kamogawa,.partner-logo[data-astro-cid-s63cuhea].partner-logo-kanehide,.partner-logo[data-astro-cid-s63cuhea].partner-logo-kariyushi,.partner-logo[data-astro-cid-s63cuhea].partner-logo-kashiwa,.partner-logo[data-astro-cid-s63cuhea].partner-logo-tosei,.partner-logo[data-astro-cid-s63cuhea].partner-logo-uds {
    height: 180px
}

.partner-logo[data-astro-cid-s63cuhea].partner-logo-kanazawa img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-kachigawa img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-sunvalley img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-tenjin img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-newotani img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-kamogawa img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-kanehide img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-kariyushi img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-kashiwa img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-tosei img[data-astro-cid-s63cuhea],.partner-logo[data-astro-cid-s63cuhea].partner-logo-uds img[data-astro-cid-s63cuhea] {
    width: 160px;
    max-height: 180px
}

.section-subtitle[data-astro-cid-mx3jdxqs] {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: .5rem
}

.illustration-left[data-astro-cid-mx3jdxqs] {
    width: 5rem;
    height: 7.5rem
}

.illustration-right[data-astro-cid-mx3jdxqs] {
    width: 7.5rem;
    height: 7.5rem
}

.illustration-image[data-astro-cid-mx3jdxqs] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.problem-subtitle[data-astro-cid-mx3jdxqs] {
    margin-bottom: .5rem
}

@media (min-width: 768px) {
    .problem-cards-grid[data-astro-cid-mx3jdxqs] {
        display:flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: stretch
    }

    .problem-card-standard[data-astro-cid-mx3jdxqs] {
        flex: 1;
        min-width: 300px;
        display: flex;
        flex-direction: column
    }

    .problem-card-body[data-astro-cid-mx3jdxqs] {
        flex: 1;
        display: flex;
        flex-direction: column
    }

    .problem-card-text[data-astro-cid-mx3jdxqs] {
        flex: 1
    }
}

.effects-image[data-astro-cid-mx3jdxqs].responsive-image-desktop {
    width: 80%
}

.footnotes[data-astro-cid-mx3jdxqs] {
    margin-top: 1rem;
    text-align: left;
    font-size: .75rem;
    color: #666;
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto
}

.footnotes[data-astro-cid-mx3jdxqs] p[data-astro-cid-mx3jdxqs] {
    margin-bottom: .25rem
}

.subtitle[data-astro-cid-yt2pjc4r] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 3.125rem
}

.solution-desktop[data-astro-cid-yt2pjc4r] {
    display: block
}

.solution-mobile[data-astro-cid-yt2pjc4r] {
    display: none
}

@media (max-width: 768px) {
    .subtitle[data-astro-cid-yt2pjc4r] {
        font-size:1.5rem;
        line-height: 1.5
    }

    .title[data-astro-cid-yt2pjc4r] {
        font-size: 1.75rem
    }

    .solution-desktop[data-astro-cid-yt2pjc4r] {
        display: none
    }

    .solution-mobile[data-astro-cid-yt2pjc4r] {
        display: block
    }
}

@media (max-width: 480px) {
    .subtitle[data-astro-cid-yt2pjc4r] {
        font-size:1.125rem
    }

    .title[data-astro-cid-yt2pjc4r] {
        font-size: 1.5rem
    }
}

.application-examples[data-astro-cid-jmzed7ui] {
    background-color: #fff
}

.section-header[data-astro-cid-jmzed7ui] {
    text-align: center;
    margin-bottom: 3.75rem
}

.section-label[data-astro-cid-jmzed7ui] {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1rem
}

.example-category[data-astro-cid-jmzed7ui] {
    margin-bottom: -1rem
}

.example-title[data-astro-cid-jmzed7ui] {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .application-examples[data-astro-cid-jmzed7ui] {
        max-width:100%!important;
        margin: 0!important;
        text-align: left!important;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .container-standard[data-astro-cid-jmzed7ui] {
        text-align: left;
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 480px) {
    .section-header[data-astro-cid-jmzed7ui] {
        margin-bottom:2.5rem
    }

    .example-description[data-astro-cid-jmzed7ui] {
        font-size: .8125rem
    }
}

.btn-wrapper[data-astro-cid-5nedekyl] {
    max-width: 300px;
    margin: 0 auto
}

.updates-title[data-astro-cid-5nedekyl] {
    margin-bottom: 1.5rem
}

.news-date[data-astro-cid-5nedekyl] {
    font-size: var(--font-size-sm);
    color: var(--bs-dark);
    font-weight: 600;
    white-space: nowrap;
    min-width: 5.5rem
}

.news-title[data-astro-cid-5nedekyl] {
    font-size: var(--font-size-sm);
    color: var(--bs-dark);
    font-weight: 400;
    line-height: 1.4
}

.news-arrow[data-astro-cid-5nedekyl] svg[data-astro-cid-5nedekyl] {
    width: 1.5rem;
    height: 1.5rem
}

.news-date[data-astro-cid-5nedekyl],.badge[data-astro-cid-5nedekyl] {
    flex-shrink: 0
}

.news-title[data-astro-cid-5nedekyl] {
    flex: 1;
    margin-left: 1rem
}

@media (max-width: 768px) {
    .updates[data-astro-cid-5nedekyl] {
        display:flex;
        flex-direction: column;
        align-items: center
    }

    .container[data-astro-cid-5nedekyl] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
        max-width: 100%
    }

    .updates-title[data-astro-cid-5nedekyl] {
        font-size: 2rem;
        margin-bottom: 0
    }

    .news-container[data-astro-cid-5nedekyl] {
        max-width: 100%;
        margin: 0;
        background: #fff;
        border: 1px solid var(--border-light);
        border-radius: 1rem;
        padding: 0;
        text-align: left;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .list-group[data-astro-cid-5nedekyl] {
        border-radius: 1rem
    }

    .list-group-item[data-astro-cid-5nedekyl] {
        padding: 1rem;
        display: flex;
        align-items: flex-start;
        gap: .5rem
    }

    .news-date[data-astro-cid-5nedekyl] {
        min-width: auto;
        font-size: var(--font-size-sm);
        flex-shrink: 0
    }

    .badge[data-astro-cid-5nedekyl] {
        flex-shrink: 0
    }

    .news-title[data-astro-cid-5nedekyl] {
        font-size: var(--font-size-sm);
        width: 100%;
        margin-top: .25rem
    }
}

@media (max-width: 480px) {
    .updates-title[data-astro-cid-5nedekyl] {
        font-size:1.5rem
    }

    .container[data-astro-cid-5nedekyl] {
        padding: 0 .75rem
    }

    .news-container[data-astro-cid-5nedekyl] {
        margin: 0 .25rem
    }

    .list-group-item[data-astro-cid-5nedekyl] {
        padding: 1rem
    }

    .news-title[data-astro-cid-5nedekyl] {
        font-size: .8rem
    }
}

.wide-button[data-astro-cid-5nedekyl]:hover {
    background: #e8ecff;
    color: #4a69bd;
    text-decoration: none;
    transform: translateY(-.125rem);
    box-shadow: 0 .25rem .75rem #4057ff33
}