html {
    scroll-behavior: smooth;
    font-family: SofiaPro, Sofia W03, Helvetica Neue, Arial, sans-serif
}

body {
    margin: 0
}

.rich-text> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}

.rich-text {
    font-family: SofiaPro, Sofia W03, Helvetica Neue, Arial, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(11 11 11 / var(--tw-text-opacity))
}

:is(.dark .rich-text) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .rich-text> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }
}

.rich-text .heading,
.rich-text h1 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--heading-colour)
}

@media (min-width: 768px) {

    .rich-text .heading,
    .rich-text h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 44px
    }
}

@media (min-width: 1024px) {

    .rich-text .heading,
    .rich-text h1 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {

    .rich-text .heading,
    .rich-text h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 44px
    }
}

@media (min-width: 1536px) {

    .rich-text .heading,
    .rich-text h1 {
        font-size: 3rem;
        line-height: 1;
        line-height: 56px
    }
}

.rich-text .subtitle,
.rich-text h2 {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    color: var(--subtitle-colour)
}

.rich-text p,
.rich-text li {
    margin: 0px;
    font-family: SofiaPro, Sofia W03, Helvetica Neue, Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300
}

@media (min-width: 768px) {

    .rich-text p,
    .rich-text li {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.rich-text ul {
    list-style-position: outside;
    list-style-type: disc
}

.rich-text ol {
    list-style-position: outside;
    list-style-type: decimal
}

.rich-text .richtext-image.image-fullwidth {
    width: 100%
}

.rich-text iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%
}

.cards-module .intro,
.glide .intro {
    width: 100%
}

.cards-module .intro .rich-text .heading,
.cards-module .intro .rich-text h1,
.glide .intro .rich-text .heading,
.glide .intro .rich-text h1 {
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width: 768px) {

    .cards-module .intro .rich-text .heading,
    .cards-module .intro .rich-text h1,
    .glide .intro .rich-text .heading,
    .glide .intro .rich-text h1 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {

    .cards-module .intro .rich-text .heading,
    .cards-module .intro .rich-text h1,
    .glide .intro .rich-text .heading,
    .glide .intro .rich-text h1 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

@media (min-width: 1536px) {

    .cards-module .intro .rich-text .heading,
    .cards-module .intro .rich-text h1,
    .glide .intro .rich-text .heading,
    .glide .intro .rich-text h1 {
        font-size: 3rem;
        line-height: 1
    }
}

.cards-module .intro .rich-text p,
.cards-module .intro .rich-text li,
.glide .intro .rich-text p,
.glide .intro .rich-text li {
    font-size: 0.875rem;
    line-height: 1.25rem
}

@media (min-width: 768px) {

    .cards-module .intro .rich-text p,
    .cards-module .intro .rich-text li,
    .glide .intro .rich-text p,
    .glide .intro .rich-text li {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1024px) {

    .cards-module .intro .rich-text p,
    .cards-module .intro .rich-text li,
    .glide .intro .rich-text p,
    .glide .intro .rich-text li {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.cards-module .intro .block-image img,
.glide .intro .block-image img {
    height: auto;
    max-width: 12rem
}

@media (min-width: 1024px) {

    .cards-module .intro .block-image img,
    .glide .intro .block-image img {
        max-width: 20rem
    }
}

.cards-module .card-content:not(.embedded-padding) div:has(iframe),
.glide .card-content:not(.embedded-padding) div:has(iframe) {
    padding: 0
}

.cards-module .card-content .rich-text> :not([hidden])~ :not([hidden]),
.glide .card-content .rich-text> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.cards-module .card-content .rich-text .subtitle+.heading,
.glide .card-content .rich-text .subtitle+.heading {
    margin-top: 0.25rem
}

.cards-module .card-content .rich-text .h2+.h1,
.glide .card-content .rich-text .h2+.h1 {
    margin-top: 0.25rem
}

.cards-module .card-content .rich-text .heading,
.cards-module .card-content .rich-text h1,
.glide .card-content .rich-text .heading,
.glide .card-content .rich-text h1 {
    font-size: 1.5rem;
    line-height: 1.75rem
}

@media (min-width: 768px) {

    .cards-module .card-content .rich-text .heading,
    .cards-module .card-content .rich-text h1,
    .glide .card-content .rich-text .heading,
    .glide .card-content .rich-text h1 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1024px) {

    .cards-module .card-content .rich-text .heading,
    .cards-module .card-content .rich-text h1,
    .glide .card-content .rich-text .heading,
    .glide .card-content .rich-text h1 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {

    .cards-module .card-content .rich-text .heading,
    .cards-module .card-content .rich-text h1,
    .glide .card-content .rich-text .heading,
    .glide .card-content .rich-text h1 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1536px) {

    .cards-module .card-content .rich-text .heading,
    .cards-module .card-content .rich-text h1,
    .glide .card-content .rich-text .heading,
    .glide .card-content .rich-text h1 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {

    .cards-module .card-content .rich-text p,
    .cards-module .card-content .rich-text li,
    .glide .card-content .rich-text p,
    .glide .card-content .rich-text li {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.cards-module .card-content .cta,
.glide .card-content .cta {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 768px) {

    .cards-module .card-content .cta,
    .glide .card-content .cta {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.cards-module .card-content .rich-text:has(iframe),
.glide .card-content .rich-text:has(iframe) {
    position: relative;
    overflow: auto;
    height: auto
}

.cards-module .card-content .rich-text:has(iframe) div,
.glide .card-content .rich-text:has(iframe) div {
    height: 100%;
    margin-top: 0px !important
}

.cards-module .card-content .rich-text:has(iframe) div iframe,
.glide .card-content .rich-text:has(iframe) div iframe {
    width: 100%;
    height: 100%
}

.cards-module .card-content .rich-text:has(iframe) p:empty,
.glide .card-content .rich-text:has(iframe) p:empty {
    display: None
}

.hero-banner .rich-text {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width: 768px) {
    .hero-banner .rich-text {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 44px
    }
}

@media (min-width: 1280px) {
    .hero-banner .rich-text {
        font-size: 3rem;
        line-height: 1;
        line-height: 66px
    }
}

@media (min-width: 1536px) {
    .hero-banner .rich-text {
        font-size: 3.75rem;
        line-height: 1;
        line-height: 70px
    }
}

.hero-banner .rich-text p,
.hero-banner .rich-text li {
    font-weight: 400
}

@media (min-width: 768px) {
    .hero-banner .block-content> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse))
    }
}

@media (min-width: 1024px) {
    .hero-banner .block-content> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.25rem * var(--tw-space-y-reverse))
    }
}

.hero-banner .hero-vertical .block-cta_group div {
    margin-left: auto;
    margin-right: auto
}

.faq-block .title .rich-text .heading,
.faq-block .title .rich-text h1 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 33 74 / var(--tw-text-opacity))
}

:is(.dark .faq-block .title .rich-text .heading),
:is(.dark .faq-block .title .rich-text h1) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px) {

    .faq-block .title .rich-text .heading,
    .faq-block .title .rich-text h1 {
        font-size: 3rem;
        line-height: 1;
        line-height: 54px
    }
}

.faq-block .title .rich-text .subtitle,
.faq-block .title .rich-text h2 {
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: none;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 33 74 / var(--tw-text-opacity))
}

:is(.dark .faq-block .title .rich-text .subtitle),
:is(.dark .faq-block .title .rich-text h2) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 640px) {

    .faq-block .title .rich-text .subtitle,
    .faq-block .title .rich-text h2 {
        margin-top: 1.5rem;
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.faq-block .rich-text p,
.faq-block li {
    font-family: SofiaPro, Sofia W03, Helvetica Neue, Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem
}

@media (min-width: 640px) {

    .faq-block .rich-text p,
    .faq-block li {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 768px) {

    .horizontal-cta .block-cta_group>div,
    .horizontal-cta .block-app_stores>div {
        flex-wrap: nowrap
    }

    .horizontal-cta .rich-text p,
    .vertical-cta .rich-text p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.typed-table-header .heading,
.typed-table-header h1 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--heading-colour)
}

.typed-table-header .subtitle,
.typed-table-header h2 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--subtitle-colour)
}

.typed-table-header a {
    overflow-wrap: break-word;
    color: var(--link-colour)
}

.typed-table-header p {
    margin: 0px
}

.manual-table table {
    box-shadow: 8px 8px 24px rgba(0, 33, 74, 0.05);
    border-collapse: separate;
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.manual-table td,
.manual-table th {
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(215 217 216 / var(--tw-border-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.manual-table td:first-child,
.manual-table th:first-child {
    border-left-width: 1px
}

@media (min-width: 1024px) {

    .manual-table td,
    .manual-table th {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

@media (min-width: 1280px) {

    .manual-table td,
    .manual-table th {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.manual-table thead td,
.manual-table thead th {
    border-top-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(215 217 216 / var(--tw-border-opacity))
}

.glide .glide__bullet {
    outline: none
}

.glide .glide__bullet--active {
    opacity: 1
}

.glide .glide__arrow {
    outline: none
}

.tabs-container .desktop .icon-container {
    display: none
}

@media (min-width: 1024px) {
    .tabs-container .desktop .icon-container {
        display: block
    }
}

.tabs-container .desktop .icon-container p {
    margin: 0px
}

.tabs-container .desktop .tabbed {
    width: 100%;
    overflow-x: hidden
}

.tabs-container .desktop .tabbed [type='radio'] {
    display: none
}

.tabs-container .desktop .tabbed .tabs {
    display: flex;
    width: 100%;
    justify-content: space-between
}

@media (min-width: 640px) {
    .tabs-container .desktop .tabbed .tabs {
        column-gap: 0.25rem
    }
}

@media (min-width: 1024px) {
    .tabs-container .desktop .tabbed .tabs {
        column-gap: 0.75rem
    }
}

@media (min-width: 1280px) {
    .tabs-container .desktop .tabbed .tabs {
        column-gap: 1rem
    }
}

.tabs-container .desktop .tabbed .tabs .tab {
    float: left;
    width: 100%
}

.tabs-container .desktop .tabbed .tabs .tab label {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding-bottom: 0.5rem;
    text-align: center
}

@media (min-width: 1536px) {
    .tabs-container .desktop .tabbed .tabs .tab label {
        gap: 1rem
    }
}

.tabs-container .desktop .tabbed .tabs .tab label {
    cursor: pointer;
    transition-duration: 150ms
}

.tabs-container .desktop .tabbed .tab-content {
    display: none
}

.tabs-container .desktop .tabbed .tab-content .feature-block {
    width: 100%
}

.tabs-container .desktop .tabbed .tab-content .feature-block div {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px
}

.tabs-container .desktop .tabbed .tab-content .feature-block>div>:first-child {
    padding: 0px
}

.tab-element-content {
    max-height: 0px;
    transition: max-height 0.35s
}

.tab-element input:checked~.tab-element-content {
    max-height: 100vh
}

.tab-element input[type='checkbox']:checked+label .icon {
    transform: rotate(180deg)
}

.oa-risk-disclaimer .rich-text p,
.oa-alert .rich-text p {
    font-family: SofiaPro, Sofia W03, Helvetica Neue, Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem
}

@media (min-width: 640px) {

    .oa-risk-disclaimer .rich-text p,
    .oa-alert .rich-text p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.oa-risk-disclaimer .text-color .rich-text p,
.oa-alert .text-color .rich-text p {
    color: var(--text-color)
}

.oa-risk-disclaimer .text-color .rich-text p a,
.oa-alert .text-color .rich-text p a {
    color: var(--text-color)
}

.oa-risk-disclaimer .text-color .rich-text p a:hover,
.oa-alert .text-color .rich-text p a:hover {
    opacity: 0.7
}

@media (min-width: 1280px) {
    .pricing-container .header p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.pricing-container .cards-container>* {
    flex-shrink: 0;
    flex-basis: 70vw
}

@media (min-width: 640px) {
    .pricing-container .cards-container>* {
        flex-basis: 40vw
    }
}

@media (min-width: 768px) {
    .pricing-container .cards-container>* {
        flex-shrink: 1;
        flex-basis: auto
    }
}

.pricing-container .cards-container .card-header .block-image {
    display: flex;
    justify-content: center
}

.pricing-container .cards-container .card-header .heading,
.pricing-container .cards-container .card-header h1 {
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width: 1280px) {

    .pricing-container .cards-container .card-header .heading,
    .pricing-container .cards-container .card-header h1 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1536px) {

    .pricing-container .cards-container .card-header .heading,
    .pricing-container .cards-container .card-header h1 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.pricing-container .cards-container .card-header .subtitle,
.pricing-container .cards-container .card-header h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.1em
}

@media (min-width: 1280px) {

    .pricing-container .cards-container .card-header .subtitle,
    .pricing-container .cards-container .card-header h2 {
        letter-spacing: 2.5px
    }
}

.pricing-container .cards-container .card-header hr {
    margin-top: 0.75rem;
    border-top-width: 1px;
    border-color: rgb(0 33 74 / 0.2)
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-header hr {
        margin-top: 0.5rem
    }
}

@media (min-width: 1280px) {
    .pricing-container .cards-container .card-header hr {
        margin-top: 0.75rem
    }
}

.pricing-container .cards-container .card-header p {
    margin-top: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-header p {
        margin-top: 0.5rem;
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {
    .pricing-container .cards-container .card-header p {
        margin-top: 0.75rem
    }
}

.pricing-container .cards-container .card-feature .block-content {
    display: flex;
    height: 100%;
    flex-direction: column
}

.pricing-container .cards-container .card-feature .block-content .heading,
.pricing-container .cards-container .card-feature .block-content h1 {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 1024px) {

    .pricing-container .cards-container .card-feature .block-content .heading,
    .pricing-container .cards-container .card-feature .block-content h1 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.pricing-container .cards-container .card-feature .block-content .rich-text p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500
}

.pricing-container .cards-container .card-feature .block-bullet_list {
    margin-top: 0.625rem
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-feature .block-bullet_list {
        margin-top: 0.75rem
    }
}

@media (min-width: 1280px) {
    .pricing-container .cards-container .card-feature .block-bullet_list {
        margin-top: 1rem
    }
}

@media (min-width: 1536px) {
    .pricing-container .cards-container .card-feature .block-bullet_list {
        margin-top: 1.25rem
    }
}

.pricing-container .cards-container .card-feature .bullet-list div {
    align-items: flex-start;
    column-gap: 0.625rem
}

.pricing-container .cards-container .card-feature .bullet-list div .icon-container {
    width: 1.5rem
}

.pricing-container .cards-container .card-feature .bullet-list div .icon-container svg path {
    stroke-width: 8px
}

.pricing-container .cards-container .card-feature .bullet-list span {
    font-size: 0.75rem;
    line-height: 1rem
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-feature .bullet-list span {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
}

.pricing-container .cards-container .card-feature .block-expander {
    margin-top: auto
}

.pricing-container .cards-container .card-feature .block-cta_group>div {
    display: flex
}

.pricing-container .cards-container .card-feature .block-cta_group a {
    width: 100%
}

.pricing-container.dark .cards-container .card-header hr {
    border-color: rgb(255 255 255 / 0.2)
}

.block-disclaimer_content:last-child>* {
    margin-bottom: 0
}

.block-disclaimer_content .rich-text p {
    font-size: 0.75rem;
    line-height: 1rem
}

.block-disclaimer_data:last-child>* {
    margin-bottom: 0
}

.block-cta_group div {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1280px) {

    .oa-instrument-block .intro p,
    .oa-signal-center .intro p,
    .oa-symbol-status .intro p,
    .oa-calendar-timeline .intro p,
    .oa-free-trial-block .intro p,
    .oa-fxds-marketo-forms-block .intro p,
    .oa-login-form-block .intro p,
    .oa-fxds-thank-you-block .intro p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.oa-free-trial-block .outro .rich-text p {
    padding-top: 4.5rem
}

@media (min-width: 1280px) {

    .oa-instrument-block .intro p,
    .oa-signal-center .intro p,
    .oa-symbol-status .intro p,
    .oa-calendar-timeline .intro p,
    .oa-free-trial-block .intro p,
    .oa-fxds-marketo-forms-block .intro p,
    .oa-login-form-block .intro p,
    .oa-fxds-thank-you-block .intro p,
    .oa-daily-financing-block .intro p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.oa-topical-instruments .outro .heading,
.oa-topical-instruments .outro h1 {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 768px) {

    .oa-topical-instruments .outro .heading,
    .oa-topical-instruments .outro h1 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1536px) {

    .oa-topical-instruments .outro .heading,
    .oa-topical-instruments .outro h1 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.cc__title,
.cc__subtitle {
    margin: 0px
}

.cc__subtitle {
    margin-top: 0.375rem
}

.cc__selected-flag {
    line-height: 1.25rem
}

.cc__convert button {
    width: 100%;
    flex-grow: 1;
    white-space: nowrap;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 33 74 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.cc__convert button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(61 88 164 / var(--tw-bg-opacity))
}

@media (min-width: 768px) {
    .cc__convert button {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.cc__disclaimer-message p {
    margin: 0px;
    line-height: 1.25rem
}

.cc__option-flag {
    width: 38px;
    line-height: 1.25rem
}

.oa-daily-financing-block .df {
    width: auto;
    padding: 0px;
    font-family: Helvetica;
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity))
}

.oa-daily-financing-block .df__inner {
    padding: 0px
}

.oa-custom-marketo-form .mktoFormRow label {
    width: unset !important
}

.oa-fxds-spreads #spreads>div {
    padding: 0px
}

.oa-margin-rates-dropdown .dropdown-header {
    display: flex !important;
    height: auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    border-radius: 0.375rem !important;
    border-width: 2px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 33 74 / var(--tw-border-opacity)) !important;
    padding: 0.75rem !important;
    font-family: SofiaPro, Sofia W03, Helvetica Neue, Arial, sans-serif !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 600 !important
}

.oa-margin-rates-dropdown .dropdown-body {
    border-width: 2px !important;
    border-top-width: 0px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 33 74 / var(--tw-border-opacity)) !important
}

[class*='animate-desktop:'],
[class*='animate-mobile:'] {
    transition: all 1s;
    transition-delay: 0.1s
}

@media (prefers-reduced-motion) {

    [class*='animate-desktop:'],
    [class*='animate-mobile:'] {
        transition: none
    }
}

@media (max-width: 768px) {
    .animate-mobile\:begin {
        opacity: 0;
        transform: translateY(50px)
    }
}

@media (min-width: 768px) {
    .animate-desktop\:begin {
        opacity: 0;
        transform: translateY(50px)
    }
}

.animate\:finish {
    opacity: 1;
    transform: translateY(0)
}

.marquee-content {
    padding-left: 100%;
    animation: scroll-rtl var(--marquee-text-speed) linear infinite
}

@keyframes scroll-rtl {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }

    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%)
    }
}