.banking-container {
    background: linear-gradient(135deg, #f0f4ff 0%, #e6eeff 100%);
    gap: 4rem;
    max-width: 1200px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
    display: flex
}

.social-link-main h4 {
    color: #3f3f3f
}

.textRight {
    text-align: left
}

.content {
    flex: 1;
    padding: 2rem 0
}

h1 {
    color: #1a1a1a;
    margin-bottom: 2rem;
    font-size: 3rem;
    line-height: 1.2
}

.highlight-pink {
    color: #4dd0ff
}

.highlight-purple {
    color: #568dd6
}

.stats-container {
    gap: 2rem;
    margin-top: 3rem;
    display: flex
}

.stat-item {
    border-left: 3px solid #568dd6;
    padding-left: 1rem
}

.stat-number {
    color: #1a1a1a;
    margin-bottom: .5rem;
    font-size: 2rem;
    font-weight: 700
}

.stat-text {
    color: #4a5568;
    font-size: .9rem;
    line-height: 1.4
}

.read-more {
    color: #fff;
    cursor: pointer;
    background: #568dd6;
    border: none;
    border-radius: 25px;
    align-items: center;
    margin-top: 2rem;
    padding: .8rem 1.5rem;
    font-weight: 500;
    text-decoration: none;
    transition: background .3s;
    display: inline-flex
}

.read-more:hover {
    background: #3c659a
}

.arrow {
    margin-left: .5rem
}

.chat-section {
    flex: 1;
    align-items: center;
    display: flex
}

.chat-container {
    background: #fff;
    border-radius: 20px;
    width: 100%;
    max-width: 500px;
    padding: 2rem;
    box-shadow: 0 10px 30px #0000001a
}

.user-message {
    background: #f7fafc;
    border-radius: 15px;
    margin-bottom: 1rem;
    padding: 1rem
}

.ai-response {
    color: #fff;
    background: #4299e1;
    border-radius: 15px;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    display: flex
}

.ai-icon {
    background: #fff3;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex
}

.dots {
    justify-content: center;
    gap: .5rem;
    margin-top: 2rem;
    display: flex
}

.hidden {
    display: none !important
}

.dot {
    background: #cbd5e0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    transition: background .3s
}

.dot.active {
    background: #568dd6
}

@media (max-width:768px) {
    .banking-container {
        flex-direction: column;
        gap: 2rem;
        padding: 1rem
    }
    h1 {
        font-size: 2rem
    }
    .stats-container {
        flex-direction: column;
        gap: 1rem
    }
}

.tw-m-0 {
    margin: 0
}

body {
    font-size: 14px
}

.w175 {
    width: 175px
}

.w250 {
    width: 250px
}

.d-none {
    display: none
}

.mx-auto {
    margin: 0 auto
}

.ml-15 {
    margin-left: 15px
}

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

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

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

.v5-btn-primary {
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: #568dd6;
    border: 1px solid #568dd6;
    border-radius: 4px;
    padding: 14px 28px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 18px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    display: inline-block
}

.outlined {
    color: #568dd6;
    background-color: #0000
}

.outlined:focus,
.outlined:hover {
    color: #568dd6;
    background-color: #568dd626
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
    margin-bottom: 5px
}

@media (min-width:768px) {
    .d-md-block {
        display: block
    }
    .d-md-none {
        display: none
    }
}

.container {
    max-width: 1300px
}

.ctaButtonStyle {
    font-size: 16px !important;
    font-weight: 600 !important
}

.mt15 {
    margin-top: 15px
}

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

.sp-footer {
    padding-left: 15px;
    padding-right: 15px
}

a {
    color: #3486f1;
    cursor: pointer;
    background-color: #0000;
    outline: none;
    text-decoration: none;
    transition: color .3s
}

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

ul {
    margin-top: 0
}

.tw-btn-shadow {
    box-shadow: 0 1px 2px #00000040
}

.hidden {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    overflow: hidden
}

.footerLinks {
    color: #0009;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none
}

.cookie-warning {
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    position: relative
}

.cookie-warning .tooltip-text {
    visibility: hidden;
    opacity: 0;
    color: #fff;
    text-align: left;
    z-index: 10000;
    pointer-events: none;
    background: linear-gradient(90deg, #3486f1 -11.19%, #39caff 99.51%);
    border-radius: 6px;
    width: 200px;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 1.2;
    transition: opacity .3s;
    position: absolute;
    bottom: 120%;
    right: 100%;
    box-shadow: 0 0 10px #0000004d
}

.cookie-warning:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}

.searchBox,
.searchBox404 {
    padding: 10rem 0 2rem
}

:is(.searchBox, .searchBox404) div {
    border-radius: 10px;
    width: 1300px;
    max-width: 1440px;
    margin: auto auto 5px;
    padding: 40px 0 20px
}

:is(.searchBox, .searchBox404) input {
    border: 0;
    border-radius: 8px;
    width: 100%;
    height: 60px;
    padding: 10px;
    font-size: 22px;
    box-shadow: 0 0 .25em #43475545, 0 .25em 1em #5a7dbc0d
}

:is(.searchBox, .searchBox404) input:focus-visible {
    outline: none
}

:is(.searchBox, .searchBox404) input::placeholder {
    color: #000;
    font-size: 18px
}

.searchBox404 {
    padding-top: 0;
    padding-bottom: 0
}

.searchBox404 div {
    padding: 20px 0 16px
}

.suggestionUrls {
    border-radius: 10px;
    width: 1300px;
    max-width: 1440px;
    margin: auto auto 30px;
    padding: 40px 50px 20px;
    box-shadow: 0 4px 34px #83a9da33
}

.suggestionUrls .noSuggestion {
    min-height: 202px
}

.suggestionUrls h2 {
    color: #3f3f3f;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

.suggestionUrls ul {
    padding-left: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    list-style: none
}

.suggestionUrls ul li {
    margin-bottom: 20px
}

.suggestionUrls ul li a {
    color: #568dd6
}

@media (max-width:1150px) {
    :is(.searchBox, .searchBox404) div {
        width: 100%;
        padding: 40px 20px
    }
    .suggestionUrls {
        width: calc(100% - 2.5rem);
        padding: 40px 25px 20px
    }
    .suggestionUrls h2 {
        font-size: 22px
    }
    .suggestionUrls ul {
        font-size: 15px;
        line-height: 20px
    }
}

.visible {
    opacity: 1;
    transition: opacity 1s ease-in-out
}

.bgGradientColor {
    background: linear-gradient(90.29deg, #3f92ff -2.47%, #99e4ff 91.2%);
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text
}

.bgGradientProductHero {
    background: linear-gradient(95.46deg, #87b8f7 25.43%, #93e2ff 69.87%);
    -webkit-text-fill-color: transparent;
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline;
    white-space: normal !important
}

.highlightedText {
    background: linear-gradient(94.41deg, #9ec8ff 19.71%, #8db4e8 39.38%, #9ae4ff 67.51%), linear-gradient(#3f3f3f, #3f3f3f);
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-mb-5 {
    margin-bottom: 1.25rem
}

.tw-mt-7 {
    margin-top: 1rem
}

.tw-mb-3 {
    margin-bottom: .75rem
}

.tw-mb-0 {
    margin-bottom: 0
}

.tw-ml-2\.5 {
    margin-left: .625rem
}

.nav-link {
    cursor: pointer
}

.tw-ml-2 {
    margin-left: .5rem
}

.tw-mt-8 {
    margin-top: 2rem
}

.tw-box-border {
    box-sizing: border-box
}

.tw-inline-block {
    display: inline-block
}

.tw-flex {
    display: flex
}

.tw-h-8 {
    height: 2rem
}

.tw-h-px {
    height: 1px
}

.tw-w-56 {
    width: 16rem
}

.tw-w-1\/2 {
    width: 50%
}

.tw-w-8 {
    width: 2rem
}

.tw-w-full {
    width: 100%
}

.footer-section {
    max-width: 1300px;
    margin: auto
}

.tw-max-w-xs {
    max-width: 20rem
}

.tw-list-none {
    list-style-type: none
}

.tw-flex-wrap {
    flex-wrap: wrap
}

.tw-items-start {
    align-items: flex-start
}

.tw-items-center {
    align-items: center
}

.tw-justify-center {
    justify-content: center
}

.tw-justify-between {
    justify-content: space-between
}

.tw-gap-3 {
    gap: .75rem
}

.tw-gap-5 {
    gap: 1.25rem
}

.tw-gap-12 {
    gap: 3rem
}

.tw-rounded-md {
    border-radius: .375rem
}

.tw-rounded-full {
    border-radius: 9999px
}

.tw-border-0 {
    border-width: 0
}

.tw-border-t {
    border-top-width: 1px
}

.tw-border-solid {
    border-style: solid
}

.tw-border-light-gray {
    --tw-border-opacity: 1;
    border-color: rgb(197 202 217/var(--tw-border-opacity))
}

.tw-bg-light-cyan {
    --tw-bg-opacity: 1;
    background-color: #f4f9ff
}

.tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.tw-pr-5 {
    padding-right: 1.25rem
}

.tw-pt-6 {
    padding-top: 1.5rem
}

.tw-pr-10 {
    padding-right: 2.5rem
}

.tw-pr-8 {
    padding-right: 2rem
}

.tw-pr-4 {
    padding-right: 1rem
}

.tw-pt-3 {
    padding-top: .75rem
}

.tw-pl-0 {
    padding-left: 0
}

.tw-pb-4 {
    padding-bottom: 1rem
}

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

.tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.tw-font-normal {
    font-weight: 400
}

.tw-font-light {
    font-weight: 300
}

.tw-font-medium {
    font-weight: 500
}

.tw-leading-relaxed {
    line-height: 1.625
}

.tw-text-gray {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.tw-text-dark-gray {
    --tw-text-opacity: 1;
    color: rgb(63 63 63/var(--tw-text-opacity))
}

.tw-no-underline {
    text-decoration-line: none
}

.exitModal {
    text-align: center !important;
    width: 700px !important
}

.tw-decoration-dark-gray {
    text-decoration-color: #3f3f3f
}

.tw-decoration-1 {
    text-decoration-thickness: 1px
}

.back-to-dlt {
    margin-bottom: 20px
}

.ant-space-block {
    display: flex !important
}

.hover\:tw-text-charcoal-gray:hover {
    --tw-text-opacity: 1;
    color: rgb(71 78 82/var(--tw-text-opacity))
}

.hover\:tw-text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .md\:tw-mt-6 {
        margin-top: 1.5rem
    }
    .textRight {
        text-align: right;
        margin-bottom: 10px;
        margin-right: 25px;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal
    }
}

@media (min-width:1024px) {
    .lg\:tw-mb-8 {
        margin-bottom: 2rem
    }
    .lg\:tw-mt-0 {
        margin-top: 0
    }
    .lg\:tw-block {
        display: block
    }
    .lg\:tw-w-auto {
        width: auto
    }
    .lg\:tw-flex-nowrap {
        flex-wrap: nowrap
    }
    .lg\:tw-gap-12 {
        gap: 3rem
    }
    .lg\:tw-pt-7 {
        padding-top: 1.75rem
    }
}

@media (min-width:1280px) {
    .xl\:tw-gap-20 {
        gap: 5rem
    }
    .xl\:tw-p-0 {
        padding: 0
    }
    .xl\:tw-pr-0 {
        padding-right: 0
    }
}